jdb/timestamper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Trying to gather thoughts and code coherently.

Browse Source 
Added client-side architecture model.
Playing with UI code.
This commit is contained in:
Jonathan Bernard
2011-04-27 14:11:54 -05:00
parent 9025a2f8f6
commit 302bc9ccdd
8 changed files with 158 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
www/index.yaws
View File

@ -3,8 +3,8 @@
<head>
<title>TimeStamper - Simple Time Tracking</title>
<link href='http://fonts.googleapis.com/css?family=Arvo|Bentham|Cuprum|Cantarell|Geo|Josefin+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" media="screen" href="css/dot-luv/jquery-ui-1.8.10.custom.css" type="text/css"/>
<link rel="stylesheet" media="screen" href="css/ts-screen.css" type="text/css"/>
<link rel="stylesheet" media="screen" href="/css/dot-luv/jquery-ui-1.8.10.custom.css" type="text/css"/>
<link rel="stylesheet" media="screen" href="/css/ts-screen.css" type="text/css"/>
<!-- Needed for IE, but I'm not sure if I'm going to support IE with this tool. -->
<!--<script type="text/javascript" src="/js/json2.js"></script>-->
<!-- PROD -->
@ -13,44 +13,54 @@
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js"></script>
-->
<!-- DEV -->
<script type="text/javascript" src="js/jquery-1.5.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.10.custom.min.js"></script>
<script type="text/javascript" src="/js/jquery-1.5.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.10.custom.min.js"></script>
<script type="text/javascript" src="js/underscore-min.js"></script>
<script type="text/javascript" src="js/ICanHaz.js"></script>
<script type="text/javascript" src="js/backbone-min.js"></script>
<script type="text/javascript" src="js/ts.js"></script>
<script type="text/javascript" src="/js/underscore.js"></script>
<script type="text/javascript" src="/js/ICanHaz.js"></script>
<script type="text/javascript" src="/js/backbone.js"></script>
<script type="text/javascript" src="/js/ts.js"></script>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script id="timelineLink" type="test/html">
<script id="timelineLink" type="text/html">
<li><a href="#">{{id}}</a></li>
</script>
<script id="entry" type="text/html">
<div class="entry">
<div class="mark">{{mark}}</div>
<input class="mark-input" type="text">{{mark}}</input>
<div class="timestamp">{{timestamp}}</div>
<input class="timestamp-input" type="text">{{timestamp}}</input>
<div class="duration">4<span class="tick-tock">:</span>03<span class="tick-tock">:</span>57</div>
<div class="notes">{{notes}}</div>
</div>
</script>
</head>
<body>
<div id="top">
<div id="timeline">
<span class="timeline-desc">Work-related events.</span>
<span class="timeline-desc">No timeline loaded.</span>
<input class="timeline-desc-input" type="text"/>
<div class="timeline-menu" class="drop-menu">
<div class="timeline-id">(&nbsp;work&nbsp;)</div>
<div class="drop-menu">
<div class="timeline-id">(&nbsp;none&nbsp;)</div>
<input class="timeline-id-input" type="text"/>
<ul class="drop-menu-items">
<li>jdb-labs</li>
<li>timestamper</li>
</ul>
</div>
</div>
<div id="user">
<div class="fullname">Jonathan Bernard</div>
<div class="fullname">Not Logged In</div>
<input class='fullname-input' type='text'/>
<div class="username"> - jdbernard</div>
<ul class="user-controls">
<li><a href="#">logout</a></li>
<li><a href="#">user info</a></li>
</ul>
<div class='drop-menu'>
<div class="username"> - not_logged_in</div>
<ul class="drop-menu-items">
<li><a href="#">logout</a></li>
<li><a href="#">user info</a></li>
</ul>
</div>
</div>
</div>
@ -74,6 +84,20 @@
<div class="footer">
Copyright 2011 <a href="http://www.jdb-labs.com"><span class="logo">JDB Labs</span> LLC.</a>
</div>
<div id="login-dialog" title="Login">
<form>
<fieldset>
<label for="login-name">Username:</label>
<input type="text" name="login-name" id="login-name"
class="text ui-widget-content ui-corner-all"></input>
<label for="login-password">Password:</label>
<input type="password" name="login-password" id="login-password"
class="text ui-widget-content ui-corner-all"></input>
</fieldset>
</form>
<p class="validate-tips"></p>
</div>
</body>
</html>