Properly styled pagination for media db, entries + comments.
Also, the pagination is now being clones using JS.
This commit is contained in:
Matthias Mees
parent
df283db810
commit
78ee899da0
@ -94,74 +94,70 @@
|
||||
{$formtoken}
|
||||
<input name="serendipity[formAction]" type="hidden" value="multiDelete">
|
||||
|
||||
<h3>{$CONST.PAGE_BROWSE_COMMENTS|sprintf:$page:$pages:$totalComments}</h3>
|
||||
{if ($page != 1 && $page <= $pages)||$page != $pages}
|
||||
<nav class="pagination">
|
||||
<h4 class="visuallyhidden">Comments pagination</h4> {* i18n *}
|
||||
<div class="clearfix comments_pane">
|
||||
<h3>{$CONST.PAGE_BROWSE_COMMENTS|sprintf:$page:$pages:$totalComments}</h3>
|
||||
{if is_array($comments)}
|
||||
<ul id="serendipity_comments_list" class="clearfix plainList zebra_list">
|
||||
{foreach $comments AS $comment}
|
||||
<li id="comment_{$comment.id}" class="clearfix {cycle values="odd,even"}"><div class="form_check">
|
||||
<input id="serendipity_multidelete_comment_{$comment.id}" class="serendipity_multidelete_comment" type="checkbox" name="serendipity[delete][{$comment.id}]" value="{$comment.entry_id}" data-commentid="comment_{$comment.id}">
|
||||
<label for="serendipity_multidelete_comment_{$comment.id}" class="visuallyhidden">Multiselect this comment</label> {* i18n *}
|
||||
</div>
|
||||
|
||||
<ul class="clearfix">
|
||||
{if ($page != 1 && $page <= $pages)}
|
||||
<li><a class="icon_link" href="{$linkPrevious}" title="{$CONST.PREVIOUS}"><span class="icon-left-circled"></span><span class="visuallyhidden"> {$CONST.PREVIOUS}</span></a></li>
|
||||
{/if}
|
||||
{if $page != $pages}
|
||||
<li><a class="icon_link" href="{$linkNext}" title="{$CONST.NEXT}"><span class="icon-right-circled"></span><span class="visuallyhidden"> {$CONST.NEXT}</span></a></li>
|
||||
{/if}
|
||||
<h4 id="c{$comment.id}">{($comment.type == 'NORMAL') ? $CONST.COMMENT : (($comment.type == 'TRACKBACK') ? $CONST.TRACKBACK : $CONST.PINGBACK )} #{$comment.id}, {$CONST.IN_REPLY_TO} <a href="{$comment.entry_url}">{$comment.title|escape}</a> {$CONST.ON} {$comment.timestamp|@formatTime:'%b %e %Y, %H:%M'}</h4>
|
||||
|
||||
<dl class="comment_data clearfix">
|
||||
{* TODO: This should not emit any images *}
|
||||
<dt>{$CONST.AUTHOR}:</dt>
|
||||
<dd>{$comment.author|escape|truncate:30:"…"} {$comment.action_author}</dd>
|
||||
<dt>{$CONST.EMAIL}:</dt>
|
||||
<dd>{if empty($comment.email)}N/A{else}<a href="mailto:{$comment.email|escape}" title="{$comment.email|escape}">{$comment.email|escape|truncate:30:"…"}</a>{if $comment.subscribed == 'true'} <span class="serendipity_subscription_on">({$CONST.ACTIVE_COMMENT_SUBSCRIPTION})</span>{/if}{/if} {$comment.action_email}</dd>
|
||||
<dt>IP:</dt>
|
||||
<dd>{if empty($comment.ip)}N/A{else}{$comment.ip|escape}{/if} {$comment.action_ip}</dd>
|
||||
<dt>URL:</dt>
|
||||
<dd>{if empty($comment.url)}N/A{else}<a class="icon_link" href="{$comment.url|escape}" title="{$comment.url|escape}"><span class="icon-link"></span> {$comment.url|escape|truncate:30:"…"}</a> {/if} {$comment.action_url}</dd>
|
||||
<dt>{$CONST.REFERER}:</dt>
|
||||
<dd>{if empty($comment.referer)}N/A{else}<a href="{$comment.referer|escape}" title="{$comment.referer|escape}">{$comment.referer|escape|truncate:30:"…"}</a>{/if} {$comment.action_referer}</dd>
|
||||
</dl>
|
||||
|
||||
<div id="{$comment.id}_summary" class="comment_summary">{$comment.fullBody|truncate:120:"…"}</div>
|
||||
|
||||
<div id="{$comment.id}_full" class="comment_full hidden">{$comment.fullBody}</div>
|
||||
|
||||
<ul class="plainList clearfix actions">
|
||||
{if ($comment.status == 'pending') || ($comment.status == 'confirm')}
|
||||
<li><a class="button_link" href="?serendipity[action]=admin&serendipity[adminModule]=comments&serendipity[adminAction]=approve&serendipity[id]={$comment.id}&{$urltoken}" title="{$CONST.APPROVE}"><span class="icon-lock-open"></span><span class="visuallyhidden">{$CONST.APPROVE}</span></a></li>
|
||||
{/if}
|
||||
{if ($comment.status == 'approved')}
|
||||
<li><a class="button_link" href="?serendipity[action]=admin&serendipity[adminModule]=comments&serendipity[adminAction]=pending&serendipity[id]={$comment.id}&{$urltoken}" title="{$CONST.SET_TO_MODERATED}"><span class="icon-lock"></span><span class="visuallyhidden"> {$CONST.SET_TO_MODERATED}</span></a></li>
|
||||
{/if}
|
||||
{if $comment.excerpt}
|
||||
<li><a class="button_link" href="#c{$comment.id}" onclick="FT_toggle({$comment.id}); return false;" title="{$CONST.TOGGLE_ALL}"><span id="{$comment.id}_text">{$CONST.TOGGLE_ALL}</span></a></li>
|
||||
{/if}
|
||||
<li><a class="button_link" href="{$comment.entrylink}" title="{$CONST.VIEW}"><span class="icon-eye"></span><span class="visuallyhidden"> {$CONST.VIEW}</span></a></li>
|
||||
<li><a class="button_link" href="?serendipity[action]=admin&serendipity[adminModule]=comments&serendipity[adminAction]=edit&serendipity[id]={$comment.id}&serendipity[entry_id]={$comment.entry_id}&{$urltoken}" title="{$CONST.EDIT}"><span class="icon-edit"></span><span class="visuallyhidden"> {$CONST.EDIT}</span></a></li>
|
||||
<li><a class="button_link" href="?serendipity[action]=admin&serendipity[adminModule]=comments&serendipity[adminAction]=delete&serendipity[id]={$comment.id}&serendipity[entry_id]={$comment.entry_id}&{$urltoken}" onclick='return confirm("{($CONST.COMMENT_DELETE_CONFIRM|sprintf:$comment.id:$comment.author)|escape}")' title="{$CONST.DELETE}"><span class="icon-trash"></span><span class="visuallyhidden"> {$CONST.DELETE}</span></a></li>
|
||||
<li><a class="button_link" onclick="cf = window.open(this.href, 'CommentForm', 'width=800,height=600,toolbar=no,scrollbars=1,scrollbars,resize=1,resizable=1'); cf.focus(); return false;" href="?serendipity[action]=admin&serendipity[adminModule]=comments&serendipity[adminAction]=reply&serendipity[id]={$comment.id}&serendipity[entry_id]={$comment.entry_id}&serendipity[noBanner]=true&serendipity[noSidebar]=true&{$urltoken}" title="{$CONST.REPLY}"><span class="icon-chat"></span><span class="visuallyhidden"> {$CONST.REPLY}</span></a></li>
|
||||
</ul>
|
||||
{$comment.action_more}
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
</nav>
|
||||
{/if}
|
||||
{if is_array($comments)}
|
||||
<ul id="serendipity_comments_list" class="clearfix plainList zebra_list">
|
||||
{foreach $comments AS $comment}
|
||||
<li id="comment_{$comment.id}" class="clearfix {cycle values="odd,even"}"><div class="form_check">
|
||||
<input id="serendipity_multidelete_comment_{$comment.id}" class="serendipity_multidelete_comment" type="checkbox" name="serendipity[delete][{$comment.id}]" value="{$comment.entry_id}" data-commentid="comment_{$comment.id}">
|
||||
<label for="serendipity_multidelete_comment_{$comment.id}" class="visuallyhidden">Multiselect this comment</label> {* i18n *}
|
||||
</div>
|
||||
|
||||
<h4 id="c{$comment.id}">{($comment.type == 'NORMAL') ? $CONST.COMMENT : (($comment.type == 'TRACKBACK') ? $CONST.TRACKBACK : $CONST.PINGBACK )} #{$comment.id}, {$CONST.IN_REPLY_TO} <a href="{$comment.entry_url}">{$comment.title|escape}</a> {$CONST.ON} {$comment.timestamp|@formatTime:'%b %e %Y, %H:%M'}</h4>
|
||||
|
||||
<dl class="comment_data clearfix">
|
||||
{* TODO: This should not emit any images *}
|
||||
<dt>{$CONST.AUTHOR}:</dt>
|
||||
<dd>{$comment.author|escape|truncate:30:"…"} {$comment.action_author}</dd>
|
||||
<dt>{$CONST.EMAIL}:</dt>
|
||||
<dd>{if empty($comment.email)}N/A{else}<a href="mailto:{$comment.email|escape}" title="{$comment.email|escape}">{$comment.email|escape|truncate:30:"…"}</a>{if $comment.subscribed == 'true'} <span class="serendipity_subscription_on">({$CONST.ACTIVE_COMMENT_SUBSCRIPTION})</span>{/if}{/if} {$comment.action_email}</dd>
|
||||
<dt>IP:</dt>
|
||||
<dd>{if empty($comment.ip)}N/A{else}{$comment.ip|escape}{/if} {$comment.action_ip}</dd>
|
||||
<dt>URL:</dt>
|
||||
<dd>{if empty($comment.url)}N/A{else}<a class="icon_link" href="{$comment.url|escape}" title="{$comment.url|escape}"><span class="icon-link"></span> {$comment.url|escape|truncate:30:"…"}</a> {/if} {$comment.action_url}</dd>
|
||||
<dt>{$CONST.REFERER}:</dt>
|
||||
<dd>{if empty($comment.referer)}N/A{else}<a href="{$comment.referer|escape}" title="{$comment.referer|escape}">{$comment.referer|escape|truncate:30:"…"}</a>{/if} {$comment.action_referer}</dd>
|
||||
</dl>
|
||||
|
||||
<div id="{$comment.id}_summary" class="comment_summary">{$comment.fullBody|truncate:120:"…"}</div>
|
||||
|
||||
<div id="{$comment.id}_full" class="comment_full hidden">{$comment.fullBody}</div>
|
||||
|
||||
<ul class="plainList clearfix actions">
|
||||
{if ($comment.status == 'pending') || ($comment.status == 'confirm')}
|
||||
<li><a class="button_link" href="?serendipity[action]=admin&serendipity[adminModule]=comments&serendipity[adminAction]=approve&serendipity[id]={$comment.id}&{$urltoken}" title="{$CONST.APPROVE}"><span class="icon-lock-open"></span><span class="visuallyhidden">{$CONST.APPROVE}</span></a></li>
|
||||
{/if}
|
||||
{if ($comment.status == 'approved')}
|
||||
<li><a class="button_link" href="?serendipity[action]=admin&serendipity[adminModule]=comments&serendipity[adminAction]=pending&serendipity[id]={$comment.id}&{$urltoken}" title="{$CONST.SET_TO_MODERATED}"><span class="icon-lock"></span><span class="visuallyhidden"> {$CONST.SET_TO_MODERATED}</span></a></li>
|
||||
{/if}
|
||||
{if $comment.excerpt}
|
||||
<li><a class="button_link" href="#c{$comment.id}" onclick="FT_toggle({$comment.id}); return false;" title="{$CONST.TOGGLE_ALL}"><span id="{$comment.id}_text">{$CONST.TOGGLE_ALL}</span></a></li>
|
||||
{/if}
|
||||
<li><a class="button_link" href="{$comment.entrylink}" title="{$CONST.VIEW}"><span class="icon-eye"></span><span class="visuallyhidden"> {$CONST.VIEW}</span></a></li>
|
||||
<li><a class="button_link" href="?serendipity[action]=admin&serendipity[adminModule]=comments&serendipity[adminAction]=edit&serendipity[id]={$comment.id}&serendipity[entry_id]={$comment.entry_id}&{$urltoken}" title="{$CONST.EDIT}"><span class="icon-edit"></span><span class="visuallyhidden"> {$CONST.EDIT}</span></a></li>
|
||||
<li><a class="button_link" href="?serendipity[action]=admin&serendipity[adminModule]=comments&serendipity[adminAction]=delete&serendipity[id]={$comment.id}&serendipity[entry_id]={$comment.entry_id}&{$urltoken}" onclick='return confirm("{($CONST.COMMENT_DELETE_CONFIRM|sprintf:$comment.id:$comment.author)|escape}")' title="{$CONST.DELETE}"><span class="icon-trash"></span><span class="visuallyhidden"> {$CONST.DELETE}</span></a></li>
|
||||
<li><a class="button_link" onclick="cf = window.open(this.href, 'CommentForm', 'width=800,height=600,toolbar=no,scrollbars=1,scrollbars,resize=1,resizable=1'); cf.focus(); return false;" href="?serendipity[action]=admin&serendipity[adminModule]=comments&serendipity[adminAction]=reply&serendipity[id]={$comment.id}&serendipity[entry_id]={$comment.entry_id}&serendipity[noBanner]=true&serendipity[noSidebar]=true&{$urltoken}" title="{$CONST.REPLY}"><span class="icon-chat"></span><span class="visuallyhidden"> {$CONST.REPLY}</span></a></li>
|
||||
{if ($page != 1 && $page <= $pages)||$page != $pages}
|
||||
<nav class="pagination">
|
||||
<ul class="clearfix">
|
||||
<li class="prev">{if ($page != 1 && $page <= $pages)}<a class="button_link" href="{$linkPrevious}" title="{$CONST.PREVIOUS}"><span class="icon-left-circled"></span><span class="visuallyhidden"> {$CONST.PREVIOUS}</span></a>{else}<span class="visuallyhidden">{$CONST.NO_ENTRIES_TO_PRINT}</span>{/if}</li>
|
||||
<li class="next">{if $page != $pages}<a class="button_link" href="{$linkNext}" title="{$CONST.NEXT}"><span class="visuallyhidden">{$CONST.NEXT} </span><span class="icon-right-circled"></span></a>{else}<span class="visuallyhidden">{$CONST.NO_ENTRIES_TO_PRINT}</span>{/if}</li>
|
||||
</ul>
|
||||
{$comment.action_more}
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
{/if}
|
||||
</nav>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div class="multidelete_actions form_buttons">
|
||||
<input name="toggle" type="button" value="{$CONST.INVERT_SELECTIONS}" onclick="invertSelection()">
|
||||
<input class="state_cancel" name="toggle" type="submit" value="{$CONST.DELETE_SELECTED_COMMENTS}" onclick="return confirm('{$CONST.COMMENTS_DELETE_CONFIRM}')">
|
||||
<input name="serendipity[togglemoderate]" type="submit" value="{$CONST.MODERATE_SELECTED_COMMENTS}">
|
||||
</div>
|
||||
{* TODO: Clone pagination using JS *}
|
||||
</form>
|
||||
{/if}
|
||||
|
||||
@ -86,69 +86,66 @@
|
||||
</div>
|
||||
</form>
|
||||
{if $is_entries}
|
||||
{if ($offSet > 0) || ($count > $perPage)}
|
||||
<nav class="pagination">
|
||||
<ul class="clearfix">
|
||||
{if ($offSet > 0)}
|
||||
<li><a class="icon_link" href="{$linkPrevious}" title="{$CONST.PREVIOUS}"><span class="icon-left-circled"></span><span class="visuallyhidden"> {$CONST.PREVIOUS}</span></a></li>
|
||||
{/if}
|
||||
{if ($count > $perPage)}
|
||||
<li><a class="icon_link" href="{$linkNext}" title="{$CONST.NEXT}"><span class="icon-right-circled"></span><span class="visuallyhidden"> {$CONST.NEXT}</span></a></li>
|
||||
{/if}
|
||||
</ul>
|
||||
</nav>
|
||||
{/if}
|
||||
|
||||
<form id="formMultiDelete" action="?" method="post" name="formMultiDelete">
|
||||
{$formtoken}
|
||||
<input name="serendipity[action]" type="hidden" value="admin">
|
||||
<input name="serendipity[adminModule]" type="hidden" value="entries">
|
||||
<input name="serendipity[adminAction]" type="hidden" value="multidelete">
|
||||
|
||||
<ul id="entries_list" class="plainList zebra_list">
|
||||
{foreach $entries as $entry}
|
||||
{if ($entry@index > $perPage)}{continue}{/if}
|
||||
<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 *}
|
||||
</div>
|
||||
<div class="entries_pane">
|
||||
<ul id="entries_list" class="plainList zebra_list">
|
||||
{foreach $entries as $entry}
|
||||
{if ($entry@index > $perPage)}{continue}{/if}
|
||||
<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 *}
|
||||
</div>
|
||||
|
||||
<h3><a href="?serendipity[action]=admin&serendipity[adminModule]=entries&serendipity[adminAction]=edit&serendipity[id]={$entry.id}" title="#{$entry.id}: {$entry.title|escape}">{$entry.title|escape|truncate:50:"…"}</a></h3>
|
||||
<h3><a href="?serendipity[action]=admin&serendipity[adminModule]=entries&serendipity[adminAction]=edit&serendipity[id]={$entry.id}" title="#{$entry.id}: {$entry.title|escape}">{$entry.title|escape|truncate:50:"…"}</a></h3>
|
||||
|
||||
<ul class="plainList clearfix actions">
|
||||
{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>
|
||||
{else}
|
||||
<li><a class="button_link" href="{$entry.archive_link}" title="{$CONST.VIEW} #{$entry.id}"><span class="icon-eye"></span><span class="visuallyhidden"> {$CONST.VIEW}</span></a></li>
|
||||
{/if}
|
||||
<li><a class="button_link" href="?serendipity[action]=admin&serendipity[adminModule]=entries&serendipity[adminAction]=edit&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&serendipity[adminModule]=entries&serendipity[adminAction]=delete&serendipity[id]={$entry.id}&{$urltoken}" title="{$CONST.DELETE} #{$entry.id}" title="{$CONST.DELETE}"><span class="icon-trash"></span><span class="visuallyhidden"> {$CONST.DELETE}</span></a></li>
|
||||
</ul>
|
||||
|
||||
<div class="entry_info clearfix">
|
||||
<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}"}"><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}
|
||||
<ul class="plainList clearfix actions">
|
||||
{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>
|
||||
{else}
|
||||
<li><a class="button_link" href="{$entry.archive_link}" title="{$CONST.VIEW} #{$entry.id}"><span class="icon-eye"></span><span class="visuallyhidden"> {$CONST.VIEW}</span></a></li>
|
||||
{/if}
|
||||
</span>
|
||||
{if !$showFutureEntries && ($entry.timestamp >= $serverOffsetHour)}
|
||||
<span class="entry_status status_future">{$CONST.ENTRY_PUBLISHED_FUTURE}</span>
|
||||
{/if}
|
||||
{if $entry.ep_is_sticky}
|
||||
<span class="entry_status status_sticky">{$CONST.STICKY_POSTINGS}</span>
|
||||
{/if}
|
||||
{if $entry.isdraft}
|
||||
<span class="entry_status status_draft">{$CONST.DRAFT}</span>
|
||||
{/if}
|
||||
</div>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
<li><a class="button_link" href="?serendipity[action]=admin&serendipity[adminModule]=entries&serendipity[adminAction]=edit&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&serendipity[adminModule]=entries&serendipity[adminAction]=delete&serendipity[id]={$entry.id}&{$urltoken}" title="{$CONST.DELETE} #{$entry.id}" title="{$CONST.DELETE}"><span class="icon-trash"></span><span class="visuallyhidden"> {$CONST.DELETE}</span></a></li>
|
||||
</ul>
|
||||
|
||||
<div class="entry_info clearfix">
|
||||
<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}"}"><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>
|
||||
{if !$showFutureEntries && ($entry.timestamp >= $serverOffsetHour)}
|
||||
<span class="entry_status status_future">{$CONST.ENTRY_PUBLISHED_FUTURE}</span>
|
||||
{/if}
|
||||
{if $entry.ep_is_sticky}
|
||||
<span class="entry_status status_sticky">{$CONST.STICKY_POSTINGS}</span>
|
||||
{/if}
|
||||
{if $entry.isdraft}
|
||||
<span class="entry_status status_draft">{$CONST.DRAFT}</span>
|
||||
{/if}
|
||||
</div>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
{if ($offSet > 0) || ($count > $perPage)}
|
||||
<nav class="pagination">
|
||||
<ul class="clearfix">
|
||||
<li class="prev">{if ($offSet > 0)}<a class="button_link" href="{$linkPrevious}" title="{$CONST.PREVIOUS}"><span class="icon-left-circled"></span><span class="visuallyhidden"> {$CONST.PREVIOUS}</span></a>{else}<span class="visuallyhidden">{$CONST.NO_ENTRIES_TO_PRINT}</span>{/if}</li>
|
||||
<li class="next">{if ($count > $perPage)}<a class="button_link" href="{$linkNext}" title="{$CONST.NEXT}"><span class="visuallyhidden">{$CONST.NEXT} </span><span class="icon-right-circled"></span></a>{else}<span class="visuallyhidden">{$CONST.NO_ENTRIES_TO_PRINT}</span>{/if}</li>
|
||||
</ul>
|
||||
</nav>
|
||||
{/if}
|
||||
</div>
|
||||
{/if}
|
||||
<div id="multidelete_tools" class="form_buttons">
|
||||
<input name="toggle" type="button" value="{$CONST.INVERT_SELECTIONS}" onclick="invertSelection()">
|
||||
|
||||
@ -158,16 +158,13 @@
|
||||
<input name="serendipity[adminAction]" type="hidden" value="multidelete">
|
||||
{/if}
|
||||
<div class="clearfix media_pane">
|
||||
<ul class="clearfix pagination plainList">
|
||||
<li>{if $media.page != 1 AND $media.page <= $media.pages}<a href="{$media.linkPrevious}">{$CONST.PREVIOUS}</a>{else}<span class="visuallyhidden">{$CONST.NO_ENTRIES_TO_PRINT}</span>{/if}</li>
|
||||
<li>{if $media.page != $media.pages}<a href="{$media.linkNext}">{$CONST.NEXT}</a>{else}<span class="visuallyhidden">{$CONST.NO_ENTRIES_TO_PRINT}</span>{/if}</li>
|
||||
</ul>
|
||||
{$MEDIA_ITEMS}
|
||||
{* Should be cloned using JS *}
|
||||
<ul class="clearfix pagination plainList">
|
||||
<li>{if $media.page != 1 AND $media.page <= $media.pages}<a href="{$media.linkPrevious}">{$CONST.PREVIOUS}</a>{else}<span class="visuallyhidden">{$CONST.NO_ENTRIES_TO_PRINT}</span>{/if}</li>
|
||||
<li>{if $media.page != $media.pages}<a href="{$media.linkNext}">{$CONST.NEXT}</a>{else}<span class="visuallyhidden">{$CONST.NO_ENTRIES_TO_PRINT}</span>{/if}</li>
|
||||
</ul>
|
||||
<nav class="pagination">
|
||||
<ul class="clearfix">
|
||||
<li class="prev">{if $media.page != 1 AND $media.page <= $media.pages}<a class="button_link" href="{$media.linkPrevious}" title="{$CONST.PREVIOUS}"><span class="icon-left-circled"></span><span class="visuallyhidden"> {$CONST.PREVIOUS}</span></a>{else}<span class="visuallyhidden">{$CONST.NO_ENTRIES_TO_PRINT}</span>{/if}</li>
|
||||
<li class="next">{if $media.page != $media.pages}<a class="button_link" href="{$media.linkNext}" title="{$CONST.NEXT}"><span class="visuallyhidden">{$CONST.NEXT} </span><span class="icon-right-circled"></span></a>{else}<span class="visuallyhidden">{$CONST.NO_ENTRIES_TO_PRINT}</span>{/if}</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
{if $smarty.get.serendipity.adminModule == 'media'}
|
||||
<div class="form_buttons">
|
||||
|
||||
@ -719,6 +719,11 @@ function highlightComment(id, checkvalue) {
|
||||
addUploadField();
|
||||
});
|
||||
|
||||
// Clone media library
|
||||
$('.media_pane .pagination').clone().prependTo('.media_pane');
|
||||
$('.comments_pane .pagination').clone().insertAfter('.comments_pane > h3');
|
||||
$('.entries_pane .pagination').clone().prependTo('.entries_pane');
|
||||
|
||||
// Equal Heights
|
||||
var $eqHeights = $('body').has('.equal_heights');
|
||||
|
||||
|
||||
@ -279,6 +279,7 @@ pre code { font-size: 1em; }
|
||||
nav ul,
|
||||
nav ol {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@ -1004,7 +1005,9 @@ main {
|
||||
.template_info,
|
||||
.template_info dt,
|
||||
.template_info dd,
|
||||
#entries_list .form_check { float: left; }
|
||||
#entries_list .form_check,
|
||||
.pagination .prev,
|
||||
.pagination .next { float: left; }
|
||||
|
||||
#mediaPropertyForm .media_file_preview {
|
||||
float: none;
|
||||
@ -1044,6 +1047,12 @@ main {
|
||||
#mediaPropertyForm header b,
|
||||
#mediaPropertyForm footer b { width: 20%; }
|
||||
|
||||
.pagination .prev,
|
||||
.pagination .next {
|
||||
min-height: 1px;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.category_data { width: 75%; }
|
||||
|
||||
#edit_entry_status select,
|
||||
@ -1360,7 +1369,8 @@ form > .button_link:first-of-type { margin-top: 0; }
|
||||
|
||||
.pluginmanager_place,
|
||||
.pluginmanager_ownership,
|
||||
.pluginmanager_move { text-align: right; }
|
||||
.pluginmanager_move,
|
||||
.pagination .next { text-align: right; }
|
||||
|
||||
.plugin_optiongroup_last { border-bottom: 1px solid #aaa; }
|
||||
|
||||
@ -1416,8 +1426,7 @@ form > .button_link:first-of-type { margin-top: 0; }
|
||||
#fs_crop { min-height: 200px; }
|
||||
|
||||
.media_pane .pagination {
|
||||
clear: both;
|
||||
margin: 0;
|
||||
margin: 0 2% 0 0;
|
||||
}
|
||||
|
||||
.media_file_wrap:hover > .media_file_meta {
|
||||
@ -1458,10 +1467,10 @@ input[name="serendipity[filter][fileCategory]"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
label.media_selector {
|
||||
.media_selector {
|
||||
cursor: pointer;
|
||||
}
|
||||
input:checked + label.media_selector {
|
||||
input:checked + .media_selector {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(1px, #ddd), color-stop(100%, #eee));
|
||||
background-image: -webkit-linear-gradient(#fff, #ddd 1px, #eee);
|
||||
background-image: -moz-linear-gradient(#fff, #ddd 1px, #eee);
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user