]> git.immae.eu Git - github/shaarli/Shaarli.git/blob - tpl/default/tag.cloud.html
Feature: support any tag separator
[github/shaarli/Shaarli.git] / tpl / default / tag.cloud.html
1 <!DOCTYPE html>
2 <html{if="$language !== 'auto'"} lang="{$language}"{/if}>
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 cloud'|t} - {$countTags} {'tags'|t}</h2>
16 {if="!empty($search_tags)"}
17 <p class="center">
18 <a href="{$base_path}/?searchtags={$search_tags_url}" 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">
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="tagcloud">
29 <input type="text" name="searchtags" aria-label="{'Filter by tag'|t}" 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 class="autofocus"
36 >
37 <button type="submit" class="search-button" aria-label="{'Search'|t}"><i class="fa fa-search" aria-hidden="true"></i></button>
38 </form>
39 </div>
40 <div class="pure-u-lg-1-4"></div>
41 </div>
42
43 <div id="plugin_zone_start_tagcloud" class="plugin_zone">
44 {loop="$plugin_start_zone"}
45 {$value}
46 {/loop}
47 </div>
48
49 <div id="cloudtag" class="cloudtag-container">
50 {loop="tags"}
51 <a href="{$base_path}/?searchtags={$tags_url.$key1}{$tags_separator|urlencode}{$search_tags_url}" style="font-size:{$value.size}em;">{$key}</a
52 ><a href="{$base_path}/add-tag/{$tags_url.$key1}" title="{'Filter by tag'|t}" class="count">{$value.count}</a>
53 {loop="$value.tag_plugin"}
54 {$value}
55 {/loop}
56 {/loop}
57 </div>
58
59 <div id="plugin_zone_end_tagcloud" class="plugin_zone">
60 {loop="$plugin_end_zone"}
61 {$value}
62 {/loop}
63 </div>
64 </div>
65 </div>
66
67 {include="tag.sort"}
68
69 {include="page.footer"}
70 </body>
71 </html>
72