tpl/default/tag.cloud.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 cloud'|t} - {$countTags} {'tags'|t}</h2>
  16
  17     <div id="search-tagcloud" class="pure-g">
  18       <div class="pure-u-lg-1-4"></div>
  19       <div class="pure-u-1 pure-u-lg-1-2">
  20         <form method="GET">
  21           <input type="hidden" name="do" value="tagcloud">
  22           <input type="text" name="searchtags" placeholder="{'Filter by tag'|t}"
  23                  {if="!empty($search_tags)"}
  24                  value="{$search_tags}"
  25                  {/if}
  26           autocomplete="off" data-multiple data-autofirst data-minChars="1"
  27           data-list="{loop="$tags"}{$key}, {/loop}"
  28           >
  29           <button type="submit" class="search-button"><i class="fa fa-search"></i></button>
  30         </form>
  31       </div>
  32       <div class="pure-u-lg-1-4"></div>
  33     </div>
  34
  35     <div id="plugin_zone_start_tagcloud" class="plugin_zone">
  36       {loop="$plugin_start_zone"}
  37         {$value}
  38       {/loop}
  39     </div>
  40
  41     <div id="cloudtag">
  42       {loop="tags"}
  43         <a href="?searchtags={$key|urlencode}" style="font-size:{$value.size}em;">{$key}</a
  44         ><a href="?addtag={$key|urlencode}" title="{'Filter by tag'|t}" class="count">{$value.count}</a>
  45         {loop="$value.tag_plugin"}
  46           {$value}
  47         {/loop}
  48       {/loop}
  49     </div>
  50
  51     <div id="plugin_zone_end_tagcloud" class="plugin_zone">
  52       {loop="$plugin_end_zone"}
  53         {$value}
  54       {/loop}
  55     </div>
  56   </div>
  57 </div>
  58
  59 {include="tag.sort"}
  60
  61 {include="page.footer"}
  62 </body>
  63 </html>
  64