<div class="linklist-paging">
- <div class="paging pure-g">
- <div class="linklist-filters pure-u-1-3">
- {if="isLoggedIn() or !empty($action_plugin)"}
- <span class="linklist-filters-text">
- Filters
- </span>
- {if="isLoggedIn()"}
- <a href="?privateonly" title="Click to see all links"
- class={if="$privateonly"}"filter-on"{else}"filter-off"{/if}
- ><i class="fa fa-key"></i></a>
- {/if}
- {loop="$action_plugin"}
- <!-- FIXME! Plugin update to handle that. -->
- <a href="?privateonly" title="{$value.title}" class=
- {if="$value.on"}
- "filter-on"
- {else}
- "filter-off"
+ <div class="pure-g">
+ <div class="pure-u-2-24"></div>
+ <div class="pure-u-20-24">
+ <div class="paging pure-g">
+ <div class="linklist-filters pure-u-1-3">
+ {if="isLoggedIn() or !empty($action_plugin)"}
+ <span class="linklist-filters-text">
+ {'Filters'|t}
+ </span>
+ {if="isLoggedIn()"}
+ <a href="?privateonly" title="{'Filter private links'|t}"
+ class={if="$privateonly"}"filter-on"{else}"filter-off"{/if}
+ ><i class="fa fa-key"></i></a>
{/if}
- >{$value.url}</a>
- {/loop}
- {/if}
- </div>
+ {loop="$action_plugin"}
+ {$value.class=isset($value.class) ? $value.class : ''}
+ {$value.class=!empty($value.on) ? $value.class .' filter-on' : $value.class .' filter-off'}
+ <a
+ {loop="$value"}
+ {if="$key!='html'"}
+ {$key}="{$value}"
+ {/if}
+ {/loop}>
+ {$value.html}
+ </a>
+ {/loop}
+ {/if}
+ </div>
- <div class="linklist-pages pure-u-1-3">
- {if="$previous_page_url"}
- <a href="{$previous_page_url}" class="paging_older">
- <i class="fa fa-long-arrow-left"></i> Older
- </a>
- {/if}
- {if="$page_max>1"}{$page_current} / {$page_max}{/if}
- {if="$next_page_url"}
- <a href="{$next_page_url}" class="paging_newer">
- Newer <i class="fa fa-long-arrow-right"></i>
- </a>
- {/if}
- </div>
+ <div class="linklist-pages pure-u-1-3">
+ {if="$next_page_url"}
+ <a href="{$next_page_url}" class="paging_newer">
+ <i class="fa fa-arrow-circle-left"></i>
+ </a>
+ {/if}
+ {if="$page_max>1"}<span class="strong">{$page_current} / {$page_max}</span>{/if}
+ {if="$previous_page_url"}
+ <a href="{$previous_page_url}" class="paging_older">
+ <i class="fa fa-arrow-circle-right"></i>
+ </a>
+ {/if}
+
+ </div>
- <div class="linksperpage pure-u-1-3">
- Links per page
- <a href="?linksperpage=20">20</a>
- <a href="?linksperpage=50">50</a>
- <a href="?linksperpage=100">100</a>
- <form method="GET">
- <input type="text" name="linksperpage" placeholder="133">
- </form>
+ <div class="linksperpage pure-u-1-3">
+ <div class="pure-u-0 pure-u-lg-visible">{'Links per page'|t}</div>
+ <a href="?linksperpage=20">20</a>
+ <a href="?linksperpage=50">50</a>
+ <a href="?linksperpage=100">100</a>
+ <form method="GET" class="pure-u-0 pure-u-lg-visible">
+ <input type="text" name="linksperpage" placeholder="133">
+ </form>
+ </div>
+ </div>
</div>
</div>
</div>
\ No newline at end of file