Ghost/ghost/admin/app/templates/settings.hbs
Daniel Lockyer 6c2aebbf0c
Added first version of Audit Log UI
refs https://github.com/TryGhost/Toolbox/issues/356

- skateboard version w/ loading data from API, settings button guarded
  by labs, and a basic UI populating a table with info
2022-08-17 10:16:47 +02:00

105 lines
4.2 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">
<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="general">
<span class="yellow">{{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.design" data-test-nav="design">
<span class="blue">{{svg-jar "paint-palette"}}</span>
<div>
<h4>Design</h4>
<p>Customize your site and manage themes</p>
</div>
</LinkTo>
<LinkTo class="gh-setting-group" @route="settings.navigation" data-test-nav="navigation">
<span class="pink">{{svg-jar "compass-2"}}</span>
<div>
<h4>Navigation</h4>
<p>Set up primary and secondary menus</p>
</div>
</LinkTo>
<LinkTo class="gh-setting-group" @route="settings.staff" data-test-nav="staff">
<span class="green">{{svg-jar "staff"}}</span>
<div>
<h4>Staff</h4>
<p>Manage authors, editor and collaborators</p>
</div>
</LinkTo>
</div>
<div class="gh-setting-header">Members</div>
<div class="gh-settings-main-grid">
<LinkTo class="gh-setting-group" @route="settings.membership" data-test-nav="members-membership">
<span class="blue">{{svg-jar "members"}}</span>
<div>
<h4>Membership</h4>
<p>Access, subscription, and pricing options</p>
</div>
</LinkTo>
<LinkTo class="gh-setting-group" @route="settings.newsletters" data-test-nav="members-email">
<span class="yellow">{{svg-jar "email-stroke"}}</span>
<div>
<h4>Email newsletter</h4>
<p>Customize emails and set email addresses</p>
</div>
</LinkTo>
</div>
<div class="gh-setting-header">Advanced</div>
<div class="gh-settings-main-grid">
<LinkTo class="gh-setting-group" @route="settings.integrations" data-test-nav="integrations">
<span class="yellow">{{svg-jar "module"}}</span>
<div>
<h4>Integrations</h4>
<p>Make Ghost work with apps and tools</p>
</div>
</LinkTo>
<LinkTo class="gh-setting-group" @route="settings.code-injection" data-test-nav="code-injection">
<span class="green">{{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="pink">{{svg-jar "labs"}}</span>
<div>
<h4>Labs</h4>
<p>Testing ground for new features</p>
</div>
</LinkTo>
{{#if (feature 'auditLog')}}
<LinkTo class="gh-setting-group" @route="settings.audit-log" data-test-nav="audit-log">
<span class="blue">{{svg-jar "TODO"}}</span>
<div>
<h4>Audit log</h4>
<p>View staff user actions</p>
</div>
</LinkTo>
{{/if}}
</div>
</section>
</section>
{{#if this.showLeaveSettingsModal}}
<GhFullscreenModal @modal="leave-settings"
@confirm={{action "leavePortalSettings"}}
@close={{action "closeLeaveSettingsModal"}}
@modifier="action wide" />
{{/if}}