Ghost/ghost/admin/templates/posts.hbs
Paul Adam Davis 9b39eb54b6 Update content list styles
Closes #4425

- Adds the author avatar (with defalt fallback)
- Shows author name when hovering the avatar (falls back to email address)
- Slightly adjusts type, colour, and spacing
2015-01-24 17:51:19 +00:00

45 lines
2.2 KiB
Handlebars

<header class="page-header">
<button class="menu-button js-menu-button" {{action "toggleGlobalMobileNav"}}><span class="sr-only">Menu</span></button>
<h2 class="page-title">Content</h2>
</header>
<div class="page-content">
<section {{bind-attr class=":content-list :js-content-list postListFocused:keyboard-focused"}}>
<header class="floatingheader">
<section class="content-filter">
<small>All Posts</small>
</section>
{{#link-to "editor.new" class="btn btn-green" title="New Post"}}<span class="hidden">New Post</span>{{/link-to}}
</header>
{{#view "paginated-scroll-box" tagName="section" classNames="content-list-content js-content-scrollbox"}}
<ol class="posts-list">
{{#each post in controller itemController="posts/post" itemView="post-item-view" itemTagName="li"}}
{{#link-to "posts.post" post class="permalink" alternateActive=view.active title="Edit this post"}}
<h3 class="entry-title">{{post.model.title}}</h3>
<section class="entry-meta">
<img class="avatar" {{bind-attr src="post.authorAvatar" title="post.authorName"}}>
<span class="author">{{post.authorName}}</span>
<span class="status">
{{#if post.isPublished}}
{{#if post.model.page}}
<span class="page">Page</span>
{{else}}
<time datetime="{{unbound post.model.published_at}}" class="date published">
Published {{gh-format-timeago post.model.published_at}}
</time>
{{/if}}
{{else}}
<span class="draft">Draft</span>
{{/if}}
</span>
</section>
{{/link-to}}
{{/each}}
</ol>
{{/view}}
</section>
<section {{bind-attr class=":content-preview :js-content-preview postContentFocused:keyboard-focused"}}>
{{outlet}}
</section>
</div>