2020-06-17 13:26:50 +00:00
|
|
|
{{on-window 'resize' (action "resize") }}
|
2020-07-09 13:30:17 +00:00
|
|
|
<Portal @target="modal">
|
|
|
|
{{yield}}
|
2020-11-06 14:57:19 +00:00
|
|
|
<div
|
|
|
|
class="modal-dialog"
|
|
|
|
{{ref this 'modal'}}
|
|
|
|
...attributes
|
|
|
|
>
|
|
|
|
<input
|
|
|
|
class="modal-dialog-control"
|
|
|
|
id={{name}}
|
|
|
|
type="radio"
|
|
|
|
name="modal"
|
|
|
|
data-checked="{{checked}}"
|
|
|
|
checked={{checked}}
|
|
|
|
onchange={{action 'change'}}
|
|
|
|
/>
|
|
|
|
<div
|
|
|
|
class="modal-dialog-modal"
|
|
|
|
role="dialog"
|
|
|
|
aria-modal="true"
|
|
|
|
>
|
2020-07-09 13:30:17 +00:00
|
|
|
<label for="modal_close"></label>
|
2018-10-19 15:17:02 +00:00
|
|
|
<div>
|
2020-11-06 14:57:19 +00:00
|
|
|
<div class="modal-dialog-window">
|
|
|
|
<header class="modal-dialog-header">
|
|
|
|
<label for="modal_close"></label>
|
2020-07-09 13:30:17 +00:00
|
|
|
<YieldSlot @name="header">
|
|
|
|
{{yield (hash
|
|
|
|
close=(action "close")
|
|
|
|
)}}
|
|
|
|
</YieldSlot>
|
|
|
|
</header>
|
2020-11-06 14:57:19 +00:00
|
|
|
<div class="modal-dialog-body">
|
2020-07-09 13:30:17 +00:00
|
|
|
<YieldSlot @name="body">
|
|
|
|
{{yield (hash
|
|
|
|
close=(action "close")
|
|
|
|
)}}
|
|
|
|
</YieldSlot>
|
|
|
|
</div>
|
2020-11-06 14:57:19 +00:00
|
|
|
<footer class="modal-dialog-footer">
|
2020-07-09 13:30:17 +00:00
|
|
|
<YieldSlot @name="actions" @params={{block-params (action "close")}}>
|
|
|
|
{{yield (hash
|
|
|
|
close=(action "close")
|
|
|
|
)}}
|
|
|
|
</YieldSlot>
|
|
|
|
</footer>
|
|
|
|
</div>
|
2018-10-19 15:17:02 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2020-07-09 13:30:17 +00:00
|
|
|
</Portal>
|