engelsystem/templates/user_shifts.html

53 lines
2.1 KiB
HTML

<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 class="form-inline" action="#shifts" method="get">
<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" type="time" 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 class="form-control" type="time" 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>
<div class="col-md-2">%room_select%</div>
<div class="col-md-2">%type_select%</div>
<div class="col-md-2">%filled_select%</div>
</div>
<div>%task_notice%</div>
<div>%new_style_checkbox%</div>
<input class="btn btn-primary" type="submit" style="width: 100%;" value="%filter%">
</form>
%shifts_table% %ical_text%