monster_info.php 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400
  1. <?php
  2. /**
  3. * Monster Info Page view.
  4. *
  5. * Contains the view layout and ome code to present the data.
  6. *
  7. * @category View
  8. * @var Monster_Info_Page $page The page model.
  9. */
  10. ?>
  11. <!DOCTYPE html>
  12. <html lang='en'>
  13. <head>
  14. <meta content='text/html; charset=utf-8' http-equiv='content-type'/>
  15. <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1'/>
  16. <title><?=$page->title?></title>
  17. <link rel='shortcut icon' href='<?=$page->favicon?>'/>
  18. <!-- CSS files -->
  19. <link rel='stylesheet' type='text/css' href='<?=URL::CSS?>ui.css'/>
  20. <link rel='stylesheet' type='text/css' href='<?=URL::CSS?>monster_info.css'/>
  21. <!-- Meta tags -->
  22. <link rel='canonical' href='<?=$page->canonical?>'/>
  23. <link rel='author' href='<?=$page->author?>'/>
  24. <link rel='publisher' href='<?=$page->author?>'/>
  25. <meta name='description' content='<?=$page->description?>'/>
  26. <meta property='og:title' content='<?=$page->title?>'/>
  27. <meta property='og:url' content='<?=$page->canonical?>'/>
  28. <meta property='og:description' content='<?=$page->description?>'/>
  29. <meta property='og:image' content='<?=$page->icon?>'/>
  30. <meta property='og:site_name' content='<?=$page->name?>'/>
  31. <meta property='og:type' content='website'/>
  32. <meta property='og:locale' content='en'/>
  33. <meta name='twitter:card' content='summary'/>
  34. <meta name='twitter:title' content='<?=$page->title?>'/>
  35. <meta name='twitter:description' content='<?=$page->description?>'/>
  36. <meta name='twitter:image' content='<?=$page->icon?>'/>
  37. <meta name='twitter:url' content='<?=$page->canonical?>'/>
  38. <meta name='robots' content='index follow'/>
  39. </head>
  40. <body>
  41. <?php
  42. include __DIR__ . "/inc/header.php";
  43. ?>
  44. <aside>
  45. <h2>
  46. <?=str_replace(" - SWDB", "", $page->title)?>
  47. </h2>
  48. <p>
  49. Monster info:
  50. </p>
  51. <nav>
  52. <?php
  53. $i = 0;
  54. foreach ($page->monster as $monster){
  55. ?>
  56. <a href='#section_<?=$i?>'>
  57. <div class='monster_panel'>
  58. <?=HTML::unit_panel($monster)?>
  59. </div>
  60. </a>
  61. <?php
  62. $i ++;
  63. }
  64. ?>
  65. </nav>
  66. </aside>
  67. <main>
  68. <?php
  69. for ($i = 0; $i < 3; $i ++){
  70. if ($page->monster[$i] != null){
  71. ?>
  72. <section class='content' id='section_<?=$i?>'>
  73. <h2>
  74. <?=$page->monster[$i]->title?>
  75. </h2>
  76. <article class='stage'>
  77. <div class='profile'>
  78. <div class='monster_panel'>
  79. <?=HTML::unit_panel($page->monster[$i])?>
  80. </div>
  81. <?=HTML::unit_transformation_panel($page->monster[$i])?>
  82. </div>
  83. <table class='stats'>
  84. <tr>
  85. <th>
  86. Type
  87. </th>
  88. <td>
  89. <?=$page->monster[$i]->archetype_name?>
  90. </td>
  91. </tr>
  92. <tr>
  93. <th>
  94. ATK
  95. </th>
  96. <td>
  97. <?=$page->monster[$i]->attack?>&nbsp;
  98. </td>
  99. </tr>
  100. <tr>
  101. <th>
  102. DEF
  103. </th>
  104. <td>
  105. <?=$page->monster[$i]->defense?>&nbsp;
  106. </td>
  107. </tr>
  108. <tr>
  109. <th>
  110. HP
  111. </th>
  112. <td>
  113. <?=$page->monster[$i]->hp?>&nbsp;
  114. </td>
  115. </tr>
  116. <tr>
  117. <th>
  118. SPD
  119. </th>
  120. <td>
  121. <?=$page->monster[$i]->speed?>&nbsp;
  122. </td>
  123. </tr>
  124. <tr>
  125. <th>
  126. CRR
  127. </th>
  128. <td>
  129. <?=$page->monster[$i]->crit_rate?>%
  130. </td>
  131. </tr>
  132. <tr>
  133. <th>
  134. CRD
  135. </th>
  136. <td>
  137. <?=$page->monster[$i]->crit_damage?>%
  138. </td>
  139. </tr>
  140. <tr>
  141. <th>
  142. ACC
  143. </th>
  144. <td>
  145. <?=$page->monster[$i]->accuracy?>%
  146. </td>
  147. </tr>
  148. <tr>
  149. <th>
  150. RES
  151. </th>
  152. <td>
  153. <?=$page->monster[$i]->resistance?>%
  154. </td>
  155. </tr>
  156. </table>
  157. <div class='extra'>
  158. <?php
  159. if (count($page->monster[$i]->sources) > 0){
  160. ?>
  161. <!-- TODO NOT WORKING<div class='sources'>
  162. <span>
  163. Obtainable from:
  164. </span>
  165. <?php
  166. foreach ($page->monster[$i]->sources as $source){
  167. ?>
  168. <img title='<?=$source->name?>' class='source' src='<?=$source->get_image()?>' />
  169. <?php
  170. }
  171. ?>
  172. </div>-->
  173. <?php
  174. }
  175. if (count($page->monster[$i]->essences) > 0){
  176. ?>
  177. <div class='essences'>
  178. <span>
  179. Awake with:
  180. </span>
  181. <?php
  182. foreach ($page->monster[$i]->essences as $essence){
  183. ?>
  184. <div class='essence border_<?=explode(" ", $essence["item"]->name)[2]?>'>
  185. <img alt='<?=$essence["item"]->name?>' title='<?=$essence["amount"]?>x <?=$essence["item"]->name?>' class='essence' src='<?=$essence["item"]->get_image()?>'/>
  186. <span>
  187. <?=$essence["amount"]?>
  188. </span>
  189. </div>
  190. <?php
  191. }
  192. ?>
  193. </div>
  194. <?php
  195. }
  196. if (count($page->monster[$i]->sources) > 0){
  197. ?>
  198. <div class='sources'>
  199. <span>
  200. Obtainable from:
  201. </span>
  202. <?php
  203. foreach ($page->monster[$i]->sources as $source){
  204. ?>
  205. <?=HTML::source_panel($source)?>
  206. <?php
  207. }
  208. ?>
  209. </div>
  210. <?php
  211. }
  212. ?>
  213. </div> <!-- .extra -->
  214. <table class='skills'>
  215. <tr>
  216. <th colspan='4'>
  217. Skills
  218. </th>
  219. <tr/>
  220. <?php
  221. if ($page->monster[$i]->leader_skill){
  222. ?>
  223. <tr>
  224. <td class='skill_img'>
  225. <img src='<?=$page->monster[$i]->leader_skill->get_image()?>'/>
  226. </td>
  227. <td colspan='3' class='skill_text'>
  228. <h4>
  229. Leader Skill
  230. </h4>
  231. <p>
  232. <?=$page->monster[$i]->leader_skill->create_description()?>
  233. </p>
  234. </td>
  235. </tr>
  236. <?php
  237. }
  238. foreach ($page->monster[$i]->skill as $skill){
  239. ?>
  240. <tr>
  241. <td class='skill_img'>
  242. <img src='<?=$skill->get_image()?>'/>
  243. </td>
  244. <td class='skill_text'>
  245. <h4>
  246. <?=$skill->name?>
  247. </h4>
  248. <p>
  249. <?=$skill->description?>
  250. &emsp;
  251. <span class='formula'>
  252. <?=$skill->multiplier_formula?>
  253. </span>
  254. </p>
  255. <div class='effects'>
  256. <?php
  257. foreach ($skill->effect as $effect){
  258. ?>
  259. <img class='effect_img' title='<?=$effect->name?>' src='<?=$effect->get_image()?>'/>
  260. <?php
  261. }
  262. ?>
  263. </div>
  264. </td>
  265. <td class='skill_ups'>
  266. <?php
  267. if ($skill->max_level > 1){
  268. ?>
  269. <table>
  270. <?php
  271. foreach ($skill->level as $level){
  272. if ($level->level > 1){
  273. ?>
  274. <tr>
  275. <td class='level'>
  276. Lv. <?=$level->level?>
  277. </td>
  278. <td class='upgrade'>
  279. <?=$level->description?>
  280. </td>
  281. </tr>
  282. <?php
  283. }
  284. }
  285. ?>
  286. </table>
  287. <?php
  288. }
  289. ?>
  290. </td>
  291. </tr>
  292. <?php
  293. }
  294. ?>
  295. </table>
  296. <?php
  297. if ($page->monster[$i]->transformation != null){
  298. ?>
  299. <table class='skills'>
  300. <tr>
  301. <th colspan='4'>
  302. Skills (transformed)
  303. </th>
  304. <tr/>
  305. <?php
  306. if ($page->monster[$i]->leader_skill){
  307. ?>
  308. <tr>
  309. <td class='skill_img'>
  310. <img src='<?=$page->monster[$i]->leader_skill->get_image()?>'/>
  311. </td>
  312. <td colspan='3' class='skill_text'>
  313. <h4>
  314. Leader Skill
  315. </h4>
  316. <p>
  317. <?=$page->monster[$i]->leader_skill->create_description()?>
  318. </p>
  319. </td>
  320. </tr>
  321. <?php
  322. }
  323. foreach ($page->monster[$i]->transformation->skill as $skill){
  324. ?>
  325. <tr>
  326. <td class='skill_img'>
  327. <img src='<?=$skill->get_image()?>'/>
  328. </td>
  329. <td class='skill_text'>
  330. <h4>
  331. <?=$skill->name?>
  332. </h4>
  333. <p>
  334. <?=$skill->description?>
  335. &emsp;
  336. <span class='formula'>
  337. <?=$skill->multiplier_formula?>
  338. </span>
  339. </p>
  340. <div class='effects'>
  341. <?php
  342. foreach ($skill->effect as $effect){
  343. ?>
  344. <img class='effect_img' title='<?=$effect->name?>' src='<?=$effect->get_image()?>'/>
  345. <?php
  346. }
  347. ?>
  348. </div>
  349. </td>
  350. <td class='skill_ups'>
  351. <?php
  352. if ($skill->max_level > 1){
  353. ?>
  354. <table>
  355. <?php
  356. foreach ($skill->level as $level){
  357. if ($level->level > 1){
  358. ?>
  359. <tr>
  360. <td class='level'>
  361. Lv. <?=$level->level?>
  362. </td>
  363. <td class='upgrade'>
  364. <?=$level->description?>
  365. </td>
  366. </tr>
  367. <?php
  368. }
  369. }
  370. ?>
  371. </table>
  372. <?php
  373. }
  374. ?>
  375. </td>
  376. </tr>
  377. <?php
  378. }
  379. ?>
  380. </table> <!-- #transformation_skills -->
  381. <?php
  382. }
  383. ?>
  384. </article>
  385. </section>
  386. <?php
  387. } // if ($page->monster[$i] != null)
  388. } // for (int $i = 0; $i < 3; $i ++)
  389. ?>
  390. </main>
  391. <?php
  392. include __DIR__ . "/inc/footer.php";
  393. ?>
  394. </body>
  395. </html>