Ghost/ghost/admin/app/components/modal-post-history.hbs

108 lines
5.7 KiB
Handlebars

{{!-- template-lint-disable no-invalid-interactive --}}
<div class="gh-post-history" {{did-insert this.onInsert}}>
<div class="gh-post-history-main">
<div class="gh-koenig-editor-pane flex flex-column mih-100 {{if this.showDifferences "show-diff" ""}}">
{{#if (and this.diffHtml this.showDifferences (feature 'postDiffing'))}}
{{{this.diffHtml}}}
{{else if this.selectedHTML}}
{{{this.selectedHTML}}}
{{/if}}
<div class="gh-post-history-hidden-lexical previous">
<div class="gh-editor-feature-image-container">
<div class="gh-editor-feature-image">
{{#if this.comparisonRevision.feature_image}}
<img src="{{this.comparisonRevision.feature_image}}">
{{/if}}
{{#if this.comparisonRevision.feature_image_caption}}
<p>{{{this.comparisonRevision.feature_image_caption}}}"</p>
{{/if}}
</div>
</div>
<div class="gh-editor-title">{{this.previousTitle}}</div>
<KoenigLexicalEditor @lexical={{this.comparisonRevision.lexical}} @cardConfig={{this.cardConfig}} @registerAPI={{action "registerComparisonEditorApi"}}/>
</div>
<div class="gh-post-history-hidden-lexical current">
<div class="gh-editor-feature-image-container">
<div class="gh-editor-feature-image">
{{#if this.selectedRevision.feature_image}}
<img src="{{this.selectedRevision.feature_image}}">
{{/if}}
{{#if this.selectedRevision.feature_image_caption}}
<p>{{{this.selectedRevision.feature_image_caption}}}</p>
{{/if}}
</div>
</div>
<div class="gh-editor-title">{{this.currentTitle}}</div>
<KoenigLexicalEditor @lexical={{this.selectedRevision.lexical}} @cardConfig={{this.cardConfig}} @registerAPI={{action "registerSelectedEditorApi"}}/>
</div>
</div>
</div>
<div class="settings-menu-container">
<div class="settings-menu settings-menu-pane settings-menu-pane-main">
<div class="settings-menu-header subview">
<button
aria-label="Close meta data panel"
class="back settings-menu-header-action"
data-test-button="close-psm-subview"
type="button" {{action "closeModal"}}
{{on "mousedown" (optional this.noop)}}
>
{{svg-jar "arrow-left"}}
<span class="hidden">Back</span>
</button>
<h4>Post history</h4>
</div>
<div class="settings-menu-content">
<ul class="nav-list">
{{#each this.revisionList as |revision index|}}
<li class="nav-list-item {{if revision.selected "selected" ""}}">
<button type="button" {{action "handleClick" index}}>
<div class="flex items-center">
<span class="gh-post-history-version">{{gh-format-post-time revision.createdAt format="D MMM YYYY, HH:mm"}}{{this.timezone}}</span>
{{#if revision.latest}}
<span class="gh-post-history-version-tag current">Latest</span>
{{/if}}
{{#if revision.new_publish}}
<span class="gh-post-history-version-tag published">Published</span>
{{/if}}
{{#if revision.new_unpublish}}
<span class="gh-post-history-version-tag unpublished">Unpublished</span>
{{/if}}
</div>
<span class="gh-post-history-version-meta {{if (eq revision.author.name "Deleted staff user") "deleted-user"}}">{{revision.author.name}}</span>
</button>
{{#if (and revision.selected (not revision.latest))}}
<button
type="button"
class="gh-post-history-version-restore"
{{on "click" (fn this.restoreRevision index)}}
>
<span>Restore</span>
</button>
{{/if}}
</li>
{{/each}}
</ul>
{{#if (feature 'postDiffing')}}
<div class="gh-post-history-footer">
<div class="gh-post-history-footer-inner">
<div class="for-switch x-small">
<label class="switch">
<span>Compare to previous version</span>
<span class="gh-toggle-featured">
<input {{on "click" (fn this.toggleDifferences '')}} type="checkbox" checked={{this.showDifferences}}>
<span class="input-toggle-component"></span>
</span>
</label>
</div>
</div>
</div>
{{/if}}
</div>
</div>
</div>
</div>
{{this.didInsert}}