Some eye-candy/layout for the edit entries list.

This commit is contained in:
Matthias Mees 2013-01-15 15:13:01 +01:00
parent e78fe1e233
commit 646b8f68b9
2 changed files with 45 additions and 17 deletions

View File

@ -111,7 +111,7 @@
<ul id="entries_list" class="plainList"> <ul id="entries_list" class="plainList">
{foreach $entries as $entry} {foreach $entries as $entry}
{if ($entry@index > $perPage)}{continue}{/if} {if ($entry@index > $perPage)}{continue}{/if}
<li class="clearfix"><div class="form_check"> <li class="clearfix {cycle values="odd,even"}"><div class="form_check">
<input id="multidelete_entry{$entry.id}" name="serendipity[multiDelete][]" type="checkbox" value="{$entry.id}"><label for="multidelete_entry{$entry.id}" class="visuallyhidden">Select #{$entry_id} for multidelete</label> {* i18n *} <input id="multidelete_entry{$entry.id}" name="serendipity[multiDelete][]" type="checkbox" value="{$entry.id}"><label for="multidelete_entry{$entry.id}" class="visuallyhidden">Select #{$entry_id} for multidelete</label> {* i18n *}
</div> </div>
@ -127,19 +127,8 @@
{if $entry.isdraft} {if $entry.isdraft}
<span class="status_draft">{$CONST.DRAFT}</span> <span class="status_draft">{$CONST.DRAFT}</span>
{/if} {/if}
<span class="status_timestamp">
{$entry.timestamp|@formatTime:"{$CONST.DATE_FORMAT_SHORT}"}{if $entry.timestamp <= ($entry.last_modified - 1800)} <a class="icon_link" href="#" title="{$CONST.LAST_UPDATED}: {$entry.last_modified|@formatTime:"{$CONST.DATE_FORMAT_SHORT}"}" onclick="alert(this.title)"><span class="icon-info-circle"></span><span class="visuallyhidden"> {$CONST.LAST_UPDATED}</span></a>{/if}
</span>
</div> </div>
<span class="entry_meta">{$CONST.POSTED_BY} {$entry.author|escape}
{if count($entry.cats)} {$CONST.IN}
{foreach $entry.cats AS $cat}
{$cat}{if (count($entry.cats) > 1) && !$cat@last}, {/if}
{/foreach}
{/if}
</span>
<ul class="plainList clearfix actions"> <ul class="plainList clearfix actions">
{if $entry.preview || (!$showFutureEntries && ($entry.timestamp >= $serverOffsetHour))} {if $entry.preview || (!$showFutureEntries && ($entry.timestamp >= $serverOffsetHour))}
<li><a class="button_link" href="{$entry.preview_link}" title="{$CONST.PREVIEW} #{$entry.id}"><span class="icon-eye"></span><span class="visuallyhidden"> {$CONST.PREVIEW}</span></a></li> <li><a class="button_link" href="{$entry.preview_link}" title="{$CONST.PREVIEW} #{$entry.id}"><span class="icon-eye"></span><span class="visuallyhidden"> {$CONST.PREVIEW}</span></a></li>
@ -149,6 +138,20 @@
<li><a class="button_link" href="?serendipity[action]=admin&amp;serendipity[adminModule]=entries&amp;serendipity[adminAction]=edit&amp;serendipity[id]={$entry.id}" title="{$CONST.EDIT} #{$entry.id}"><span class="icon-edit"></span><span class="visuallyhidden"> {$CONST.EDIT}</span></a></li> <li><a class="button_link" href="?serendipity[action]=admin&amp;serendipity[adminModule]=entries&amp;serendipity[adminAction]=edit&amp;serendipity[id]={$entry.id}" title="{$CONST.EDIT} #{$entry.id}"><span class="icon-edit"></span><span class="visuallyhidden"> {$CONST.EDIT}</span></a></li>
<li><a class="button_link" href="?serendipity[action]=admin&amp;serendipity[adminModule]=entries&amp;serendipity[adminAction]=delete&amp;serendipity[id]={$entry.id}&amp;{$urltoken}" title="{$CONST.DELETE} #{$entry.id}" title="{$CONST.DELETE}"><span class="icon-trash"></span><span class="visuallyhidden"> {$CONST.DELETE}</span></a></li> <li><a class="button_link" href="?serendipity[action]=admin&amp;serendipity[adminModule]=entries&amp;serendipity[adminAction]=delete&amp;serendipity[id]={$entry.id}&amp;{$urltoken}" title="{$CONST.DELETE} #{$entry.id}" title="{$CONST.DELETE}"><span class="icon-trash"></span><span class="visuallyhidden"> {$CONST.DELETE}</span></a></li>
</ul> </ul>
<div class="entry_info">
<span class="status_timestamp">
{$entry.timestamp|@formatTime:"{$CONST.DATE_FORMAT_SHORT}"}{if $entry.timestamp <= ($entry.last_modified - 1800)} <a class="icon_link" href="#" title="{$CONST.LAST_UPDATED}: {$entry.last_modified|@formatTime:"{$CONST.DATE_FORMAT_SHORT}"}" onclick="alert(this.title)"><span class="icon-info-circle"></span><span class="visuallyhidden"> {$CONST.LAST_UPDATED}</span></a>{/if}
</span>
<span class="entry_meta">{$CONST.POSTED_BY} {$entry.author|escape}
{if count($entry.cats)} {$CONST.IN}
{foreach $entry.cats AS $cat}
{$cat}{if (count($entry.cats) > 1) && !$cat@last}, {/if}
{/foreach}
{/if}
</span>
</div>
</li> </li>
{/foreach} {/foreach}
</ul> </ul>

