diff options
author | Jan-Philipp Litza <janphilipp@litza.de> | 2012-12-30 16:47:36 +0100 |
---|---|---|
committer | Jan-Philipp Litza <janphilipp@litza.de> | 2012-12-30 16:47:36 +0100 |
commit | 15668bad18a619d075fcb5cf5d6726067bbfb1a3 (patch) | |
tree | 1deddd5eeeef979ce99cb10c0e9004b252109b60 | |
parent | b32ade0a345d4585896a3f155666462e3aeedb5f (diff) |
More filter functions and bigger filter button
-rw-r--r-- | public/css/base.css | 4 | ||||
-rw-r--r-- | templates/user_shifts.html | 15 |
2 files changed, 17 insertions, 2 deletions
diff --git a/public/css/base.css b/public/css/base.css index 61e0702e..a427dd31 100644 --- a/public/css/base.css +++ b/public/css/base.css @@ -431,6 +431,10 @@ tr:hover .hidden { padding: 10px; } +#filter input[type="submit"] { + padding: 15px; +} + td .entries img { vertical-align: bottom; } diff --git a/templates/user_shifts.html b/templates/user_shifts.html index 543d8911..0bdebc50 100644 --- a/templates/user_shifts.html +++ b/templates/user_shifts.html @@ -1,8 +1,19 @@ +<script type="text/javascript"> +function set_to_now(id) { + var now = new Date(); + document.getElementById(id + '_time').value = now.getHours() + ':' + now.getMinutes(); + var days = document.getElementById(id + '_day').getElementsByTagName('option'); + for(var i = 0; i < days.length; i++) { + if(days[i].value == (1900 + now.getYear()) + '-' + (1 + now.getMonth()) + '-' + now.getDate()) + days[i].selected = true; + } +} +</script> <form action="#shifts" type="get"> <fieldset class="form" id="filter"><legend>Filter</legend> <div> -%start_select% <input type="time" name="start_time" size="5" pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%start_time%"> -– %end_select% <input type="time" name="end_time" size="5" pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%end_time%"> +%start_select% <input type="time" id="start_time" name="start_time" size="5" pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%start_time%"> <img src="pic/icons/clock.png" alt="Now" title="Now" style="cursor: pointer;vertical-align: middle;" onclick="set_to_now('start');"> +– %end_select% <input type="time" id="end_time" name="end_time" size="5" pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%end_time%"> <img src="pic/icons/clock.png" alt="Now" title="Now" style="cursor: pointer;vertical-align: middle;" onclick="set_to_now('end');"> </div> <input type="hidden" name="p" value="user_shifts"> %room_select% |