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 f1f67eea2aaca92e52bab2d040dc6d0df758deda..459a7c33e3dddd7b504f9bcfa4ad127c0bb4ec45 100644 (file)
--- a/tpl/default/linklist.html
+++ b/tpl/default/linklist.html
@@ -6,6 +6,49 @@
  <body>
  {include="page.header"}
  
+<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">
  
    <div id="linkcount" class="center">
@@ -99,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}
@@ -121,23 +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>
-                <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>
                </div>
              </div>
            </div>