Use latest feedbacks

[github/shaarli/Shaarli.git] / tpl / default / linklist.paging.html

diff --git a/tpl/default/linklist.paging.html b/tpl/default/linklist.paging.html
index 57ee16574c48054670ea4a2737bc416bf3d9adee..bc1591e45ea622ea07ecdea33af62aa405478f8a 100644 (file)
--- a/tpl/default/linklist.paging.html
+++ b/tpl/default/linklist.paging.html
@@ -2,49 +2,53 @@
   <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 class="linklist-filters-text pure-u-0 pure-u-lg-visible">
+          {'Filters'|t}
         </span>
         {if="isLoggedIn()"}
-          <a href="?privateonly" title="Click to see all links"
+          <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}
+        <a href="#" class="filter-off fold-all" title="Fold all">
+          <i class="fa fa-chevron-up"></i>
+        </a>
         {loop="$action_plugin"}
-          <!-- FIXME! Plugin update to handle that. -->
-          <a href="?privateonly" title="{$value.title}" class=
-            {if="$value.on"}
-              "filter-on"
-            {else}
-              "filter-off"
-            {/if}
-          >{$value.url}</a>
+          {$value.attr.class=isset($value.attr.class) ? $value.attr.class : ''}
+          {$value.attr.class=!empty($value.on) ? $value.attr.class .' filter-on' : $value.attr.class .' filter-off'}
+          <a
+            {loop="$value.attr"}
+              {$key}="{$value}"
+            {/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>
+          <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:
+      <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">
-        <input type="text" name="linksperpage" size="2">
+      <form method="GET" class="pure-u-0 pure-u-lg-visible">
+        <input type="text" name="linksperpage" placeholder="133">
       </form>
     </div>
   </div>