Started adding implementation of client-side functionality.
- Changed ts_api:dispatch_user/3 to return information for the user currently, authenticated if a valid session id is presented and no username is presented. - Moved the generic styling of form > * elements to be specific to .bar > form. - Added jQuery U 1.8.0. - Created login dialog that will automatically load upon page load if the user is not logged in. - Added styling for jQuery UI login dialog. - Implemented login functionality on the client page. - Implemented functionality to load user and timeline records on the client side.
This commit is contained in:
@ -3,17 +3,19 @@
|
||||
|
||||
<head>
|
||||
<title>TimeStamper - Simple Time Tracking</title>
|
||||
<link rel="stylesheet" media="screen" href="../css/ts-screen.css" type="text/css"/>
|
||||
<script type="text/javascript" src="../js/jquery-1.5.min.js"></script>
|
||||
<script type="text/javascript" src="../js/ts.js"></script>
|
||||
<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"/>
|
||||
<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/ts.js"></script>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="user" class="bar">
|
||||
<span id="fullname">Jonathan Bernard</span>
|
||||
<span id="username">- jdbernard</span>
|
||||
<span id="fullname">Not Logged In</span>
|
||||
<span id="username">- no_user</span>
|
||||
<div class="control-links">
|
||||
<a href="/ts/edit-user.yaws"
|
||||
onclick="toggleUserInfo(event)">user info</a>
|
||||
@ -65,8 +67,8 @@
|
||||
</div>
|
||||
|
||||
<div id="timeline" class="bar">
|
||||
<span id="timeline-name">work |</span>
|
||||
<span id="timeline-desc">an accounting of time spent at work</span>
|
||||
<span id="timeline-name">timeline |</span>
|
||||
<span id="timeline-desc">timeline description</span>
|
||||
<div class="control-links">
|
||||
<a href="/ts/edit-timeline.yaws"
|
||||
onclick="toggleTimelineInfo(event)">timeline info</a>
|
||||
@ -89,7 +91,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="new-entry" class="bar last-bar">
|
||||
<div id="new-entry" class="bar">
|
||||
<form action="/ts/new-entry.yaws" onsubmit="newEntry(event)">
|
||||
begin a new activity:
|
||||
<input name="new-entry" id="new-entry-input"
|
||||
@ -107,6 +109,25 @@
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div id="last-entry" class="bar last-bar">
|
||||
<a href="#" onclick="loadMoreEntries();">Load More Entries</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>
|
||||
|
Reference in New Issue
Block a user