Add front-end password changing bits
[blerg.git] / www / index.html
index 42a1c01..d99212b 100644 (file)
       username: <input type="text" id="login.username" size="10">
       password: <input type="password" id="login.password" size="10">
       <input type="submit" value="login">
-      <p style="font-size: large"><a href="#" onclick="$('welcome').hide(); $('items').hide(); $('post').hide(); $('signup').show(); return false;">I want to blërg!</a></p>
+      <p style="font-size: large"><a href="#" onclick="$('welcome').hide(); $('items').hide(); $('post').hide(); $('signup').show(); return false">I want to blërg!</a></p>
     </form>
     <div id="logout" style="display: none">
-      Hello, <a href="#" id="userlink" onclick="return qlink()"></a>. <a href="#" onclick="loginStatus.logout(); return false">logout</a><br>
+      Hello, <a href="#" id="userlink" onclick="return qlink()"></a>. <a href="#" onclick="$('welcome').hide(); $('items').hide(); $('post').hide(); $('navigation').hide(); $('passwd').show(); return false">change password</a> <a href="#" onclick="loginStatus.logout(); return false">logout</a><br>
       <a href="#" onclick="postPopup(); return false">Write new entry</a><br>
       <a href="#" id="reflink" onclick="return qlink()">Chatter about me</a><br>
       <a href="#/feed" onclick="return qlink()">Stalk your victims <span id="newFeedMessages"></span></a>
   <div id="signup" style="display:none">
     <h2>Sign Up</h2>
     <table>
-      <tr><td>Username:</td><td><input type="text" id="signup.username" width="40"></td>
-      <tr><td>Password:</td><td><input type="password" id="signup.password" width="40"></td>
+      <tr><td>Username:</td><td><input type="text" id="signup.username" width="40"></td></tr>
+      <tr><td>Password:</td><td><input type="password" id="signup.password" width="40"></td></tr>
     </table>
     <button onclick="signup()">Signup</button> <button onclick="signup_cancel()">Cancel</button>
   </div>
+
+  <div id="passwd" style="display:none">
+    <h2>Change Your Password</h2>
+    <table>
+      <tr><td>Old Password:</td><td><input type="text" id="passwd.old_password" width="40"></td></tr>
+      <tr><td>New Password:</td><td><input type="text" id="passwd.new_password" width="40"></td></tr>
+    </table>
+    <button onclick="passwd()">Change</button> <button onclick="passwd_cancel()">Cancel</button>
+  </div>
+
 </div>
 
 </body>