2017-02-17 06:50:07 +01:00
|
|
|
<section class="gh-canvas">
|
|
|
|
<header class="gh-canvas-header">
|
|
|
|
<h2 class="gh-canvas-title">General</h2>
|
2015-06-13 16:34:09 +02:00
|
|
|
<section class="view-actions">
|
2017-02-21 09:18:15 +01:00
|
|
|
{{#gh-spin-button class="gh-btn gh-btn-blue" action="save" submitting=submitting data-test-save-button=true}}<span>Save settings</span>{{/gh-spin-button}}
|
2015-06-13 16:34:09 +02:00
|
|
|
</section>
|
|
|
|
</header>
|
2014-03-10 04:44:08 +01:00
|
|
|
|
2017-02-17 06:50:07 +01:00
|
|
|
<section class="view-container">
|
2017-02-21 09:18:15 +01:00
|
|
|
|
|
|
|
<div class="gh-setting-header">Publication info</div>
|
|
|
|
<div class="gh-setting">
|
|
|
|
<div class="gh-setting-content">
|
|
|
|
<div class="gh-setting-title">Title & description</div>
|
|
|
|
<div class="gh-setting-desc">The details used to identify your publication around the web</div>
|
|
|
|
<div class="gh-setting-content-extended">
|
|
|
|
{{#gh-form-group errors=model.errors hasValidated=model.hasValidated property="title"}}
|
|
|
|
{{gh-input model.title id="blog-title" name="general[title]" type="text" focusOut=(action "validate" "title" target=model) update=(action (mut model.title))}}
|
|
|
|
{{gh-error-message errors=model.errors property="title"}}
|
|
|
|
<p>The name of your site</p>
|
|
|
|
{{/gh-form-group}}
|
|
|
|
|
|
|
|
{{#gh-form-group errors=model.errors hasValidated=model.hasValidated property="description" class="description-container"}}
|
|
|
|
{{gh-input model.description id="blog-description" name="general[description]" type="text" focusOut=(action "validate" "description" target=model) update=(action (mut model.description))}}
|
|
|
|
{{gh-error-message errors=model.errors property="description"}}
|
|
|
|
<p>Used in your theme, meta data and search results</p>
|
|
|
|
{{/gh-form-group}}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="gh-setting-action">
|
|
|
|
<button type="button" class="gh-btn gh-btn-hover-blue" {{action "exportData"}}><span>Close</span></button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="gh-setting">
|
|
|
|
<div class="gh-setting-content">
|
|
|
|
<div class="gh-setting-title">Site timezone</div>
|
|
|
|
<div class="gh-setting-desc">Set the time and date of your publication, used for all published posts</div>
|
|
|
|
<div class="gh-setting-content-extended">
|
|
|
|
{{gh-timezone-select
|
|
|
|
activeTimezone=model.activeTimezone
|
|
|
|
availableTimezones=availableTimezones
|
|
|
|
update=(action "setTimezone")}}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="gh-setting-action">
|
|
|
|
<button type="button" class="gh-btn gh-btn-hover-blue" {{action "exportData"}}><span>Close</span></button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="gh-setting-header">Publication identity</div>
|
|
|
|
<div class="gh-setting">
|
|
|
|
<div class="gh-setting-content">
|
|
|
|
<div class="gh-setting-title">Publication icon</div>
|
|
|
|
<div class="gh-setting-desc">A square, social icon used in the UI of your publication, at least 60x60px</div>
|
|
|
|
</div>
|
|
|
|
<div class="gh-setting-action">
|
|
|
|
{{#if model.icon}}
|
|
|
|
<img class="blog-icon" src="{{model.icon}}" alt="icon" role="button" {{action "toggleUploadIconModal"}}>
|
|
|
|
{{else}}
|
|
|
|
<button type="button" class="gh-btn js-modal-logo" {{action "toggleUploadIconModal"}}><span>Upload Image</span></button>
|
|
|
|
{{/if}}
|
|
|
|
|
|
|
|
{{#if showUploadIconModal}}
|
|
|
|
{{gh-fullscreen-modal "upload-image"
|
|
|
|
model=(hash model=model imageProperty="icon" accept=iconMimeTypes extensions=iconExtensions allowUrlInput=false uploadUrl="/uploads/icon/")
|
|
|
|
close=(action "toggleUploadIconModal")
|
|
|
|
modifier="action wide"}}
|
|
|
|
{{/if}}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="gh-setting">
|
|
|
|
<div class="gh-setting-content">
|
|
|
|
<div class="gh-setting-title">Publication logo</div>
|
|
|
|
<div class="gh-setting-desc">The primary logo for your brand displayed across your theme, should be transparent and at least 600px x 72px</div>
|
|
|
|
</div>
|
|
|
|
<div class="gh-setting-action">
|
2015-06-13 16:34:09 +02:00
|
|
|
{{#if model.logo}}
|
2015-11-18 11:50:48 +01:00
|
|
|
<img class="blog-logo" src="{{model.logo}}" alt="logo" role="button" {{action "toggleUploadLogoModal"}}>
|
2015-06-13 16:34:09 +02:00
|
|
|
{{else}}
|
2017-02-21 09:18:15 +01:00
|
|
|
<button type="button" class="gh-btn js-modal-logo" {{action "toggleUploadLogoModal"}}><span>Upload Image</span></button>
|
2015-06-13 16:34:09 +02:00
|
|
|
{{/if}}
|
2015-11-18 11:50:48 +01:00
|
|
|
|
|
|
|
{{#if showUploadLogoModal}}
|
|
|
|
{{gh-fullscreen-modal "upload-image"
|
2017-01-26 12:17:34 +01:00
|
|
|
model=(hash model=model imageProperty="logo" allowUrlInput=true)
|
2016-08-17 17:01:46 +02:00
|
|
|
close=(action "toggleUploadLogoModal")
|
|
|
|
modifier="action wide"}}
|
2015-11-18 11:50:48 +01:00
|
|
|
{{/if}}
|
2014-03-10 04:44:08 +01:00
|
|
|
</div>
|
2017-02-21 09:18:15 +01:00
|
|
|
</div>
|
|
|
|
<div class="gh-setting">
|
|
|
|
<div class="gh-setting-content">
|
|
|
|
<div class="gh-setting-title">Publication cover</div>
|
|
|
|
<div class="gh-setting-desc">An optional large background image for your site</div>
|
|
|
|
</div>
|
|
|
|
<div class="gh-setting-action">
|
2015-06-13 16:34:09 +02:00
|
|
|
{{#if model.cover}}
|
2015-11-18 11:50:48 +01:00
|
|
|
<img class="blog-cover" src="{{model.cover}}" alt="cover photo" role="button" {{action "toggleUploadCoverModal"}}>
|
2015-06-13 16:34:09 +02:00
|
|
|
{{else}}
|
2017-02-21 09:18:15 +01:00
|
|
|
<button type="button" class="gh-btn js-modal-cover" {{action "toggleUploadCoverModal"}}><span>Upload Image</span></button>
|
2015-06-13 16:34:09 +02:00
|
|
|
{{/if}}
|
2015-11-18 11:50:48 +01:00
|
|
|
|
|
|
|
{{#if showUploadCoverModal}}
|
|
|
|
{{gh-fullscreen-modal "upload-image"
|
2017-01-26 12:17:34 +01:00
|
|
|
model=(hash model=model imageProperty="cover" allowUrlInput=true)
|
2016-08-17 17:01:46 +02:00
|
|
|
close=(action "toggleUploadCoverModal")
|
|
|
|
modifier="action wide"}}
|
2015-11-18 11:50:48 +01:00
|
|
|
{{/if}}
|
2014-03-10 04:44:08 +01:00
|
|
|
</div>
|
2017-02-21 09:18:15 +01:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="gh-setting-header">Social accounts</div>
|
|
|
|
<div class="gh-setting">
|
|
|
|
<div class="gh-setting-content">
|
|
|
|
<div class="gh-setting-title">Social accounts</div>
|
|
|
|
<div class="gh-setting-desc">Link your social accounts for full structured data and rich card support</div>
|
|
|
|
<div class="gh-setting-content-extended">
|
2016-03-03 09:52:27 +01:00
|
|
|
{{#gh-form-group errors=model.errors hasValidated=model.hasValidated property="facebook"}}
|
|
|
|
<input value={{model.facebook}} oninput={{action (mut _scratchFacebook) value="target.value"}} {{action "validateFacebookUrl" on="focusOut"}} type="url" class="gh-input" id="facebook" name="general[facebook]" placeholder="https://www.facebook.com/ghost" autocorrect="off" />
|
|
|
|
{{gh-error-message errors=model.errors property="facebook"}}
|
2017-02-21 09:18:15 +01:00
|
|
|
<p>URL of your publication's Facebook Page</p>
|
2016-03-03 09:52:27 +01:00
|
|
|
{{/gh-form-group}}
|
|
|
|
{{#gh-form-group errors=model.errors hasValidated=model.hasValidated property="twitter"}}
|
|
|
|
<input value={{model.twitter}} oninput={{action (mut _scratchTwitter) value="target.value"}} {{action "validateTwitterUrl" on="focusOut"}} type="url" class="gh-input" id="facebook" name="general[twitter]" placeholder="https://twitter.com/tryghost" autocorrect="off" />
|
|
|
|
{{gh-error-message errors=model.errors property="twitter"}}
|
2017-02-21 09:18:15 +01:00
|
|
|
<p>URL of your publication's Twitter profile</p>
|
2016-03-03 09:52:27 +01:00
|
|
|
{{/gh-form-group}}
|
|
|
|
</div>
|
2017-02-21 09:18:15 +01:00
|
|
|
</div>
|
|
|
|
<div class="gh-setting-action">
|
|
|
|
<button type="button" class="gh-btn gh-btn-hover-blue" {{action "exportData"}}><span>Close</span></button>
|
|
|
|
</div>
|
|
|
|
</div>
|
2016-03-03 09:52:27 +01:00
|
|
|
|
2017-02-21 09:18:15 +01:00
|
|
|
<div class="gh-setting-header">Advanced settings</div>
|
|
|
|
<div class="gh-setting">
|
|
|
|
<div class="gh-setting-content">
|
|
|
|
<div class="gh-setting-title">Use dated permalinks</div>
|
|
|
|
<div class="gh-setting-desc">Include the date in your post URLs, eg. <strong>blogurl.com/2017/01/post-title/</strong></div>
|
|
|
|
</div>
|
|
|
|
<div class="gh-setting-action">
|
|
|
|
{{one-way-checkbox isDatedPermalinks id="permalinks" name="general[permalinks]" type="checkbox" update=(action (mut isDatedPermalinks))}}
|
|
|
|
<span class="input-toggle-component"></span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="gh-setting">
|
|
|
|
<div class="gh-setting-content">
|
|
|
|
<div class="gh-setting-title">Make this site private</div>
|
|
|
|
<div class="gh-setting-desc">Enable protection with simple shared password, All search engine optimization and social features will be disabled.</div>
|
2015-06-13 16:34:09 +02:00
|
|
|
{{#if model.isPrivate}}
|
2017-02-21 09:18:15 +01:00
|
|
|
<div class="gh-setting-content-extended">
|
2015-11-18 11:50:48 +01:00
|
|
|
{{#gh-form-group errors=model.errors hasValidated=model.hasValidated property="password"}}
|
2016-06-18 13:44:23 +02:00
|
|
|
{{gh-input model.password name="general[password]" type="text" focusOut=(action "validate" "password" target=model) update=(action (mut model.password))}}
|
2015-11-18 11:50:48 +01:00
|
|
|
{{gh-error-message errors=model.errors property="password"}}
|
2017-02-21 09:18:15 +01:00
|
|
|
<p>Set the password for this site</p>
|
2015-11-18 11:50:48 +01:00
|
|
|
{{/gh-form-group}}
|
2017-02-21 09:18:15 +01:00
|
|
|
</div>
|
2015-06-13 16:34:09 +02:00
|
|
|
{{/if}}
|
2017-02-21 09:18:15 +01:00
|
|
|
</div>
|
|
|
|
<div class="gh-setting-action">
|
|
|
|
{{one-way-checkbox model.isPrivate id="isPrivate" name="general[isPrivate]" type="checkbox" update=(action (mut model.isPrivate))}}
|
|
|
|
<span class="input-toggle-component"></span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<form id="settings-general" novalidate="novalidate">
|
|
|
|
|
2016-03-03 09:52:27 +01:00
|
|
|
|
2016-08-17 17:01:46 +02:00
|
|
|
<div class="settings-themes">
|
2016-08-25 11:22:43 +02:00
|
|
|
<h3 id="themes">Themes</h3>
|
2016-08-17 17:01:46 +02:00
|
|
|
|
|
|
|
{{gh-theme-table
|
|
|
|
availableThemes=model.availableThemes
|
|
|
|
activateTheme=(action "setTheme")
|
|
|
|
downloadTheme=(action "downloadTheme")
|
|
|
|
deleteTheme=(action "deleteTheme")}}
|
|
|
|
|
|
|
|
<div class="form-group">
|
2017-02-16 20:50:05 +01:00
|
|
|
{{#link-to "settings.general.uploadtheme" class="gh-btn gh-btn-green"}}
|
|
|
|
<span>Upload a theme</span>
|
2016-08-17 17:01:46 +02:00
|
|
|
{{/link-to}}
|
|
|
|
</div>
|
|
|
|
|
|
|
|
{{#if showDeleteThemeModal}}
|
|
|
|
{{gh-fullscreen-modal "delete-theme"
|
|
|
|
model=(hash
|
|
|
|
theme=themeToDelete
|
|
|
|
download=(action "downloadTheme" themeToDelete)
|
|
|
|
)
|
|
|
|
close=(action "hideDeleteThemeModal")
|
|
|
|
confirm=(action "deleteTheme")
|
|
|
|
modifier="action wide"}}
|
|
|
|
{{/if}}
|
|
|
|
</div>
|
2015-06-13 16:34:09 +02:00
|
|
|
</form>
|
2017-02-21 09:18:15 +01:00
|
|
|
|
2015-06-13 16:34:09 +02:00
|
|
|
</section>
|
2014-12-30 03:11:24 +01:00
|
|
|
</section>
|
2016-08-17 17:01:46 +02:00
|
|
|
|
|
|
|
{{outlet}}
|