mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-21 09:52:06 +03:00
9d67980a7e
refs #5798, closes #5018 - adds new `gh-fullscreen-modal` component - modals are now specified in-context so that they can have deeper interaction with their surrounding components/controller/route, i.e. a modal component can be a thin confirm/deny wrapper over the underlying controller action keeping all context-sensitive logic in one place - adds spin-buttons to all modals with async behaviour - adds/improves behaviour of inline-validation in modals - improves re-authenticate modal to properly handle validation and authentication errors
54 lines
2.7 KiB
Handlebars
54 lines
2.7 KiB
Handlebars
{{#gh-content-view-container as |container|}}
|
|
<header class="view-header">
|
|
{{#gh-view-title openMobileMenu="openMobileMenu"}}<span>Content</span>{{/gh-view-title}}
|
|
<section class="view-actions">
|
|
{{#link-to "editor.new" class="btn btn-green" title="New Post"}}New Post{{/link-to}}
|
|
</section>
|
|
</header>
|
|
|
|
<div class="view-container">
|
|
<section class="content-list js-content-list {{if postListFocused 'keyboard-focused'}}">
|
|
{{#gh-infinite-scroll-box tagName="section" classNames="content-list-content js-content-scrollbox" fetch="loadNextPage"}}
|
|
<ol class="posts-list">
|
|
{{#each sortedPosts key="id" as |post|}}
|
|
{{#gh-posts-list-item post=post onDoubleClick="openEditor" previewIsHidden=container.previewIsHidden as |component|}}
|
|
{{#link-to component.viewOrEdit post.id class="permalink" title="Edit this post"}}
|
|
<h3 class="entry-title">{{post.title}}</h3>
|
|
<section class="entry-meta">
|
|
<span class="avatar" style={{component.authorAvatarBackground}}>
|
|
<img src="{{component.authorAvatar}}" title="{{component.authorName}}">
|
|
</span>
|
|
<span class="author">{{component.authorName}}</span>
|
|
<span class="status">
|
|
{{#if component.isPublished}}
|
|
{{#if post.page}}
|
|
<span class="page">Page</span>
|
|
{{else}}
|
|
<time datetime="{{post.published_at}}" class="date published">
|
|
Published {{gh-format-timeago post.published_at}}
|
|
</time>
|
|
{{/if}}
|
|
{{else}}
|
|
<span class="draft">Draft</span>
|
|
{{/if}}
|
|
</span>
|
|
</section>
|
|
{{/link-to}}
|
|
{{/gh-posts-list-item}}
|
|
{{/each}}
|
|
</ol>
|
|
{{/gh-infinite-scroll-box}}
|
|
</section>
|
|
<section class="content-preview js-content-preview {{if postContentFocused 'keyboard-focused'}}">
|
|
{{outlet}}
|
|
</section>
|
|
</div>
|
|
{{/gh-content-view-container}}
|
|
|
|
{{#if showDeletePostModal}}
|
|
{{gh-fullscreen-modal "delete-post"
|
|
model=currentPost
|
|
close=(action "toggleDeletePostModal")
|
|
modifier="action wide"}}
|
|
{{/if}}
|