diff options
author | ArthurHoaro <arthur@hoa.ro> | 2018-07-28 11:07:55 +0200 |
---|---|---|
committer | ArthurHoaro <arthur@hoa.ro> | 2018-07-28 11:07:55 +0200 |
commit | 83faedadff76c5bdca036f39f13943f63b27e164 (patch) | |
tree | 6f44cede16ec6a60f10b9699e211e0818f06d2c8 /tpl/default/linklist.html | |
parent | 1d9eb22a3df85b67fe6652c0876cd7382c2fb525 (diff) | |
parent | 658988f3aeba7a5a938783249ccf2765251e5597 (diff) | |
download | Shaarli-83faedadff76c5bdca036f39f13943f63b27e164.tar.gz Shaarli-83faedadff76c5bdca036f39f13943f63b27e164.tar.zst Shaarli-83faedadff76c5bdca036f39f13943f63b27e164.zip |
Merge tag 'v0.9.7' into stable
Release v0.9.7
Diffstat (limited to 'tpl/default/linklist.html')
-rw-r--r-- | tpl/default/linklist.html | 273 |
1 files changed, 273 insertions, 0 deletions
diff --git a/tpl/default/linklist.html b/tpl/default/linklist.html new file mode 100644 index 00000000..c666e30a --- /dev/null +++ b/tpl/default/linklist.html | |||
@@ -0,0 +1,273 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <html> | ||
3 | <head> | ||
4 | {include="includes"} | ||
5 | </head> | ||
6 | <body> | ||
7 | {include="page.header"} | ||
8 | |||
9 | <div class="linkcount pure-u-0 pure-u-lg-visible"> | ||
10 | {if="!empty($linkcount)"} | ||
11 | <span class="strong">{$linkcount}</span> {function="t('shaare', 'shaares', $linkcount)"} | ||
12 | {if="$privateLinkcount>0"} | ||
13 | <br><span class="strong">{$privateLinkcount}</span> {function="t('private link', 'private links', $privateLinkcount)"} | ||
14 | {/if} | ||
15 | {/if} | ||
16 | </div> | ||
17 | |||
18 | <input type="hidden" name="token" value="{$token}"> | ||
19 | |||
20 | <div id="search-linklist"> | ||
21 | |||
22 | <form method="GET" class="pure-form searchform" name="searchform"> | ||
23 | <input type="text" tabindex="1" name="searchterm" class="searchterm" placeholder="{'Search text'|t}" | ||
24 | {if="!empty($search_term)"} | ||
25 | value="{$search_term}" | ||
26 | {/if} | ||
27 | > | ||
28 | <input type="text" tabindex="2" name="searchtags" class="searchtags" placeholder="{'Filter by tag'|t}" | ||
29 | {if="!empty($search_tags)"} | ||
30 | value="{$search_tags}" | ||
31 | {/if} | ||
32 | autocomplete="off" data-multiple data-autofirst data-minChars="1" | ||
33 | data-list="{loop="$tags"}{$key}, {/loop}" | ||
34 | > | ||
35 | <button type="submit" class="search-button"><i class="fa fa-search"></i></button> | ||
36 | </form> | ||
37 | </div> | ||
38 | |||
39 | {loop="$plugins_header.fields_toolbar"} | ||
40 | <form | ||
41 | {loop="$value.attr"} | ||
42 | {$key}="{$value}" | ||
43 | {/loop}> | ||
44 | <div class="toolbar-plugin pure-u-lg-1"> | ||
45 | {loop="$value.inputs"} | ||
46 | <input | ||
47 | {loop="$value"} | ||
48 | {$key}="{$value}" | ||
49 | {/loop}> | ||
50 | {/loop} | ||
51 | </div> | ||
52 | </form> | ||
53 | {/loop} | ||
54 | |||
55 | <div id="linklist"> | ||
56 | <div id="link-count-block" class="pure-g"> | ||
57 | <div class="pure-u-lg-2-24 pure-u-1-24"></div> | ||
58 | <div id="link-count-content" class="pure-u-lg-20-24 pure-u-22-24"> | ||
59 | <div class="linkcount pure-u-lg-0 center"> | ||
60 | {if="!empty($linkcount)"} | ||
61 | <span class="strong">{$linkcount}</span> {function="t('shaare', 'shaares', $linkcount)"} | ||
62 | {if="$privateLinkcount>0"} | ||
63 | · <span class="strong">{$privateLinkcount}</span> {function="t('private link', 'private links', $privateLinkcount)"} | ||
64 | {/if} | ||
65 | {/if} | ||
66 | </div> | ||
67 | |||
68 | {include="linklist.paging"} | ||
69 | |||
70 | <div id="plugin_zone_start_linklist" class="plugin_zone"> | ||
71 | {loop="$plugin_start_zone"} | ||
72 | {$value} | ||
73 | {/loop} | ||
74 | </div> | ||
75 | </div> | ||
76 | </div> | ||
77 | |||
78 | {if="count($links)==0"} | ||
79 | <div id="search-result-block" class="pure-g pure-alert pure-alert-error search-result"> | ||
80 | <div class="pure-u-2-24"></div> | ||
81 | <div id="search-result-content" class="pure-u-20-24"> | ||
82 | <div id="searchcriteria">{'Nothing found.'|t}</div> | ||
83 | </div> | ||
84 | </div> | ||
85 | {elseif="!empty($search_term) or $search_tags !== '' or !empty($visibility) or $untaggedonly"} | ||
86 | <div id="search-result-block" class="pure-g pure-alert pure-alert-success search-result"> | ||
87 | <div class="pure-u-2-24"></div> | ||
88 | <div id="search-result-content" class="pure-u-20-24 search-result-main"> | ||
89 | {function="sprintf(t('%s result', '%s results', $result_count), $result_count)"} | ||
90 | {if="!empty($search_term)"} | ||
91 | {'for'|t} <em><strong>{$search_term}</strong></em> | ||
92 | {/if} | ||
93 | {if="!empty($search_tags)"} | ||
94 | {$exploded_tags=explode(' ', $search_tags)} | ||
95 | {'tagged'|t} | ||
96 | {loop="$exploded_tags"} | ||
97 | <span class="label label-tag" title="{'Remove tag'|t}"> | ||
98 | <a href="?removetag={function="urlencode($value)"}">{$value}<span class="remove"><i class="fa fa-times"></i></span></a> | ||
99 | </span> | ||
100 | {/loop} | ||
101 | {/if} | ||
102 | {if="!empty($visibility)"} | ||
103 | {'with status'|t} | ||
104 | <span class="label label-private"> | ||
105 | {$visibility|t} | ||
106 | </span> | ||
107 | {/if} | ||
108 | {if="$untaggedonly"} | ||
109 | <span class="label label-private"> | ||
110 | {'without any tag'|t} | ||
111 | </span> | ||
112 | {/if} | ||
113 | </div> | ||
114 | </div> | ||
115 | {/if} | ||
116 | |||
117 | <div id="linklist-loop-block" class="pure-g"> | ||
118 | <div class="pure-u-lg-2-24 pure-u-1-24"></div> | ||
119 | <div id="linklist-loop-content" class="pure-u-lg-20-24 pure-u-22-24"> | ||
120 | {ignore}Set translation here, for performances{/ignore} | ||
121 | {$strPrivate=t('Private')} | ||
122 | {$strEdit=t('Edit')} | ||
123 | {$strDelete=t('Delete')} | ||
124 | {$strFold=t('Fold')} | ||
125 | {$strEdited=t('Edited: ')} | ||
126 | {$strPermalink=t('Permalink')} | ||
127 | {$strPermalinkLc=t('permalink')} | ||
128 | {$strAddTag=t('Add tag')} | ||
129 | {ignore}End of translations{/ignore} | ||
130 | {loop="links"} | ||
131 | <div class="anchor" id="{$value.shorturl}"></div> | ||
132 | |||
133 | <div class="linklist-item linklist-item{if="$value.class"} {$value.class}{/if}" data-id="{$value.id}"> | ||
134 | <div class="linklist-item-title"> | ||
135 | {$thumb=thumbnail($value.url)} | ||
136 | {if="$thumb!=false"} | ||
137 | <div class="linklist-item-thumbnail">{$thumb}</div> | ||
138 | {/if} | ||
139 | |||
140 | {if="isLoggedIn()"} | ||
141 | <div class="linklist-item-editbuttons"> | ||
142 | {if="$value.private"} | ||
143 | <span class="label label-private">{$strPrivate}</span> | ||
144 | {/if} | ||
145 | </div> | ||
146 | {/if} | ||
147 | |||
148 | <h2> | ||
149 | <a href="{$value.real_url}"> | ||
150 | {if="strpos($value.url, $value.shorturl) === false"} | ||
151 | <i class="fa fa-external-link"></i> | ||
152 | {else} | ||
153 | <i class="fa fa-sticky-note"></i> | ||
154 | {/if} | ||
155 | |||
156 | <span class="linklist-link">{$value.title}</span> | ||
157 | </a> | ||
158 | </h2> | ||
159 | </div> | ||
160 | |||
161 | {if="$value.description"} | ||
162 | <div class="linklist-item-description"> | ||
163 | {$value.description} | ||
164 | </div> | ||
165 | {/if} | ||
166 | |||
167 | <div class="linklist-item-infos clear"> | ||
168 | {if="$value.tags"} | ||
169 | <div class="linklist-item-tags"> | ||
170 | <i class="fa fa-tags"></i> | ||
171 | {$tag_counter=count($value.taglist)} | ||
172 | {loop="value.taglist"} | ||
173 | <span class="label label-tag" title="{$strAddTag}"> | ||
174 | <a href="?addtag={$value|urlencode}">{$value}</a> | ||
175 | </span> | ||
176 | {if="$tag_counter - 1 != $counter"}·{/if} | ||
177 | {/loop} | ||
178 | </div> | ||
179 | {/if} | ||
180 | |||
181 | <div class="linklist-item-infos-date-url-block pure-g"> | ||
182 | <div class="linklist-item-infos-dateblock pure-u-lg-7-12 pure-u-1"> | ||
183 | {if="isLoggedIn()"} | ||
184 | <div class="linklist-item-infos-controls-group pure-u-0 pure-u-lg-visible"> | ||
185 | <span class="linklist-item-infos-controls-item ctrl-checkbox"> | ||
186 | <input type="checkbox" class="delete-checkbox" value="{$value.id}"> | ||
187 | </span> | ||
188 | <span class="linklist-item-infos-controls-item ctrl-edit"> | ||
189 | <a href="?edit_link={$value.id}" title="{$strEdit}"><i class="fa fa-pencil-square-o edit-link"></i></a> | ||
190 | </span> | ||
191 | <span class="linklist-item-infos-controls-item ctrl-delete"> | ||
192 | <a href="?delete_link&lf_linkdate={$value.id}&token={$token}" | ||
193 | title="{$strDelete}" class="delete-link pure-u-0 pure-u-lg-visible confirm-delete"> | ||
194 | <i class="fa fa-trash"></i> | ||
195 | </a> | ||
196 | </span> | ||
197 | </div> | ||
198 | {/if} | ||
199 | <a href="?{$value.shorturl}" title="{$strPermalink}"> | ||
200 | {if="!$hide_timestamps || isLoggedIn()"} | ||
201 | {$updated=$value.updated_timestamp ? $strEdited. format_date($value.updated) : $strPermalink} | ||
202 | <span class="linkdate" title="{$updated}"> | ||
203 | <i class="fa fa-clock-o"></i> | ||
204 | {$value.created|format_date} | ||
205 | {if="$value.updated_timestamp"}*{/if} | ||
206 | · | ||
207 | </span> | ||
208 | {/if} | ||
209 | {$strPermalinkLc} | ||
210 | </a> | ||
211 | |||
212 | <div class="pure-u-0 pure-u-lg-visible"> | ||
213 | {if="isset($value.link_plugin)"} | ||
214 | · | ||
215 | {$link_plugin_counter=count($value.link_plugin)} | ||
216 | {loop="$value.link_plugin"} | ||
217 | {$value} | ||
218 | {if="$link_plugin_counter - 1 != $counter"}·{/if} | ||
219 | {/loop} | ||
220 | {/if} | ||
221 | </div> | ||
222 | </div><div | ||
223 | {ignore}do not add space or line break between these div - Firefox issue{/ignore} | ||
224 | class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1"> | ||
225 | <a href="{$value.real_url}" title="{$value.title}"> | ||
226 | <i class="fa fa-link"></i> {$value.url} | ||
227 | </a> | ||
228 | <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible"> | ||
229 | <a href="#" title="{$strFold}" class="fold-button"><i class="fa fa-chevron-up"></i></a> | ||
230 | </div> | ||
231 | </div> | ||
232 | <div class="mobile-buttons pure-u-1 pure-u-lg-0"> | ||
233 | {if="isset($value.link_plugin)"} | ||
234 | {$link_plugin_counter=count($value.link_plugin)} | ||
235 | {loop="$value.link_plugin"} | ||
236 | {$value} | ||
237 | {if="$link_plugin_counter - 1 != $counter"}·{/if} | ||
238 | {/loop} | ||
239 | {/if} | ||
240 | {if="isLoggedIn()"} | ||
241 | · | ||
242 | <a href="?delete_link&lf_linkdate={$value.id}&token={$token}" | ||
243 | title="{$strDelete}" class="delete-link confirm-delete"> | ||
244 | <i class="fa fa-trash"></i> | ||
245 | </a> | ||
246 | · | ||
247 | <a href="?edit_link={$value.id}" title="{$strEdit}"><i class="fa fa-pencil-square-o edit-link"></i></a> | ||
248 | {/if} | ||
249 | </div> | ||
250 | </div> | ||
251 | </div> | ||
252 | </div> | ||
253 | {/loop} | ||
254 | </div> | ||
255 | </div> | ||
256 | </div> | ||
257 | |||
258 | <div id="plugin_zone_end_linklist" class="plugin_zone"> | ||
259 | {loop="$plugin_end_zone"} | ||
260 | {$value} | ||
261 | {/loop} | ||
262 | </div> | ||
263 | |||
264 | <div id="linklist-paging-bottom-block" class="pure-g"> | ||
265 | <div class="pure-u-lg-2-24 pure-u-1-24"></div> | ||
266 | <div id="linklist-paging-bottom-content" class="pure-u-lg-20-24 pure-u-22-24"> | ||
267 | {include="linklist.paging"} | ||
268 | </div> | ||
269 | </div> | ||
270 | |||
271 | {include="page.footer"} | ||
272 | </body> | ||
273 | </html> | ||