mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-24 03:14:03 +03:00
fd0e66a773
Closes #4506 Works just like the Post Cover Images (and uses the same component) Tiny changes to the component ensures that we can reuse it across Ghost
105 lines
5.3 KiB
Handlebars
105 lines
5.3 KiB
Handlebars
<div class="content-cover" {{action "closeSettingsMenu"}}></div>
|
||
{{#gh-tabs-manager selected="showSubview" id="entry-controls" class="settings-menu-container"}}
|
||
<div id="entry-controls">
|
||
<div {{bind-attr class="isViewingSubview:settings-menu-pane-out-left:settings-menu-pane-in :settings-menu :settings-menu-pane"}}>
|
||
<div class="settings-menu-header">
|
||
<h4>Post Settings</h4>
|
||
<button class="close icon-x settings-menu-header-action" {{action "closeSettingsMenu"}}><span class="hidden">Close</span></button>
|
||
</div>
|
||
<div class="settings-menu-content">
|
||
{{gh-uploader uploaded="setCoverImage" canceled="clearCoverImage" description="Add post image" image=image uploaderReference=uploaderReference tagName="section"}}
|
||
<form>
|
||
<div class="form-group">
|
||
<label for="url">Post URL</label>
|
||
<span class="input-icon icon-link">
|
||
{{gh-input class="post-setting-slug" id="url" value=slugValue name="post-setting-slug" focus-out="updateSlug" selectOnClick="true" stopEnterKeyDownPropagation="true"}}
|
||
</span>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="post-setting-date">Publish Date</label>
|
||
<span class="input-icon icon-calendar">
|
||
{{gh-input class="post-setting-date" id="post-setting-date" value=publishedAtValue name="post-setting-date" focus-out="setPublishedAt" stopEnterKeyDownPropagation="true"}}
|
||
</span>
|
||
</div>
|
||
|
||
{{#unless session.user.isAuthor}}
|
||
<div class="form-group for-select">
|
||
<label for="author-list">Author</label>
|
||
<span class="input-icon icon-user">
|
||
<span class="gh-select" tabindex="0">
|
||
{{view "select"
|
||
name="post-setting-author"
|
||
id="author-list"
|
||
content=authors
|
||
optionValuePath="content.id"
|
||
optionLabelPath="content.name"
|
||
selection=selectedAuthor}}
|
||
</span>
|
||
</span>
|
||
</div>
|
||
{{/unless}}
|
||
|
||
<ul class="nav-list nav-list-block">
|
||
{{#gh-tab tagName="li" classNames="nav-list-item"}}
|
||
<button type="button">
|
||
<b>Meta Data</b>
|
||
<span>Extra content for SEO and social media.</span>
|
||
</button>
|
||
{{/gh-tab}}
|
||
</ul>
|
||
|
||
<div class="form-group for-checkbox">
|
||
<label class="checkbox" for="static-page" {{action "togglePage" bubbles="false"}}>
|
||
{{input type="checkbox" name="static-page" id="static-page" class="post-setting-static-page" checked=page}}
|
||
<span class="input-toggle-component"></span>
|
||
<p>Turn this post into a static page</p>
|
||
</label>
|
||
|
||
<label class="checkbox" for="featured" {{action "toggleFeatured" bubbles="false"}}>
|
||
{{input type="checkbox" name="featured" id="featured" class="post-setting-featured" checked=featured}}
|
||
<span class="input-toggle-component"></span>
|
||
<p>Feature this post</p>
|
||
</label>
|
||
</div>
|
||
|
||
</form>
|
||
</div>{{! .settings-menu-content }}
|
||
</div>{{! .post-settings-menu }}
|
||
|
||
<div {{bind-attr class="isViewingSubview:settings-menu-pane-in:settings-menu-pane-out-right :settings-menu :settings-menu-pane"}}>
|
||
{{#gh-tab-pane}}
|
||
<div class="settings-menu-header subview">
|
||
<button {{action "closeSubview"}} class="back icon-chevron-left settings-menu-header-action"><span class="hidden">Back</span></button>
|
||
<h4>Meta Data</h4>
|
||
</div>
|
||
|
||
<div class="settings-menu-content">
|
||
<form>
|
||
<div class="form-group">
|
||
<label for="meta-title">Meta Title</label>
|
||
{{gh-input class="post-setting-meta-title" id="meta-title" value=metaTitleScratch name="post-setting-meta-title" focus-out="setMetaTitle" stopEnterKeyDownPropagation="true"}}
|
||
<p>Recommended: <b>70</b> characters. You’ve used {{gh-count-down-characters metaTitleScratch 70}}</p>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="meta-description">Meta Description</label>
|
||
{{gh-textarea class="post-setting-meta-description" id="meta-description" value=metaDescriptionScratch name="post-setting-meta-description" focus-out="setMetaDescription" stopEnterKeyDownPropagation="true"}}
|
||
<p>Recommended: <b>156</b> characters. You’ve used {{gh-count-down-characters metaDescriptionScratch 156}}</p>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label>Search Engine Result Preview</label>
|
||
<div class="seo-preview">
|
||
<div class="seo-preview-title">{{seoTitle}}</div>
|
||
<div class="seo-preview-link">{{seoURL}}</div>
|
||
<div class="seo-preview-description">{{seoDescription}}</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>{{! .settings-menu-content }}
|
||
{{/gh-tab-pane}}
|
||
</div>
|
||
</div>
|
||
{{/gh-tabs-manager}}
|