keeweb/app/templates/modal.hbs

27 lines
1.2 KiB
Handlebars
Raw Permalink Normal View History

2021-04-25 13:46:59 +02:00
<div class="modal modal--hidden {{#if opaque}}modal--opaque{{/if}} {{#if wide}}modal--wide{{/if}}">
2015-12-16 22:50:45 +01:00
<div class="modal__content">
2020-05-30 16:02:02 +02:00
{{#if icon}}
<i class="modal__icon fa fa-{{icon}}"></i>
{{/if}}
2020-04-23 19:55:52 +02:00
<div class="modal__header">{{header}}</div>
2015-12-16 22:50:45 +01:00
<div class="modal__body">
2020-04-23 19:55:52 +02:00
{{#each body as |item|}}
{{item}}
{{#unless @last}}<br/>{{/unless}}
{{/each}}
{{#if pre}}<pre class="modal__pre">{{pre}}</pre>{{/if}}
{{#if link}}<a href="{{link}}" class="modal__link" target="_blank">{{link}}</a>{{/if}}
2020-04-23 19:55:52 +02:00
{{#if hint}}<p class="muted-color">{{hint}}</p>{{/if}}
2015-12-16 22:50:45 +01:00
{{#if checkbox}}
<div class="modal__check-wrap"><input type="checkbox" id="modal__check" /><label for="modal__check">{{checkbox}}</label></div>
{{/if}}
</div>
<div class="modal__buttons">
{{#each buttons as |btn|}}
2016-04-04 20:45:17 +02:00
<button class="{{#unless btn.result}}btn-error{{/unless}} {{#if btn.error}}btn-error{{/if}} {{#if btn.silent}}btn-silent{{/if}}"
2015-12-16 22:50:45 +01:00
data-result="{{btn.result}}">{{btn.title}}</button>
{{/each}}
</div>
</div>
</div>