runes.php 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. <!DOCTYPE html>
  2. <html lang='en'>
  3. <head>
  4. <meta content='text/html; charset=utf-8' http-equiv='content-type'/>
  5. <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1'/>
  6. <title><?=$page->title?></title>
  7. <link rel='shortcut icon' href='<?=$page->favicon?>'/>
  8. <!-- CSS files -->
  9. <link rel='stylesheet' type='text/css' href='<?=$path["css"]?>ui.css'/>
  10. <link rel='stylesheet' type='text/css' href='<?=$path["css"]?>runes.css'/>
  11. <link rel='stylesheet' type='text/css' href='<?=$path["css"]?>filters.css'/>
  12. <!-- Meta tags -->
  13. <link rel='canonical' href='<?=$page->canonical?>'/>
  14. <link rel='author' href='<?=$page->author?>'/>
  15. <link rel='publisher' href='<?=$page->author?>'/>
  16. <meta name='description' content='<?=$page->description?>'/>
  17. <meta property='og:title' content='<?=$page->title?>'/>
  18. <meta property='og:url' content='<?=$page->canonical?>'/>
  19. <meta property='og:description' content='<?=$page->description?>'/>
  20. <meta property='og:image' content='<?=$page->icon?>'/>
  21. <meta property='og:site_name' content='<?=$page->name?>'/>
  22. <meta property='og:type' content='website'/>
  23. <meta property='og:locale' content='en'/>
  24. <meta name='twitter:card' content='summary'/>
  25. <meta name='twitter:title' content='<?=$page->title?>'/>
  26. <meta name='twitter:description' content='<?=$page->description?>'/>
  27. <meta name='twitter:image' content='<?=$page->icon?>'/>
  28. <meta name='twitter:url' content='<?=$page->canonical?>'/>
  29. <meta name='robots' content='index follow'/>
  30. <script>
  31. /**
  32. * Shows or hiddes the filters panel.
  33. */
  34. function toggleFilters(){
  35. var content = document.getElementById('filters_content');
  36. var slid = document.getElementById('filters_slid');
  37. if (content.style.maxHeight != '30em'){
  38. content.style.maxHeight = '30em';
  39. slid.style.transform = 'rotate(90deg)';
  40. }
  41. else{
  42. content.style.maxHeight = '0px';
  43. slid.style.transform = 'rotate(0deg)';
  44. }
  45. };
  46. </script>
  47. </head>
  48. <body>
  49. <?php
  50. include __DIR__ . "/inc/header.php";
  51. ?>
  52. <section class='filters'>
  53. <h2 id='filters_title' onClick='toggleFilters();'>
  54. <img id='filters_slid' id='filters_slid' alt=' ' src='<?=$path["img"]["icon"]?>slid.png'/>
  55. Rune filters
  56. </h2>
  57. <article id='filters_content'>
  58. <?php
  59. $filters = $page->filters;
  60. $custom_filters = $page->custom_filters;
  61. include __DIR__ . "/inc/filter_runes.php";
  62. ?>
  63. </article>
  64. </section> <!-- #filters -->
  65. <?php
  66. $prev_group = "";
  67. $group = "";
  68. $group_title = "";
  69. $group_image = "";
  70. foreach ($page->runes as $rune){
  71. switch ($page->filters["group"]){
  72. case 1: // "TYPE":
  73. $group = $rune->type->name;
  74. $group_title = $rune->type->name;
  75. $group_image = $path["img"]["rune"] . str_pad($rune->type->id, 2, '0', STR_PAD_LEFT) . ".png";
  76. break;
  77. default:
  78. $group = $rune->slot;
  79. $group_title = "Slot " . $rune->slot;
  80. $group_image = $path["img"]["rune"] . "base.png";
  81. }
  82. if ($prev_group != $group){
  83. if ($prev_group == ""){
  84. ?>
  85. <section class='list'>
  86. <?php
  87. }
  88. else{
  89. ?>
  90. </article>
  91. </section>
  92. <section class='list'>
  93. <?php
  94. }
  95. $prev_group = $group;
  96. ?>
  97. <h2>
  98. <img class='group_image_<?=$group?>' alt='<?=$group_title?>' src='<?=$group_image?>'>
  99. <span>
  100. <?=$group_title?>
  101. </span>
  102. </h2>
  103. <article>
  104. <?php
  105. }
  106. ?>
  107. <?=html_rune_table($rune, $rune->assigned_to)?>
  108. <?php
  109. }
  110. ?>
  111. </article> <!-- Close last group -->
  112. </section>
  113. <?php
  114. include __DIR__ . "/inc/footer.php";
  115. ?>
  116. </body>
  117. </html>