mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-19 08:31:43 +03:00
2c498ab193
Refs https://www.notion.so/ghost/Switch-breadcrumb-style-513a624c0e0d490ca39a2fdb97a6971a - Separating out the breadcrumbs and the title makes it easier to navigate back on multiple levels for nested pages. - Avoids very long titles, as it doesn't include breadcrumbs anymore
82 lines
4.0 KiB
Handlebars
82 lines
4.0 KiB
Handlebars
<section class="gh-canvas">
|
|
<GhCanvasHeader class="gh-canvas-header">
|
|
<div class="flex flex-column">
|
|
<div class="gh-canvas-breadcrumb">
|
|
<LinkTo @route="settings">
|
|
Settings
|
|
</LinkTo>
|
|
{{svg-jar "arrow-right-small"}} Navigation
|
|
</div>
|
|
<h2 class="gh-canvas-title" data-test-screen-title>
|
|
Navigation
|
|
</h2>
|
|
</div>
|
|
<section class="view-actions">
|
|
<GhTaskButton @task={{this.saveTask}} @class="gh-btn gh-btn-primary gh-btn-icon" data-test-save-button={{true}} />
|
|
</section>
|
|
</GhCanvasHeader>
|
|
|
|
<section class="gh-main-section">
|
|
<h4 class="gh-main-section-header small bn">Primary Navigation</h4>
|
|
<div class="gh-main-section-block">
|
|
<div class="gh-main-section-content padding-top-s grey">
|
|
<form id="settings-navigation" class="gh-blognav" novalidate="novalidate">
|
|
<SortableObjects @sortableObjectList={{this.settings.navigation}} @useSwap={{false}}>
|
|
{{#each this.settings.navigation as |navItem index|}}
|
|
<DraggableObject @content={{navItem}} @dragHandle=".gh-blognav-grab" @isSortable={{true}}>
|
|
<GhNavitem
|
|
@navItem={{navItem}}
|
|
@baseUrl={{this.blogUrl}}
|
|
@addItem={{action "addNavItem"}}
|
|
@deleteItem={{action "deleteNavItem"}}
|
|
@updateUrl={{action "updateUrl"}}
|
|
@updateLabel={{action "updateLabel"}}
|
|
data-test-navitem={{index}} />
|
|
</DraggableObject>
|
|
{{/each}}
|
|
</SortableObjects>
|
|
<GhNavitem
|
|
@navItem={{this.newNavItem}}
|
|
@baseUrl={{this.blogUrl}}
|
|
@addItem={{action "addNavItem"}}
|
|
@updateUrl={{action "updateUrl"}}
|
|
@updateLabel={{action "updateLabel"}}
|
|
data-test-navitem="new" />
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<h4 class="gh-main-section-header small bn">Secondary Navigation</h4>
|
|
<div class="gh-main-section-block">
|
|
<div class="gh-main-section-content padding-top-s grey">
|
|
<form id="secondary-navigation" class="gh-blognav" novalidate="novalidate">
|
|
<SortableObjects @sortableObjectList={{this.settings.secondaryNavigation}} @useSwap={{false}}>
|
|
{{#each this.settings.secondaryNavigation as |navItem index|}}
|
|
<DraggableObject @content={{navItem}} @dragHandle=".gh-blognav-grab" @isSortable={{true}}>
|
|
<GhNavitem
|
|
@navItem={{navItem}}
|
|
@baseUrl={{this.blogUrl}}
|
|
@addItem={{action "addNavItem"}}
|
|
@deleteItem={{action "deleteNavItem"}}
|
|
@updateUrl={{action "updateUrl"}}
|
|
@updateLabel={{action "updateLabel"}}
|
|
data-test-navitem={{index}} />
|
|
</DraggableObject>
|
|
{{/each}}
|
|
</SortableObjects>
|
|
<GhNavitem
|
|
@navItem={{this.newSecondaryNavItem}}
|
|
@baseUrl={{this.blogUrl}}
|
|
@addItem={{action "addNavItem"}}
|
|
@updateUrl={{action "updateUrl"}}
|
|
@updateLabel={{action "updateLabel"}}
|
|
data-test-navitem="new" />
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
|
|
{{outlet}}
|
|
|