mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-29 15:12:58 +03:00
c757ddbef8
* Admin UI update basics Added the basics for the Admin UI/style update. Very far from being done... * Admin style updates - exploring menu - enabling full width content (integrations selection bg) - updated main screens
104 lines
4.3 KiB
Handlebars
104 lines
4.3 KiB
Handlebars
<section class="gh-canvas">
|
|
<GhCanvasHeader class="gh-canvas-header">
|
|
<h2 class="gh-canvas-title" data-test-screen-title>
|
|
Settings
|
|
</h2>
|
|
</GhCanvasHeader>
|
|
|
|
<section class="view-container gh-main-width">
|
|
<div class="gh-setting-header gh-first-header">Website</div>
|
|
<div class="gh-settings-main-grid">
|
|
<LinkTo class="gh-setting-group" @route="settings.general" data-test-nav="settings">
|
|
<span class="color-1">{{svg-jar "settings"}}</span>
|
|
<div>
|
|
<h4>General</h4>
|
|
<p>Basic publication details and site metadata</p>
|
|
</div>
|
|
</LinkTo>
|
|
<LinkTo class="gh-setting-group" @route="settings.theme" data-test-nav="theme">
|
|
<span class="color-2">{{svg-jar "page"}}</span>
|
|
<div>
|
|
<h4>Theme</h4>
|
|
<p>Install and update themes</p>
|
|
</div>
|
|
</LinkTo>
|
|
<button type="button" class="gh-setting-group" {{action (toggle "showBrandingModal" this)}} data-test-nav="design">
|
|
<span class="color-3">{{svg-jar "paintbrush"}}</span>
|
|
<div>
|
|
<h4>Branding</h4>
|
|
<p>Upload site logo and set accent color</p>
|
|
</div>
|
|
</button>
|
|
<LinkTo class="gh-setting-group" @route="settings.navigation" data-test-nav="theme">
|
|
<span class="color-4">{{svg-jar "compass-2"}}</span>
|
|
<div>
|
|
<h4>Navigation</h4>
|
|
<p>Set up primary and secondary menus</p>
|
|
</div>
|
|
</LinkTo>
|
|
</div>
|
|
|
|
<div class="gh-setting-header">Members</div>
|
|
<div class="gh-settings-main-grid">
|
|
<button type="button" class="gh-setting-group" {{action (toggle "showPortalSettings" this)}} data-test-toggle-membersFrom>
|
|
<span class="color-3">{{svg-jar "portal-logo"}}</span>
|
|
<div>
|
|
<h4>Portal</h4>
|
|
<p>Customize members modal signup flow</p>
|
|
</div>
|
|
</button>
|
|
<LinkTo class="gh-setting-group" @route="settings.members-email" data-test-nav="design">
|
|
<span class="color-4">{{svg-jar "email"}}</span>
|
|
<div>
|
|
<h4>Email newsletter</h4>
|
|
<p>Customise emails and set email addresses</p>
|
|
</div>
|
|
</LinkTo>
|
|
<LinkTo class="gh-setting-group" @route="settings.members-payments" data-test-nav="design">
|
|
<span class="color-1">{{svg-jar "piggy-bank"}}</span>
|
|
<div>
|
|
<h4>Payments</h4>
|
|
<p>Connect to Stripe and set up prices</p>
|
|
</div>
|
|
</LinkTo>
|
|
</div>
|
|
|
|
<div class="gh-setting-header">Extensions</div>
|
|
<div class="gh-settings-main-grid">
|
|
<LinkTo class="gh-setting-group" @route="settings.code-injection" data-test-nav="code-injection">
|
|
<span class="color-2">{{svg-jar "brackets"}}</span>
|
|
<div>
|
|
<h4>Code injection</h4>
|
|
<p>Add code to your publication</p>
|
|
</div>
|
|
</LinkTo>
|
|
<LinkTo class="gh-setting-group" @route="settings.labs" data-test-nav="labs">
|
|
<span class="color-3">{{svg-jar "labs"}}</span>
|
|
<div>
|
|
<h4>Labs</h4>
|
|
<p>Testing ground for new features</p>
|
|
</div>
|
|
</LinkTo>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
|
|
{{#if this.showPortalSettings}}
|
|
<GhFullscreenModal @modal="portal-settings"
|
|
@model={{hash
|
|
openStripeSettings=(action "openStripeSettings")
|
|
}}
|
|
@close={{action "closePortalSettings"}}
|
|
@modifier="full-overlay portal-settings" />
|
|
{{/if}}
|
|
{{#if this.showBrandingModal}}
|
|
<GhFullscreenModal @modal="branding"
|
|
@close={{action "closeBrandingModal"}}
|
|
@modifier="full-overlay branding-modal" />
|
|
{{/if}}
|
|
{{#if this.showLeaveSettingsModal}}
|
|
<GhFullscreenModal @modal="leave-settings"
|
|
@confirm={{action "leavePortalSettings"}}
|
|
@close={{action "closeLeaveSettingsModal"}}
|
|
@modifier="action wide" />
|
|
{{/if}} |