Ghost-Admin/app/components/gh-modal-dialog.hbs

19 lines
1.1 KiB
Handlebars

<div class="modal-container js-modal-container" {{action "closeModal"}}>
<article class="{{klass}} js-modal">
<section class="modal-content" {{action "noBubble" bubbles=false preventDefault=false}}>
{{#if title}}<header class="modal-header"><h1>{{title}}</h1></header>{{/if}}
{{#if showClose}}<a class="close" href="" title="Close" {{action "closeModal"}}>{{svg-jar "close"}}<span class="hidden">Close</span></a>{{/if}}
<section class="modal-body">
{{yield}}
</section>
{{#if confirm}}
<footer class="modal-footer">
{{! Buttons must be on one line to prevent white-space errors }}
<button type="button" class="{{rejectButtonClass}} btn-minor" {{action "confirm" "reject"}} data-test-modal-reject-button>{{confirm.reject.text}}</button><button type="button" class="{{acceptButtonClass}}" {{action "confirm" "accept"}} data-test-modal-accept-button>{{confirm.accept.text}}</button>
</footer>
{{/if}}
</section>
</article>
</div>
<div class="modal-background js-modal-background"></div>