summaryrefslogtreecommitdiff
path: root/templates/user_shifts.html
blob: 83458529b48c9be061d8e0698e101e7d0b106ae5 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<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>
            &#8211;
            <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-2 col-xs-4 col-xxs-12">%room_select%</div>
        <div class="col-md-2 col-xs-4 col-xxs-12">%type_select%</div>
        <div class="col-md-2 col-xs-4 col-xxs-12">%filled_select%</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%