obscreen/views/slideshow/slides/modal/edit.jinja.html
2024-07-21 21:32:11 +02:00

105 lines
5.0 KiB
HTML

<div class="modal modal-slide-{{ 'notification-' if is_notification }}edit modal-slide hidden">
<h2>
{% if is_notification %}
{{ l.slideshow_slide_form_edit_notification_title }}
{% else %}
{{ l.slideshow_slide_form_edit_title }}
{% endif %}
</h2>
<form class="form" action="{{ url_for('slideshow_slide_edit') }}" method="POST">
<h3>
{{ l.slideshow_slide_form_section_content }}
</h3>
<input type="hidden" name="id" id="slide-edit-id"/>
<input type="hidden" name="is_notification" id="slide-edit-is-notification" value="{{ '1' if is_notification else '0' }}" />
<div class="form-group form-group-horizontal">
<label for="">{{ l.slideshow_slide_form_label_enabled }}</label>
<div class="widget">
<div class="toggle">
<input type="checkbox" class="trigger slide-enabled" name="enabled" value="1"
id="slide-edit-enabled"/>
<label for="slide-edit-enabled"></label>
</div>
</div>
</div>
<div class="form-group slide-content-id-group">
<label for="slide-edit-content-id">{{ l.slideshow_slide_form_label_content_id }}</label>
<div class="widget">
<input type="text" value="" class="disabled target-label content-explr-picker" />
<input type="hidden" name="content_id" id="slide-edit-content-id" required="required" class="target"></input>
<button type="button" class="btn btn-naked content-explr-picker">
<i class="fa fa-crosshairs"></i>
</button>
<button type="button" class="btn btn-neutral hidden slide-content-show" data-route="{{ url_for('slideshow_content_show', content_id='__id__') }}">
<i class="fa-solid fa-up-right-from-square"></i>
</button>
</div>
</div>
<h3 class="divide">
{{ l.slideshow_slide_form_section_scheduling }}
</h3>
<div class="form-group slide-schedule-group">
<label for="slide-edit-cron-schedule">{{ l.slideshow_slide_form_label_cron_scheduled }}</label>
<div class="widget">
<select id="slide-edit-cron-schedule-trigger" class="trigger"></select>
<input type="text" id="slide-edit-cron-schedule-datetimepicker" class="input-naked datetimepicker"
value=""
placeholder="{{ l.slideshow_slide_form_label_cron_scheduled_datetime_placeholder }}"/>
<input type="text" name="cron_schedule" id="slide-edit-cron-schedule" class="target hidden"
placeholder="{{ l.slideshow_slide_form_widget_cron_scheduled_placeholder }}"/>
</div>
</div>
<div class="form-group slide-schedule-end-group">
<label for="slide-edit-cron-schedule-end">{{ l.slideshow_slide_form_label_cron_scheduled_end }}</label>
<div class="widget">
<select id="slide-edit-cron-schedule-end-trigger" class="trigger"></select>
<input type="text" id="slide-edit-cron-schedule-end-datetimepicker" class="input-naked datetimepicker"
value=""
placeholder="{{ l.slideshow_slide_form_label_cron_scheduled_datetime_placeholder }}"/>
<input type="text" name="cron_schedule_end" id="slide-edit-cron-schedule-end" class="target hidden"
placeholder="{{ l.slideshow_slide_form_widget_cron_scheduled_placeholder }}"/>
</div>
</div>
<div class="form-group form-group-horizontal slide-auto-duration-group">
<label for="">{{ l.slideshow_slide_form_label_auto_duration }}</label>
<div class="widget">
<div class="toggle">
<input type="checkbox" class="slide-auto-duration" id="slide-edit-auto-duration" />
<label for="slide-edit-auto-duration"></label>
</div>
</div>
</div>
<div class="form-group slide-duration-group">
<label for="slide-edit-duration">{{ l.slideshow_slide_form_label_duration }}</label>
<div class="widget widget-unit">
<input type="number" name="duration" id="slide-edit-duration" required="required"/>
<span class="unit">{{ l.slideshow_slide_form_label_duration_unit }}</span>
</div>
</div>
<div class="actions">
<button type="button" class="btn btn-naked modal-close">
{{ l.common_close }}
</button>
<button type="submit" class="btn btn-info">
<i class="fa fa-save icon-left"></i>{{ l.common_save }}
</button>
<button type="button" disabled="disabled" class="btn btn-naked hidden btn-loading">
{{ l.common_loading }}
</button>
</div>
</form>
</div>