|
|
<div>
|
|
|
<form id="strategy_custom_hours_form">
|
|
|
<div class="custom-hours-toggler">
|
|
|
<label>
|
|
|
<div class="title">
|
|
|
{{#monsterRadio i18n.strategy.hours.alwaysOpenTitle}}<input type="radio" name="enabled" value="false" {{#if alwaysOpen}}checked{{/if}}>{{/monsterRadio}}
|
|
|
</div>
|
|
|
<div class="description">
|
|
|
{{i18n.strategy.hours.alwaysOpenDescription}}
|
|
|
</div>
|
|
|
</label>
|
|
|
<label>
|
|
|
<div class="title">
|
|
|
{{#monsterRadio i18n.strategy.hours.customHoursTitle}}<input type="radio" name="enabled" value="true" {{#unless alwaysOpen}}checked{{/unless}}>{{/monsterRadio}}
|
|
|
</div>
|
|
|
<div class="description">
|
|
|
{{i18n.strategy.hours.customHoursDescription}}
|
|
|
</div>
|
|
|
</label>
|
|
|
</div>
|
|
|
|
|
|
<div class="custom-hours-div" {{#unless alwaysOpen}}style="display: block;"{{/unless}}>
|
|
|
<div class="custom-hours-header">
|
|
|
<div class="pull-right timezone-container">
|
|
|
{{i18n.strategy.hours.timezone}}
|
|
|
<span id="strategy_custom_hours_timezone" class="timezone">{{companyTimezone}}</span>
|
|
|
</div>
|
|
|
<div class="title">{{i18n.strategy.hours.listTitle}}</div>
|
|
|
</div>
|
|
|
<div class="custom-days">
|
|
|
{{#each days}}
|
|
|
<div class="custom-day">
|
|
|
<span class="status pull-right">{{#if this.open}}{{@root.i18n.strategy.open}}{{else}}{{@root.i18n.strategy.closed}}{{/if}}</span>
|
|
|
<div>
|
|
|
<label class="custom-day-label">
|
|
|
{{#monsterCheckbox this.label}}
|
|
|
<input type="checkbox" name="opendays[]" value="{{this.name}}" {{#if this.open}}checked{{/if}}>
|
|
|
{{/monsterCheckbox}}
|
|
|
</label>
|
|
|
<span class="timepickers" {{#unless this.open}}style="display:none;"{{/unless}}>
|
|
|
<input required class="from-hour timepicker" type="text" name="weekdays.{{this.name}}.from" value="{{this.from}}">
|
|
|
{{@root.i18n.strategy.hours.to}}
|
|
|
<input required class="to-hour timepicker" type="text" name="weekdays.{{this.name}}.to" value="{{this.to}}">
|
|
|
</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
{{/each}}
|
|
|
</div>
|
|
|
<div class="custom-hours-lunchbreak">
|
|
|
<label>
|
|
|
{{#monsterCheckbox i18n.strategy.hours.lunchbreakTitle}}
|
|
|
<input type="checkbox" name="lunchbreak.enabled" {{#if lunchbreak.enabled}}checked{{/if}}>
|
|
|
{{/monsterCheckbox}}
|
|
|
</label>
|
|
|
<span class="timepickers" {{#unless lunchbreak.enabled}}style="display:none;"{{/unless}}>
|
|
|
<input required class="from-hour timepicker" type="text" name="lunchbreak.from" value="{{lunchbreak.from}}">
|
|
|
{{i18n.strategy.hours.to}}
|
|
|
<input required class="to-hour timepicker" type="text" name="lunchbreak.to" value="{{lunchbreak.to}}">
|
|
|
</span>
|
|
|
</div>
|
|
|
|
|
|
{{#monsterText}}
|
|
|
<p>{{ i18n.strategy.hours.helpAfterHours }}</p>
|
|
|
<p>{{ i18n.strategy.hours.helpLunchHours }}</p>
|
|
|
{{/monsterText}}
|
|
|
</div>
|
|
|
<div class="custom-hours-actions basic-actions">
|
|
|
<a href="#" class="monster-link blue cancel-link">{{i18n.cancel}}</a>
|
|
|
<button class="monster-button monster-button-success save-button">{{i18n.saveChanges}}</button>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|