Ghost/ghost/admin/app/templates/settings/code-injection.hbs
Peter Zimon c51bce7358 🎨 Updated admin area design and usability (#1232)
refs. https://github.com/TryGhost/Team/issues/205

Major update to Ghost Admin UI including:
- improved general consistency (typography, colors and contrast, UI components, icons)
- new design for post and pages lists, improved discoverability of filters 
- search moved to modal
- account menu is decoupled from ghost logo
- further usability fixes
2019-06-18 11:47:20 +01:00

43 lines
2.1 KiB
Handlebars

<section class="gh-canvas">
<GhCanvasHeader class="gh-canvas-header">
<h2 class="gh-canvas-title" data-test-screen-title>
Code injection
</h2>
<section class="view-actions">
{{gh-task-button task=save class="gh-btn gh-btn-blue gh-btn-icon" data-test-save-button=true}}
</section>
</GhCanvasHeader>
{{#if showLeaveSettingsModal}}
{{gh-fullscreen-modal "leave-settings"
confirm=(action "leaveSettings")
close=(action "toggleLeaveSettingsModal")
modifier="action wide"}}
{{/if}}
<section class="view-container">
<form id="settings-code" novalidate="novalidate">
<fieldset>
<p class="gh-box gh-box-info">
{{svg-jar "idea"}}
Ghost allows you to inject code into the top and bottom of your theme files without editing them. This allows for quick modifications to insert useful things like tracking codes and meta tags.
</p>
<div class="br3 shadow-1 bg-grouped-table pa5 pt3 pb1">
<div class="form-group settings-code">
<label for="ghost-head">Site Header</label>
<p>Code here will be injected into the <code>\{{ghost_head}}</code> tag on every page of the site</p>
{{gh-cm-editor settings.codeinjectionHead id="ghost-head" class="gh-input settings-code-editor" name="codeInjection[ghost_head]" type="text" update=(action (mut settings.codeinjectionHead))}}
</div>
<div class="form-group settings-code">
<label for="ghost-foot">Site Footer</label>
<p>Code here will be injected into the <code>\{{ghost_foot}}</code> tag on every page of the site</p>
{{gh-cm-editor settings.codeinjectionFoot id="ghost-foot" class="gh-input settings-code-editor" name="codeInjection[ghost_foot]" type="text" update=(action (mut settings.codeinjectionFoot))}}
</div>
</div>
</fieldset>
</form>
</section>
</section>