summaryrefslogtreecommitdiff
path: root/resources/views/pages/user-shifts.html
diff options
context:
space:
mode:
Diffstat (limited to 'resources/views/pages/user-shifts.html')
-rw-r--r--resources/views/pages/user-shifts.html85
1 files changed, 85 insertions, 0 deletions
diff --git a/resources/views/pages/user-shifts.html b/resources/views/pages/user-shifts.html
new file mode 100644
index 00000000..2278cc07
--- /dev/null
+++ b/resources/views/pages/user-shifts.html
@@ -0,0 +1,85 @@
+<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 type="time" 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>
+ &#8211;
+ <div class="form-group">%end_select%</div>
+ <div class="form-group">
+ <div class="input-group">
+ <input type="time" 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>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-md-12">
+ <div><p>%task_notice%</p></div>
+ <input class="btn btn-primary" type="submit" style="width:75%; margin-bottom: 20px" value="%filter%">
+ </div>
+ </div>
+</form>
+%shifts_table% %ical_text%