2021-01-28 18:25:21 +03:00
|
|
|
<section class="gh-canvas">
|
|
|
|
<GhCanvasHeader class="gh-canvas-header">
|
|
|
|
<h2 class="gh-canvas-title" data-test-screen-title>
|
|
|
|
<LinkTo @route="settings">Settings</LinkTo>
|
|
|
|
<span>{{svg-jar "arrow-right"}}</span>
|
|
|
|
Navigation
|
|
|
|
</h2>
|
|
|
|
<section class="view-actions">
|
2022-02-09 12:53:38 +03:00
|
|
|
<GhTaskButton @task={{this.saveTask}} @class="gh-btn gh-btn-primary gh-btn-icon" data-test-save-button={{true}} />
|
2021-01-28 18:25:21 +03:00
|
|
|
</section>
|
|
|
|
</GhCanvasHeader>
|
|
|
|
|
|
|
|
{{#if this.showLeaveSettingsModal}}
|
|
|
|
<GhFullscreenModal @modal="leave-settings"
|
|
|
|
@confirm={{action "leaveSettings"}}
|
|
|
|
@close={{action "toggleLeaveSettingsModal"}}
|
|
|
|
@modifier="action wide" />
|
|
|
|
{{/if}}
|
|
|
|
|
2021-02-10 20:48:27 +03:00
|
|
|
<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">
|
2021-02-09 19:22:58 +03:00
|
|
|
<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>
|
2021-02-10 20:48:27 +03:00
|
|
|
</div>
|
2021-01-28 18:25:21 +03:00
|
|
|
|
2021-02-10 20:48:27 +03:00
|
|
|
<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">
|
2021-02-09 19:22:58 +03:00
|
|
|
<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>
|
2021-02-10 20:48:27 +03:00
|
|
|
</div>
|
|
|
|
</section>
|
2021-01-28 18:25:21 +03:00
|
|
|
</section>
|
|
|
|
|
|
|
|
{{outlet}}
|
|
|
|
|