aboutsummaryrefslogtreecommitdiffhomepage
path: root/tpl/default
diff options
context:
space:
mode:
authorArthurHoaro <arthur@hoa.ro>2016-02-27 23:21:11 +0100
committerArthurHoaro <arthur@hoa.ro>2016-08-07 12:17:36 +0200
commit4d7cd1b0e2ff3c4ac5df03774640164f681b5e96 (patch)
tree28f8dd493c0d338a8eb8e0446d0c83288dac50ab /tpl/default
parentd63f7cf5b8a25bba0de8ee11202edda3ca062eb4 (diff)
downloadShaarli-4d7cd1b0e2ff3c4ac5df03774640164f681b5e96.tar.gz
Shaarli-4d7cd1b0e2ff3c4ac5df03774640164f681b5e96.tar.zst
Shaarli-4d7cd1b0e2ff3c4ac5df03774640164f681b5e96.zip
Linklist paging
Diffstat (limited to 'tpl/default')
-rw-r--r--tpl/default/css/shaarli.css88
-rw-r--r--tpl/default/linklist.html5
-rw-r--r--tpl/default/linklist.paging.html68
3 files changed, 135 insertions, 26 deletions
diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css
index 4ec976b1..2fd477b3 100644
--- a/tpl/default/css/shaarli.css
+++ b/tpl/default/css/shaarli.css
@@ -195,11 +195,97 @@ body {
195} 195}
196 196
197/** 197/**
198 * CONTENT 198 * CONTENT - GENERAL
199 */ 199 */
200#content { 200#content {
201 position: relative; 201 position: relative;
202 box-shadow: 0 -2px 1em #797979; 202 box-shadow: 0 -2px 1em #797979;
203 z-index: 2; 203 z-index: 2;
204 background: url(../img/noise.png) #979797; 204 background: url(../img/noise.png) #979797;
205}
206
207/**
208 * CONTENT - LINKLIST PAGING
209 */
210@media screen and (min-width: 35.5em) {
211 .linklist-paging {
212 margin: 2.1em 0 0 0;
213 }
214}
215
216@media screen and (min-width: 64em) {
217 .linklist-paging {
218 margin: 0;
219 }
220}
221
222.linklist-filters {
223 margin: 10px 0;
224 color: #252525;
225}
226
227.linklist-filters span {
228 margin: 0 0 0 10px;
229}
230
231.linklist-filters a {
232 padding: 2px 5px;
233 text-decoration: none;
234}
235
236.linklist-filters .filter-off {
237 color: #252525;
238 background: #c8c8c8;
239}
240
241.linklist-filters .filter-on {
242 color: #b0ddce;
243 background: #1b926c;
244}
245
246.linklist-pages {
247 margin: 10px 0;
248 color: #252525;
249 text-align: center;
250}
251
252.linklist-pages a {
253 color: #252525;
254 text-decoration: none;
255}
256
257.linklist-pages a:hover {
258 color: #fff;
259}
260
261.linksperpage {
262 margin: 10px 0;
263 text-align: right;
264 color: #252525;
265}
266
267.linksperpage a {
268 padding: 2px 5px;
269 text-decoration: none;
270 color: #252525;
271 background: #c8c8c8;
272 border: solid 1px #979797;
273}
274
275.linksperpage form {
276 display: inline;
277 margin: 0 10px 0 0;
278}
279
280.linksperpage input[type="text"] {
281 width: 28px;
282 height: 20px;
283 margin: 0 0 5px 0;
284 padding: 3px 5px 3px 8px;
285 background: #c8c8c8;
286 border: medium none currentColor;
287 border-radius: 25px;
288 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.078), 0 1px 4px rgba(0, 0, 0, 0.298) inset;
289 color: #252525;
290 font-size: 0.8em;
205} \ No newline at end of file 291} \ No newline at end of file
diff --git a/tpl/default/linklist.html b/tpl/default/linklist.html
index 48de2e54..c42245e4 100644
--- a/tpl/default/linklist.html
+++ b/tpl/default/linklist.html
@@ -6,12 +6,9 @@
6<body> 6<body>
7{include="page.header"} 7{include="page.header"}
8 8
9<div id="headerform" class="search">
10
11 <!--{loop="$plugins_header.fields_toolbar"} 9 <!--{loop="$plugins_header.fields_toolbar"}
12 {$value} 10 {$value}
13 {/loop}--> 11 {/loop}-->
14</div>
15 12
16<div id="linklist"> 13<div id="linklist">
17 14
@@ -19,7 +16,7 @@
19 16
20 <div id="plugin_zone_start_linklist" class="plugin_zone"> 17 <div id="plugin_zone_start_linklist" class="plugin_zone">
21 {loop="$plugin_start_zone"} 18 {loop="$plugin_start_zone"}
22 {$value} 19 {$value}
23 {/loop} 20 {/loop}
24 </div> 21 </div>
25 22
diff --git a/tpl/default/linklist.paging.html b/tpl/default/linklist.paging.html
index e91c8f86..57ee1657 100644
--- a/tpl/default/linklist.paging.html
+++ b/tpl/default/linklist.paging.html
@@ -1,25 +1,51 @@
1<div class="paging"> 1<div class="linklist-paging">
2{if="isLoggedIn()"} 2 <div class="paging pure-g">
3 <div class="paging_privatelinks"> 3 <div class="linklist-filters pure-u-1-3">
4 <a href="?privateonly"> 4 {if="isLoggedIn() or !empty($action_plugin)"}
5 {if="$privateonly"} 5 <span class="linklist-filters-text">
6 <img src="images/private_16x16_active.png#" width="16" height="16" title="Click to see all links" alt="Click to see all links"> 6 Filters:
7 {else} 7 </span>
8 <img src="images/private_16x16.png#" width="16" height="16" title="Click to see only private links" alt="Click to see only private links"> 8 {if="isLoggedIn()"}
9 {/if} 9 <a href="?privateonly" title="Click to see all links"
10 </a> 10 class={if="$privateonly"}"filter-on"{else}"filter-off"{/if}
11 ><i class="fa fa-key"></i></a>
12 {/if}
13 {loop="$action_plugin"}
14 <!-- FIXME! Plugin update to handle that. -->
15 <a href="?privateonly" title="{$value.title}" class=
16 {if="$value.on"}
17 "filter-on"
18 {else}
19 "filter-off"
20 {/if}
21 >{$value.url}</a>
22 {/loop}
23 {/if}
24 </div>
11 25
12 26
27 <div class="linklist-pages pure-u-1-3">
28 {if="$previous_page_url"}
29 <a href="{$previous_page_url}" class="paging_older">
30 <i class="fa fa-long-arrow-left"></i> Older
31 </a>
32 {/if}
33 {if="$page_max>1"}{$page_current} / {$page_max}{/if}
34 {if="$next_page_url"}
35 <a href="{$next_page_url}" class="paging_newer">
36 Newer <i class="fa fa-long-arrow-right"></i>
37 </a>
38 {/if}
13 </div> 39 </div>
14{/if} 40
15 {loop="$action_plugin"} 41 <div class="linksperpage pure-u-1-3">
16 {$value} 42 Links per page:
17 {/loop} 43 <a href="?linksperpage=20">20</a>
18 <div class="paging_linksperpage"> 44 <a href="?linksperpage=50">50</a>
19 Links per page: <a href="?linksperpage=20">20</a> <a href="?linksperpage=50">50</a> <a href="?linksperpage=100">100</a> 45 <a href="?linksperpage=100">100</a>
20 <form method="GET" class="linksperpage"><input type="text" name="linksperpage" size="2"></form> 46 <form method="GET">
47 <input type="text" name="linksperpage" size="2">
48 </form>
21 </div> 49 </div>
22 {if="$previous_page_url"} <a href="{$previous_page_url}" class="paging_older">&#x25C4;Older</a> {/if} 50 </div>
23 <div class="paging_current">page {$page_current} / {$page_max} </div> 51</div> \ No newline at end of file
24 {if="$next_page_url"} <a href="{$next_page_url}" class="paging_newer">Newer&#x25BA;</a> {/if}
25</div>
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-26 01:43:09 +0000