tag.cloud.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. {include="includes"}
  5. </head>
  6. <body>
  7. {include="page.header"}
  8. {include="tag.sort"}
  9. <div class="pure-g">
  10. <div class="pure-u-lg-1-6 pure-u-1-24"></div>
  11. <div class="pure-u-lg-2-3 pure-u-22-24 page-form page-visitor">
  12. {$countTags=count($tags)}
  13. <h2 class="window-title">{'Tag cloud'|t} - {$countTags} {'tags'|t}</h2>
  14. {if="!empty($search_tags)"}
  15. <p class="enter">
  16. <a href="?searchtags={$search_tags|urlencode}">{'List all links with those tags'|t}</a>
  17. </p>
  18. {/if}
  19. <div id="search-tagcloud" class="pure-g">
  20. <div class="pure-u-lg-1-4"></div>
  21. <div class="pure-u-1 pure-u-lg-1-2">
  22. <form method="GET">
  23. <input type="hidden" name="do" value="tagcloud">
  24. <input type="text" name="searchtags" placeholder="{'Filter by tag'|t}"
  25. {if="!empty($search_tags)"}
  26. value="{$search_tags}"
  27. {/if}
  28. autocomplete="off" data-multiple data-autofirst data-minChars="1"
  29. data-list="{loop="$tags"}{$key}, {/loop}"
  30. >
  31. <button type="submit" class="search-button"><i class="fa fa-search"></i></button>
  32. </form>
  33. </div>
  34. <div class="pure-u-lg-1-4"></div>
  35. </div>
  36. <div id="plugin_zone_start_tagcloud" class="plugin_zone">
  37. {loop="$plugin_start_zone"}
  38. {$value}
  39. {/loop}
  40. </div>
  41. <div id="cloudtag">
  42. {loop="tags"}
  43. <a href="?searchtags={$key|urlencode} {$search_tags|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. <div id="plugin_zone_end_tagcloud" class="plugin_zone">
  51. {loop="$plugin_end_zone"}
  52. {$value}
  53. {/loop}
  54. </div>
  55. </div>
  56. </div>
  57. {include="tag.sort"}
  58. {include="page.footer"}
  59. </body>
  60. </html>