1<form name="edit-vacation" method="post" action="" class="form-horizontal">
2    <div id="edit_form" class="panel panel-default">
3        <div class="panel-heading"><h4>{$PALANG.pUsersVacation_welcome}</h4></div>
4        <div class="panel-body enable-asterisk">
5            <input type="hidden" name="token" value="{$smarty.session.PFA_token|escape:"url"}"/>
6            {if !$authentication_has_role.user}
7                <div class="form-group">
8                    <label class="col-md-4 col-sm-4 control-label">{$PALANG.pLogin_username}:</label>
9                    <div class="col-md-6 col-sm-8"><p class="form-control-static"><em>{$tUseremail}</em></p></div>
10                </div>
11            {/if}
12            <div class="form-group">
13                <label class="col-md-4 col-sm-4 control-label" for="fActiveFromForm">{$PALANG.pUsersVacation_activefrom}
14                    :</label>
15                <div class="col-md-6 col-sm-8">
16                    <input type='hidden' name="fActiveFrom" id="fActiveFrom" value="{$tActiveFrom}"
17                           class="form-control hidden"/>
18                    <div class="input-group date" id="datetimepicker-fActiveFrom">
19                        <input type='text' name="fActiveFromForm" id="fActiveFromForm" value="{$tActiveFrom}"
20                               class="form-control" />
21                        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
22                    </div>
23                </div>
24            </div>
25            <div class="form-group">
26                <label class="col-md-4 col-sm-4 control-label"
27                       for="fActiveUntilForm">{$PALANG.pUsersVacation_activeuntil}:</label>
28                <div class="col-md-6 col-sm-8">
29                    <input type='hidden' name="fActiveUntil" id="fActiveUntil" value="{$tActiveUntil}"
30                           class="form-control hidden"/>
31                    <div class="input-group date" id="datetimepicker-fActiveUntil">
32                        <input type='text'
33                               name="fActiveUntilForm" id="fActiveUntilForm" value="{$tActiveUntil}"
34                               class="form-control" />
35                        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
36                    </div>
37                </div>
38            </div>
39            <div class="form-group">
40                <label class="col-md-4 col-sm-4 control-label" for="fInterval_Time">{$PALANG.pVacation_reply_type}
41                    :</label>
42                <div class="col-md-6 col-sm-8">
43                    <select class="form-control" name="fInterval_Time" id="fInterval_Time">
44                        {html_options options=$select_options selected=$tInterval_Time}
45                    </select>
46                </div>
47            </div>
48            <div class="form-group">
49                <label class="col-md-4 col-sm-4 control-label" for="fSubject">{$PALANG.subject}:</label>
50                <div class="col-md-6 col-sm-8">
51                    <textarea class="form-control" rows="3" cols="60" name="fSubject"
52                              id="fSubject">{$tSubject}</textarea>
53                </div>
54            </div>
55            <div class="form-group">
56                <label class="col-md-4 col-sm-4 control-label" for="fBody">{$PALANG.message}:</label>
57                <div class="col-md-6 col-sm-8">
58                    <textarea class="form-control" rows="10" cols="60" name="fBody" id="fBody">{$tBody}</textarea>
59                </div>
60            </div>
61        </div>
62        <div class="panel-footer">
63            <div class="btn-toolbar" role="toolbar">
64
65                <div class="pull-right">
66                    <a href="{$return_url}" class="btn mr btn-secondary bg-info" title="Go back">{$PALANG.exit}</a>
67
68                    <button class="mr btn mr-5 btn-danger " type="submit" name="action"
69                            value="fBack">{$PALANG.pEdit_vacation_remove}</button>
70
71                    <button class="ml btn btn-lg btn-primary" type="submit" name="action"
72                            value="fChange">{$PALANG.pEdit_vacation_set}</button>
73                </div>
74            </div>
75        </div>
76    </div>
77    </div>
78</form>
79<script type="text/javascript">
80
81    {literal}
82    $(function () {
83        // See: https://momentjs.com/docs/#/displaying/format/ for format spec.
84        // See: https://getdatepicker.com/4/Options/ for docs
85        $('#datetimepicker-fActiveFrom').datetimepicker({
86            ignoreReadonly: true,
87            //     locale: locale,
88            showTodayButton: true,
89            showClear: true,
90            showClose: true,
91            allowInputToggle: true,
92            format: 'YYYY/MM/DD HH:mm',  // should use 'L' but it's crappy mm/dd/YYYY format for me in the U.K.
93            date: $('#fActiveFrom').val(),
94
95        });
96        $('#datetimepicker-fActiveUntil').datetimepicker({
97            ignoreReadonly: true,
98            //   locale: locale,
99            showTodayButton: true,
100            showClear: true,
101            showClose: true,
102            allowInputToggle: true,
103            format: 'YYYY/MM/DD HH:mm', // should use 'L' but it's crappy mm/dd/YYYY format for me in the U.K.
104            date: $('#fActiveUntil').val(),
105            useCurrent: false //Important! See issue #1075
106        });
107
108        $("#datetimepicker-fActiveFrom").on("dp.change", function (e) {
109            $('#datetimepicker-fActiveUntil').data("DateTimePicker").minDate(e.date);
110            $('#fActiveFrom').val((e.date) ? e.date.format() : '').trigger("change");
111        });
112        $("#datetimepicker-fActiveUntil").on("dp.change", function (e) {
113            $('#datetimepicker-fActiveFrom').data("DateTimePicker").maxDate(e.date);
114            $('#fActiveUntil').val((e.date) ? e.date.format() : '').trigger("change");
115        });
116    });
117    {/literal}
118
119</script>
120