]> git.immae.eu Git - github/shaarli/Shaarli.git/blob - tpl/default/tag.list.html
Add classes to default template to avoid using IDs in SCSS
[github/shaarli/Shaarli.git] / tpl / default / tag.list.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 {include="includes"}
5 </head>
6 <body>
7 {include="page.header"}
8
9 {include="tag.sort"}
10
11 <div class="pure-g">
12 <div class="pure-u-lg-1-6 pure-u-1-24"></div>
13 <div class="pure-u-lg-2-3 pure-u-22-24 page-form page-visitor">
14 {$countTags=count($tags)}
15 <h2 class="window-title">{'Tag list'|t} - {$countTags} {'tags'|t}</h2>
16 {if="!empty($search_tags)"}
17 <p class="center">
18 <a href="?searchtags={$search_tags|urlencode}" class="pure-button pure-button-shaarli">
19 {'List all links with those tags'|t}
20 </a>
21 </p>
22 {/if}
23
24 <div id="search-tagcloud" class="pure-g searchform-block search-tagcloud">
25 <div class="pure-u-lg-1-4"></div>
26 <div class="pure-u-1 pure-u-lg-1-2">
27 <form method="GET">
28 <input type="hidden" name="do" value="taglist">
29 <input type="text" name="searchtags" placeholder="{'Filter by tag'|t}"
30 {if="!empty($search_tags)"}
31 value="{$search_tags}"
32 {/if}
33 autocomplete="off" data-multiple data-autofirst data-minChars="1"
34 data-list="{loop="$tags"}{$key}, {/loop}"
35 >
36 <button type="submit" class="search-button"><i class="fa fa-search"></i></button>
37 </form>
38 </div>
39 <div class="pure-u-lg-1-4"></div>
40 </div>
41
42 <div id="plugin_zone_start_tagcloud" class="plugin_zone">
43 {loop="$plugin_start_zone"}
44 {$value}
45 {/loop}
46 </div>
47
48 <div id="taglist" class="taglist-container">
49 {loop="tags"}
50 <div class="tag-list-item pure-g" data-tag="{$key}">
51 <div class="pure-u-1">
52 {if="isLoggedIn()===true"}
53 <a href="#" class="delete-tag"><i class="fa fa-trash"></i></a>&nbsp;&nbsp;
54 <a href="?do=changetag&fromtag={$key|urlencode}" class="rename-tag">
55 <i class="fa fa-pencil-square-o {$key}"></i>
56 </a>
57 {/if}
58
59 <a href="?addtag={$key|urlencode}" title="{'Filter by tag'|t}" class="count">{$value}</a>
60 <a href="?searchtags={$key|urlencode} {$search_tags|urlencode}" class="tag-link">{$key}</a>
61
62 {loop="$value.tag_plugin"}
63 {$value}
64 {/loop}
65 </div>
66 {if="isLoggedIn()===true"}
67 <div class="rename-tag-form pure-u-1">
68 <input type="text" name="{$key}" value="{$key}" class="rename-tag-input" />
69 <a href="#" class="validate-rename-tag"><i class="fa fa-check"></i></a>
70 </div>
71 {/if}
72 </div>
73 {/loop}
74 </div>
75
76 <div id="plugin_zone_end_tagcloud" class="plugin_zone">
77 {loop="$plugin_end_zone"}
78 {$value}
79 {/loop}
80 </div>
81 </div>
82 </div>
83
84 {if="isLoggedIn()===true"}
85 <input type="hidden" name="taglist" value="{loop="$tags"}{$key} {/loop}"
86 {/if}
87
88 {include="page.footer"}
89 </body>
90 </html>
91