olivierauverlot
3834f18e88
* New modal component and upgrade of the button component to allow the opening of a modal box * Modal component * Update examples/official-site/sqlpage/migrations/63_modal.sql * Support for embed content in modal box
45 lines
1.6 KiB
Handlebars
45 lines
1.6 KiB
Handlebars
<div class="btn-list mb-2 {{#if justify}}justify-content-{{justify}}{{/if}} {{class}}">
|
|
{{#each_row}}
|
|
{{#if form}}
|
|
<button type="submit" form="{{form}}" {{#if link}}formaction="{{link}}"{{/if}}
|
|
{{else}}
|
|
<a href="{{link}}"
|
|
{{/if}}
|
|
class="btn text-wrap{{#if disabled}} disabled{{/if}}
|
|
{{~#if color}} btn-{{color}}{{/if}}
|
|
{{~#if ../size}} btn-{{../size}}{{/if}}
|
|
{{~#if outline}} btn-outline-{{outline}}{{/if}}
|
|
{{~#if ../shape}} btn-{{../shape}}{{/if}}
|
|
{{~#if narrow}} btn-icon{{/if}}
|
|
{{~#if space_after}} me-auto{{/if}}"
|
|
{{~#if id}} id="{{id}}"{{/if}}
|
|
{{~#if target}} target="{{target}}"{{/if}}
|
|
{{~#if download}} download="{{download}}"{{/if}}
|
|
{{~#if rel}} rel="{{rel}}"{{/if}}
|
|
{{~#if tooltip}} data-bs-toggle="tooltip" data-bs-placement="top" title="{{tooltip}}"{{/if}}
|
|
{{~#if modal}} data-bs-toggle="modal" data-bs-target="#{{modal}}"{{/if}}
|
|
role="button">
|
|
{{~#if image~}}
|
|
<span {{~#if title}} class="me-1"{{/if}}>
|
|
{{~#if (eq ../size 'sm')}}
|
|
<img width=16 height=16 src="{{image}}">
|
|
{{~else~}}
|
|
<img width=24 height=24 src="{{image}}">
|
|
{{~/if~}}
|
|
</span>
|
|
{{~/if~}}
|
|
{{~#if icon~}}
|
|
<span {{~#if (not narrow)}} class="me-1"{{/if}}>{{~icon_img icon~}}</span>
|
|
{{~/if~}}
|
|
{{~title~}}
|
|
{{~#if icon_after ~}}
|
|
<span class="ms-1">{{~icon_img icon_after~}}</span>
|
|
{{~/if}}
|
|
{{#if form}}
|
|
</button>
|
|
{{else}}
|
|
</a>
|
|
{{/if}}
|
|
{{/each_row}}
|
|
</div>
|