fusion.php 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468
  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"]?>fusion.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. Fusion 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_fusion.php";
  62. ?>
  63. </article>
  64. </section> <!-- #filters -->
  65. <?php
  66. foreach ($page->fusion as $fusion){
  67. ?>
  68. <section class='content'>
  69. <h2>
  70. <?=$fusion->product->title?>
  71. </h2>
  72. <article>
  73. <div class='f5'>
  74. <div class='product'>
  75. <a target='_blank' title='<?=$fusion->product->name?>' href='/<?=$UID?>/catalog/<?=$fusion->product->id?>'>
  76. <div class='monster_panel'>
  77. <span class='stars'>
  78. <img class='star star_gold' src='<?=$path["img"]["icon"]?>star.png'/>
  79. <img class='star star_gold' src='<?=$path["img"]["icon"]?>star.png'/>
  80. <img class='star star_gold' src='<?=$path["img"]["icon"]?>star.png'/>
  81. <img class='star star_gold' src='<?=$path["img"]["icon"]?>star.png'/>
  82. <img class='star star_gold' src='<?=$path["img"]["icon"]?>star.png'/>
  83. </span>
  84. <img title='<?=$fusion->product->name?>' class='monster border_<?=$fusion->product->element_name?>' src='<?=$fusion->product->get_image()?>'/>
  85. <span class='level'>
  86. 1
  87. </span>
  88. </div><!-- .monster_panel -->
  89. </a>
  90. <div class='owned'>
  91. <span class='owned'>
  92. Collection:
  93. </span>
  94. <?php
  95. foreach ($fusion->product->owned as $owned){
  96. if ($owned->unit->awakens_from == "" && $owned->unit->awakens_to == ""){
  97. // No to, no from, silver monster.
  98. $star_class ="star_silver";
  99. $mon_title = $owned->unit->element_name . " " . $owned->unit->name;
  100. }
  101. elseif ($owned->unit->awakens_from != "" && $owned->unit->awakens_to == ""){
  102. // Already awakened
  103. if ($owned->unit->base_stars - $owned->unit->natural_stars == 1){
  104. // Normal awaken.
  105. $star_class ="star_purple";
  106. }
  107. else{
  108. // Second awaken.
  109. $star_class ="star_red";
  110. }
  111. $mon_title = $owned->unit->name;
  112. }
  113. elseif ($owned->unit->awakens_to != ""){
  114. // Awakeable.
  115. $star_class ="star_gold";
  116. $mon_title = $owned->unit->element_name . " " . $owned->unit->name;
  117. }
  118. $mon_title = $mon_title . " - " . $owned->stars . "* - Lv." . $owned->level;
  119. ?>
  120. <a target="_blank" title='<?=$mon_title?>' href='/<?=$UID?>/monsters/<?=$owned->id?>'>
  121. <div class='monster_panel'>
  122. <span class='stars'>
  123. <?php
  124. for ($i = 0; $i < $owned->stars; $i ++){
  125. ?>
  126. <img class='star <?=$star_class?>' src='<?=$path["img"]["icon"]?>star.png'/>
  127. <?php
  128. }
  129. ?>
  130. </span>
  131. <img title='<?=$mon_title?>' class='monster border_<?=$owned->unit->element_name?>' src='<?=$owned->unit->get_image()?>'/>
  132. <span class='level'>
  133. <?=$owned->level?>
  134. </span>
  135. </div>
  136. </a>
  137. <?php
  138. }// foreach ($fusion->product->owned as $owned)
  139. ?>
  140. </div><!-- .owned -->
  141. </div><!-- .product --><div class='ingredients'><!-- No newline because CSS reads it as a whitespace -->
  142. <?php
  143. foreach ($fusion->fusion as $sub_fusion){
  144. ?>
  145. <div class='f4'>
  146. <div class='product'>
  147. <a target='_blank' title='<?=$sub_fusion->product_awaken->name?>' href='/<?=$UID?>/catalog/<?=$sub_fusion->product_awaken->id?>'>
  148. <div class='awakened monster_panel'>
  149. <span class='stars'>
  150. <img class='star star_purple' src='<?=$path["img"]["icon"]?>star.png'/>
  151. <img class='star star_purple' src='<?=$path["img"]["icon"]?>star.png'/>
  152. <img class='star star_purple' src='<?=$path["img"]["icon"]?>star.png'/>
  153. <img class='star star_purple' src='<?=$path["img"]["icon"]?>star.png'/>
  154. <img class='star star_purple' src='<?=$path["img"]["icon"]?>star.png'/>
  155. </span>
  156. <img title='<?=$sub_fusion->product_awaken->name?>' class='monster border_<?=$sub_fusion->product_awaken->element_name?>' src='<?=$sub_fusion->product_awaken->get_image()?>'/>
  157. <span class='level'>
  158. 35
  159. </span>
  160. </div><!-- .awakened .monster_panel -->
  161. </a>
  162. <a target='_blank' title='<?=$sub_fusion->product->name?>' href='/<?=$UID?>/catalog/<?=$sub_fusion->product->id?>'>
  163. <div class='unawakened monster_panel'>
  164. <span class='stars'>
  165. <?php
  166. for ($i = 0; $i < $sub_fusion->product->base_stars; $i ++){
  167. ?>
  168. <img class='star star_gold' src='<?=$path["img"]["icon"]?>star.png'/>
  169. <?php
  170. }
  171. ?>
  172. </span>
  173. <img title='<?=$sub_fusion->product->name?>' class='monster border_<?=$sub_fusion->product->element_name?>' src='<?=$sub_fusion->product->get_image()?>'/>
  174. <span class='level'>
  175. 1
  176. </span>
  177. </div><!-- .unawakened .monster_panel -->
  178. </a>
  179. <div class='essences'>
  180. <?php
  181. foreach ($sub_fusion->product->essences as $essence){
  182. ?>
  183. <div class='essence border_<?=$essence["element"]?>'>
  184. <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'/>
  185. <span>
  186. <?=$essence["amount"]?>
  187. </span>
  188. </div>
  189. <?php
  190. }
  191. ?>
  192. </div><!-- .essences -->
  193. <div class='owned'>
  194. <span class='owned'>
  195. Collection:
  196. </span>
  197. <?php
  198. foreach ($sub_fusion->product->owned as $owned){
  199. if ($owned->unit->awakens_from == "" && $owned->unit->awakens_to == ""){
  200. // No to, no from, silver monster.
  201. $star_class ="star_silver";
  202. $mon_title = $owned->unit->element_name . " " . $owned->unit->name;
  203. }
  204. elseif ($owned->unit->awakens_from != "" && $owned->unit->awakens_to == ""){
  205. // Already awakened
  206. if ($owned->unit->base_stars - $owned->unit->natural_stars == 1){
  207. // Normal awaken.
  208. $star_class ="star_purple";
  209. }
  210. else{
  211. // Second awaken.
  212. $star_class ="star_red";
  213. }
  214. $mon_title = $owned->unit->name;
  215. }
  216. elseif ($owned->unit->awakens_to != ""){
  217. // Awakeable.
  218. $star_class ="star_gold";
  219. $mon_title = $owned->unit->element_name . " " . $owned->unit->name;
  220. }
  221. $mon_title = $mon_title . " - " . $owned->stars . "* - Lv." . $owned->level;
  222. ?>
  223. <a target="_blank" title='<?=$mon_title?>' href='/<?=$UID?>/monsters/<?=$owned->id?>'>
  224. <div class='monster_panel'>
  225. <span class='stars'>
  226. <?php
  227. for ($i = 0; $i < $owned->stars; $i ++){
  228. ?>
  229. <img class='star <?=$star_class?>' src='<?=$path["img"]["icon"]?>star.png'/>
  230. <?php
  231. }
  232. ?>
  233. </span>
  234. <img title='<?=$mon_title?>' class='monster border_<?=$owned->unit->element_name?>' src='<?=$owned->unit->get_image()?>'/>
  235. <span class='level'>
  236. <?=$owned->level?>
  237. </span>
  238. </div>
  239. </a>
  240. <?php
  241. }
  242. ?>
  243. </div><!-- .owned -->
  244. </div><!-- .product --><div class='ingredients'><!-- No newline because CSS reads it as a whitespace -->
  245. <?php
  246. $num = 0;
  247. foreach ($sub_fusion->ingredient as $sub_monster){
  248. ?>
  249. <div class='f3'>
  250. <div class='product'>
  251. <a target='_blank' title='<?=$sub_monster->name?>' href='/<?=$UID?>/catalog/<?=$sub_monster->id?>'>
  252. <div class='awakened monster_panel'>
  253. <span class='stars'>
  254. <img class='star star_purple' src='<?=$path["img"]["icon"]?>star.png'/>
  255. <img class='star star_purple' src='<?=$path["img"]["icon"]?>star.png'/>
  256. <img class='star star_purple' src='<?=$path["img"]["icon"]?>star.png'/>
  257. <img class='star star_purple' src='<?=$path["img"]["icon"]?>star.png'/>
  258. </span>
  259. <img title='<?=$sub_monster->name?>' class='monster border_<?=$sub_monster->element_name?>' src='<?=$sub_monster->get_image()?>'/>
  260. <span class='level'>
  261. 30
  262. </span>
  263. </div><!-- .awakened .monster_panel -->
  264. </a>
  265. <div class='essences'>
  266. <?php
  267. foreach ($sub_fusion->ingredient_unawaken[$num]->essences as $essence){
  268. ?>
  269. <div class='essence border_<?=$essence["element"]?>'>
  270. <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'/>
  271. <span>
  272. <?=$essence["amount"]?>
  273. </span>
  274. </div>
  275. <?php
  276. }
  277. ?>
  278. </div><!-- .essences -->
  279. <a target='_blank' title='<?=$sub_fusion->ingredient_unawaken[$num]->name?>' href='/<?=$UID?>/catalog/<?=$sub_fusion->ingredient_unawaken[$num]->id?>'>
  280. <div class='unawakened monster_panel'>
  281. <span class='stars'>
  282. <?php
  283. for ($i = 0; $i < $sub_fusion->ingredient_unawaken[$num]->base_stars; $i ++){
  284. ?>
  285. <img class='star star_gold' src='<?=$path["img"]["icon"]?>star.png'/>
  286. <?php
  287. }
  288. ?>
  289. </span>
  290. <img title='<?=$sub_fusion->ingredient_unawaken[$num]->name?>' class='monster border_<?=$sub_fusion->ingredient_unawaken[$num]->element_name?>' src='<?=$sub_fusion->ingredient_unawaken[$num]->get_image()?>'/>
  291. <span class='level'>
  292. 1
  293. </span>
  294. </div><!-- .unawakened .monster_panel -->
  295. </a>
  296. <div class='owned'>
  297. <span class='owned'>
  298. Collection:
  299. </span>
  300. <?php
  301. foreach ($sub_monster->owned as $owned){
  302. if ($owned->unit->awakens_from == "" && $owned->unit->awakens_to == ""){
  303. // No to, no from, silver monster.
  304. $star_class ="star_silver";
  305. $mon_title = $owned->unit->element_name . " " . $owned->unit->name;
  306. }
  307. elseif ($owned->unit->awakens_from != "" && $owned->unit->awakens_to == ""){
  308. // Already awakened
  309. if ($owned->unit->base_stars - $owned->unit->natural_stars == 1){
  310. // Normal awaken.
  311. $star_class ="star_purple";
  312. }
  313. else{
  314. // Second awaken.
  315. $star_class ="star_red";
  316. }
  317. $mon_title = $owned->unit->name;
  318. }
  319. elseif ($owned->unit->awakens_to != ""){
  320. // Awakeable.
  321. $star_class ="star_gold";
  322. $mon_title = $owned->unit->element_name . " " . $owned->unit->name;
  323. }
  324. $mon_title = $mon_title . " - " . $owned->stars . "* - Lv." . $owned->level;
  325. ?>
  326. <a target="_blank" title='<?=$mon_title?>' href='/<?=$UID?>/monsters/<?=$owned->id?>'>
  327. <div class='monster_panel'>
  328. <span class='stars'>
  329. <?php
  330. for ($i = 0; $i < $owned->stars; $i ++){
  331. ?>
  332. <img class='star <?=$star_class?>' src='<?=$path["img"]["icon"]?>star.png'/>
  333. <?php
  334. }
  335. ?>
  336. </span>
  337. <img title='<?=$mon_title?>' class='monster border_<?=$owned->unit->element_name?>' src='<?=$owned->unit->get_image()?>'/>
  338. <span class='level'>
  339. <?=$owned->level?>
  340. </span>
  341. </div>
  342. </a>
  343. <?php
  344. }
  345. ?>
  346. </div><!-- .owned -->
  347. </div><!-- product -->
  348. </div><!-- .f3 -->
  349. <?php
  350. $num ++;
  351. }
  352. ?>
  353. </div><!-- .ingredients -->
  354. </div><!-- .f4 -->
  355. <?php
  356. } // foreach ($fusion->product->owned as $owned)
  357. ?>
  358. <!-- Last ingredient, non fuseable -->
  359. <div class='f4 extra'>
  360. <div class='product'>
  361. <a target='_blank' title='<?=$fusion->ingredient[0]->name?>' href='/<?=$UID?>/catalog/<?=$fusion->ingredient[0]->id?>'>
  362. <div class='awakened monster_panel'>
  363. <span class='stars'>
  364. <img class='star star_purple' src='<?=$path["img"]["icon"]?>star.png'/>
  365. <img class='star star_purple' src='<?=$path["img"]["icon"]?>star.png'/>
  366. <img class='star star_purple' src='<?=$path["img"]["icon"]?>star.png'/>
  367. <img class='star star_purple' src='<?=$path["img"]["icon"]?>star.png'/>
  368. <img class='star star_purple' src='<?=$path["img"]["icon"]?>star.png'/>
  369. </span>
  370. <img title='<?=$fusion->ingredient[0]->name?>' class='monster border_<?=$fusion->ingredient[0]->element_name?>' src='<?=$fusion->ingredient[0]->get_image()?>'/>
  371. <span class='level'>
  372. 35
  373. </span>
  374. </div><!-- .awakened .monster_panel -->
  375. </a>
  376. <div class='essences'>
  377. <?php
  378. foreach ($fusion->ingredient_unawaken[0]->essences as $essence){
  379. ?>
  380. <div class='essence border_<?=$essence["element"]?>'>
  381. <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'/>
  382. <span>
  383. <?=$essence["amount"]?>
  384. </span>
  385. </div>
  386. <?php
  387. }
  388. ?>
  389. </div><!-- .essences -->
  390. <a target='_blank' title='<?=$fusion->ingredient_unawaken[0]->name?>' href='/<?=$UID?>/catalog/<?=$fusion->ingredient_unawaken[0]->id?>'>
  391. <div class='unawakened monster_panel'>
  392. <span class='stars'>
  393. <?php
  394. for ($i = 0; $i < $fusion->ingredient[0]->base_stars; $i ++){
  395. ?>
  396. <img class='star star_gold' src='<?=$path["img"]["icon"]?>star.png'/>
  397. <?php
  398. }
  399. ?>
  400. </span>
  401. <img title='<?=$fusion->ingredient_unawaken[0]->name?>' class='monster border_<?=$fusion->ingredient_unawaken[0]->element_name?>' src='<?=$fusion->ingredient_unawaken[0]->get_image()?>'/>
  402. <span class='level'>
  403. 1
  404. </span>
  405. </div><!-- .unawakened .monster_panel -->
  406. </a>
  407. <div class='owned'>
  408. <span class='owned'>
  409. Collection:
  410. </span>
  411. <?php
  412. foreach ($fusion->ingredient[0]->owned as $owned){
  413. ?>
  414. <div class='monster_panel'>
  415. <span class='stars'>
  416. <?php
  417. if ($owned->unit->awakens_from == "" && $owned->unit->awakens_to == ""){
  418. // No to, no from, silver monster.
  419. $star_class ="star_silver";
  420. $mon_title = $owned->unit->element_name . " " . $owned->unit->name;
  421. }
  422. elseif ($owned->unit->awakens_from != "" && $owned->unit->awakens_to == ""){
  423. // Already awakened
  424. if ($owned->unit->base_stars - $owned->unit->natural_stars == 1){
  425. // Normal awaken.
  426. $star_class ="star_purple";
  427. }
  428. else{
  429. // Second awaken.
  430. $star_class ="star_red";
  431. }
  432. $mon_title = $owned->unit->name;
  433. }
  434. elseif ($owned->unit->awakens_to != ""){
  435. // Awakeable.
  436. $star_class ="star_gold";
  437. $mon_title = $owned->unit->element_name . " " . $owned->unit->name;
  438. }
  439. for ($i = 0; $i < $owned->stars; $i ++){
  440. ?>
  441. <img class='star <?=$star_class?>' src='<?=$path["img"]["icon"]?>star.png'/>
  442. <?php
  443. }
  444. ?>
  445. </span>
  446. <img title='<?=$mon_title?>' class='monster border_<?=$owned->unit->element_name?>' src='<?=$owned->unit->get_image()?>'/>
  447. <span class='level'>
  448. <?=$owned->level?>
  449. </span>
  450. </div>
  451. <?php
  452. }
  453. ?>
  454. </div><!-- .owned -->
  455. </div><!-- .product -->
  456. </div><!-- .f4 -->
  457. </div><!-- .ingredients -->
  458. </div><!-- .f5 -->
  459. </article>
  460. </section>
  461. <?php
  462. } // foreach ($page->fusion as $fusion)
  463. include __DIR__ . "/inc/footer.php";
  464. ?>
  465. </body>
  466. </html>