mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-02 08:13:34 +03:00
cc4ff8c6d4
refs https://github.com/TryGhost/Team/issues/3168 - This is basic scaffolding for collection resources UI in Admin. For the most part it's a copy-paste of tags code with slight modifications to fit the collections usecase
169 lines
10 KiB
Handlebars
169 lines
10 KiB
Handlebars
<div class="flex flex-column h-100" {{css-transition (unless @firstRender "gh-nav-main")}} data-test-nav-menu="main" ...attributes>
|
|
|
|
{{#unless this.session.user.isContributor}}
|
|
<header class="gh-nav-menu">
|
|
<div class="gh-nav-menu-details">
|
|
<div class="gh-nav-menu-icon {{this.iconClass}}" style={{this.iconStyle}}></div>
|
|
<div class="gh-nav-menu-details-sitetitle">{{this.config.blogTitle}}</div>
|
|
</div>
|
|
<div class="gh-nav-menu-search">
|
|
<button class="gh-nav-btn-search" title="Search site (Ctrl/⌘ + K)" type="button" {{on "click" (action "openSearchModal")}}><span>{{svg-jar "search"}}</span></button>
|
|
</div>
|
|
</header>
|
|
{{/unless}}
|
|
|
|
<section class="gh-nav-body">
|
|
|
|
{{#unless this.session.user.isContributor}}
|
|
<div class="gh-nav-top">
|
|
<ul class="gh-nav-list gh-nav-main">
|
|
{{#if (gh-user-can-admin this.session.user)}}
|
|
<li class="relative">
|
|
<LinkTo @route="dashboard" @alt="Dashboard" title="Dashboard" data-test-nav="dashboard">{{svg-jar "house"}} Dashboard</LinkTo>
|
|
</li>
|
|
{{/if}}
|
|
<li class="relative">
|
|
<span {{action "transitionToOrRefreshSite" on="click"}}>
|
|
<LinkTo @route="site" data-test-nav="site" @current-when={{this.isOnSite}} @preventDefault={{false}}>
|
|
{{svg-jar "view-site"}} View site
|
|
</LinkTo>
|
|
</span>
|
|
<a href="{{this.config.blogUrl}}/" class="gh-secondary-action" title="Open site in new tab" target="_blank" rel="noopener noreferrer">
|
|
<span>{{svg-jar "external"}}</span>
|
|
</a>
|
|
</li>
|
|
{{#if (gh-user-can-admin this.session.user)}}
|
|
<li class="relative">
|
|
<LinkTo @route="explore" title="Ghost Explore" data-test-nav="explore">{{svg-jar "globe-simple"}} Explore</LinkTo>
|
|
</li>
|
|
{{/if}}
|
|
</ul>
|
|
<ul class="gh-nav-list gh-nav-manage">
|
|
<li class="gh-nav-list-new relative">
|
|
<GhLinkToCustomViewsIndex @route="posts" @query={{reset-query-params "posts"}} data-test-nav="posts">{{svg-jar "posts"}}Posts</GhLinkToCustomViewsIndex>
|
|
<LinkTo @route="editor.new" @model="post" class="gh-secondary-action gh-nav-new-post" @alt="New post" title="New post" data-test-nav="new-story"><span>{{svg-jar "plus"}}</span></LinkTo>
|
|
{{#if this.session.user.isAuthorOrContributor}}
|
|
{{#if this.customViews.forPosts}}
|
|
<ul class="gh-nav-view-list">
|
|
{{#each this.customViews.forPosts as |view|}}
|
|
<li>
|
|
<LinkTo @route="posts" @query={{reset-query-params "posts" view.filter}} data-test-nav-custom="{{view.route}}-{{view.name}}" title="{{view.name}}">
|
|
<span class="gh-nav-viewname">{{view.name}}</span>
|
|
<span class="flex items-center svg-{{view.color}}">
|
|
{{#unless view.icon}}
|
|
<span class="absolute circle"></span>
|
|
{{/unless}}
|
|
</span>
|
|
</LinkTo>
|
|
</li>
|
|
{{/each}}
|
|
</ul>
|
|
{{/if}}
|
|
{{else}}
|
|
{{#if this.customViews.forPosts}}
|
|
<button type="button" class="gh-nav-button-expand {{if this.navigation.settings.expanded.posts "expanded"}}" {{on "click" (fn this.navigation.toggleExpansion "posts")}} aria-label="{{if this.navigation.settings.expanded.posts "Collapse custom post types" "Expand custom post types"}}">
|
|
{{svg-jar (if this.navigation.settings.expanded.posts "arrow-down-stroke" "arrow-right-stroke")}}
|
|
</button>
|
|
{{#liquid-if this.navigation.settings.expanded.posts}}
|
|
<ul class="gh-nav-view-list">
|
|
{{#each this.customViews.forPosts as |view|}}
|
|
<li>
|
|
<LinkTo @route="posts" @query={{reset-query-params "posts" view.filter}} data-test-nav-custom="{{view.route}}-{{view.name}}" title="{{view.name}}">
|
|
<span class="gh-nav-viewname">{{view.name}}</span>
|
|
<span class="flex items-center svg-{{view.color}}">
|
|
{{#unless view.icon}}
|
|
<span class="absolute circle"></span>
|
|
{{/unless}}
|
|
</span>
|
|
</LinkTo>
|
|
</li>
|
|
{{/each}}
|
|
</ul>
|
|
{{/liquid-if}}
|
|
{{/if}}
|
|
{{/if}}
|
|
</li>
|
|
<li>
|
|
{{!-- clicking the Content link whilst on the content screen should reset the filter --}}
|
|
{{#if (eq this.router.currentRouteName "pages")}}
|
|
<LinkTo @route="pages" @query={{reset-query-params "pages"}} class="active" data-test-nav="pages">{{svg-jar "page"}}Pages</LinkTo>
|
|
{{else}}
|
|
<LinkTo @route="pages" data-test-nav="pages">{{svg-jar "page"}}Pages</LinkTo>
|
|
{{/if}}
|
|
</li>
|
|
{{#if this.showTagsNavigation}}
|
|
<li><LinkTo @route="tags" @current-when="tags tag tag.new" data-test-nav="tags">{{svg-jar "tag"}}Tags</LinkTo></li>
|
|
{{/if}}
|
|
{{#if (and (gh-user-can-admin this.session.user) (feature "collections"))}}
|
|
<li><LinkTo @route="collections" @current-when="collections collection collection.new" data-test-nav="collections">{{svg-jar "collections-bookmark"}}Collections</LinkTo></li>
|
|
{{/if}}
|
|
{{#if (gh-user-can-admin this.session.user)}}
|
|
<li class="relative">
|
|
{{#if (eq this.router.currentRouteName "members.index")}}
|
|
<LinkTo @route="members" @current-when="members member member.new" @query={{reset-query-params "members.index"}} data-test-nav="members">{{svg-jar "members"}}Members
|
|
{{#unless this.memberCountLoading}}
|
|
<span class="gh-nav-member-count">{{format-number this.membersStats.memberCount}}</span>
|
|
{{/unless}}
|
|
</LinkTo>
|
|
{{else}}
|
|
<LinkTo @route="members" @current-when="members member member.new" data-test-nav="members">{{svg-jar "members"}}Members
|
|
{{#unless this.memberCountLoading}}
|
|
<span class="gh-nav-member-count">{{format-number this.membersStats.memberCount}}</span>
|
|
{{/unless}}
|
|
</LinkTo>
|
|
{{/if}}
|
|
</li>
|
|
|
|
{{#if this.settings.paidMembersEnabled}}
|
|
<li>
|
|
<LinkTo @route="offers" @current-when="offers offer offer.new" @alt="Offers" data-test-nav="offers">{{svg-jar "percentage"}}Offers</LinkTo>
|
|
</li>
|
|
{{/if}}
|
|
{{/if}}
|
|
{{#if (and (gh-user-can-admin this.session.user) (feature "adminXSettings"))}}
|
|
<li>
|
|
<LinkTo @route="settings-x" @current-when={{this.isSettingsRoute}} data-test-nav="settings">{{svg-jar "settings"}} AdminX Settings</LinkTo>
|
|
</li>
|
|
{{/if}}
|
|
</ul>
|
|
|
|
{{#if this.session.user.isOwnerOnly}}
|
|
<ul class="gh-nav-list">
|
|
{{#if this.showBilling}}
|
|
<li class="relative">
|
|
<a href="javascript:void(0)" class={{if this.billing.billingWindowOpen "active"}} {{action "toggleBillingModal" }} data-test-nav="billing">
|
|
{{svg-jar "credit-card"}} Ghost(Pro)
|
|
</a>
|
|
</li>
|
|
<li class="relative gh-nav-pro">
|
|
<GhBillingUpdateButton />
|
|
</li>
|
|
{{/if}}
|
|
</ul>
|
|
{{/if}}
|
|
|
|
{{#if this.showMenuExtension}}
|
|
<ul class="gh-nav-list gh-nav-settings">
|
|
{{#if this.config.clientExtensions.menu.title}}
|
|
<li class="gh-nav-list-h">{{this.config.clientExtensions.menu.title}}</li>
|
|
{{/if}}
|
|
{{#each this.config.clientExtensions.menu.items as |menuItem| }}
|
|
<li>
|
|
<a href="{{menuItem.href}}" target="_blank" rel="noopener noreferrer">{{svg-jar menuItem.icon}}{{menuItem.text}}</a>
|
|
</li>
|
|
{{/each}}
|
|
</ul>
|
|
{{/if}}
|
|
|
|
{{#if this.showScriptExtension}}
|
|
{{{this.config.clientExtensions.script.container}}}
|
|
<script src="{{this.config.clientExtensions.script.src}}"></script>
|
|
{{/if}}
|
|
</div>
|
|
{{/unless}}
|
|
|
|
<GhNavMenu::Footer />
|
|
|
|
</section>
|
|
</div>
|