2017-02-17 06:50:07 +01:00
<section class="gh-canvas">
<header class="gh-canvas-header">
2017-05-30 15:23:38 +02:00
<h2 class="gh-canvas-title" data-test-screen-title>General</h2>
2015-06-13 16:34:09 +02:00
<section class="view-actions">
2017-04-07 17:23:45 +02:00
{{ gh-task-button "Save settings" task = save class = "gh-btn gh-btn-blue gh-btn-icon" data-test-save-button = true }}
2015-06-13 16:34:09 +02:00
</section>
</header>
2014-03-10 04:44:08 +01:00
2017-10-04 12:49:30 +02:00
{{ # if showLeaveSettingsModal }}
{{ gh-fullscreen-modal "leave-settings"
confirm=(action "leaveSettings")
close=(action "toggleLeaveSettingsModal")
modifier="action wide"}}
{{ / if }}
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>
2017-02-21 13:28:05 +01:00
{{ # liquid-if pubInfoOpen }}
2017-02-21 09:18:15 +01:00
<div class="gh-setting-content-extended">
2018-01-10 23:57:43 +01:00
{{ # gh-form-group errors = settings .errors hasValidated = settings .hasValidated property = "title" }}
2018-02-28 12:44:03 +01:00
{{ gh-text-input
value=(readonly settings.title)
input=(action (mut settings.title) value="target.value")
focus-out=(action "validate" "title" target=settings)
data-test-title-input=true
}}
2018-01-10 23:57:43 +01:00
{{ gh-error-message errors = settings .errors property = "title" }}
2017-02-21 09:18:15 +01:00
<p>The name of your site</p>
{{ / gh-form-group }}
2018-01-10 23:57:43 +01:00
{{ # gh-form-group errors = settings .errors hasValidated = settings .hasValidated property = "description" class = "description-container" }}
2018-02-28 12:44:03 +01:00
{{ gh-text-input
value=(readonly settings.description)
input=(action (mut settings.description) value="target.value")
focus-out=(action "validate" "description" target=settings)
data-test-description-input=true
}}
2018-01-10 23:57:43 +01:00
{{ gh-error-message errors = settings .errors property = "description" }}
2017-02-21 09:18:15 +01:00
<p>Used in your theme, meta data and search results</p>
{{ / gh-form-group }}
</div>
2017-02-21 13:28:05 +01:00
{{ / liquid-if }}
2017-02-21 09:18:15 +01:00
</div>
<div class="gh-setting-action">
2017-02-27 07:31:01 +01:00
<button type="button" class="gh-btn gh-btn-hover-blue" {{ action ( toggle "pubInfoOpen" this ) }} data-test-toggle-pub-info><span> {{ if pubInfoOpen "Close" "Expand" }} </span></button>
2017-02-21 09:18:15 +01:00
</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>
2017-02-21 13:28:05 +01:00
{{ # liquid-if timezoneOpen }}
2017-02-21 09:18:15 +01:00
<div class="gh-setting-content-extended">
{{ gh-timezone-select
2018-01-10 23:57:43 +01:00
activeTimezone=settings.activeTimezone
2017-02-21 09:18:15 +01:00
availableTimezones=availableTimezones
update=(action "setTimezone")}}
</div>
2017-02-21 13:28:05 +01:00
{{ / liquid-if }}
2017-02-21 09:18:15 +01:00
</div>
<div class="gh-setting-action">
2017-02-27 07:31:01 +01:00
<button type="button" class="gh-btn gh-btn-hover-blue" {{ action ( toggle "timezoneOpen" this ) }} data-test-toggle-timezone><span> {{ if timezoneOpen "Close" "Expand" }} </span></button>
2017-02-21 09:18:15 +01:00
</div>
</div>
2018-01-09 14:55:28 +01:00
<div class="gh-setting">
<div class="gh-setting-content">
<div class="gh-setting-title">Publication Language</div>
<div class="gh-setting-desc">Set the language/locale which is used on your site</div>
{{ # liquid-if defaultLocaleOpen }}
<div class="gh-setting-content-extended">
2018-01-10 23:57:43 +01:00
{{ # gh-form-group errors = settings .errors hasValidated = settings .hasValidated property = "defaultLocale" }}
2018-02-28 12:44:03 +01:00
{{ gh-text-input
value=(readonly settings.defaultLocale)
input=(action (mut settings.defaultLocale) value="target.value")
focus-out=(action "validate" "defaultLocale" target=settings)
data-test-default-locale-input=true
}}
2018-01-10 23:57:43 +01:00
{{ gh-error-message errors = settings .errors property = "defaultLocale" }}
2019-01-16 17:03:33 +01:00
<p>Default: English (<strong>en</strong>); you can add translation files to your theme for <a href="https://docs.ghost.org/api/handlebars-themes/helpers/translate/" target="_blank" rel="noopener">any language</a></p>
2018-01-09 14:55:28 +01:00
{{ / gh-form-group }}
</div>
{{ / liquid-if }}
</div>
<div class="gh-setting-action">
<button type="button" class="gh-btn gh-btn-hover-blue" {{ action ( toggle "defaultLocaleOpen" this ) }} data-test-toggle-default-locale><span> {{ if defaultLocaleOpen "Close" "Expand" }} </span></button>
</div>
</div>
2017-02-21 09:18:15 +01:00
<div class="gh-setting-header">Publication identity</div>
2017-05-23 10:50:04 +02:00
<div class="gh-setting" data-test-setting="icon">
{{ # gh-uploader
extensions=iconExtensions
2019-02-25 17:01:49 +01:00
paramsHash=(hash purpose="icon")
2017-05-23 10:50:04 +02:00
onComplete=(action "imageUploaded" "icon")
as |uploader|
}}
2017-02-21 09:18:15 +01:00
<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>
2017-09-21 17:01:40 +02:00
{{ # each uploader .errors as | error | }}
2019-03-07 14:40:21 +01:00
<div class="gh-setting-error" data-test-error="icon"> {{ or error .context error .message }} </div>
2017-09-21 17:01:40 +02:00
{{ / each }}
2017-02-21 09:18:15 +01:00
</div>
2017-02-27 07:31:01 +01:00
<div class="gh-setting-action gh-setting-action-smallimg">
2017-06-19 12:55:28 +02:00
{{ # if uploader .isUploading }}
{{ uploader .progressBar }}
2018-01-10 23:57:43 +01:00
{{ else if settings .icon }}
<img class="blog-icon" src=" {{ settings .icon }} " onclick= {{ action "triggerFileDialog" }} alt="icon" data-test-icon-img>
2017-05-23 10:50:04 +02:00
<button type="button" class="gh-setting-action-smallimg-delete" {{ action "removeImage" "icon" }} data-test-delete-image="icon">
<span>delete</span>
</button>
2017-02-21 09:18:15 +01:00
{{ else }}
2018-01-02 17:32:26 +01:00
<button type="button" class="gh-btn gh-btn-hover-blue" onclick= {{ action "triggerFileDialog" }} data-test-image-upload-btn="icon">
2017-05-23 10:50:04 +02:00
<span>Upload Image</span>
</button>
2017-02-21 09:18:15 +01:00
{{ / if }}
2017-05-23 10:50:04 +02:00
<div style="display:none">
2017-11-22 18:04:48 +01:00
{{ gh-file-input multiple = false action = uploader .setFiles accept = iconMimeTypes data-test-file-input = "icon" }}
2017-05-23 10:50:04 +02:00
</div>
2017-02-21 09:18:15 +01:00
</div>
2017-05-23 10:50:04 +02:00
{{ / gh-uploader }}
2017-02-21 09:18:15 +01:00
</div>
2017-05-23 10:50:04 +02:00
<div class="gh-setting" data-test-setting="logo">
{{ # gh-uploader
extensions=imageExtensions
onComplete=(action "imageUploaded" "logo")
as |uploader|
}}
2017-02-21 09:18:15 +01:00
<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>
2017-09-21 17:01:40 +02:00
{{ # each uploader .errors as | error | }}
2019-03-07 14:40:21 +01:00
<div class="gh-setting-error" data-test-error="logo"> {{ or error .context error .message }} </div>
2017-09-21 17:01:40 +02:00
{{ / each }}
2017-02-21 09:18:15 +01:00
</div>
2017-02-27 07:31:01 +01:00
<div class="gh-setting-action gh-setting-action-smallimg">
2017-06-19 12:55:28 +02:00
{{ # if uploader .isUploading }}
{{ uploader .progressBar }}
2018-01-10 23:57:43 +01:00
{{ else if settings .logo }}
<img class="blog-logo" src=" {{ settings .logo }} " onclick= {{ action "triggerFileDialog" }} alt="logo" data-test-logo-img>
2017-05-23 10:50:04 +02:00
<button type="button" class="gh-setting-action-smallimg-delete" {{ action "removeImage" "logo" }} data-test-delete-image="logo">
<span>delete</span>
</button>
2015-06-13 16:34:09 +02:00
{{ else }}
2017-06-19 12:55:28 +02:00
<button type="button" class="gh-btn" onclick= {{ action "triggerFileDialog" }} data-test-image-upload-btn="logo">
2017-05-23 10:50:04 +02:00
<span>Upload Image</span>
</button>
2015-11-18 11:50:48 +01:00
{{ / if }}
2017-05-23 10:50:04 +02:00
<div style="display:none">
2017-11-22 18:04:48 +01:00
{{ gh-file-input multiple = false action = uploader .setFiles accept = imageMimeTypes data-test-file-input = "logo" }}
2017-05-23 10:50:04 +02:00
</div>
2014-03-10 04:44:08 +01:00
</div>
2017-05-23 10:50:04 +02:00
{{ / gh-uploader }}
2017-02-21 09:18:15 +01:00
</div>
2017-05-23 10:50:04 +02:00
<div class="gh-setting" data-test-setting="coverImage">
{{ # gh-uploader
extensions=imageExtensions
onComplete=(action "imageUploaded" "coverImage")
as |uploader|
}}
2017-02-21 09:18:15 +01:00
<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>
2017-09-21 17:01:40 +02:00
{{ # each uploader .errors as | error | }}
2019-03-07 14:40:21 +01:00
<div class="gh-setting-error" data-test-error="coverImage"> {{ or error .context error .message }} </div>
2017-09-21 17:01:40 +02:00
{{ / each }}
2017-02-21 09:18:15 +01:00
</div>
2017-02-27 07:31:01 +01:00
<div class="gh-setting-action gh-setting-action-largeimg">
2017-06-19 12:55:28 +02:00
{{ # if uploader .isUploading }}
{{ uploader .progressBar }}
2018-01-10 23:57:43 +01:00
{{ else if settings .coverImage }}
<img class="blog-cover" src=" {{ settings .coverImage }} " onclick= {{ action "triggerFileDialog" }} alt="cover photo" data-test-cover-img>
2017-05-23 10:50:04 +02:00
<button type="button" class="gh-setting-action-largeimg-delete" {{ action "removeImage" "coverImage" }} data-test-delete-image="coverImage">
<span>delete</span>
</button>
2015-06-13 16:34:09 +02:00
{{ else }}
2017-06-19 12:55:28 +02:00
<button type="button" class="gh-btn" onclick= {{ action "triggerFileDialog" }} data-test-image-upload-btn="coverImage">
2017-05-23 10:50:04 +02:00
<span>Upload Image</span>
</button>
2015-11-18 11:50:48 +01:00
{{ / if }}
2017-05-23 10:50:04 +02:00
<div style="display:none">
2017-11-22 18:04:48 +01:00
{{ gh-file-input multiple = false action = uploader .setFiles accept = imageMimeTypes data-test-file-input = "coverImage" }}
2017-05-23 10:50:04 +02:00
</div>
2014-03-10 04:44:08 +01:00
</div>
2017-05-23 10:50:04 +02:00
{{ / gh-uploader }}
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>
2017-02-21 13:28:05 +01:00
{{ # liquid-if socialOpen }}
2017-02-21 09:18:15 +01:00
<div class="gh-setting-content-extended">
2018-01-10 23:57:43 +01:00
{{ # gh-form-group errors = settings .errors hasValidated = settings .hasValidated property = "facebook" }}
2018-02-28 12:44:03 +01:00
{{ gh-text-input
type="url"
placeholder="https://www.facebook.com/ghost"
autocorrect="off"
value=(readonly settings.facebook)
input=(action (mut _scratchFacebook) value="target.value")
focus-out=(action "validateFacebookUrl")
data-test-facebook-input=true
}}
2018-01-10 23:57:43 +01:00
{{ gh-error-message errors = settings .errors property = "facebook" data-test-facebook-error = true }}
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 }}
2018-01-10 23:57:43 +01:00
{{ # gh-form-group errors = settings .errors hasValidated = settings .hasValidated property = "twitter" }}
2018-02-28 12:44:03 +01:00
{{ gh-text-input
type="url"
2019-04-11 14:33:15 +02:00
placeholder="https://twitter.com/ghost"
2018-02-28 12:44:03 +01:00
autocorrect="off"
value=(readonly settings.twitter)
input=(action (mut _scratchTwitter) value="target.value")
focus-out=(action "validateTwitterUrl")
data-test-twitter-input=true
}}
2018-01-10 23:57:43 +01:00
{{ gh-error-message errors = settings .errors property = "twitter" data-test-twitter-error = true }}
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 13:28:05 +01:00
{{ / liquid-if }}
2017-02-21 09:18:15 +01:00
</div>
<div class="gh-setting-action">
2017-02-27 07:31:01 +01:00
<button type="button" class="gh-btn gh-btn-hover-blue" {{ action ( toggle "socialOpen" this ) }} data-test-toggle-social><span> {{ if socialOpen "Close" "Expand" }} </span></button>
2017-02-21 09:18:15 +01:00
</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">Make this site private</div>
2017-10-05 11:59:14 +02:00
<div class="gh-setting-desc">
2018-02-02 09:24:35 +01:00
Enable protection with simple shared password. All search engine optimization and social features will be disabled.
2017-10-05 11:59:14 +02:00
2018-01-10 23:57:43 +01:00
{{ # if settings .isPrivate }}
2017-10-05 11:59:14 +02:00
<span class="avoid-break-out">
<br><br>
A private RSS feed is available at
<a href=" {{ privateRSSUrl }} " target="_blank" rel="noopener"> {{ privateRSSUrl }} </a>
</span>
{{ / if }}
2017-02-21 09:18:15 +01:00
</div>
2017-10-05 11:59:14 +02:00
2018-01-10 23:57:43 +01:00
{{ # if settings .isPrivate }}
2017-10-05 11:59:14 +02:00
<div class="gh-setting-content-extended">
2018-01-10 23:57:43 +01:00
{{ # gh-form-group errors = settings .errors hasValidated = settings .hasValidated property = "password" }}
2018-02-28 12:44:03 +01:00
{{ gh-text-input
value=(readonly settings.password)
name="general[password]"
focus-out=(action "validate" "password" target=settings)
input=(action (mut settings.password) value="target.value")
data-test-password-input=true
}}
2018-01-10 23:57:43 +01:00
{{ gh-error-message errors = settings .errors property = "password" data-test-password-error = true }}
2017-10-05 11:59:14 +02:00
<p>Set the password for this site</p>
{{ / gh-form-group }}
</div>
2015-06-13 16:34:09 +02:00
{{ / if }}
2017-02-21 09:18:15 +01:00
</div>
<div class="gh-setting-action">
2017-04-11 11:10:56 +02:00
<div class="for-checkbox">
<label class="checkbox" for="settings-private">
2018-02-28 12:44:03 +01:00
<input
type="checkbox"
checked= {{ settings .isPrivate }}
id="settings-private"
onclick= {{ action "toggleIsPrivate" value = "target.checked" }}
data-test-private-checkbox
>
2017-04-11 11:10:56 +02:00
<span class="input-toggle-component"></span>
</label>
</div>
2017-02-21 09:18:15 +01:00
</div>
</div>
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 }}