diff options
Diffstat (limited to 'templates/pages/user-shifts.html')
| -rw-r--r-- | templates/pages/user-shifts.html | 83 |
1 files changed, 83 insertions, 0 deletions
diff --git a/templates/pages/user-shifts.html b/templates/pages/user-shifts.html new file mode 100644 index 00000000..2fdade29 --- /dev/null +++ b/templates/pages/user-shifts.html @@ -0,0 +1,83 @@ +<script type="text/javascript"> + function set_to_now(id) { + document.getElementById(id + '_time').value = moment().format('HH:mm'); + var days = document.getElementById(id + '_day').getElementsByTagName( + 'option'); + for (var i = 0; i < days.length; i++) { + if (days[i].value === moment().format('YYYY-MM-DD')) { + days[i].selected = true; + } + } + } +</script> + +<form class="form-inline" action=""> + <input type="hidden" name="p" value="user_shifts"> + <div class="row"> + <div class="col-md-6"> + <h1>%title%</h1> + <div class="form-group">%start_select%</div> + <div class="form-group"> + <div class="input-group"> + <input class="form-control" id="start_time" name="start_time" size="5" + pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%start_time%"> + <div class="input-group-btn"> + <button class="btn btn-default" title="Now" type="button" onclick="set_to_now('start');"> + <span class="glyphicon glyphicon-time"></span> + </button> + </div> + </div> + </div> + – + <div class="form-group">%end_select%</div> + <div class="form-group"> + <div class="input-group"> + <input class="form-control" id="end_time" name="end_time" size="5" + pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%end_time%"> + <div class="input-group-btn"> + <button class="btn btn-default" title="Now" type="button" onclick="set_to_now('end');"> + <span class="glyphicon glyphicon-time"></span> + </button> + </div> + </div> + </div> + <div class="form-group" style="margin-top: .5em"> + <div class="btn-group"> + <a href="javascript:setDay(-1)" class="btn btn-default ">%set_yesterday%</a> + <a href="javascript:setDay()" class="btn btn-default ">%set_today%</a> + <a href="javascript:setDay(1)" class="btn btn-default ">%set_tomorrow%</a> + </div> + <div class="btn-group"> + <a href="javascript:setHours(-8)" class="btn btn-default ">%set_last_8h%</a> + <a href="javascript:setHours(-4)" class="btn btn-default ">%set_last_4h%</a> + <a href="javascript:setHours(4)" class="btn btn-default ">%set_next_4h%</a> + <a href="javascript:setHours(8)" class="btn btn-default ">%set_next_8h%</a> + </div> + </div> + <div class="form-group" style="margin-top: .5em"> + <div class="btn-group"> + %buttons% + </div> + </div> + </div> + <div class="col-md-6"> + <button class="btn btn-info btn-sm" style="margin-top: 20px; margin-bottom:10px" type="button" data-toggle="collapse" + data-target="#collapseRoomSelect" aria-expanded="false" + aria-controls="collapseRoomSelect"> + collapse/show filters + </button> + <div class="collapse in row" id="collapseRoomSelect"> + <div class="col-xs-4 col-xxs-12">%room_select%</div> + <div class="col-xs-4 col-xxs-12">%type_select%</div> + <div class="col-xs-4 col-xxs-12">%filled_select%</div> + <div class="col-sm-12"><p>%task_notice%</p></div> + </div> + </div> + </div> + <div class="row"> + <div class="col-md-12"> + <input class="btn btn-primary" type="submit" style="width:75%; margin-bottom: 20px" value="%filter%"> + </div> + </div> +</form> +%shifts_table% %ical_text% |