90 lines
4.8 KiB
Handlebars
90 lines
4.8 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" ""}}">
|
|
<div class="gh-editor-feature-image-container"></div>
|
|
{{#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">
|
|
<img src="{{this.comparisonRevision.feature_image}}">
|
|
</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">
|
|
<img src="{{this.selectedRevision.feature_image}}">
|
|
</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.published}}
|
|
<span class="gh-post-history-version-tag published">Published</span>
|
|
{{/if}}
|
|
</div>
|
|
<span class="gh-post-history-version-meta {{if (eq revision.author.name "Anonymous") "anonymous-author"}}">{{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}}
|