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

<LiquidWormhole @class="fullscreen-modal-container">
    <div class="fullscreen-modal-background" {{action "clickOverlay"}}></div>
    <div class={{this.modalClasses}}>
        {{#if hasBlock}}
          {{yield}}
        {{else}}
            {{#let (component this.modalPath) as |ModalComponent|}}
                <ModalComponent
                    @model={{this.model}}
                    @config={{action "confirm"}}
                    @closeModal={{action "close"}}
                />
            {{/let}}
        {{/if}}
    </div>
</LiquidWormhole>
Migrated to `<AngleBracketSyntax />` (#1460) no issue Ember is migrating to `<AngleBracketSyntax />` for component invocation, see https://github.com/emberjs/rfcs/blob/master/text/0311-angle-bracket-invocation.md We were in a half-way situation where some templates used angle bracket syntax in some places, this PR updates templates to use the syntax everywhere. This simplifies the rules for what template code is referring to... `<Component>` = a component `{{helper}}` = a helper (or locally assigned handlebars variable) `{{this.foo}}` = data on the template backing context (a component/controller) `{{@foo}}` = a named argument passed into the component that the component backing class has not modified (note: this commit does not introduce any named arguments) - ran codemod https://github.com/ember-codemods/ember-angle-brackets-codemod on the following directories: - `app/templates` - `lib/koenig-editor/addon/templates` - removed positional params from components as angle bracket syntax does not support them - `gh-feature-flag` - `gh-tour-item` - `gh-cm-editor` - `gh-fullscreen-modal` - `gh-task-button` - updates some code that was missed in https://github.com/TryGhost/Ghost-Admin/commit/3c851293c1f92d14bc6a49debf86a4663398315a to use explicit this 2020-01-16 18:14:03 +03:00			`<LiquidWormhole @class="fullscreen-modal-container">`
refactor gh-fullscreen-modal component to use liquid-wormhole directly (#281) no issue - remove `liquid-tether` dependency - add `liquid-wormhole` dependency (previously a dependency of liquid-tether) - refactor `gh-fullscreen-modal` to simplify and use `liquid-wormhole` directly instead of `liquid-tether` as we don't need the positioning ability that `liquid-tether` provides - fixes broken View/Component tree in Ember Inspector 🎉 2016-10-07 16:27:39 +03:00			`<div class="fullscreen-modal-background" {{action "clickOverlay"}}></div>`
Ran "no implicit this in templates" codemod no issue We were in a part-way state where some touched files had been (sometimes partially) migrated to explicit `this`. The codemod that was available has now fixed the formatting issues it had so it was a good time to run it. https://github.com/ember-codemods/ember-no-implicit-this-codemod - part of the migration path for https://github.com/emberjs/rfcs/pull/308 - starts to make template resolution rules more explicit - `<MyComponent />` - always a component - `{{my-component}}` - component or helper (components _must_ have a `-`. This style of component will go away once fully migrated to angle bracket components) - `{{value}}` - a helper or local template variable - `{{this.value}}` - reference to a property on the backing context (either a controller or a component JS file) 2019-12-13 17:20:29 +03:00			`<div class={{this.modalClasses}}>`
refactor gh-fullscreen-modal component to use liquid-wormhole directly (#281) no issue - remove `liquid-tether` dependency - add `liquid-wormhole` dependency (previously a dependency of liquid-tether) - refactor `gh-fullscreen-modal` to simplify and use `liquid-wormhole` directly instead of `liquid-tether` as we don't need the positioning ability that `liquid-tether` provides - fixes broken View/Component tree in Ember Inspector 🎉 2016-10-07 16:27:39 +03:00			`{{#if hasBlock}}`
			`{{yield}}`
			`{{else}}`
Added first pass at new post preview refs https://github.com/TryGhost/Team/issues/451 Start of new post preview prototype. - adds preview button next to publish button - opens new combined preview modal with desktop/email/social tabs - desktop preview shows front-end preview url in iframe - email preview fetches preview data as per the older email preview modal - social preview to come later 2021-01-22 12:24:33 +03:00			`{{#let (component this.modalPath) as \|ModalComponent\|}}`
			`<ModalComponent`
			`@model={{this.model}}`
			`@config={{action "confirm"}}`
			`@closeModal={{action "close"}}`
			`/>`
			`{{/let}}`
refactor gh-fullscreen-modal component to use liquid-wormhole directly (#281) no issue - remove `liquid-tether` dependency - add `liquid-wormhole` dependency (previously a dependency of liquid-tether) - refactor `gh-fullscreen-modal` to simplify and use `liquid-wormhole` directly instead of `liquid-tether` as we don't need the positioning ability that `liquid-tether` provides - fixes broken View/Component tree in Ember Inspector 🎉 2016-10-07 16:27:39 +03:00			`{{/if}}`
			`</div>`
Migrated to `<AngleBracketSyntax />` (#1460) no issue Ember is migrating to `<AngleBracketSyntax />` for component invocation, see https://github.com/emberjs/rfcs/blob/master/text/0311-angle-bracket-invocation.md We were in a half-way situation where some templates used angle bracket syntax in some places, this PR updates templates to use the syntax everywhere. This simplifies the rules for what template code is referring to... `<Component>` = a component `{{helper}}` = a helper (or locally assigned handlebars variable) `{{this.foo}}` = data on the template backing context (a component/controller) `{{@foo}}` = a named argument passed into the component that the component backing class has not modified (note: this commit does not introduce any named arguments) - ran codemod https://github.com/ember-codemods/ember-angle-brackets-codemod on the following directories: - `app/templates` - `lib/koenig-editor/addon/templates` - removed positional params from components as angle bracket syntax does not support them - `gh-feature-flag` - `gh-tour-item` - `gh-cm-editor` - `gh-fullscreen-modal` - `gh-task-button` - updates some code that was missed in https://github.com/TryGhost/Ghost-Admin/commit/3c851293c1f92d14bc6a49debf86a4663398315a to use explicit this 2020-01-16 18:14:03 +03:00			`</LiquidWormhole>`