diff options
author | ArthurHoaro <arthur@hoa.ro> | 2020-10-13 12:07:13 +0200 |
---|---|---|
committer | ArthurHoaro <arthur@hoa.ro> | 2020-10-13 12:07:13 +0200 |
commit | d9f6275ebca035fec8331652c677981056793ccc (patch) | |
tree | 37a64baf4f0eba6b781040605965383d8aded2cc /tpl/default/linklist.html | |
parent | 38672ba0d1c722e5d6d33a58255ceb55e9410e46 (diff) | |
parent | d63ff87a009313141ae684ec447b902562ff6ee7 (diff) | |
download | Shaarli-d9f6275ebca035fec8331652c677981056793ccc.tar.gz Shaarli-d9f6275ebca035fec8331652c677981056793ccc.tar.zst Shaarli-d9f6275ebca035fec8331652c677981056793ccc.zip |
Merge branch 'v0.11' into stablestable
Diffstat (limited to 'tpl/default/linklist.html')
-rw-r--r-- | tpl/default/linklist.html | 65 |
1 files changed, 33 insertions, 32 deletions
diff --git a/tpl/default/linklist.html b/tpl/default/linklist.html index ed78f40a..ffc236c7 100644 --- a/tpl/default/linklist.html +++ b/tpl/default/linklist.html | |||
@@ -1,5 +1,5 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html{if="$language !== 'auto'"} lang="{$language}"{/if}> |
3 | <head> | 3 | <head> |
4 | {include="includes"} | 4 | {include="includes"} |
5 | </head> | 5 | </head> |
@@ -19,19 +19,19 @@ | |||
19 | <div id="search-linklist" class="searchform-block search-linklist"> | 19 | <div id="search-linklist" class="searchform-block search-linklist"> |
20 | 20 | ||
21 | <form method="GET" class="pure-form searchform" name="searchform"> | 21 | <form method="GET" class="pure-form searchform" name="searchform"> |
22 | <input type="text" tabindex="1" name="searchterm" class="searchterm" placeholder="{'Search text'|t}" | 22 | <input type="text" name="searchterm" class="searchterm" aria-label="{'Search text'|t}" placeholder="{'Search text'|t}" |
23 | {if="!empty($search_term)"} | 23 | {if="!empty($search_term)"} |
24 | value="{$search_term}" | 24 | value="{$search_term}" |
25 | {/if} | 25 | {/if} |
26 | > | 26 | > |
27 | <input type="text" tabindex="2" name="searchtags" class="searchtags" placeholder="{'Filter by tag'|t}" | 27 | <input type="text" name="searchtags" class="searchtags" aria-label="{'Filter by tag'|t}" placeholder="{'Filter by tag'|t}" |
28 | {if="!empty($search_tags)"} | 28 | {if="!empty($search_tags)"} |
29 | value="{$search_tags}" | 29 | value="{$search_tags}" |
30 | {/if} | 30 | {/if} |
31 | autocomplete="off" data-multiple data-autofirst data-minChars="1" | 31 | autocomplete="off" data-multiple data-autofirst data-minChars="1" |
32 | data-list="{loop="$tags"}{$key}, {/loop}" | 32 | data-list="{loop="$tags"}{$key}, {/loop}" |
33 | > | 33 | > |
34 | <button type="submit" class="search-button"><i class="fa fa-search"></i></button> | 34 | <button type="submit" class="search-button" aria-label="{'Search'|t}"><i class="fa fa-search" aria-hidden="true"></i></button> |
35 | </form> | 35 | </form> |
36 | </div> | 36 | </div> |
37 | 37 | ||
@@ -52,7 +52,7 @@ | |||
52 | {/loop} | 52 | {/loop} |
53 | 53 | ||
54 | <div id="linklist"> | 54 | <div id="linklist"> |
55 | <div id="link-count-block" class="pure-g"> | 55 | <div id="link-count-block" class="pure-g link-count-block"> |
56 | <div class="pure-u-lg-2-24 pure-u-1-24"></div> | 56 | <div class="pure-u-lg-2-24 pure-u-1-24"></div> |
57 | <div id="link-count-content" class="pure-u-lg-20-24 pure-u-22-24"> | 57 | <div id="link-count-content" class="pure-u-lg-20-24 pure-u-22-24"> |
58 | <div class="linkcount pure-u-lg-0 center"> | 58 | <div class="linkcount pure-u-lg-0 center"> |
@@ -94,7 +94,7 @@ | |||
94 | {'tagged'|t} | 94 | {'tagged'|t} |
95 | {loop="$exploded_tags"} | 95 | {loop="$exploded_tags"} |
96 | <span class="label label-tag" title="{'Remove tag'|t}"> | 96 | <span class="label label-tag" title="{'Remove tag'|t}"> |
97 | <a href="?removetag={function="urlencode($value)"}">{$value}<span class="remove"><i class="fa fa-times"></i></span></a> | 97 | <a href="?removetag={function="urlencode($value)"}" aria-label="{'Remove tag'|t}">{$value}<span class="remove"><i class="fa fa-times" aria-hidden="true"></i></span></a> |
98 | </span> | 98 | </span> |
99 | {/loop} | 99 | {/loop} |
100 | {/if} | 100 | {/if} |
@@ -136,30 +136,31 @@ | |||
136 | {if="$thumbnails_enabled && !empty($value.thumbnail)"} | 136 | {if="$thumbnails_enabled && !empty($value.thumbnail)"} |
137 | <div class="linklist-item-thumbnail" style="width:{$thumbnails_width}px;height:{$thumbnails_height}px;"> | 137 | <div class="linklist-item-thumbnail" style="width:{$thumbnails_width}px;height:{$thumbnails_height}px;"> |
138 | <div class="thumbnail"> | 138 | <div class="thumbnail"> |
139 | <a href="{$value.real_url}"> | ||
140 | {ignore}RainTPL hack: put the 2 src on two different line to avoid path replace bug{/ignore} | 139 | {ignore}RainTPL hack: put the 2 src on two different line to avoid path replace bug{/ignore} |
140 | <a href="{$value.real_url}" aria-hidden="true" tabindex="-1"> | ||
141 | <img data-src="{$value.thumbnail}#" class="b-lazy" | 141 | <img data-src="{$value.thumbnail}#" class="b-lazy" |
142 | src="" | 142 | src="" |
143 | alt="thumbnail" width="{$thumbnails_width}" height="{$thumbnails_height}" /> | 143 | alt="" width="{$thumbnails_width}" height="{$thumbnails_height}" /> |
144 | </a> | 144 | </a> |
145 | </div> | 145 | </div> |
146 | </div> | 146 | </div> |
147 | {/if} | 147 | {/if} |
148 | 148 | ||
149 | {if="$is_logged_in"} | 149 | <div class="linklist-item-editbuttons"> |
150 | <div class="linklist-item-editbuttons"> | 150 | {if="$value.sticky"} |
151 | {if="$value.private"} | 151 | <span class="label label-sticky">{$strSticky}</span> |
152 | <span class="label label-private">{$strPrivate}</span> | 152 | {/if} |
153 | {/if} | 153 | {if="$value.private"} |
154 | </div> | 154 | <span class="label label-private">{$strPrivate}</span> |
155 | {/if} | 155 | {/if} |
156 | </div> | ||
156 | 157 | ||
157 | <h2> | 158 | <h2> |
158 | <a href="{$value.real_url}"> | 159 | <a href="{$value.real_url}"> |
159 | {if="strpos($value.url, $value.shorturl) === false"} | 160 | {if="strpos($value.url, $value.shorturl) === false"} |
160 | <i class="fa fa-external-link"></i> | 161 | <i class="fa fa-external-link" aria-hidden="true"></i> |
161 | {else} | 162 | {else} |
162 | <i class="fa fa-sticky-note"></i> | 163 | <i class="fa fa-sticky-note" aria-hidden="true"></i> |
163 | {/if} | 164 | {/if} |
164 | 165 | ||
165 | <span class="linklist-link">{$value.title}</span> | 166 | <span class="linklist-link">{$value.title}</span> |
@@ -176,7 +177,7 @@ | |||
176 | <div class="linklist-item-infos clear"> | 177 | <div class="linklist-item-infos clear"> |
177 | {if="$value.tags"} | 178 | {if="$value.tags"} |
178 | <div class="linklist-item-tags"> | 179 | <div class="linklist-item-tags"> |
179 | <i class="fa fa-tags"></i> | 180 | <i class="fa fa-tags" aria-hidden="true"></i> |
180 | {$tag_counter=count($value.taglist)} | 181 | {$tag_counter=count($value.taglist)} |
181 | {loop="value.taglist"} | 182 | {loop="value.taglist"} |
182 | <span class="label label-tag" title="{$strAddTag}"> | 183 | <span class="label label-tag" title="{$strAddTag}"> |
@@ -195,18 +196,18 @@ | |||
195 | <input type="checkbox" class="link-checkbox" value="{$value.id}"> | 196 | <input type="checkbox" class="link-checkbox" value="{$value.id}"> |
196 | </span> | 197 | </span> |
197 | <span class="linklist-item-infos-controls-item ctrl-edit"> | 198 | <span class="linklist-item-infos-controls-item ctrl-edit"> |
198 | <a href="?edit_link={$value.id}" title="{$strEdit}"><i class="fa fa-pencil-square-o edit-link"></i></a> | 199 | <a href="?edit_link={$value.id}" aria-label="{$strEdit}" title="{$strEdit}"><i class="fa fa-pencil-square-o edit-link" aria-hidden="true"></i></a> |
199 | </span> | 200 | </span> |
200 | <span class="linklist-item-infos-controls-item ctrl-delete"> | 201 | <span class="linklist-item-infos-controls-item ctrl-delete"> |
201 | <a href="?delete_link&lf_linkdate={$value.id}&token={$token}" | 202 | <a href="?delete_link&lf_linkdate={$value.id}&token={$token}" aria-label="{$strDelete}" |
202 | title="{$strDelete}" class="delete-link pure-u-0 pure-u-lg-visible confirm-delete"> | 203 | title="{$strDelete}" class="delete-link pure-u-0 pure-u-lg-visible confirm-delete"> |
203 | <i class="fa fa-trash"></i> | 204 | <i class="fa fa-trash" aria-hidden="true"></i> |
204 | </a> | 205 | </a> |
205 | </span> | 206 | </span> |
206 | <span class="linklist-item-infos-controls-item ctrl-pin"> | 207 | <span class="linklist-item-infos-controls-item ctrl-pin"> |
207 | <a href="?do=pin&id={$value.id}&token={$token}" | 208 | <a href="?do=pin&id={$value.id}&token={$token}" |
208 | title="{$strToggleSticky}" class="pin-link {if="$value.sticky"}pinned-link{/if} pure-u-0 pure-u-lg-visible"> | 209 | title="{$strToggleSticky}" aria-label="{$strToggleSticky}" class="pin-link {if="$value.sticky"}pinned-link{/if} pure-u-0 pure-u-lg-visible"> |
209 | <i class="fa fa-thumb-tack"></i> | 210 | <i class="fa fa-thumb-tack" aria-hidden="true"></i> |
210 | </a> | 211 | </a> |
211 | </span> | 212 | </span> |
212 | </div> | 213 | </div> |
@@ -215,7 +216,7 @@ | |||
215 | <div class="linklist-item-infos-controls-group pure-u-0 pure-u-lg-visible"> | 216 | <div class="linklist-item-infos-controls-group pure-u-0 pure-u-lg-visible"> |
216 | <span class="linklist-item-infos-controls-item ctrl-pin"> | 217 | <span class="linklist-item-infos-controls-item ctrl-pin"> |
217 | <span title="{$strSticky}" class="pin-link pinned-link pure-u-0 pure-u-lg-visible"> | 218 | <span title="{$strSticky}" class="pin-link pinned-link pure-u-0 pure-u-lg-visible"> |
218 | <i class="fa fa-thumb-tack"></i> | 219 | <i class="fa fa-thumb-tack" aria-hidden="true"></i> |
219 | </span> | 220 | </span> |
220 | </span> | 221 | </span> |
221 | </div> | 222 | </div> |
@@ -225,7 +226,7 @@ | |||
225 | {if="!$hide_timestamps || $is_logged_in"} | 226 | {if="!$hide_timestamps || $is_logged_in"} |
226 | {$updated=$value.updated_timestamp ? $strEdited. format_date($value.updated) : $strPermalink} | 227 | {$updated=$value.updated_timestamp ? $strEdited. format_date($value.updated) : $strPermalink} |
227 | <span class="linkdate" title="{$updated}"> | 228 | <span class="linkdate" title="{$updated}"> |
228 | <i class="fa fa-clock-o"></i> | 229 | <i class="fa fa-clock-o" aria-hidden="true"></i> |
229 | {$value.created|format_date} | 230 | {$value.created|format_date} |
230 | {if="$value.updated_timestamp"}*{/if} | 231 | {if="$value.updated_timestamp"}*{/if} |
231 | · | 232 | · |
@@ -247,11 +248,11 @@ | |||
247 | </div><div | 248 | </div><div |
248 | {ignore}do not add space or line break between these div - Firefox issue{/ignore} | 249 | {ignore}do not add space or line break between these div - Firefox issue{/ignore} |
249 | class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1"> | 250 | class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1"> |
250 | <a href="{$value.real_url}" title="{$value.title}"> | 251 | <a href="{$value.real_url}" aria-label="{$value.title}" title="{$value.title}"> |
251 | <i class="fa fa-link"></i> {$value.url} | 252 | <i class="fa fa-link" aria-hidden="true"></i> {$value.url} |
252 | </a> | 253 | </a> |
253 | <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible"> | 254 | <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible"> |
254 | <a href="#" title="{$strFold}" class="fold-button"><i class="fa fa-chevron-up"></i></a> | 255 | <a href="#" aria-label="{$strFold}" title="{$strFold}" class="fold-button"><i class="fa fa-chevron-up" aria-hidden="true"></i></a> |
255 | </div> | 256 | </div> |
256 | </div> | 257 | </div> |
257 | <div class="mobile-buttons pure-u-1 pure-u-lg-0"> | 258 | <div class="mobile-buttons pure-u-1 pure-u-lg-0"> |
@@ -264,12 +265,12 @@ | |||
264 | {/if} | 265 | {/if} |
265 | {if="$is_logged_in"} | 266 | {if="$is_logged_in"} |
266 | · | 267 | · |
267 | <a href="?delete_link&lf_linkdate={$value.id}&token={$token}" | 268 | <a href="?delete_link&lf_linkdate={$value.id}&token={$token}" aria-label="{$strDelete}" |
268 | title="{$strDelete}" class="delete-link confirm-delete"> | 269 | title="{$strDelete}" class="delete-link confirm-delete"> |
269 | <i class="fa fa-trash"></i> | 270 | <i class="fa fa-trash" aria-hidden="true"></i> |
270 | </a> | 271 | </a> |
271 | · | 272 | · |
272 | <a href="?edit_link={$value.id}" title="{$strEdit}"><i class="fa fa-pencil-square-o edit-link"></i></a> | 273 | <a href="?edit_link={$value.id}" aria-label="{$strEdit}" title="{$strEdit}"><i class="fa fa-pencil-square-o edit-link" aria-hidden="true"></i></a> |
273 | {/if} | 274 | {/if} |
274 | </div> | 275 | </div> |
275 | </div> | 276 | </div> |
@@ -286,7 +287,7 @@ | |||
286 | {/loop} | 287 | {/loop} |
287 | </div> | 288 | </div> |
288 | 289 | ||
289 | <div id="linklist-paging-bottom-block" class="pure-g"> | 290 | <div id="linklist-paging-bottom-block" class="pure-g link-count-block"> |
290 | <div class="pure-u-lg-2-24 pure-u-1-24"></div> | 291 | <div class="pure-u-lg-2-24 pure-u-1-24"></div> |
291 | <div id="linklist-paging-bottom-content" class="pure-u-lg-20-24 pure-u-22-24"> | 292 | <div id="linklist-paging-bottom-content" class="pure-u-lg-20-24 pure-u-22-24"> |
292 | {include="linklist.paging"} | 293 | {include="linklist.paging"} |