You can not select more than 25 topics Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.

script.js 23 kB

7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720
  1. var ms = null;
  2. var language = null;
  3. var memberTeamObj = function(){
  4. return {id:0,level:0,awoken:0,plus:[0,0,0],latent:[]}; //sawoken作为可选项目,默认不在内
  5. }
  6. var memberAssistObj = function(){
  7. return {id:0,level:0,awoken:0,plus:[0,0,0]};
  8. }
  9. var teamObj = function(){
  10. return [
  11. [
  12. {id:0},
  13. {id:0},
  14. {id:0},
  15. {id:0},
  16. {id:0},
  17. ],
  18. [
  19. {id:0},
  20. {id:0},
  21. {id:0},
  22. {id:0},
  23. {id:0},
  24. ],
  25. ];
  26. }
  27. var formation = {
  28. title:"",
  29. detail:"",
  30. team:[
  31. new teamObj(),//队伍A
  32. new teamObj(),//队伍B
  33. ]
  34. };
  35. window.onload = function()
  36. {
  37. //添加语言列表
  38. var controlBox = document.body.querySelector(".control-box");
  39. var langList = controlBox.querySelector(".languages");
  40. languageList.forEach(function(l){
  41. var langOpt = new Option(l.name,l.i18n);
  42. langList.options.add(langOpt);
  43. })
  44. var language_i18n = getQueryString("lang"); //获取参数指定的语言
  45. var browser_i18n = (navigator.language||navigator.userLanguage); //获取浏览器语言
  46. var hasLanguage = languageList.filter(function(l){
  47. if (language_i18n) //如果已指定就用指定的语言
  48. return language_i18n.indexOf(l.i18n)>=0;
  49. else
  50. return browser_i18n.indexOf(l.i18n)>=0;
  51. });
  52. language = hasLanguage.length?hasLanguage[hasLanguage.length-1]:languageList[0];
  53. document.head.querySelector("#language-css").href = "languages/"+language.i18n+".css";
  54. Array.prototype.slice.call(langList.options).some(function(lOpt){
  55. if (lOpt.value == language.i18n)
  56. {
  57. lOpt.selected = true;
  58. return true;
  59. }
  60. });
  61. GM_xmlhttpRequest({
  62. method: "GET",
  63. url:"monsters-info/mon.json?ver=3",
  64. onload: function(response) {
  65. ms = JSON.parse(response.response);
  66. initialize();//初始化
  67. try
  68. {
  69. var idataQer = getQueryString("data");
  70. if (idataQer)
  71. {
  72. var idata = JSON.parse(idataQer);
  73. formation = idata;
  74. refreshAll(formation);
  75. }
  76. }catch(e)
  77. {
  78. console.log("初始数据解码出错",e);
  79. }
  80. },
  81. onerror: function(response) {
  82. console.error("怪物数据获取错误",response);
  83. try
  84. {
  85. ms = JSON.parse(response.response);
  86. initialize();//初始化
  87. var idataQer = getQueryString("data");
  88. if (idataQer)
  89. {
  90. var idata = JSON.parse(idataQer);
  91. formation = idata;
  92. refreshAll(formation);
  93. }
  94. }catch(e)
  95. {
  96. console.log("尝试解码Chrome错误返回失败。或初始数据解码出错。",e);
  97. }
  98. }
  99. });
  100. }
  101. window.onpopstate = function()
  102. { //前进后退时修改页面
  103. try
  104. {
  105. var idataQer = getQueryString("data");
  106. if (idataQer)
  107. {
  108. var idata = JSON.parse(idataQer);
  109. formation = idata;
  110. refreshAll(formation);
  111. }
  112. }catch(e)
  113. {
  114. console.log("初始数据解码出错",e);
  115. }
  116. }
  117. //创建新的分享地址
  118. function creatNewUrl(lang){
  119. if (!!(window.history && history.pushState)) {
  120. // 支持History API
  121. var language_i18n = lang || getQueryString("lang"); //获取参数指定的语言
  122. history.pushState(null, null, '?' + (language_i18n?'lang=' + language_i18n + '&':'') + 'data=' + encodeURIComponent(JSON.stringify(formation)));
  123. }
  124. }
  125. //初始化
  126. function initialize()
  127. {
  128. var monstersList = document.querySelector("#monsters-list");
  129. ms.forEach(function(m){
  130. var opt = monstersList.appendChild(document.createElement("option"));
  131. opt.value = m.id;
  132. opt.label = m.id + " - " + language.searchlist.map(function(lc){ //取出每种语言
  133. return m.name[lc];
  134. }).filter(function(ln){ //去掉空值
  135. return ln?(ln.length>0):false;
  136. }).join(" | ");
  137. });
  138. //标题和介绍文本框
  139. var txtTitle = document.querySelector(".title-box .title");
  140. var txtDetail = document.querySelector(".detail-box .detail");
  141. txtTitle.onchange = function(){
  142. formation.title = this.value;
  143. creatNewUrl();
  144. }
  145. txtDetail.onchange = function(){
  146. formation.detail = this.value;
  147. creatNewUrl();
  148. }
  149. txtDetail.onblur = function(){
  150. this.style.height=this.scrollHeight+"px";
  151. }
  152. //队伍框
  153. var formationBox = document.querySelector(".formation-box");
  154. formationBox.formationBox = formation;
  155. //编辑框
  156. var editBox = document.querySelector(".edit-box");
  157. editBox.latent = []; //储存潜在觉醒
  158. editBox.assist = false; //储存是否为辅助宠物
  159. editBox.monsterBox = null;
  160. editBox.latentBox = null;
  161. editBox.memberIdx = []; //储存队伍数组下标
  162. editBox.show = function(){
  163. editBox.classList.remove("display-none");
  164. formationBox.classList.add("blur-bg");
  165. }
  166. editBox.hide = function(){
  167. editBox.classList.add("display-none");
  168. formationBox.classList.remove("blur-bg");
  169. }
  170. var settingBox = editBox.querySelector(".setting-box")
  171. //id搜索
  172. var monstersSearch = editBox.querySelector(".edit-box .m-id");
  173. monstersSearch.onchange = function(){
  174. if (/^\d+$/.test(this.value))
  175. {
  176. editBoxChangeMonId(parseInt(this.value));
  177. }
  178. }
  179. monstersSearch.oninput = monstersSearch.onchange;
  180. //觉醒
  181. var monEditAwokens = Array.prototype.slice.call(settingBox.querySelectorAll(".row-mon-awoken .awoken-ul .awoken-icon"));
  182. monEditAwokens.forEach(function(akDom,idx,domArr){
  183. akDom.onclick = function(){
  184. if (idx>0 && idx>=domArr.filter(function(d){return !d.classList.contains("display-none")}).length-1)
  185. domArr[0].innerHTML = "★";
  186. else
  187. domArr[0].innerHTML = idx;
  188. for(var ai=1;ai<domArr.length;ai++)
  189. {
  190. if(ai<=idx)
  191. {
  192. domArr[ai].classList.remove("unselected-awoken");
  193. }
  194. else
  195. {
  196. domArr[ai].classList.add("unselected-awoken");
  197. }
  198. }
  199. }
  200. })
  201. //超觉醒
  202. var monEditSAwokens = Array.prototype.slice.call(settingBox.querySelectorAll(".row-mon-super-awoken .awoken-ul .awoken-icon"));
  203. monEditSAwokens.forEach(function(akDom,idx,domArr){
  204. akDom.onclick = function(){
  205. for(var ai=0;ai<domArr.length;ai++)
  206. {
  207. if(ai==idx)
  208. {
  209. domArr[ai].classList.toggle("unselected-awoken");
  210. }
  211. else
  212. {
  213. domArr[ai].classList.add("unselected-awoken");
  214. }
  215. }
  216. }
  217. })
  218. //等级
  219. var monEditLv = settingBox.querySelector(".m-level");
  220. var monEditLvMax = settingBox.querySelector(".m-level-btn-max");
  221. monEditLvMax.onclick = function(){
  222. monEditLv.value = this.value;
  223. }
  224. //加蛋
  225. var monEditAddHp = settingBox.querySelector(".m-plus-hp");
  226. var monEditAddAtk = settingBox.querySelector(".m-plus-atk");
  227. var monEditAddRcv = settingBox.querySelector(".m-plus-rcv");
  228. var monEditAddHp99 = settingBox.querySelector(".m-plus-hp-btn-99");
  229. monEditAddHp99.onclick = function(){monEditAddHp.value = this.value}
  230. var monEditAddAtk99 = settingBox.querySelector(".m-plus-atk-btn-99");
  231. monEditAddAtk99.onclick = function(){monEditAddAtk.value = this.value}
  232. var monEditAddRcv99 = settingBox.querySelector(".m-plus-rcv-btn-99");
  233. monEditAddRcv99.onclick = function(){monEditAddRcv.value = this.value}
  234. var monEditAdd297 = settingBox.querySelector(".m-plus-btn-297");
  235. monEditAdd297.onclick = function(){monEditAddHp.value = monEditAddAtk.value = monEditAddRcv.value = 99}
  236. //潜觉
  237. var monEditLatentUl = settingBox.querySelector(".m-latent-ul");
  238. var monEditLatents = Array.prototype.slice.call(monEditLatentUl.querySelectorAll("li"));
  239. var monEditLatentAllowableUl = settingBox.querySelector(".m-latent-allowable-ul");
  240. var monEditLatentsAllowable = Array.prototype.slice.call(monEditLatentAllowableUl.querySelectorAll("li"));
  241. function refreshLatent(latent) //刷新潜觉
  242. {
  243. if (this.value<0) return;
  244. var usedHoleN = usedHole(latent);
  245. for (var ai=0;ai<6;ai++)
  246. {
  247. if (latent[ai])
  248. {
  249. monEditLatents[ai].className = "latent-icon latent-icon-" + latent[ai];
  250. monEditLatents[ai].value = ai;
  251. }
  252. else if(ai<(6-usedHoleN+latent.length))
  253. {
  254. monEditLatents[ai].className = "latent-icon";
  255. monEditLatents[ai].value = -1;
  256. }
  257. else
  258. {
  259. monEditLatents[ai].className = "display-none";
  260. monEditLatents[ai].value = -1;
  261. }
  262. }
  263. }
  264. editBox.refreshLatent = refreshLatent;
  265. //已有觉醒的去除
  266. monEditLatents.forEach(function(l){
  267. l.onclick = function(){
  268. var aIdx = parseInt(this.value);
  269. editBox.latent.splice(aIdx,1);
  270. refreshLatent(editBox.latent);
  271. }
  272. })
  273. //可选觉醒的添加
  274. monEditLatentsAllowable.forEach(function(la){
  275. la.onclick = function(){
  276. if (this.classList.contains("unselected-latent")) return;
  277. var lIdx = parseInt(this.value);
  278. var usedHoleN = usedHole(editBox.latent);
  279. if (lIdx >= 12 && usedHoleN<=4)
  280. editBox.latent.push(lIdx);
  281. else if (lIdx < 12 && usedHoleN<=5)
  282. editBox.latent.push(lIdx);
  283. refreshLatent(editBox.latent);
  284. }
  285. })
  286. var btnCancel = editBox.querySelector(".button-cancel");
  287. var btnDone = editBox.querySelector(".button-done");
  288. var btnNull = editBox.querySelector(".button-null");
  289. var btnDelay = editBox.querySelector(".button-delay");
  290. btnCancel.onclick = function(){
  291. btnDone.classList.remove("cant-assist");
  292. btnDone.disabled = false;
  293. editBox.memberIdx = [];
  294. editBox.hide();
  295. }
  296. btnDone.onclick = function(){
  297. if (parseInt(monEditLv.value) == 0)
  298. {
  299. btnNull.onclick();
  300. return;
  301. }
  302. var mD = formation.team[editBox.memberIdx[0]][editBox.memberIdx[1]][editBox.memberIdx[2]] = editBox.assist?new memberAssistObj():new memberTeamObj();
  303. mD.id = parseInt(monstersSearch.value);
  304. mD.level = parseInt(monEditLv.value);
  305. mD.awoken = monEditAwokens.filter(function(akDom){
  306. return !akDom.classList.contains("unselected-awoken") && !akDom.classList.contains("display-none")
  307. }).length - 1;
  308. if (ms[mD.id].sAwoken) //如果支持超觉醒
  309. {
  310. mD.sawoken = -1;
  311. for (var sai = 0;sai<monEditSAwokens.length;sai++)
  312. {
  313. if (
  314. !monEditSAwokens[sai].classList.contains("unselected-awoken") &&
  315. !monEditSAwokens[sai].classList.contains("display-none")
  316. )
  317. {
  318. mD.sawoken = sai;
  319. break;
  320. }
  321. }
  322. }
  323. if (ms[mD.id].type.some(function(t){return t == 0 || t == 12 || t == 14 || t == 15;}) && [303,305,307,600,602].indexOf(mD.id)<0)
  324. { //当4种特殊type的时候是无法297和打觉醒的,但是5种小企鹅可以
  325. mD.plus = [0,0,0];
  326. }else
  327. {
  328. mD.plus[0] = parseInt(monEditAddHp.value) || 0;
  329. mD.plus[1] = parseInt(monEditAddAtk.value) || 0;
  330. mD.plus[2] = parseInt(monEditAddRcv.value) || 0;
  331. if (!editBox.assist)
  332. { //如果不是辅助,则可以设定潜觉
  333. mD.latent = editBox.latent.concat();
  334. }
  335. }
  336. changeid(mD,editBox.monsterBox,editBox.latentBox);
  337. creatNewUrl();
  338. editBox.hide();
  339. }
  340. btnNull.onclick = function(){
  341. var mD = formation.team[editBox.memberIdx[0]][editBox.memberIdx[1]][editBox.memberIdx[2]] = {id:0};
  342. changeid(mD,editBox.monsterBox,editBox.latentBox);
  343. creatNewUrl();
  344. editBox.hide();
  345. }
  346. btnDelay.onclick = function(){ //应对威吓
  347. var mD = formation.team[editBox.memberIdx[0]][editBox.memberIdx[1]][editBox.memberIdx[2]] = {id:-1};
  348. changeid(mD,editBox.monsterBox,editBox.latentBox);
  349. creatNewUrl();
  350. editBox.hide();
  351. }
  352. var controlBox = document.body.querySelector(".control-box");
  353. var langList = controlBox.querySelector(".languages");
  354. langList.onchange = function(){
  355. creatNewUrl(this.value);
  356. history.go();
  357. }
  358. /*添对应语言执行的JS*/
  359. var languageJS = document.head.appendChild(document.createElement("script"));
  360. languageJS.id = "language-js";
  361. languageJS.type = "text/javascript";
  362. languageJS.src = "languages/"+language.i18n+".js";
  363. }
  364. //计算用了多少潜觉格子
  365. function usedHole(latent)
  366. {
  367. return latent.reduce(function(previous,current){
  368. return previous + (current>= 12?2:1);
  369. },0);
  370. }
  371. //改变一个怪物头像
  372. function changeid(mon,monDom,latentDom)
  373. {
  374. var md = ms[mon.id]; //怪物固定数据
  375. if (mon.id<0) //如果是延迟
  376. {
  377. monDom.parentNode.classList.add("delay");
  378. monDom.parentNode.classList.remove("null");
  379. return;
  380. }else if (mon.id==0) //如果是空
  381. {
  382. monDom.parentNode.classList.add("null");
  383. monDom.parentNode.classList.remove("delay");
  384. return;
  385. }else (mon.id>-1) //如果提供了id
  386. {
  387. monDom.parentNode.classList.remove("null");
  388. monDom.parentNode.classList.remove("delay");
  389. monDom.className = "monster";
  390. monDom.classList.add("pet-cards-" + Math.ceil(mon.id/100)); //添加图片编号
  391. var idxInPage = (mon.id-1) % 100; //获取当前页面的总序号
  392. monDom.classList.add("pet-cards-index-x-" + idxInPage % 10); //添加X方向序号
  393. monDom.classList.add("pet-cards-index-y-" + parseInt(idxInPage / 10)); //添加Y方向序号
  394. monDom.querySelector(".property").className = "property property-" + md.ppt[0]; //主属性
  395. monDom.querySelector(".subproperty").className = "subproperty subproperty-" + md.ppt[1]; //副属性
  396. monDom.title = "No." + mon.id + " " + md.name[language.searchlist[0]] || md.name["ja"];
  397. monDom.href = mon.id.toString().replace(/^(\d+)$/ig,language.guideURL);
  398. }
  399. if (mon.level>0) //如果提供了等级
  400. {
  401. var levelDom = monDom.querySelector(".level");
  402. levelDom.innerHTML = mon.level;
  403. if (mon.level == 99 || (mon.level >= md.maxLv && md.maxLv <=99))
  404. {
  405. levelDom.classList.add("max");
  406. }else
  407. {
  408. levelDom.classList.remove("max");
  409. }
  410. if (md.maxLv>99 && mon.level>=99)
  411. levelDom.classList.add("_110");
  412. else
  413. levelDom.classList.remove("_110");
  414. }
  415. if (mon.awoken>-1) //如果提供了觉醒
  416. {
  417. var awokenIcon = monDom.querySelector(".awoken-count");
  418. if (mon.awoken == 0 || md.awoken.length < 1) //没觉醒
  419. {
  420. awokenIcon.classList.add("display-none");
  421. awokenIcon.innerHTML = "";
  422. }else
  423. {
  424. awokenIcon.classList.remove("display-none");
  425. if (mon.awoken < md.awoken.length) //觉醒没满直接写数字
  426. {
  427. awokenIcon.innerHTML = mon.awoken;
  428. awokenIcon.classList.remove("allowable-assist");
  429. }else //满觉醒打星星
  430. {
  431. awokenIcon.innerHTML = "★";
  432. if (md.assist)
  433. awokenIcon.classList.add("allowable-assist");
  434. else
  435. awokenIcon.classList.remove("allowable-assist");
  436. }
  437. }
  438. refreshAwokenCount(formation.team);
  439. }
  440. if (mon.plus) //如果提供了加值
  441. {
  442. monDom.querySelector(".plus .hp").innerHTML = mon.plus[0];
  443. monDom.querySelector(".plus .atk").innerHTML = mon.plus[1];
  444. monDom.querySelector(".plus .rcv").innerHTML = mon.plus[2];
  445. if (mon.plus[0]+mon.plus[1]+mon.plus[2] >= 297)
  446. {
  447. monDom.querySelector(".plus").classList.add("has297");
  448. monDom.querySelector(".plus").classList.remove("zero");
  449. }else if (mon.plus[0]+mon.plus[1]+mon.plus[2] <= 0)
  450. {
  451. monDom.querySelector(".plus").classList.add("zero");
  452. monDom.querySelector(".plus").classList.remove("has297");
  453. }else
  454. {
  455. monDom.querySelector(".plus").classList.remove("zero");
  456. monDom.querySelector(".plus").classList.remove("has297");
  457. }
  458. }
  459. if (latentDom && mon.latent) //如果提供了潜觉
  460. {
  461. var latent = mon.latent.sort(function(a,b){return b-a;});
  462. if (latent.length < 1)
  463. latentDom.classList.add("display-none");
  464. else
  465. latentDom.classList.remove("display-none");
  466. var latentDoms = Array.prototype.slice.call(latentDom.querySelectorAll("li"));
  467. var usedHoleN = usedHole(latent);
  468. for (var ai=0;ai<6;ai++)
  469. {
  470. if (latent[ai])
  471. {
  472. latentDoms[ai].className = "latent-icon latent-icon-" + latent[ai];
  473. }
  474. else if(ai<(6-usedHoleN+latent.length))
  475. {
  476. latentDoms[ai].className = "latent-icon";
  477. }
  478. else
  479. {
  480. latentDoms[ai].className = "display-none";
  481. }
  482. }
  483. }
  484. }
  485. //点击怪物头像,出现编辑框
  486. function editMon(AorB,isAssist,tempIdx)
  487. {
  488. //数据
  489. var mD = formation.team[AorB][isAssist][tempIdx];
  490. //对应的Dom
  491. var formationBox = AorB?document.querySelector(".formation-box .formation-B-box"):document.querySelector(".formation-box .formation-A-box");
  492. var teamBox = isAssist?formationBox.querySelector(".formation-assist"):formationBox.querySelector(".formation-team");
  493. var memberBox = teamBox.querySelector(".member-" + (tempIdx+1));
  494. var editBox = document.querySelector(".edit-box");
  495. var monsterBox = memberBox.querySelector(".monster");
  496. editBox.show();
  497. editBox.assist = isAssist;
  498. editBox.monsterBox = monsterBox;
  499. editBox.memberIdx = [AorB,isAssist,tempIdx]; //储存队伍数组下标
  500. editBox.assist = isAssist;
  501. if (!isAssist)
  502. {
  503. var latentBox = formationBox.querySelector(".formation-latents .latents-"+(tempIdx+1)+" .latent-ul");
  504. editBox.latentBox = latentBox;
  505. }
  506. var monstersSearch = editBox.querySelector(".search-box .m-id");
  507. monstersSearch.value = mD.id>0?mD.id:0;
  508. monstersSearch.onchange();
  509. var settingBox = editBox.querySelector(".setting-box");
  510. //觉醒
  511. var monEditAwokens = settingBox.querySelectorAll(".row-mon-awoken .awoken-ul .awoken-icon");
  512. if (mD.awoken>0) monEditAwokens[mD.awoken].onclick();
  513. //超觉醒
  514. var monEditSAwokens = settingBox.querySelectorAll(".row-mon-super-awoken .awoken-ul .awoken-icon");
  515. if (mD.sawoken>=0) monEditSAwokens[mD.sawoken].onclick();
  516. var monEditLv = settingBox.querySelector(".m-level");
  517. monEditLv.value = mD.level || 1;
  518. var monEditAddHp = settingBox.querySelector(".m-plus-hp");
  519. var monEditAddAtk = settingBox.querySelector(".m-plus-atk");
  520. var monEditAddRcv = settingBox.querySelector(".m-plus-rcv");
  521. if (mD.plus)
  522. {
  523. monEditAddHp.value = mD.plus[0];
  524. monEditAddAtk.value = mD.plus[1];
  525. monEditAddRcv.value = mD.plus[2];
  526. }
  527. var btnDelay = editBox.querySelector(".button-delay");
  528. if (!isAssist)
  529. {
  530. editBox.latent = mD.latent || [];
  531. editBox.refreshLatent(editBox.latent);
  532. btnDelay.classList.add("display-none");
  533. settingBox.querySelector(".row-mon-latent").classList.remove("display-none");
  534. editBox.querySelector(".edit-box-title").classList.remove("edit-box-title-assist");
  535. }else
  536. {
  537. btnDelay.classList.remove("display-none");
  538. settingBox.querySelector(".row-mon-latent").classList.add("display-none");
  539. editBox.querySelector(".edit-box-title").classList.add("edit-box-title-assist");
  540. }
  541. }
  542. function editBoxChangeMonId(id)
  543. {
  544. var md = ms[id]; //怪物固定数据
  545. if (!md){
  546. id = 0;
  547. md = ms[0]
  548. }
  549. var editBox = document.querySelector(".edit-box");
  550. var monInfoBox = editBox.querySelector(".monsterinfo-box");
  551. var me = monInfoBox.querySelector(".monster");
  552. changeid({id:id,},me); //改变图像
  553. var mId = monInfoBox.querySelector(".monster-id");
  554. mId.innerHTML = id;
  555. var mRare = monInfoBox.querySelector(".monster-rare");
  556. mRare.className = "monster-rare rare-" + md.rare;
  557. var mName = monInfoBox.querySelector(".monster-name");
  558. mName.innerHTML = md.name[language.searchlist[0]] || md.name["ja"];
  559. var mType = monInfoBox.querySelectorAll(".monster-type li");
  560. for (var ti=0;ti<mType.length;ti++)
  561. {
  562. if (md.type[ti]>=0)
  563. {
  564. mType[ti].className = "type-name type-name-" + md.type[ti];
  565. mType[ti].firstChild.className = "type-icon type-icon-" + md.type[ti];
  566. }else
  567. {
  568. mType[ti].className = "display-none";
  569. }
  570. }
  571. var settingBox = editBox.querySelector(".setting-box");
  572. var mAwoken = settingBox.querySelectorAll(".row-mon-awoken .awoken-ul li");
  573. mAwoken[0].innerHTML = md.awoken.length?"★":"0";
  574. for (var ai=1;ai<mAwoken.length;ai++)
  575. {
  576. if (md.awoken[ai-1])
  577. {
  578. mAwoken[ai].className = "awoken-icon awoken-" + md.awoken[ai-1];
  579. }else
  580. {
  581. mAwoken[ai].className = "display-none";
  582. }
  583. }
  584. //超觉醒
  585. var mSAwokenRow = settingBox.querySelector(".row-mon-super-awoken");
  586. var mSAwoken = mSAwokenRow.querySelectorAll(".awoken-ul li");
  587. if (md.sAwoken)
  588. {
  589. mSAwokenRow.classList.remove("display-none");
  590. for (var ai=0;ai<mSAwoken.length;ai++)
  591. {
  592. if (ai < md.sAwoken.length)
  593. mSAwoken[ai].className = "awoken-icon unselected-awoken awoken-" + md.sAwoken[ai];
  594. else
  595. mSAwoken[ai].className = "display-none";
  596. }
  597. }else
  598. {
  599. mSAwokenRow.classList.add("display-none");
  600. }
  601. var monEditLvMax = settingBox.querySelector(".m-level-btn-max");
  602. monEditLvMax.innerHTML = monEditLvMax.value = md.maxLv;
  603. var monEditLv = settingBox.querySelector(".m-level");
  604. monEditLv.value = md.maxLv>99?99:md.maxLv;
  605. var rowPlus = settingBox.querySelector(".row-mon-plus");
  606. var rowLatent = settingBox.querySelector(".row-mon-latent");
  607. if (ms[id].type.some(function(t){return t == 0 || t == 12 || t == 14 || t == 15;}) && [303,305,307,600,602].indexOf(id)<0)
  608. { //当4种特殊type的时候是无法297和打觉醒的,但是5种小企鹅可以
  609. rowPlus.classList.add("disabled");
  610. rowLatent.classList.add("disabled");
  611. }else
  612. {
  613. rowPlus.classList.remove("disabled");
  614. rowLatent.classList.remove("disabled");
  615. }
  616. var monLatentAllowUl = rowLatent.querySelector(".m-latent-allowable-ul");
  617. //该宠Type允许的杀
  618. var allowLatent = uniq(md.type.reduce(function (previous, t, index, array) {
  619. return previous.concat(type_allowable_latent[t]);
  620. },[]));
  621. for(var li=17;li<=24;li++)
  622. {
  623. var latentDom = monLatentAllowUl.querySelector(".latent-icon-" + li);
  624. if (allowLatent.indexOf(li)>=0)
  625. {
  626. if(latentDom.classList.contains("unselected-latent"))
  627. latentDom.classList.remove("unselected-latent");
  628. }else
  629. {
  630. if(!latentDom.classList.contains("unselected-latent"))
  631. latentDom.classList.add("unselected-latent");
  632. }
  633. }
  634. if (editBox.assist)
  635. {
  636. var btnDone = editBox.querySelector(".button-done");
  637. if (!md.assist)
  638. {
  639. btnDone.classList.add("cant-assist");
  640. btnDone.disabled = true;
  641. }else
  642. {
  643. btnDone.classList.remove("cant-assist");
  644. btnDone.disabled = false;
  645. }
  646. }
  647. editBox.latent.length = 0;
  648. editBox.refreshLatent(editBox.latent);
  649. }
  650. //刷新整个队伍
  651. function refreshAll(fmt){
  652. var txtTitle = document.querySelector(".title-box .title");
  653. var txtDetail = document.querySelector(".detail-box .detail");
  654. txtTitle.value = fmt.title || "";
  655. txtDetail.value = fmt.detail || "";
  656. txtDetail.onblur();
  657. var formationA = document.querySelector(".formation-box .formation-A-box");
  658. var formationB = document.querySelector(".formation-box .formation-B-box");
  659. var fATeam = formationA.querySelectorAll(".formation-team .monster");
  660. var fALatents = formationA.querySelectorAll(".formation-latents .latent-ul");
  661. var fAAssist = formationA.querySelectorAll(".formation-assist .monster");
  662. var fBTeam = formationB.querySelectorAll(".formation-team .monster");
  663. var fBLatents = formationB.querySelectorAll(".formation-latents .latent-ul");
  664. var fBAssist = formationB.querySelectorAll(".formation-assist .monster");
  665. for (var ti=0;ti<5;ti++)
  666. {
  667. changeid(fmt.team[0][0][ti],fATeam[ti],fALatents[ti]);
  668. changeid(fmt.team[0][1][ti],fAAssist[ti]);
  669. changeid(fmt.team[1][0][ti],fBTeam[ti],fBLatents[ti]);
  670. changeid(fmt.team[1][1][ti],fBAssist[ti]);
  671. }
  672. refreshAwokenCount(fmt.team);
  673. }
  674. //刷新觉醒总计
  675. function refreshAwokenCount(team){
  676. var awokenUL = document.querySelector(".awoken-total-box .awoken-ul");
  677. function setCount(idx,number){
  678. var ali = awokenUL.querySelector(".a-c-" + idx);
  679. ali.querySelector(".count").innerHTML = number;
  680. if (number)
  681. ali.classList.remove("display-none");
  682. else
  683. ali.classList.add("display-none");
  684. }
  685. setCount(21,awokenCountInTeam(team,21)+awokenCountInTeam(team,56)*2); //SB+大SB
  686. setCount(28,awokenCountInTeam(team,28)); //SX
  687. setCount(11,awokenCountInTeam(team,11)); //防暗
  688. setCount(12,awokenCountInTeam(team,12)); //防废
  689. setCount(13,awokenCountInTeam(team,13)); //防毒
  690. setCount(54,awokenCountInTeam(team,54)); //防云
  691. setCount(55,awokenCountInTeam(team,55)); //防封条
  692. }

智龙迷城队伍图制作工具

Contributors (1)