Ghost/ghost/admin/app/templates/components/gh-fullscreen-modal.hbs

<div class="liquid-tether-overlay {{overlayClass}} {{if on-overlay-click 'clickable'}}" {{action 'clickOverlay'}}></div>
<div class="liquid-tether {{tetherClass}}">
    {{#if hasBlock}}
      {{yield}}
    {{else}}
      {{component modalPath
                  model=model
                  confirm=(action 'confirm')
                  closeModal=(action 'close')}}
    {{/if}}
</div>
Refactor modals refs #5798, closes #5018 - adds new `gh-fullscreen-modal` component - modals are now specified in-context so that they can have deeper interaction with their surrounding components/controller/route, i.e. a modal component can be a thin confirm/deny wrapper over the underlying controller action keeping all context-sensitive logic in one place - adds spin-buttons to all modals with async behaviour - adds/improves behaviour of inline-validation in modals - improves re-authenticate modal to properly handle validation and authentication errors 2015-11-18 13:50:48 +03:00			`<div class="liquid-tether-overlay {{overlayClass}} {{if on-overlay-click 'clickable'}}" {{action 'clickOverlay'}}></div>`
			`<div class="liquid-tether {{tetherClass}}">`
			`{{#if hasBlock}}`
			`{{yield}}`
			`{{else}}`
			`{{component modalPath`
			`model=model`
			`confirm=(action 'confirm')`
			`closeModal=(action 'close')}}`
			`{{/if}}`
			`</div>`