tag.cloud.html 2.0 KB

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