View File

@ -416,7 +416,9 @@ form > a,
#media_pane_filter label, #media_pane_filter label,
#media_pane_sort label, #media_pane_sort label,
#image_directory_create_form label, #image_directory_create_form label,
#mediaPropertyForm .media_file_props label { #mediaPropertyForm .media_file_props label,
#entries_list .entry_info span,
.entry_status span {
display: inline-block; display: inline-block;
*display: inline; *display: inline;
*zoom: 1; *zoom: 1;
@ -721,7 +723,8 @@ input[type=checkbox] { margin-right: .4em; }
.template_info dt, .template_info dt,
.comment_summary, .comment_summary,
.comment_full, .comment_full,
.serendipity_commentDirection { clear: both; } .serendipity_commentDirection,
.entry_info { clear: both; }
/* COMMON STYLES (all resolutions) /* COMMON STYLES (all resolutions)
@ -882,8 +885,7 @@ summary { cursor: pointer; }
} }
#entries_list h3, #entries_list h3,
#entries_list .entry_status, #entries_list .entry_status {
#entries_list .entry_meta {
float : left; float : left;
margin: .75em 1em .75em 0; margin: .75em 1em .75em 0;
} }
@ -1003,7 +1005,7 @@ fieldset p,
.media_file .actions, .media_file .actions,
#entries_list .actions { margin-bottom: 0; } #entries_list .actions { margin-bottom: 0; }
#entries_list .actions { margin-top: .5em; } #entries_list .actions { margin-top: .75em; }
.media_file .actions { margin-top: 1em; } .media_file .actions { margin-top: 1em; }
@ -1053,11 +1055,34 @@ fieldset p,
width: 100px; width: 100px;
} }
#entries_list { border-top: 1px solid #aaa; }
#entries_list h3 { #entries_list h3 {
font-size: 1em; font-size: 1em;
line-height: 1.5; line-height: 1.5;
} }
#entries_list>li {
border-bottom: 1px solid #aaa;
padding: 0 .4em;
}
#entries_list .odd { background: #eee; }
#entries_list .entry_info span { margin: 0 1em .75em 0; }
#entries_list .icon_link { height: 24px; }
.entry_status span {
background: #888;
color: #fff;
padding: 0 10px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
}
/* FOOTER /* FOOTER
----------------------------------------------------------------- */ ----------------------------------------------------------------- */