diff options
Diffstat (limited to 'tpl/default/linklist.html')
-rw-r--r-- | tpl/default/linklist.html | 246 |
1 files changed, 246 insertions, 0 deletions
diff --git a/tpl/default/linklist.html b/tpl/default/linklist.html new file mode 100644 index 00000000..639fbe76 --- /dev/null +++ b/tpl/default/linklist.html | |||
@@ -0,0 +1,246 @@ | |||
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-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)"} | ||
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 | </div> | ||
110 | </div> | ||
111 | {/if} | ||
112 | |||
113 | <div class="pure-g"> | ||
114 | <div class="pure-u-lg-2-24 pure-u-1-24"></div> | ||
115 | <div class="pure-u-lg-20-24 pure-u-22-24"> | ||
116 | {loop="links"} | ||
117 | <div class="anchor" id="{$value.shorturl}"></div> | ||
118 | <div class="linklist-item{if="$value.class"} {$value.class}{/if}"> | ||
119 | |||
120 | <div class="linklist-item-title"> | ||
121 | {if="isLoggedIn()"} | ||
122 | <div class="linklist-item-editbuttons"> | ||
123 | {if="$value.private"} | ||
124 | <span class="label label-private">{'Private'|t}</span> | ||
125 | {/if} | ||
126 | <!-- FIXME! JS translation --> | ||
127 | <a href="?edit_link={$value.id}" title="{'Edit'|t}"><i class="fa fa-pencil-square-o edit-link"></i></a> | ||
128 | <a href="#" title="{'Fold'|t}" class="fold-button"><i class="fa fa-chevron-up"></i></a> | ||
129 | </div> | ||
130 | {/if} | ||
131 | |||
132 | <h2> | ||
133 | <a href="{$value.real_url}"> | ||
134 | {if="strpos($value.url, $value.shorturl) === false"} | ||
135 | <i class="fa fa-external-link"></i> | ||
136 | {else} | ||
137 | <i class="fa fa-sticky-note"></i> | ||
138 | {/if} | ||
139 | |||
140 | <span class="linklist-link">{$value.title}</span> | ||
141 | </a> | ||
142 | </h2> | ||
143 | </div> | ||
144 | |||
145 | {$thumb=thumbnail($value.url)} | ||
146 | {if="$thumb!=false"} | ||
147 | <div class="linklist-item-thumbnail">{$thumb}</div> | ||
148 | {/if} | ||
149 | |||
150 | {if="$value.description"} | ||
151 | <div class="linklist-item-description"> | ||
152 | {$value.description} | ||
153 | </div> | ||
154 | {/if} | ||
155 | |||
156 | <div class="linklist-item-infos clear"> | ||
157 | {if="$value.tags"} | ||
158 | <div class="linklist-item-tags"> | ||
159 | <i class="fa fa-tags"></i> | ||
160 | {$tag_counter=count($value.taglist)} | ||
161 | {loop="value.taglist"} | ||
162 | <span class="label label-tag" title="Add tag"> | ||
163 | <a href="?addtag={$value|urlencode}">{$value}</a> | ||
164 | </span> | ||
165 | {if="$tag_counter - 1 != $counter"}·{/if} | ||
166 | {/loop} | ||
167 | </div> | ||
168 | {/if} | ||
169 | |||
170 | <div class="pure-g"> | ||
171 | <div class="linklist-item-infos-dateblock pure-u-lg-3-8 pure-u-1"> | ||
172 | <a href="?{$value.shorturl}" title="{'Permalink'|t}"> | ||
173 | {if="!$hide_timestamps || isLoggedIn()"} | ||
174 | {$updated=$value.updated_timestamp ? 'Edited: '. strftime('%c', $value.updated_timestamp) : 'Permalink'} | ||
175 | <span class="linkdate" title="{$updated}"> | ||
176 | <i class="fa fa-clock-o"></i> | ||
177 | {function="strftime('%d %B %Y %H:%M', $value.timestamp)"}{if="$value.updated_timestamp"}*{/if} | ||
178 | · | ||
179 | </span> | ||
180 | {/if} | ||
181 | {'permalink'|t} | ||
182 | </a> | ||
183 | |||
184 | <div class="pure-u-0 pure-u-lg-visible"> | ||
185 | {if="isset($value.link_plugin)"} | ||
186 | · | ||
187 | {$link_plugin_counter=count($value.link_plugin)} | ||
188 | {loop="$value.link_plugin"} | ||
189 | {$value} | ||
190 | {if="$link_plugin_counter - 1 != $counter"}·{/if} | ||
191 | {/loop} | ||
192 | {/if} | ||
193 | </div> | ||
194 | </div><div | ||
195 | {ignore}do not add space or line break between these div - Firefox issue{/ignore} | ||
196 | class="linklist-item-infos-url pure-u-lg-5-8 pure-u-1"> | ||
197 | <a href="{$value.real_url}" title="{$value.title}"> | ||
198 | <i class="fa fa-link"></i> {$value.url} | ||
199 | </a> | ||
200 | {if="isLoggedIn()"} | ||
201 | <a href="?delete_link&lf_linkdate={$value.id}&token={$token}" | ||
202 | title="{'Delete'|t}" class="delete-link pure-u-0 pure-u-lg-visible confirm-delete"> | ||
203 | <i class="fa fa-trash"></i> | ||
204 | </a> | ||
205 | {/if} | ||
206 | </div> | ||
207 | <div class="mobile-buttons pure-u-1 pure-u-lg-0"> | ||
208 | {if="isset($value.link_plugin)"} | ||
209 | {$link_plugin_counter=count($value.link_plugin)} | ||
210 | {loop="$value.link_plugin"} | ||
211 | {$value} | ||
212 | {if="$link_plugin_counter - 1 != $counter"}·{/if} | ||
213 | {/loop} | ||
214 | {/if} | ||
215 | {if="isLoggedIn()"} | ||
216 | · | ||
217 | <a href="?delete_link&lf_linkdate={$value.id}&token={$token}" | ||
218 | title="{'Delete'|t}" class="delete-link confirm-delete"> | ||
219 | <i class="fa fa-trash"></i> | ||
220 | </a> | ||
221 | {/if} | ||
222 | </div> | ||
223 | </div> | ||
224 | </div> | ||
225 | </div> | ||
226 | {/loop} | ||
227 | </div> | ||
228 | </div> | ||
229 | </div> | ||
230 | |||
231 | <div id="plugin_zone_end_linklist" class="plugin_zone"> | ||
232 | {loop="$plugin_end_zone"} | ||
233 | {$value} | ||
234 | {/loop} | ||
235 | </div> | ||
236 | |||
237 | <div class="pure-g"> | ||
238 | <div class="pure-u-lg-2-24 pure-u-1-24"></div> | ||
239 | <div class="pure-u-lg-20-24 pure-u-22-24"> | ||
240 | {include="linklist.paging"} | ||
241 | </div> | ||
242 | </div> | ||
243 | |||
244 | {include="page.footer"} | ||
245 | </body> | ||
246 | </html> | ||