monster_info.php 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277
  1. <?php
  2. global $ELEMENT;
  3. ?>
  4. <!DOCTYPE html>
  5. <html lang='en'>
  6. <head>
  7. <meta content='text/html; charset=utf-8' http-equiv='content-type'/>
  8. <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1'/>
  9. <title><?=$page->title?></title>
  10. <link rel='shortcut icon' href='<?=$page->favicon?>'/>
  11. <!-- CSS files -->
  12. <link rel='stylesheet' type='text/css' href='<?=$path["css"]?>ui.css'/>
  13. <link rel='stylesheet' type='text/css' href='<?=$path["css"]?>monster_info.css'/>
  14. <!-- Script files -->
  15. <script src="<?=$path["js"]?>ui.js"></script>
  16. <!-- Meta tags -->
  17. <link rel='canonical' href='<?=$page->canonical?>'/>
  18. <link rel='author' href='<?=$page->author?>'/>
  19. <link rel='publisher' href='<?=$page->author?>'/>
  20. <meta name='description' content='<?=$page->description?>'/>
  21. <meta property='og:title' content='<?=$page->title?>'/>
  22. <meta property='og:url' content='<?=$page->canonical?>'/>
  23. <meta property='og:description' content='<?=$page->description?>'/>
  24. <meta property='og:image' content='<?=$page->icon?>'/>
  25. <meta property='og:site_name' content='<?=$page->name?>'/>
  26. <meta property='og:type' content='website'/>
  27. <meta property='og:locale' content='en'/>
  28. <meta name='twitter:card' content='summary'/>
  29. <meta name='twitter:title' content='<?=$page->title?>'/>
  30. <meta name='twitter:description' content='<?=$page->description?>'/>
  31. <meta name='twitter:image' content='<?=$page->icon?>'/>
  32. <meta name='twitter:url' content='<?=$page->canonical?>'/>
  33. <meta name='robots' content='index follow'/>
  34. </head>
  35. <body>
  36. <?php
  37. include __DIR__ . "/inc/header.php";
  38. for ($i = 0; $i < 3; $i ++){
  39. if ($page->monster[$i] != null){
  40. ?>
  41. <section class='content'>
  42. <h2>
  43. <?=$page->monster[$i]->title?>
  44. <!-- TODO: REWORK
  45. <span class='family'>
  46. <?php
  47. //for ($f = 0; $f < 5; $f++){
  48. foreach (Array($ELEMENT["FIRE"], $ELEMENT["WATER"], $ELEMENT["WIND"], $ELEMENT["LIGHT"], $ELEMENT["DARK"]) as $element){
  49. //$element = array_keys($page->family)[$f];
  50. //$id = $page->family[$f];
  51. $id = $page->family[$element];
  52. $current = "";
  53. $disabled = "";
  54. if ($element == $page->monster[$i]->element){
  55. $current = "current";
  56. }
  57. elseif ($id == null){
  58. $disabled = "disabled";
  59. }
  60. $url = "/catalog/$id";
  61. if ($current == "" && $disabled == ""){
  62. ?>
  63. <a href='<?=$url?>'>
  64. <?php
  65. }
  66. ?>
  67. <img class='family <?=$current?> <?=$disabled?>' src='<?=$path["img"]["element"] . "$element.png"?>'/>
  68. <?php
  69. if ($current == "" && $disabled == ""){
  70. ?>
  71. </a>
  72. <?php
  73. }
  74. }
  75. ?>
  76. </span> -->
  77. </h2>
  78. <article class='stage'>
  79. <div class='profile'>
  80. <div class='monster_panel'>
  81. <?=html_unit_panel($page->monster[$i])?>
  82. </div>
  83. </div>
  84. <table class='stats'>
  85. <tr>
  86. <th>
  87. Type
  88. </th>
  89. <th>
  90. <?=$page->monster[$i]->archetype_name?>
  91. </th>
  92. </tr>
  93. <tr>
  94. <th>
  95. ATK
  96. </th>
  97. <td>
  98. <?=$page->monster[$i]->attack?>
  99. </td>
  100. </tr>
  101. <tr>
  102. <th>
  103. DEF
  104. </th>
  105. <td>
  106. <?=$page->monster[$i]->defense?>
  107. </td>
  108. </tr>
  109. <tr>
  110. <th>
  111. HP
  112. </th>
  113. <td>
  114. <?=$page->monster[$i]->hp?>
  115. </td>
  116. </tr>
  117. <tr>
  118. <th>
  119. SPD
  120. </th>
  121. <td>
  122. <?=$page->monster[$i]->speed?>
  123. </td>
  124. </tr>
  125. <tr>
  126. <th>
  127. CRR
  128. </th>
  129. <td>
  130. <?=$page->monster[$i]->crit_rate?>%
  131. </td>
  132. </tr>
  133. <tr>
  134. <th>
  135. CRD
  136. </th>
  137. <td>
  138. <?=$page->monster[$i]->crit_damage?>%
  139. </td>
  140. </tr>
  141. <tr>
  142. <th>
  143. ACC
  144. </th>
  145. <td>
  146. <?=$page->monster[$i]->accuracy?>%
  147. </td>
  148. </tr>
  149. <tr>
  150. <th>
  151. RES
  152. </th>
  153. <td>
  154. <?=$page->monster[$i]->resistance?>%
  155. </td>
  156. </tr>
  157. </table>
  158. <div class='extra'>
  159. <?php
  160. if (count($page->monster[$i]->sources) > 0){
  161. ?>
  162. <!-- TODO NOT WORKING<div class='sources'>
  163. <span>
  164. Obtainable from:
  165. </span>
  166. <?php
  167. foreach ($page->monster[$i]->sources as $source){
  168. ?>
  169. <img title='<?=$source->name?>' class='source' src='<?=$source->get_image()?>' />
  170. <?php
  171. }
  172. ?>
  173. </div>-->
  174. <?php
  175. }
  176. if (count($page->monster[$i]->essences) > 0){
  177. ?>
  178. <div class='essences'>
  179. <span>
  180. Awake with:
  181. </span>
  182. <?php
  183. foreach ($page->monster[$i]->essences as $essence){
  184. ?>
  185. <div class='essence border_<?=$essence["element"]?>'>
  186. <img alt='<?=$essence["grade"]?> <?=$essence["element"]?> essence' title='<?=$essence["amount"]?>x <?=$essence["grade"]?> <?=$essence["element"]?> essence' class='essence' src='<?=$path["img"]["essence"]?><?=$essence["element"]?>_<?=$essence["grade"]?>.png'/>
  187. <span>
  188. <?=$essence["amount"]?>
  189. </span>
  190. </div>
  191. <?php
  192. }
  193. ?>
  194. </div>
  195. <?php
  196. }
  197. ?>
  198. </div> <!-- .extra -->
  199. <div class='skills'>
  200. <?php
  201. if ($page->monster[$i]->leader_skill){
  202. ?>
  203. <div class='skill'>
  204. <img class='skill_img' src='<?=$page->monster[$i]->leader_skill->get_image()?>'/>
  205. <span class='skill_level'>
  206. &nbsp;
  207. </span>
  208. <span class='skill_name'>
  209. Leader skill
  210. </span>
  211. <span class='skill_description'>
  212. <?=$page->monster[$i]->leader_skill->create_description()?>
  213. </span>
  214. </div>
  215. <?php
  216. }
  217. foreach ($page->monster[$i]->skill as $skill){
  218. ?>
  219. <div class='skill'>
  220. <img class='skill_img' src='<?=$skill->get_image()?>'/>
  221. <span class='skill_name'>
  222. <?=$skill->name?>
  223. </span>
  224. <span class='skill_description'>
  225. <?=$skill->description?>
  226. </span>
  227. <?php
  228. if (count($skill->effect) > 0){
  229. ?>
  230. <span class='skill_effects'>
  231. <?php
  232. foreach ($skill->effect as $effect){
  233. ?>
  234. <img class='effect_img' title='<?=$effect->name?>' src='<?=$effect->get_image()?>'/>
  235. <?php
  236. }
  237. ?>
  238. </span>
  239. <?php
  240. }
  241. if ($skill->max_level > 1){
  242. ?>
  243. <table class='skill_up'>
  244. <?php
  245. foreach ($skill->level as $level){
  246. if ($level->level > 1){
  247. ?>
  248. <tr>
  249. <td class='level'>
  250. Lv. <?=$level->level?>
  251. </td>
  252. <td class='description'>
  253. <?=$level->description?>
  254. </td>
  255. </tr>
  256. <?php
  257. }
  258. }
  259. ?>
  260. </table>
  261. <?php
  262. }
  263. ?>
  264. </div>
  265. <?php
  266. }
  267. ?>
  268. </div> <!-- #skills -->
  269. </article>
  270. </section>
  271. <?php
  272. } // if ($page->monster[$i] != null)
  273. } // for (int $i = 0; $i < 3; $i ++)
  274. include __DIR__ . "/inc/footer.php";
  275. ?>
  276. </body>
  277. </html>