Ghost/ghost/admin/app/components/gh-nav-menu.hbs

<nav class="gh-nav {{if this.ui.contextualNavMenu "gh-nav-contextual"}}" {{did-insert (fn (mut this.firstRender) false)}} ...attributes>
    {{#if this.ui.contextualNavMenu}}
        {{component (concat "gh-nav-menu/" ui.contextualNavMenu)}}
    {{else}}
        <GhNavMenu::Main @icon={{this.settings.settledIcon}} @firstRender={{this.firstRender}} />
    {{/if}}
</nav>
Added animation of sidebar between main and contextual menus refs https://github.com/TryGhost/Team/issues/1149 - added `ember-css-transitions` library that provides a modifier that adds/removes classes used for animating elements in and out, automatically creating a clone for destroyed elements - added a wrapper class around the `main` and `design` nav menu contents so they could be individually animated - used the new `{{css-transition}}` modifier to animate the sidebar menus in/out - ensured main menu doesn't animate on first render of the parent `<GhNavMenu>` component so there's no animation when Admin is loaded 2021-10-20 15:04:05 +03:00			`<nav class="gh-nav {{if this.ui.contextualNavMenu "gh-nav-contextual"}}" {{did-insert (fn (mut this.firstRender) false)}} ...attributes>`
Switched design screen from modals to standard routes refs https://github.com/TryGhost/Team/issues/1130 - added `ui.contextualNavMenu` property that when set will switch the main nav menu between components, if it's not set then it will show the default "main" menu component - added `design` menu sub-component of `gh-nav-menu` ready for use via `contextualNavMenu` - moved sidebar contents from the design modal into this component - updated design route to set/reset `ui.contextualNavMenu` to `design` on entering/leaving the route - all other design routes are sub-routes so this works across all other design screens - moved base design modal preview into the `settings/design/index` controller/template - using index means that it's the default screen for `/settings/design` but will be automatically replaced by any other `design.x` routes - moved `design/advanced` modal content into the `settings.design.advanced` controller/template and removed the modal handling from the route 2021-10-11 17:24:46 +03:00			`{{#if this.ui.contextualNavMenu}}`
			`{{component (concat "gh-nav-menu/" ui.contextualNavMenu)}}`
			`{{else}}`
Added animation of sidebar between main and contextual menus refs https://github.com/TryGhost/Team/issues/1149 - added `ember-css-transitions` library that provides a modifier that adds/removes classes used for animating elements in and out, automatically creating a clone for destroyed elements - added a wrapper class around the `main` and `design` nav menu contents so they could be individually animated - used the new `{{css-transition}}` modifier to animate the sidebar menus in/out - ensured main menu doesn't animate on first render of the parent `<GhNavMenu>` component so there's no animation when Admin is loaded 2021-10-20 15:04:05 +03:00			`<GhNavMenu::Main @icon={{this.settings.settledIcon}} @firstRender={{this.firstRender}} />`
Switched design screen from modals to standard routes refs https://github.com/TryGhost/Team/issues/1130 - added `ui.contextualNavMenu` property that when set will switch the main nav menu between components, if it's not set then it will show the default "main" menu component - added `design` menu sub-component of `gh-nav-menu` ready for use via `contextualNavMenu` - moved sidebar contents from the design modal into this component - updated design route to set/reset `ui.contextualNavMenu` to `design` on entering/leaving the route - all other design routes are sub-routes so this works across all other design screens - moved base design modal preview into the `settings/design/index` controller/template - using index means that it's the default screen for `/settings/design` but will be automatically replaced by any other `design.x` routes - moved `design/advanced` modal content into the `settings.design.advanced` controller/template and removed the modal handling from the route 2021-10-11 17:24:46 +03:00			`{{/if}}`
Converted `<GhNavMenu>` to glimmer component no issue - moves tag name and class into the component template for better visibility - removed unused `isSettingsRoute` computed property 2021-10-04 14:57:08 +03:00			`</nav>`