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

More progress on the application page.

Browse Source 
Created and styled the forms for updating user/timeline information.
Wired the hidden forms to links that expose them using jQuery.
This commit is contained in:
Jonathan Bernard
2011-02-12 07:48:19 -06:00
parent 9c645e9a88
commit 6197363508
4 changed files with 205 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
www/ts/index.yaws
View File

@@ -3,6 +3,8 @@
<head>
<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>
</head>
<body>
@@ -11,36 +13,80 @@
<span id="fullname">Jonathan Bernard</span>
<span id="username">- jdbernard</span>
<div class="control-links">
<a href="/ts/logout.yaws" class="control-link"
onclick="showUserMenu()">logout</a>
<a href="/ts/edit-user.yaws" class="control-link"
onclick="logout()">user info</a>
<a href="/ts/edit-user.yaws"
onclick="toggleUserInfo(event)">user info</a>
<a href="/ts/logout.yaws" onclick="logout(event)">logout</a>
</div>
</div>
<div id="user-info" class="bar">
<form action="/ts/update-user.yaws" onsubmit="updateUser(); false">
<input type="text" disabled="true"/>
</form>
<div id="user-info">
<form action="/ts/update-user.yaws" onsubmit="updateUser(event)">
<div class="form-col">
<label for="fullname"><span>name:</span>
<input id="fullname-input" name="fullname"
class="text-input" type="text"/>
</label>
<label for="email"><span>email:</span>
<input id="email-input" name="email"
class="text-input" type="text"/>
</label>
</div>
<div class="form-col">
<div id="change-pwd">
<label for="old-pwd"><span>password:</span>
<input id="old-pwd-input" name="old-pwd"
class="text-input" type="password"/>
</label>
<label for="new-pwd"><span>new pwd:</span>
<input id="new-pwd-input" name="new-pwd"
class="text-input" type="password"/>
</label>
<label for="new-pwd-conf"><span>confirm:</span>
<input id="new-pwd-conf-input" name="new-pwd-conf"
class="text-input" type="password"/>
</label>
</div>
<label for="enable-pwd-change">
<input name="enable-pwd-change" type="checkbox"
onclick="showChangePwd(event)"/>
change password
</label>
</div>
<div class="form-submit">
<div>
<input name="submit-user" type="submit"
value="save changes"/>
</div>
</div>
</form>
</div>
</div>
<div id="timeline" class="bar">
<span id="timeline-name">work |</span>
<span id="timeline-desc">an accounting of time spent at work</span>
<div class="control-links">
<a href="/ts/edit-timeline.yaws" class="control-link"
onclick="toggleTimelineInfo()">timeline info</a>
<a href="/ts/select-timeline.yaws" class="control-link"
onclick="showTimelineMenu()">change timelines</a>
<a href="/ts/edit-timeline.yaws"
onclick="toggleTimelineInfo(event)">timeline info</a>
<a href="/ts/select-timeline.yaws"
onclick="showTimelineMenu(event)">change timelines</a>
</div>
<div id="timeline-info">
<form action="/ts/update-timeline.yaws"
onsubmit="updateTimeline(event); false">
<label for="timeline-desc"><span>description:</span>
<input id="timeline-desc-input" class="text-input"
name="timeline-desc" type="text"/>
</label>
<div class="form-submit">
<input name="submit-timeline" type="submit"
value="save changes"/>
</div>
</form>
</div>
</div>
<div id="timeline-info" class="bar">
<form action="/ts/update-timeline.yaws" onsubmit="updateTimeline(); false">
<!-- TODO -->
</form>
</div>
<div id="new-entry" class="bar last-bar">
<div id="new-entry" class="bar last-bar">
</div>
</body>