A lot of minor improvements, cleanup, narrow mobile side blank spaces

author: ArthurHoaro <arthur@hoa.ro> 2017-01-06 14:50:09 +0100
committer: ArthurHoaro <arthur@hoa.ro> 2017-01-06 14:50:09 +0100
commit: b057607f1b8a242c5c0325ceaf7c963632b960aa (patch)
tree: ffcec7ca97bc9edc84d2a79d5d7cb9f37200cc50 /tpl/default/linklist.html
parent: 2bbf5d03ca47c9ce5bc88aabae6096f90f646cab (diff)
download: Shaarli-b057607f1b8a242c5c0325ceaf7c963632b960aa.tar.gz
Shaarli-b057607f1b8a242c5c0325ceaf7c963632b960aa.tar.zst
Shaarli-b057607f1b8a242c5c0325ceaf7c963632b960aa.zip
1 files changed, 76 insertions, 10 deletions
diff --git a/tpl/default/linklist.html b/tpl/default/linklist.html
index f1f67eea..459a7c33 100644
--- 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>
author	ArthurHoaro <arthur@hoa.ro>	2017-01-06 14:50:09 +0100
committer	ArthurHoaro <arthur@hoa.ro>	2017-01-06 14:50:09 +0100
commit	b057607f1b8a242c5c0325ceaf7c963632b960aa (patch)
tree	ffcec7ca97bc9edc84d2a79d5d7cb9f37200cc50 /tpl/default/linklist.html
parent	2bbf5d03ca47c9ce5bc88aabae6096f90f646cab (diff)
download	Shaarli-b057607f1b8a242c5c0325ceaf7c963632b960aa.tar.gz Shaarli-b057607f1b8a242c5c0325ceaf7c963632b960aa.tar.zst Shaarli-b057607f1b8a242c5c0325ceaf7c963632b960aa.zip

diff --git a/tpl/default/linklist.html b/tpl/default/linklist.html index f1f67eea..459a7c33 100644 --- a/tpl/default/linklist.html +++ b/tpl/default/linklist.html
@@ -6,6 +6,49 @@
6	<body>	6	<body>
7	{include="page.header"}	7	{include="page.header"}
8		8
		9	<div id="search-linklist">
		10	<div class="pure-g">
		11	<div class="pure-u-1 pure-u-lg-1-2">
		12	<form method="GET" class="searchform" name="searchform">
		13	<input type="text" tabindex="1" name="searchterm" placeholder="{'Search text'\|t}"
		14	{if="!empty($search_term)"}
		15	value="{$search_term}"
		16	{/if}
		17	>
		18	<button type="submit" class="search-button"><i class="fa fa-search"></i></button>
		19	</form>
		20	</div>
		21	<div class="pure-u-1 pure-u-lg-1-2">
		22	<form method="GET" class="tagfilter" name="tagfilter">
		23	<input type="text" tabindex="2" name="searchtags" placeholder="{'Filter by tag'\|t}"
		24	{if="!empty($search_tags)"}
		25	value="{$search_tags}"
		26	{/if}
		27	autocomplete="off" data-multiple data-minChars="1"
		28	data-list="{loop="$tags"}{$key}, {/loop}"
		29	>
		30	<button type="submit" class="search-button"><i class="fa fa-search"></i></button>
		31	</form>
		32	</div>
		33	</div>
		34	</div>
		35
		36	{loop="$plugins_header.fields_toolbar"}
		37	<form
		38	{loop="$value.attr"}
		39	{$key}="{$value}"
		40	{/loop}>
		41	<div class="toolbar-plugin pure-u-lg-1">
		42	{loop="$value.inputs"}
		43	<input
		44	{loop="$value"}
		45	{$key}="{$value}"
		46	{/loop}>
		47	{/loop}
		48	</div>
		49	</form>
		50	{/loop}
		51
9	<div id="linklist">	52	<div id="linklist">
10		53
11	<div id="linkcount" class="center">	54	<div id="linkcount" class="center">
@@ -99,10 +142,12 @@
99	{if="$value.tags"}	142	{if="$value.tags"}
100	<div class="linklist-item-tags">	143	<div class="linklist-item-tags">
101	<i class="fa fa-tags"></i>	144	<i class="fa fa-tags"></i>
		145	{$tag_counter=count($value.taglist)}
102	{loop="value.taglist"}	146	{loop="value.taglist"}
103	<span class="label label-tag" title="Add tag">	147	<span class="label label-tag" title="Add tag">
104	<a href="?addtag={$value\|urlencode}">{$value}</a>	148	<a href="?addtag={$value\|urlencode}">{$value}</a>
105	</span>	149	</span>
		150	{if="$tag_counter - 1 != $counter"}·{/if}
106	{/loop}	151	{/loop}
107	</div>	152	</div>
108	{/if}	153	{/if}
@@ -121,23 +166,44 @@
121	{'permalink'\|t}	166	{'permalink'\|t}
122	</a>	167	</a>
123		168
		169	<div class="pure-u-0 pure-u-lg-visible">
		170	{if="isset($value.link_plugin)"}
		171	·
		172	{$link_plugin_counter=count($value.link_plugin)}
		173	{loop="$value.link_plugin"}
		174	{$value}
		175	{if="$link_plugin_counter - 1 != $counter"}·{/if}
		176	{/loop}
		177	{/if}
		178	</div>
		179	</div><div
		180	{ignore}do not add space or line break between these div - Firefox issue{/ignore}
		181	class="linklist-item-infos-url pure-u-lg-5-8 pure-u-1">
		182	<a href="{$value.real_url}" title="{$value.title}">
		183	<i class="fa fa-link"></i> {$value.url}
		184	</a>
		185	{if="isLoggedIn()"}
		186	<a href="?delete_link&lf_linkdate={$value.id}&token={$token}"
		187	title="{'Delete'\|t}" class="delete-link pure-u-0 pure-u-lg-visible">
		188	<i class="fa fa-trash"></i>
		189	</a>
		190	{/if}
		191	</div>
		192	<div class="mobile-buttons pure-u-1 pure-u-lg-0">
124	{if="isset($value.link_plugin)"}	193	{if="isset($value.link_plugin)"}
125	·
126	{$link_plugin_counter=count($value.link_plugin)}	194	{$link_plugin_counter=count($value.link_plugin)}
127	{loop="$value.link_plugin"}	195	{loop="$value.link_plugin"}
128	{$value}	196	{$value}
129	{if="$link_plugin_counter - 1 != $counter"}·{/if}	197	{if="$link_plugin_counter - 1 != $counter"}·{/if}
130	{/loop}	198	{/loop}
		199	·
		200	{/if}
		201	{if="isLoggedIn()"}
		202	<a href="?delete_link&lf_linkdate={$value.id}&token={$token}"
		203	title="{'Delete'\|t}" class="delete-link">
		204	<i class="fa fa-trash"></i>
		205	</a>
131	{/if}	206	{/if}
132	</div><div
133	{ignore}do not add space or line break between these div - Firefox issue{/ignore}
134	class="linklist-item-infos-url pure-u-lg-5-8 pure-u-1">
135	<a href="{$value.real_url}" title="{$value.title}">
136	<i class="fa fa-link"></i> {$value.url}
137	</a>
138	<a href="?delete_link&lf_linkdate={$value.id}&token={$token}" title="{'Delete'\|t}" class="delete-link">
139	<i class="fa fa-trash"></i>
140	</a>
141	</div>	207	</div>
142	</div>	208	</div>
143	</div>	209	</div>