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