]> ruin.nu Git - ndwebbie.git/blobdiff - root/src/settings/index.tt2
Allow users to store their time zone
[ndwebbie.git] / root / src / settings / index.tt2
index 62478b1ac551cf49c811993f1050782149983e5f..6291e33cddcf3684b067b4da5f943167687e9a85 100644 (file)
@@ -9,6 +9,11 @@
        <br>
        <input type="submit" value="Change">
 </fieldset></form>
+<form action="[% c.uri_for('changeBirthday') %]" method="post"><fieldset> <legend>Birthday</legend>
+       YYYY-MM-DD:
+       <input type="text" name="birthday" value="[% birthday %]" id="birthday">
+       <br><input type="submit" value="Change">
+</fieldset></form>
 <form action="[% c.uri_for('changePassword') %]" method="post"> <fieldset> <legend>Change password</legend>
        <p>Old password: 
        <input type="password" name="oldpass" value="">
        </p>
 </fieldset>
 </form>
+<form action="[% c.uri_for('changeTimezone') %]" method="post"><fieldset> <legend>Timezone</legend>
+       <select name="category" id="tzcategory">
+[% FOR cat IN tzcategories %]
+               <option value="[% cat %]" [% IF cat == timezone.0 %]selected[% END %]>[% cat %]</option>
+[% END %]
+       </select>
+       <select name="country" id="tzcountry">
+[% FOR country IN tzcountries %]
+               <option value="[% country %]" [% IF country == timezone.1 %]selected[% END %]>[% country %]</option>
+[% END %]
+       </select>
+       <br><input type="submit" value="Change">
+       <p>Remember that GMT stays the same all year, so if you're in the UK you should pick Europe/London.</p>
+</fieldset></form>
+[%- site.stylesheets = ['ui/ui.datepicker.css'] %]
+<script type="text/javascript" src="/static/ui/ui.core.min.js"></script>
+<script type="text/javascript" src="/static/ui/ui.datepicker.min.js"></script>
+
+<script type="text/javascript">
+$(document).ready(function(){
+       $("#birthday").datepicker({
+               yearRange: "-80:+0",
+               dateFormat: $.datepicker.ATOM,
+               firstDay: 1,
+               showOn: "both"
+       });
+       $("#tzcategory").change(function(){
+               $.get("/jsrpc/tzcountries/" + $(this).val(),function(xml){
+                       $("#tzcountry").empty();
+                       $("country",xml).each(function(i){
+                               $("#tzcountry").append('<option value="'+$(this).text()+'">'+$(this).text()+'</option>');
+                       });
+               });
+       });
+});
+</script>