Ghost-Admin/templates/post-settings-menu.hbs

<div class="editor-cover" {{action "closeRightOutlet"}}></div>
{{#gh-tabs-manager selected="showSubview" id="entry-controls" classNameBindings="isNew:unsaved :right-outlet"}}
<div id="entry-controls" {{bind-attr class="isNew:unsaved :right-outlet"}}>
    <div {{bind-attr class="isViewingSubview:outlet-pane-out-left:outlet-pane-in :post-settings-menu :outlet-pane"}}>
        <div class="post-settings-header">
            <h4>Post Settings</h4>
            <button class="close icon-x post-settings-header-action" {{action "closeRightOutlet"}}><span class="hidden">Close</span></button>
        </div>
        <div class="post-settings-content">
            {{gh-uploader uploaded="setCoverImage" canceled="clearCoverImage" image=image tagName="section"}}
            <form>
            <div class="form-group">
                <label for="blog-title">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" placeholder=slugPlaceholder selectOnClick="true" stopEnterKeyDownPropagation="true"}}
                </span>
            </div>

            <div class="form-group">
                <label for="blog-title">Publish Date</label>
                <span class="input-icon icon-calendar">
                    {{gh-input class="post-setting-date" value=publishedAtValue name="post-setting-date" focus-out="setPublishedAt" placeholder=publishedAtPlaceholder stopEnterKeyDownPropagation="true"}}
                </span>
            </div>

            <div class="form-group for-select">
                <label for="activeTheme">Author</label>
                <span class="input-icon icon-user">
                    <span class="gh-select">
                    {{view Ember.Select
                        name="post-setting-author"
                        content=authors
                        optionValuePath="content.id"
                        optionLabelPath="content.name"
                        selection=selectedAuthor}}
                    </span>
                </span>
            </div>

            <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>Static Page</p>
                </label>
            </div>
            <ul class="nav-list nav-list-block">
                {{#gh-tab tagName="li" classNames="nav-list-item"}}
                    <a href="#">
                        <b>Meta Data</b>
                        <span>Extra content for SEO and social media.</span>
                    </a>
                {{/gh-tab}}
                {{!--
                {{#gh-tab tagName="li" classNames="nav-list-item"}}
                    <a href="#">
                        <b>Advanced Settings</b>
                        <span>Convert to a page, mark as featured.</span>
                    </a>
                {{/gh-tab}}
                {{#gh-tab tagName="li" classNames="nav-list-item"}}
                    <a href="#">
                        <b>Revision History</b>
                        <span>12 versions of this post by 3 people.</span>
                    </a>
                {{/gh-tab}}
                {{#gh-tab tagName="li" classNames="nav-list-item"}}
                    <a href="#">
                        <b>Custom App</b>
                        <span>Registered an advanced setting panel.</span>
                    </a>
                {{/gh-tab}}
                --}}
            </ul>
            <button type="button" class="btn btn-red icon-trash delete" {{action "openModal" "delete-post" this}}>Delete This Post</button>
            </form>
        </div><!-- .post-settings-content -->
    </div><!-- .post-settings-menu -->
    <div {{bind-attr class="isViewingSubview:outlet-pane-in:outlet-pane-out-right :post-settings-menu :outlet-pane"}}>
    {{#gh-tab-pane}}
        <div class="post-settings-header subview">
            <button {{action "closeSubview"}} class="back icon-chevron-left post-settings-header-action"><span class="hidden">Back</span></button>
            <h4>Meta Data</h4>
        </div>


        <div class="post-settings-content">
            <div class="form-group">
                <label for="blog-title">Meta Title</label>
                {{gh-input class="post-setting-meta-title" value=metaTitleValue name="post-setting-meta-title" focus-out="setMetaTitle" placeholder=titleScratch stopEnterKeyDownPropagation="true"}}
                <p>Recommended: <b>70</b> characters. You’ve used {{gh-count-down-characters metaTitleValue 70}}</p>
            </div>

            <div class="form-group">
                <label for="blog-title">Meta Description</label>
                {{gh-textarea class="post-setting-meta-description" value=metaDescriptionValue name="post-setting-meta-description" focus-out="setMetaDescription" placeholder=metaDescriptionPlaceholder stopEnterKeyDownPropagation="true"}}
                <p>Recommended: <b>156</b> characters. You’ve used {{gh-count-down-characters metaDescriptionValue 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">{{gh-blog-url}}/{{seoSlug}}{{#if seoSlug}}/{{/if}}</div>
                    <div class="seo-preview-description">{{seoDescription}}</div>
                </div>
            </div>
        </div>
    {{/gh-tab-pane}}
    </div>
</div>
{{/gh-tabs-manager}}