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

智龙迷城队伍图制作工具