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