monster_info.php 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468
  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. * @property_read Monster_Info_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. for ($i = 0; $i < 3; $i ++){
  44. if ($page->monster[$i] != null){
  45. ?>
  46. <section class='content'>
  47. <h2>
  48. <?=$page->monster[$i]->title?>
  49. </h2>
  50. <article class='stage'>
  51. <div class='profile'>
  52. <div class='monster_panel'>
  53. <?=HTML::unit_panel($page->monster[$i])?>
  54. </div>
  55. <?=HTML::unit_transformation_panel($page->monster[$i])?>
  56. </div>
  57. <table class='stats'>
  58. <tr>
  59. <th>
  60. Type
  61. </th>
  62. <th>
  63. <?=$page->monster[$i]->archetype_name?>
  64. </th>
  65. </tr>
  66. <tr>
  67. <th>
  68. ATK
  69. </th>
  70. <td>
  71. <?=$page->monster[$i]->attack?>
  72. </td>
  73. </tr>
  74. <tr>
  75. <th>
  76. DEF
  77. </th>
  78. <td>
  79. <?=$page->monster[$i]->defense?>
  80. </td>
  81. </tr>
  82. <tr>
  83. <th>
  84. HP
  85. </th>
  86. <td>
  87. <?=$page->monster[$i]->hp?>
  88. </td>
  89. </tr>
  90. <tr>
  91. <th>
  92. SPD
  93. </th>
  94. <td>
  95. <?=$page->monster[$i]->speed?>
  96. </td>
  97. </tr>
  98. <tr>
  99. <th>
  100. CRR
  101. </th>
  102. <td>
  103. <?=$page->monster[$i]->crit_rate?>%
  104. </td>
  105. </tr>
  106. <tr>
  107. <th>
  108. CRD
  109. </th>
  110. <td>
  111. <?=$page->monster[$i]->crit_damage?>%
  112. </td>
  113. </tr>
  114. <tr>
  115. <th>
  116. ACC
  117. </th>
  118. <td>
  119. <?=$page->monster[$i]->accuracy?>%
  120. </td>
  121. </tr>
  122. <tr>
  123. <th>
  124. RES
  125. </th>
  126. <td>
  127. <?=$page->monster[$i]->resistance?>%
  128. </td>
  129. </tr>
  130. </table>
  131. <div class='extra'>
  132. <?php
  133. if (count($page->monster[$i]->sources) > 0){
  134. ?>
  135. <!-- TODO NOT WORKING<div class='sources'>
  136. <span>
  137. Obtainable from:
  138. </span>
  139. <?php
  140. foreach ($page->monster[$i]->sources as $source){
  141. ?>
  142. <img title='<?=$source->name?>' class='source' src='<?=$source->get_image()?>' />
  143. <?php
  144. }
  145. ?>
  146. </div>-->
  147. <?php
  148. }
  149. if (count($page->monster[$i]->essences) > 0){
  150. ?>
  151. <div class='essences'>
  152. <span>
  153. Awake with:
  154. </span>
  155. <?php
  156. foreach ($page->monster[$i]->essences as $essence){
  157. ?>
  158. <div class='essence border_<?=explode(" ", $essence["item"]->name)[2]?>'>
  159. <img alt='<?=$essence["item"]->name?>' title='<?=$essence["amount"]?>x <?=$essence["item"]->name?>' class='essence' src='<?=$essence["item"]->get_image()?>'/>
  160. <span>
  161. <?=$essence["amount"]?>
  162. </span>
  163. </div>
  164. <?php
  165. }
  166. ?>
  167. </div>
  168. <?php
  169. }
  170. ?>
  171. </div> <!-- .extra -->
  172. <table class='skills'>
  173. <tr>
  174. <?php
  175. $colspan = sizeof($page->monster[$i]->skill);
  176. if ($page->monster[$i]->leader_skill){
  177. $colspan ++;
  178. }
  179. ?>
  180. <th colspan='<?=$colspan?>'>
  181. Skills
  182. </th>
  183. </tr>
  184. <tr>
  185. <?php
  186. if ($page->monster[$i]->leader_skill){
  187. ?>
  188. <td class='skill'>
  189. <img class='skill_img' src='<?=$page->monster[$i]->leader_skill->get_image()?>'/>
  190. <span class='skill_level'>
  191. &nbsp;
  192. </span>
  193. </td>
  194. <?php
  195. }
  196. $skill_num = 0;
  197. foreach ($page->monster[$i]->skill as $skill){
  198. $skill_num ++;
  199. ?>
  200. <td class='skill'>
  201. <img class='skill_img' src='<?=$skill->get_image()?>'/>
  202. </td>
  203. <?php
  204. }
  205. ?>
  206. </tr>
  207. <tr>
  208. <?php
  209. if ($page->monster[$i]->leader_skill){
  210. ?>
  211. <td>
  212. <span class='skill_name'>
  213. Leader skill
  214. </span>
  215. <span class='skill_description'>
  216. <?=$page->monster[$i]->leader_skill->create_description()?>
  217. </span>
  218. </td>
  219. <?php
  220. }
  221. foreach ($page->monster[$i]->skill as $skill){
  222. ?>
  223. <td>
  224. <span class='skill_name'>
  225. <?=$skill->name?>
  226. </span>
  227. <span class='skill_description'>
  228. <?=$skill->description?>
  229. </span>
  230. </td>
  231. <?php
  232. }
  233. ?>
  234. </tr>
  235. <tr>
  236. <?php
  237. if ($page->monster[$i]->leader_skill){
  238. ?>
  239. <td></td>
  240. <?php
  241. }
  242. foreach ($page->monster[$i]->skill as $skill){
  243. ?>
  244. <td>
  245. <span class='skill_formula'>
  246. <?=$skill->multiplier_formula?>
  247. </span>
  248. </td>
  249. <?php
  250. }
  251. ?>
  252. </tr>
  253. <tr>
  254. <?php
  255. if ($page->monster[$i]->leader_skill){
  256. ?>
  257. <td></td>
  258. <?php
  259. }
  260. foreach ($page->monster[$i]->skill as $skill){
  261. ?>
  262. <td>
  263. <span class='skill_effects'>
  264. <?php
  265. foreach ($skill->effect as $effect){
  266. ?>
  267. <img class='effect_img' title='<?=$effect->name?>' src='<?=$effect->get_image()?>'/>
  268. <?php
  269. }
  270. ?>
  271. </span>
  272. </td>
  273. <?php
  274. }
  275. ?>
  276. </tr>
  277. <tr>
  278. <?php
  279. if ($page->monster[$i]->leader_skill){
  280. ?>
  281. <td></td>
  282. <?php
  283. }
  284. $skill_num = 0;
  285. foreach ($page->monster[$i]->skill as $skill){
  286. ?>
  287. <td class='skill_up'>
  288. <?php
  289. foreach ($skill->level as $level){
  290. if ($level->level > 1){
  291. ?>
  292. <span class='level'>
  293. Lv. <?=$level->level?>
  294. </span>
  295. <span class='description'>
  296. <?=$level->description?>
  297. </span>
  298. <br/>
  299. <?php
  300. }
  301. }
  302. ?>
  303. </td>
  304. <?php
  305. $skill_num ++;
  306. }
  307. ?>
  308. </tr>
  309. </table>
  310. <?php
  311. if ($page->monster[$i]->transformation != null){
  312. ?>
  313. <table class='skills skills_transformation'>
  314. <tr>
  315. <?php
  316. $colspan = sizeof($page->monster[$i]->transformation->skill);
  317. if ($page->monster[$i]->leader_skill){
  318. $colspan ++;
  319. }
  320. ?>
  321. <th colspan='<?=$colspan?>'>
  322. Skills (transformed)
  323. </th>
  324. </tr>
  325. <tr>
  326. <?php
  327. if ($page->monster[$i]->leader_skill){
  328. ?>
  329. <td class='skill'>
  330. <img class='skill_img' src='<?=$page->monster[$i]->leader_skill->get_image()?>'/>
  331. <span class='skill_level'>
  332. &nbsp;
  333. </span>
  334. </td>
  335. <?php
  336. }
  337. $skill_num = 0;
  338. $absolute_level = 0;
  339. $absolute_max_level = 0;
  340. $ponderated_level = 0;
  341. $ponderated_max_level = 0;
  342. foreach ($page->monster[$i]->transformation->skill as $skill){
  343. $skill_num ++;
  344. ?>
  345. <td class='skill'>
  346. <img class='skill_img' src='<?=$skill->get_image()?>'/>
  347. </td>
  348. <?php
  349. }
  350. ?>
  351. </tr>
  352. <tr>
  353. <?php
  354. if ($page->monster[$i]->leader_skill){
  355. ?>
  356. <td>
  357. <span class='skill_name'>
  358. Leader skill
  359. </span>
  360. <span class='skill_description'>
  361. <?=$page->monster[$i]->leader_skill->create_description()?>
  362. </span>
  363. </td>
  364. <?php
  365. }
  366. foreach ($page->monster[$i]->transformation->skill as $skill){
  367. ?>
  368. <td>
  369. <span class='skill_name'>
  370. <?=$skill->name?>
  371. </span>
  372. <span class='skill_description'>
  373. <?=$skill->description?>
  374. </span>
  375. </td>
  376. <?php
  377. }
  378. ?>
  379. </tr>
  380. <tr>
  381. <?php
  382. if ($page->monster[$i]->leader_skill){
  383. ?>
  384. <td></td>
  385. <?php
  386. }
  387. foreach ($page->monster[$i]->transformation->skill as $skill){
  388. ?>
  389. <td>
  390. <span class='skill_formula'>
  391. <?=$skill->multiplier_formula?>
  392. </span>
  393. </td>
  394. <?php
  395. }
  396. ?>
  397. </tr>
  398. <tr>
  399. <?php
  400. if ($page->monster[$i]->leader_skill){
  401. ?>
  402. <td></td>
  403. <?php
  404. }
  405. foreach ($page->monster[$i]->transformation->skill as $skill){
  406. ?>
  407. <td>
  408. <span class='skill_effects'>
  409. <?php
  410. foreach ($skill->effect as $effect){
  411. ?>
  412. <img class='effect_img' title='<?=$effect->name?>' src='<?=$effect->get_image()?>'/>
  413. <?php
  414. }
  415. ?>
  416. </span>
  417. </td>
  418. <?php
  419. }
  420. ?>
  421. </tr>
  422. <tr>
  423. <?php
  424. if ($page->monster[$i]->leader_skill){
  425. ?>
  426. <td></td>
  427. <?php
  428. }
  429. $skill_num = 0;
  430. foreach ($page->monster[$i]->transformation->skill as $skill){
  431. ?>
  432. <td class='skill_up'>
  433. <?php
  434. foreach ($skill->level as $level){
  435. if ($level->level > 1){
  436. ?>
  437. <span class='level'>
  438. Lv. <?=$level->level?>
  439. </span>
  440. <span class='description'>
  441. <?=$level->description?>
  442. </span>
  443. <br/>
  444. <?php
  445. }
  446. }
  447. ?>
  448. </td>
  449. <?php
  450. $skill_num ++;
  451. }
  452. ?>
  453. </tr>
  454. </table> <!-- #transformation_skills -->
  455. <?php
  456. }
  457. ?>
  458. </article>
  459. </section>
  460. <?php
  461. } // if ($page->monster[$i] != null)
  462. } // for (int $i = 0; $i < 3; $i ++)
  463. include __DIR__ . "/inc/footer.php";
  464. ?>
  465. </body>
  466. </html>