84 lines
4.0 KiB
HTML
84 lines
4.0 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>What I am Doing</title>
|
|
<link rel="stylesheet" href="css/personal-display.css" type="text/css">
|
|
<link href='//fonts.googleapis.com/css?family=Play|Advent+Pro' rel='stylesheet' type='text/css'>
|
|
|
|
<!-- PROD Libraries
|
|
-->
|
|
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.0/jquery.min.js" defer></script>
|
|
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js" defer></script>
|
|
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js" defer></script>
|
|
|
|
<!-- DEV Libraries
|
|
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.0/jquery.js" defer></script>
|
|
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore.js" defer></script>
|
|
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone.js" defer></script>
|
|
-->
|
|
|
|
<script src="js/personal-display.js" type="text/javascript" defer></script>
|
|
|
|
<meta name="viewport" content="width=device-width, user-scalable=no">
|
|
<meta name=version content="1.4">
|
|
</head>
|
|
<body>
|
|
<section id=current-task>
|
|
<h3>Current Activity</h3>
|
|
<span class=task>Loading...</span>
|
|
<div class=task-notes></div>
|
|
</section>
|
|
<section id=priorities>
|
|
<h3>Next Actions (unsorted)</h3>
|
|
</section>
|
|
<section id=main-buttons>
|
|
<ul>
|
|
<li><a href="#" class=pause-continue>Pause Monitoring</a></li>
|
|
<li><a href="#" class=refresh>Refresh Now</a></li>
|
|
<li><a href="#" class=show-config>Config</a></li>
|
|
<li><a href="#" class=toggle-fullscreen>Go Fullscreen</a></li>
|
|
</ul>
|
|
</section>
|
|
<section id=config-dialog>
|
|
<form>
|
|
<h3>Configuration</h3>
|
|
<span class=validate-tips></span>
|
|
<section class=timestamper-config>
|
|
<span class=config-section-header>TimeStamper</span>
|
|
<div><label>Server Name: </label>
|
|
<input type=text class=host></div>
|
|
<div><label>Username: </label>
|
|
<input type=text class=username></div>
|
|
<div><label>Password: </label>
|
|
<input type=password class=password></div>
|
|
<div><label>Timeline: </label>
|
|
<select class=timeline>
|
|
<option value="none">None</option>
|
|
</select></div>
|
|
</section>
|
|
<section class=gtd-config>
|
|
<span class=config-section-header>Getting Things Done</span>
|
|
<div><label>Server Name: </label>
|
|
<input type=text class=host></div>
|
|
<div><label>Username: </label>
|
|
<input type=text class=username></div>
|
|
<div><label>Password: </label>
|
|
<input type=password class=password></div>
|
|
<ul> <li><label>Context: </label>
|
|
<select class=category>
|
|
<option class=default-option value="none">Add a category...</option>
|
|
</select></li> </ul>
|
|
</section>
|
|
<div class=button-panel>
|
|
<div class=global-config>
|
|
<label>Refresh (sec): </label>
|
|
<input type=text class=refresh-period></div>
|
|
<div class=save-button><a href="#">Save and Close</a></div>
|
|
</div>
|
|
<div class=wait-overlay><img src="img/loading-spinner.gif"><br><span></span></div>
|
|
</form>
|
|
</section>
|
|
</body>
|
|
</html>
|