]> git.immae.eu Git - github/shaarli/Shaarli.git/blobdiff - tpl/default/linklist.html
projects / github / shaarli / Shaarli.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
A lot of minor improvements, cleanup, narrow mobile side blank spaces
[github/shaarli/Shaarli.git] / tpl / default / linklist.html
diff --git a/tpl/default/linklist.html b/tpl/default/linklist.html
index bdf7f3eb1cc550e0d11d9feb5c128cfbc8ec4bfa..459a7c33e3dddd7b504f9bcfa4ad127c0bb4ec45 100644 (file)
--- a/tpl/default/linklist.html
+++ b/tpl/default/linklist.html
@@ -6,9 +6,48 @@
 <body>
 {include="page.header"}
 
-<!--{loop="$plugins_header.fields_toolbar"}
-    {$value}
-{/loop}-->
+<div id="search-linklist">
+  <div class="pure-g">
+    <div class="pure-u-1 pure-u-lg-1-2">
+      <form method="GET" class="searchform" name="searchform">
+        <input type="text" tabindex="1" name="searchterm" placeholder="{'Search text'|t}"
+               {if="!empty($search_term)"}
+               value="{$search_term}"
+               {/if}
+        >
+        <button type="submit" class="search-button"><i class="fa fa-search"></i></button>
+      </form>
+    </div>
+    <div class="pure-u-1 pure-u-lg-1-2">
+      <form method="GET" class="tagfilter" name="tagfilter">
+        <input type="text" tabindex="2" name="searchtags" placeholder="{'Filter by tag'|t}"
+               {if="!empty($search_tags)"}
+               value="{$search_tags}"
+               {/if}
+        autocomplete="off" data-multiple data-minChars="1"
+        data-list="{loop="$tags"}{$key}, {/loop}"
+        >
+        <button type="submit" class="search-button"><i class="fa fa-search"></i></button>
+      </form>
+    </div>
+  </div>
+</div>
+
+{loop="$plugins_header.fields_toolbar"}
+  <form
+    {loop="$value.attr"}
+      {$key}="{$value}"
+    {/loop}>
+    <div class="toolbar-plugin pure-u-lg-1">
+      {loop="$value.inputs"}
+        <input
+          {loop="$value"}
+          {$key}="{$value}"
+          {/loop}>
+      {/loop}
+    </div>
+  </form>
+{/loop}
 
 <div id="linklist">
 
@@ -58,36 +97,32 @@
   {/if}
 
   <div class="pure-g">
-    <div class="pure-u-2-24"></div>
-    <div class="pure-u-20-24">
+    <div class="pure-u-lg-2-24 pure-u-1-24"></div>
+    <div class="pure-u-lg-20-24 pure-u-22-24">
       {loop="links"}
         <div class="linklist-item{if="$value.class"} {$value.class}{/if}">
 
           <div class="linklist-item-title">
             {if="isLoggedIn()"}
               <div class="linklist-item-editbuttons">
+                {if="$value.private"}
+                  <span class="label label-private">{'Private'|t}</span>
+                {/if}
                 <!-- FIXME! JS translation -->
+                <a href="?edit_link={$value.id}" title="{'Edit'|t}"><i class="fa fa-pencil-square-o edit-link"></i></a>
                 <a href="#" title="{'Fold'|t}" class="fold-button"><i class="fa fa-chevron-up"></i></a>
-                <a href="?edit_link={$value.linkdate}" title="{'Edit'|t}"><i class="fa fa-pencil-square-o"></i></a>
-                <a href="?delete_link={$value.linkdate}&amp;token={$token}" title="{'Delete'|t}" class="delete-link">
-                  <i class="fa fa-trash"></i>
-                </a>
               </div>
             {/if}
 
             <h2>
-              <a href="{$value.real_url}" id="{$value.shorturl}" class="linklist-link">
+              <a href="{$value.real_url}" id="{$value.shorturl}" class="">
                 {if="strpos($value.url, $value.shorturl) === false"}
                   <i class="fa fa-external-link"></i>
                 {else}
                   <i class="fa fa-sticky-note"></i>
                 {/if}
 
-                {if="$value.private"}
-                  <span class="label label-private">{'Private'|t}</span>
-                {/if}
-
-                {$value.title}
+                <span class="linklist-link">{$value.title}</span>
               </a>
             </h2>
           </div>
@@ -107,10 +142,12 @@
             {if="$value.tags"}
               <div class="linklist-item-tags">
                 <i class="fa fa-tags"></i>
+                {$tag_counter=count($value.taglist)}
                 {loop="value.taglist"}
                   <span class="label label-tag" title="Add tag">
                     <a href="?addtag={$value|urlencode}">{$value}</a>
                   </span>
+                  {if="$tag_counter - 1 != $counter"}&middot;{/if}
                 {/loop}
               </div>
             {/if}
@@ -129,20 +166,44 @@
                   {'permalink'|t}
                 </a>
 
+                <div class="pure-u-0 pure-u-lg-visible">
+                  {if="isset($value.link_plugin)"}
+                    &middot;
+                    {$link_plugin_counter=count($value.link_plugin)}
+                    {loop="$value.link_plugin"}
+                      {$value}
+                      {if="$link_plugin_counter - 1 != $counter"}&middot;{/if}
+                    {/loop}
+                  {/if}
+                </div>
+              </div><div
+                {ignore}do not add space or line break between these div - Firefox issue{/ignore}
+                class="linklist-item-infos-url pure-u-lg-5-8 pure-u-1">
+                <a href="{$value.real_url}" title="{$value.title}">
+                  <i class="fa fa-link"></i> {$value.url}
+                </a>
+                {if="isLoggedIn()"}
+                  <a href="?delete_link&amp;lf_linkdate={$value.id}&amp;token={$token}"
+                     title="{'Delete'|t}" class="delete-link pure-u-0 pure-u-lg-visible">
+                    <i class="fa fa-trash"></i>
+                  </a>
+                {/if}
+              </div>
+              <div class="mobile-buttons pure-u-1 pure-u-lg-0">
                 {if="isset($value.link_plugin)"}
-                  &middot;
                   {$link_plugin_counter=count($value.link_plugin)}
                   {loop="$value.link_plugin"}
                     {$value}
                     {if="$link_plugin_counter - 1 != $counter"}&middot;{/if}
                   {/loop}
+                  &middot;
+                {/if}
+                {if="isLoggedIn()"}
+                  <a href="?delete_link&amp;lf_linkdate={$value.id}&amp;token={$token}"
+                     title="{'Delete'|t}" class="delete-link">
+                    <i class="fa fa-trash"></i>
+                  </a>
                 {/if}
-              </div><div
-                {ignore}do not add space or line break between these div - Firefox issue{/ignore}
-                class="linklist-item-infos-url pure-u-lg-5-8 pure-u-1">
-                <a href="{$value.real_url}" title="{$value.title}">
-                  <i class="fa fa-link"></i> {$value.url}
-                </a>
               </div>
             </div>
           </div>
The personal, minimalist, super-fast, database free, bookmarking service - community repo