156 líneas
6.3 KiB
Handlebars
156 líneas
6.3 KiB
Handlebars
<div class="row">
|
||
<div class="col-md-12">
|
||
<h1><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> Autoreply</h1>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<form method="post" action="/account/autoreply">
|
||
<input type="hidden" name="_csrf" value="{{csrfToken}}">
|
||
<input type="hidden" id="start" name="start" value="{{#if values.start}}{{values.start}}{{/if}}" />
|
||
<input type="hidden" id="end" name="end" value="{{#if values.end}}{{values.end}}{{/if}}" />
|
||
|
||
<fieldset>
|
||
<div class="panel panel-default">
|
||
<div class="panel-heading">
|
||
<h3 class="panel-title">Autoreply settings</h3>
|
||
</div>
|
||
<div class="panel-body">
|
||
|
||
<p>
|
||
If enabled then an autoreply message is sent to all incoming messages. If a contact sends
|
||
multiple messages then the autoreply is sent at most once in every four hours.
|
||
</p>
|
||
|
||
<div class="radio">
|
||
<label>
|
||
<input type="radio" name="status" value="false"
|
||
{{#unless values.status}}checked{{/unless}}>
|
||
Autoreply is {{#unless values.status}}<span
|
||
class="label label-default">disabled</span>{{else}}disabled{{/unless}}
|
||
</label>
|
||
</div>
|
||
|
||
<div class="radio">
|
||
<label>
|
||
<input type="radio" name="status" value="true" {{#if values.status}}checked{{/if}}>
|
||
Autoreply is {{#if values.status}}<span
|
||
class="label label-info">enabled</span>{{else}}enabled{{/if}}
|
||
</label>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="name">Name</label>
|
||
<input type="text" class="form-control" id="name" name="name" value="{{values.name}}"
|
||
placeholder="Sender name in the autoreply From: header">
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="subject">Subject</label>
|
||
<input type="text" class="form-control" id="subject" name="subject"
|
||
value="{{values.subject}}" placeholder="Leave blank to use the default subject">
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="daterange">Time</label>
|
||
<div class="form-group-sm daterangeElm" style="position: relative">
|
||
<input type="text" id="daterange" class="form-control" value="">
|
||
<i class="glyphicon glyphicon-calendar fa fa-calendar"
|
||
style="position: absolute; bottom: 10px; right: 24px; top: auto; cursor: pointer;"></i>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="message">Message</label>
|
||
<textarea class="form-control" name="text" value="{{values.text}}"
|
||
rows="3">{{values.text}}</textarea>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<button type="submit" class="btn btn-success"><span class="glyphicon glyphicon-wrench"
|
||
aria-hidden="true"></span> Update</button>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</fieldset>
|
||
</form>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
const startValue = (document.getElementById('start').value || '').trim();
|
||
const endValue = (document.getElementById('end').value || '').trim();
|
||
|
||
document.addEventListener("DOMContentLoaded", function (event) {
|
||
const rangeOptions = {
|
||
"showDropdowns": true,
|
||
"showISOWeekNumbers": true,
|
||
"timePicker": true,
|
||
"timePicker24Hour": true,
|
||
"autoApply": true,
|
||
"autoUpdateInput": false,
|
||
"locale": {
|
||
"direction": "ltr",
|
||
"format": "DD/MM/YYYY HH:mm",
|
||
"separator": " - ",
|
||
"applyLabel": "Select",
|
||
"cancelLabel": "Cancel",
|
||
"fromLabel": "From",
|
||
"toLabel": "To",
|
||
"customRangeLabel": "Custom",
|
||
"daysOfWeek": [
|
||
"Su",
|
||
"Mo",
|
||
"Tu",
|
||
"We",
|
||
"Th",
|
||
"Fr",
|
||
"Sa"
|
||
],
|
||
"monthNames": [
|
||
"January",
|
||
"February",
|
||
"March",
|
||
"April",
|
||
"May",
|
||
"June",
|
||
"July",
|
||
"August",
|
||
"September",
|
||
"October",
|
||
"November",
|
||
"December"
|
||
],
|
||
"firstDay": 1
|
||
},
|
||
|
||
"alwaysShowCalendars": true
|
||
}
|
||
|
||
if (startValue) {
|
||
rangeOptions.startDate = moment(startValue).format('DD/MM/YYYY HH:mm')
|
||
}
|
||
|
||
if (endValue) {
|
||
rangeOptions.endDate = moment(endValue).format('DD/MM/YYYY HH:mm')
|
||
}
|
||
|
||
$('#daterange').daterangepicker(rangeOptions, function (start, end, label) {
|
||
document.getElementById('start').value = start.valueOf();
|
||
document.getElementById('end').value = end.valueOf();
|
||
document.getElementById('daterange').value = start.format('DD/MM/YYYY HH:mm') + ' – ' + end.format('DD/MM/YYYY HH:mm');
|
||
});
|
||
|
||
$('.daterangeElm i').click(function () {
|
||
$(this).parent().find('input').click();
|
||
});
|
||
|
||
if (startValue && endValue) {
|
||
document.getElementById('daterange').value = moment(startValue).format('DD/MM/YYYY HH:mm') + ' – ' + moment(endValue).format('DD/MM/YYYY HH:mm');
|
||
}
|
||
});
|
||
</script> |