X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;ds=inline;f=tpl%2Fdefault%2Flinklist.paging.html;h=5e9c84868f94421cfa33cbf668de3f8f8892f71d;hb=4da94ef45cf3c58eda77e425688a7ad18dcfd34f;hp=57ee16574c48054670ea4a2737bc416bf3d9adee;hpb=4d7cd1b0e2ff3c4ac5df03774640164f681b5e96;p=github%2Fshaarli%2FShaarli.git

diff --git a/tpl/default/linklist.paging.html b/tpl/default/linklist.paging.html
index 57ee1657..5e9c8486 100644
--- a/tpl/default/linklist.paging.html
+++ b/tpl/default/linklist.paging.html
@@ -1,51 +1,59 @@
 <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" size="2">
-      </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