46 lines
2.8 KiB
Handlebars
46 lines
2.8 KiB
Handlebars
<div class="card card-widget card-outline card-secondary mb-3 schedule-rule-card{{#if isCollapsed}} collapsed-card{{/if}}" data-schedule-rule-card>
|
|
<div class="card-header py-2 d-flex align-items-center">
|
|
<div class="flex-grow-1 min-w-0">
|
|
<h4 class="h6 mb-0">Rule <span data-schedule-rule-number>{{ruleIndex}}</span></h4>
|
|
<div class="text-body-secondary small" data-schedule-rule-summary>{{ruleSummary}}</div>
|
|
</div>
|
|
<div class="d-flex align-items-center gap-4 ms-auto flex-shrink-0">
|
|
<button type="button" class="btn btn-sm btn-outline-danger" data-remove-schedule-rule data-confirm-message="Remove this rule?">Remove</button>
|
|
<button type="button" class="btn btn-tool p-0 text-body-secondary" data-lte-toggle="card-collapse" aria-label="Collapse rule {{ruleIndex}}" title="Collapse rule {{ruleIndex}}">
|
|
<i class="bi bi-dash-lg" aria-hidden="true" data-lte-icon="collapse"></i>
|
|
<i class="bi bi-plus-lg" aria-hidden="true" data-lte-icon="expand"></i>
|
|
<span class="visually-hidden">Collapse rule {{ruleIndex}}</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<input type="hidden" name="schedule_rule_row_key[]" value="" data-schedule-rule-row-key />
|
|
<input type="hidden" name="schedule_rule_position[]" value="0" data-schedule-rule-position />
|
|
<div class="row g-3">
|
|
<div class="col-12 col-md-6">
|
|
<label class="form-label">Start datetime</label>
|
|
<input type="datetime-local" class="form-control" name="schedule_rule_start_datetime[]" value="{{startDateTimeValue}}" data-schedule-rule-start-datetime />
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
<label class="form-label">End datetime</label>
|
|
<input type="datetime-local" class="form-control" name="schedule_rule_end_datetime[]" value="{{endDateTimeValue}}" data-schedule-rule-end-datetime />
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
<label class="form-label">Start time</label>
|
|
<input type="time" class="form-control" name="schedule_rule_start_time[]" value="{{startTimeValue}}" data-schedule-rule-start-time />
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
<label class="form-label">End time</label>
|
|
<input type="time" class="form-control" name="schedule_rule_end_time[]" value="{{endTimeValue}}" data-schedule-rule-end-time />
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="btn-group btn-group-sm w-100 schedule-day-grid" role="group" aria-label="Schedule days">
|
|
{{#each dayOptions}}
|
|
<input class="btn-check" type="checkbox" id="{{inputId}}" value="{{value}}" autocomplete="off" {{#if checked}}checked{{/if}} data-schedule-rule-day />
|
|
<label class="btn btn-outline-primary flex-fill schedule-day-button" for="{{inputId}}">{{label}}</label>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |