diff --git a/languages/en.css b/languages/en.css
index 1ec930b0..dc42c910 100644
--- a/languages/en.css
+++ b/languages/en.css
@@ -295,6 +295,9 @@
.search-box input:checked+ .sort-reverse-label::after{
content: "Reverse";
}
+.search-box .show-awoken-label::after{
+ content: "Show Awoken list (consume performance)";
+}
.attrs .attr-all::before{
content: "All";
}
diff --git a/languages/ja.css b/languages/ja.css
index b3087aa9..e328e569 100644
--- a/languages/ja.css
+++ b/languages/ja.css
@@ -288,6 +288,9 @@
.search-box input:checked+ .sort-reverse-label::after{
content: "逆序";
}
+.search-box .show-awoken-label::after{
+ content: "覚醒リストの表示(消費性能)";
+}
.attrs .attr-all::before{
content: "無制限";
}
diff --git a/languages/ko.css b/languages/ko.css
index 90152b9f..fb00ef88 100644
--- a/languages/ko.css
+++ b/languages/ko.css
@@ -288,6 +288,9 @@
.search-box input:checked+ .sort-reverse-label::after{
content: "역순";
}
+.search-box .show-awoken-label::after{
+ content: "각성 목록 표시(성능 소비)";
+}
.attrs .attr-all::before{
content: "무제한";
}
diff --git a/languages/zh-TW.css b/languages/zh-TW.css
index e16709ee..b801d7e3 100644
--- a/languages/zh-TW.css
+++ b/languages/zh-TW.css
@@ -294,6 +294,9 @@
.search-box input:checked+ .sort-reverse-label::after{
content: "逆序";
}
+.search-box .show-awoken-label::after{
+ content: "顯示覺醒清單(消耗效能)";
+}
.attrs .attr-all::before{
content: "不限";
}
diff --git a/languages/zh.css b/languages/zh.css
index bc42e8db..e0a9062a 100644
--- a/languages/zh.css
+++ b/languages/zh.css
@@ -294,6 +294,9 @@
.search-box input:checked+ .sort-reverse-label::after{
content: "逆序";
}
+.search-box .show-awoken-label::after{
+ content: "显示觉醒列表(消耗性能)";
+}
.attrs .attr-all::before{
content: "不限";
}
diff --git a/multi.html b/multi.html
index afdbc458..5b170562 100644
--- a/multi.html
+++ b/multi.html
@@ -652,6 +652,7 @@ var formation = new Formation(teamsCount,5);
+
diff --git a/script.js b/script.js
index b162ea0f..7e77953c 100644
--- a/script.js
+++ b/script.js
@@ -17,9 +17,8 @@ var showSearch; //整个程序都可以用的显示搜索函数
const dataStructure = 3; //阵型输出数据的结构版本
const className_displayNone = "display-none";
-if (location.search.includes('&'))
-{
- location.search = location.search.replace(/&/ig,'&');
+if (location.search.includes('&')) {
+ location.search = location.search.replace(/&/ig, '&');
}
/*class Member2
@@ -65,2422 +64,2263 @@ if (location.search.includes('&'))
}
}*/
//队员基本的留空
-var Member = function(){
- this.id=0;
- this.ability = [0,0,0];
+var Member = function() {
+ this.id = 0;
+ this.ability = [0, 0, 0];
};
-Member.prototype.outObj = function(){
- const m = this;
- let obj = [m.id];
- if (m.level != undefined) obj[1] = m.level;
- if (m.awoken != undefined) obj[2] = m.awoken;
- if (m.plus != undefined && m.plus instanceof Array && m.plus.length>=3 && (m.plus[0]+m.plus[1]+m.plus[2])!=0)
- {
- if (m.plus[0] === m.plus[1] && m.plus[0] === m.plus[2])
- { //当3个加值一样时只生成第一个减少长度
- obj[3] = m.plus[0];
- }else
- {
- obj[3] = m.plus;
- }
- }
- if (m.latent != undefined && m.latent instanceof Array && m.latent.length>=1) obj[4] = m.latent;
- if (m.sawoken != undefined && m.sawoken>=0) obj[5] = m.sawoken;
- const card = Cards[m.id] || Cards[0]; //怪物固定数据
- const skill = Skills[card.activeSkillId];
- //有技能等级，并且技能等级低于最大等级时才记录技能
- if (m.skilllevel != undefined && m.skilllevel < skill.maxLevel) obj[6] = m.skilllevel;
- return obj;
+Member.prototype.outObj = function() {
+ const m = this;
+ let obj = [m.id];
+ if (m.level != undefined) obj[1] = m.level;
+ if (m.awoken != undefined) obj[2] = m.awoken;
+ if (m.plus != undefined && m.plus instanceof Array && m.plus.length >= 3 && (m.plus[0] + m.plus[1] + m.plus[2]) != 0) {
+ if (m.plus[0] === m.plus[1] && m.plus[0] === m.plus[2]) { //当3个加值一样时只生成第一个减少长度
+ obj[3] = m.plus[0];
+ } else {
+ obj[3] = m.plus;
+ }
+ }
+ if (m.latent != undefined && m.latent instanceof Array && m.latent.length >= 1) obj[4] = m.latent;
+ if (m.sawoken != undefined && m.sawoken >= 0) obj[5] = m.sawoken;
+ const card = Cards[m.id] || Cards[0]; //怪物固定数据
+ const skill = Skills[card.activeSkillId];
+ //有技能等级，并且技能等级低于最大等级时才记录技能
+ if (m.skilllevel != undefined && m.skilllevel < skill.maxLevel) obj[6] = m.skilllevel;
+ return obj;
};
-Member.prototype.loadObj = function(m,dataVersion){
- if (m == undefined) //如果没有提供数据，直接返回默认
- {
- return;
- }
- if (dataVersion == undefined) dataVersion = 1;
- this.id = dataVersion>1 ? m[0] : m.id;
- this.level = dataVersion>1 ? m[1] : m.level;
- this.awoken = dataVersion>1 ? m[2] : m.awoken;
- if (dataVersion>1)
- {
- if (isNaN(m[3]) || m[3]==null)
- {
- this.plus = m[3];
- }else
- {
- const singlePlus = parseInt(m[3],10);//如果只有一个数字时，复制3份
- this.plus = [singlePlus,singlePlus,singlePlus];
- }
- }else
- {
- this.plus = m.plus;
- }
- if (!(this.plus instanceof Array)) this.plus = [0,0,0]; //如果加值不是数组，则改变
- this.latent = dataVersion>1 ? m[4] : m.latent;
- if (this.latent && dataVersion<=2) this.latent = this.latent.map(l=>l>=13?l+3:l); //修复以前自己编的潜觉编号为官方编号
- if (!(this.latent instanceof Array)) this.latent = []; //如果潜觉不是数组，则改变
- this.sawoken = dataVersion>1 ? m[5] : m.sawoken;
- this.skilllevel = m[6] || null;
+Member.prototype.loadObj = function(m, dataVersion) {
+ if (m == undefined) //如果没有提供数据，直接返回默认
+ {
+ return;
+ }
+ if (dataVersion == undefined) dataVersion = 1;
+ this.id = dataVersion > 1 ? m[0] : m.id;
+ this.level = dataVersion > 1 ? m[1] : m.level;
+ this.awoken = dataVersion > 1 ? m[2] : m.awoken;
+ if (dataVersion > 1) {
+ if (isNaN(m[3]) || m[3] == null) {
+ this.plus = m[3];
+ } else {
+ const singlePlus = parseInt(m[3], 10); //如果只有一个数字时，复制3份
+ this.plus = [singlePlus, singlePlus, singlePlus];
+ }
+ } else {
+ this.plus = m.plus;
+ }
+ if (!(this.plus instanceof Array)) this.plus = [0, 0, 0]; //如果加值不是数组，则改变
+ this.latent = dataVersion > 1 ? m[4] : m.latent;
+ if (this.latent && dataVersion <= 2) this.latent = this.latent.map(l => l >= 13 ? l + 3 : l); //修复以前自己编的潜觉编号为官方编号
+ if (!(this.latent instanceof Array)) this.latent = []; //如果潜觉不是数组，则改变
+ this.sawoken = dataVersion > 1 ? m[5] : m.sawoken;
+ this.skilllevel = m[6] || null;
};
-Member.prototype.loadFromMember = function(m){
- if (m == undefined) //如果没有提供数据，直接返回默认
- {
- return;
- }
- this.id = m.id;
+Member.prototype.loadFromMember = function(m) {
+ if (m == undefined) //如果没有提供数据，直接返回默认
+ {
+ return;
+ }
+ this.id = m.id;
};
//只用来防坐的任何队员
-var MemberDelay = function(){
- this.id=-1;
+var MemberDelay = function() {
+ this.id = -1;
};
MemberDelay.prototype = Object.create(Member.prototype);
MemberDelay.prototype.constructor = MemberDelay;
//辅助队员
-var MemberAssist = function(){
- this.level = 0;
- this.awoken = 0;
- this.plus = [0,0,0];
- Member.call(this);
+var MemberAssist = function() {
+ this.level = 0;
+ this.awoken = 0;
+ this.plus = [0, 0, 0];
+ Member.call(this);
};
MemberAssist.prototype = Object.create(Member.prototype);
MemberAssist.prototype.constructor = MemberAssist;
-MemberAssist.prototype.loadFromMember = function(m){
- if (m == undefined) //如果没有提供数据，直接返回默认
- {
- return;
- }
- this.id = m.id;
- if (m.level != undefined) this.level = m.level;
- if (m.awoken != undefined) this.awoken = m.awoken;
- if (m.plus != undefined && m.plus instanceof Array && m.plus.length>=3 && (m.plus[0]+m.plus[1]+m.plus[2])>0) this.plus = JSON.parse(JSON.stringify(m.plus));
- if (m.skilllevel != undefined) this.skilllevel = m.skilllevel;
+MemberAssist.prototype.loadFromMember = function(m) {
+ if (m == undefined) //如果没有提供数据，直接返回默认
+ {
+ return;
+ }
+ this.id = m.id;
+ if (m.level != undefined) this.level = m.level;
+ if (m.awoken != undefined) this.awoken = m.awoken;
+ if (m.plus != undefined && m.plus instanceof Array && m.plus.length >= 3 && (m.plus[0] + m.plus[1] + m.plus[2]) > 0) this.plus = JSON.parse(JSON.stringify(m.plus));
+ if (m.skilllevel != undefined) this.skilllevel = m.skilllevel;
};
//正式队伍
-var MemberTeam = function(){
- this.latent = [];
- this.ability = [0,0,0];
- MemberAssist.call(this);
- //sawoken作为可选项目，默认不在内
+var MemberTeam = function() {
+ this.latent = [];
+ this.ability = [0, 0, 0];
+ MemberAssist.call(this);
+ //sawoken作为可选项目，默认不在内
};
MemberTeam.prototype = Object.create(MemberAssist.prototype);
MemberTeam.prototype.constructor = MemberTeam;
-MemberTeam.prototype.loadFromMember = function(m){
- if (m == undefined) //如果没有提供数据，直接返回默认
- {
- return;
- }
- this.id = m.id;
- if (m.level != undefined) this.level = m.level;
- if (m.awoken != undefined) this.awoken = m.awoken;
- if (m.plus != undefined && m.plus instanceof Array && m.plus.length>=3 && (m.plus[0]+m.plus[1]+m.plus[2])>0) this.plus = JSON.parse(JSON.stringify(m.plus));
- if (m.latent != undefined && m.latent instanceof Array && m.latent.length>=1) this.latent = JSON.parse(JSON.stringify(m.latent));
- if (m.sawoken != undefined) this.sawoken = m.sawoken;
- if (m.ability != undefined && m.ability instanceof Array && m.plus.length>=3) this.ability = JSON.parse(JSON.stringify(m.ability));
- if (m.skilllevel != undefined) this.skilllevel = m.skilllevel;
+MemberTeam.prototype.loadFromMember = function(m) {
+ if (m == undefined) //如果没有提供数据，直接返回默认
+ {
+ return;
+ }
+ this.id = m.id;
+ if (m.level != undefined) this.level = m.level;
+ if (m.awoken != undefined) this.awoken = m.awoken;
+ if (m.plus != undefined && m.plus instanceof Array && m.plus.length >= 3 && (m.plus[0] + m.plus[1] + m.plus[2]) > 0) this.plus = JSON.parse(JSON.stringify(m.plus));
+ if (m.latent != undefined && m.latent instanceof Array && m.latent.length >= 1) this.latent = JSON.parse(JSON.stringify(m.latent));
+ if (m.sawoken != undefined) this.sawoken = m.sawoken;
+ if (m.ability != undefined && m.ability instanceof Array && m.plus.length >= 3) this.ability = JSON.parse(JSON.stringify(m.ability));
+ if (m.skilllevel != undefined) this.skilllevel = m.skilllevel;
};
-var Formation = function(teamCount,memberCount){
- this.title = "";
- this.detail = "";
- this.teams = [];
- for (let ti=0;ti0) obj.t = this.title;
- if (this.detail != undefined && this.detail.length>0) obj.d = this.detail;
- obj.f = this.teams.map(t=>
- {
- const teamArr = [];
- teamArr[0] = t[0].map(m=>
- m.outObj()
- );
- teamArr[1] = t[1].map(m=>
- m.outObj()
- );
- if (t[2]) teamArr[2] = t[2];
- return teamArr;
- });
- obj.v = dataStructure;
- return obj;
+Formation.prototype.outObj = function() {
+ const obj = {};
+ if (this.title != undefined && this.title.length > 0) obj.t = this.title;
+ if (this.detail != undefined && this.detail.length > 0) obj.d = this.detail;
+ obj.f = this.teams.map(t => {
+ const teamArr = [];
+ teamArr[0] = t[0].map(m =>
+ m.outObj()
+ );
+ teamArr[1] = t[1].map(m =>
+ m.outObj()
+ );
+ if (t[2]) teamArr[2] = t[2];
+ return teamArr;
+ });
+ obj.v = dataStructure;
+ return obj;
};
-Formation.prototype.loadObj= function(f){
- const dataVeision = f.v?f.v:(f.f?2:1); //是第几版格式
- this.title = dataVeision>1 ? f.t : f.title;
- this.detail = dataVeision>1 ? f.d : f.detail;
- const loadTeamArr = dataVeision>1 ? f.f : f.team;
- this.teams.forEach(function(t,ti){
- const tf = loadTeamArr[ti];
- if (tf)
- {
- t[0].forEach(function(m,mi){
- const fm = tf[0][mi];
- m.loadObj(fm,dataVeision);
- });
- t[1].forEach(function(m,mi){
- const fm = tf[1][mi];
- m.loadObj(fm,dataVeision);
- });
- if (tf[2] != undefined) t[2] = tf[2]; //徽章
- }
- });
- if (f.b)
- this.teams[0][2] = f.b; //原来模式的徽章
+Formation.prototype.loadObj = function(f) {
+ const dataVeision = f.v ? f.v : (f.f ? 2 : 1); //是第几版格式
+ this.title = dataVeision > 1 ? f.t : f.title;
+ this.detail = dataVeision > 1 ? f.d : f.detail;
+ const loadTeamArr = dataVeision > 1 ? f.f : f.team;
+ this.teams.forEach(function(t, ti) {
+ const tf = loadTeamArr[ti];
+ if (tf) {
+ t[0].forEach(function(m, mi) {
+ const fm = tf[0][mi];
+ m.loadObj(fm, dataVeision);
+ });
+ t[1].forEach(function(m, mi) {
+ const fm = tf[1][mi];
+ m.loadObj(fm, dataVeision);
+ });
+ if (tf[2] != undefined) t[2] = tf[2]; //徽章
+ }
+ });
+ if (f.b)
+ this.teams[0][2] = f.b; //原来模式的徽章
};
//切换通用的切换className显示的函数
-function toggleDomClassName(checkBox, className, checkedAdd = true, dom = document.body)
-{
- if (!checkBox) return;
- const checked = checkBox.checked;
- if (checked && checkedAdd || !checked && !checkedAdd)
- {
- dom.classList.add(className);
- }else
- {
- dom.classList.remove(className);
- }
+function toggleDomClassName(checkBox, className, checkedAdd = true, dom = document.body) {
+ if (!checkBox) return;
+ const checked = checkBox.checked;
+ if (checked && checkedAdd || !checked && !checkedAdd) {
+ dom.classList.add(className);
+ } else {
+ dom.classList.remove(className);
+ }
}
//清除数据
-function clearData()
-{
- const locationURL = new URL(location);
- locationURL.searchParams.delete('d'); //删除数据
- locationURL.searchParams.delete('l'); //删除语言
- location = locationURL.toString();
+function clearData() {
+ const locationURL = new URL(location);
+ locationURL.searchParams.delete('d'); //删除数据
+ locationURL.searchParams.delete('l'); //删除语言
+ location = locationURL.toString();
}
//轮换ABC队伍
-function swapABCteam()
-{
- if (formation.teams.length>1)
- {
- formation.teams.push(formation.teams.splice(0,1)[0]); //将队伍1移动到最后
- creatNewUrl();
- refreshAll(formation);
- }
+function swapABCteam() {
+ if (formation.teams.length > 1) {
+ formation.teams.push(formation.teams.splice(0, 1)[0]); //将队伍1移动到最后
+ creatNewUrl();
+ refreshAll(formation);
+ }
}
//在单人和多人之间转移数据
-function turnPage(toPage,e = null)
-{
- console.log(e)
- let pagename = null;
- switch(toPage)
- {
- case 1:
- if (formation.teams[0][0].length<6)
- {
- //把第二支队伍的队长添加到最后方
- formation.teams[0][0].push(formation.teams[1][0][0]);
- formation.teams[0][1].push(formation.teams[1][1][0]);
- }
- //删掉第2支开始的队伍
- formation.teams.splice(1);
- pagename = "solo.html";
- break;
- case 2:
- if (formation.teams.length<2)
- { //从1人到2人
- formation.teams[1] = [[],[]];
- //把右边的队长加到第二支队伍最后面
- formation.teams[1][0].splice(0,0,formation.teams[0][0].splice(5,1)[0]);
- formation.teams[1][1].splice(0,0,formation.teams[0][1].splice(5,1)[0]);
- }else
- { //从3人到2人，直接删除后面两个队伍
- //删掉第3支开始的队伍
- formation.teams.splice(2);
- //删掉前面两支队伍的战友
- formation.teams[0][0].splice(5);
- formation.teams[0][1].splice(5);
- formation.teams[1][0].splice(5);
- formation.teams[1][1].splice(5);
- }
- formation.badge = 0;
- pagename = "multi.html";
- break;
- case 3:
- if (formation.teams.length<2)
- { //从1人到3人
- }else
- { //从2人到3人
- formation.teams[0][0].push(formation.teams[1][0][0]);
- formation.teams[0][1].push(formation.teams[1][1][0]);
- formation.teams[1][0].push(formation.teams[0][0][0]);
- formation.teams[1][1].push(formation.teams[0][1][0]);
- }
- formation.badge = 0;
- pagename = "triple.html";
- break;
- }
- const newURL = creatNewUrl({url:pagename, notPushState:true});
- if (e && e.ctrlKey)
- {
- window.open(newURL);
- }else
- {
- location.href = newURL;
- }
+function turnPage(toPage, e = null) {
+ console.log(e)
+ let pagename = null;
+ switch (toPage) {
+ case 1:
+ if (formation.teams[0][0].length < 6) {
+ //把第二支队伍的队长添加到最后方
+ formation.teams[0][0].push(formation.teams[1][0][0]);
+ formation.teams[0][1].push(formation.teams[1][1][0]);
+ }
+ //删掉第2支开始的队伍
+ formation.teams.splice(1);
+ pagename = "solo.html";
+ break;
+ case 2:
+ if (formation.teams.length < 2) { //从1人到2人
+ formation.teams[1] = [
+ [],
+ []
+ ];
+ //把右边的队长加到第二支队伍最后面
+ formation.teams[1][0].splice(0, 0, formation.teams[0][0].splice(5, 1)[0]);
+ formation.teams[1][1].splice(0, 0, formation.teams[0][1].splice(5, 1)[0]);
+ } else { //从3人到2人，直接删除后面两个队伍
+ //删掉第3支开始的队伍
+ formation.teams.splice(2);
+ //删掉前面两支队伍的战友
+ formation.teams[0][0].splice(5);
+ formation.teams[0][1].splice(5);
+ formation.teams[1][0].splice(5);
+ formation.teams[1][1].splice(5);
+ }
+ formation.badge = 0;
+ pagename = "multi.html";
+ break;
+ case 3:
+ if (formation.teams.length < 2) { //从1人到3人
+ } else { //从2人到3人
+ formation.teams[0][0].push(formation.teams[1][0][0]);
+ formation.teams[0][1].push(formation.teams[1][1][0]);
+ formation.teams[1][0].push(formation.teams[0][0][0]);
+ formation.teams[1][1].push(formation.teams[0][1][0]);
+ }
+ formation.badge = 0;
+ pagename = "triple.html";
+ break;
+ }
+ const newURL = creatNewUrl({ url: pagename, notPushState: true });
+ if (e && e.ctrlKey) {
+ window.open(newURL);
+ } else {
+ location.href = newURL;
+ }
}
-window.onload = function()
-{
- controlBox = document.body.querySelector(".control-box");
- statusLine = controlBox.querySelector(".status"); //显示当前状态的
-
- const helpLink = controlBox.querySelector(".help-link");
- interchangeSVG = document.body.querySelector("#interchange-line");
- interchangeSVG.line = interchangeSVG.querySelector("g line");
- interchangeSVG.changePoint = function(p1,p2){
- const line = this.line;
- if (p1 && p1.x != undefined)
- line.setAttribute("x1",p1.x);
- if (p1 && p1.y != undefined)
- line.setAttribute("y1",p1.y);
- if (p2 && p2.x != undefined)
- line.setAttribute("x2",p2.x);
- if (p2 && p2.y != undefined)
- line.setAttribute("y2",p2.y);
- };
- //设定初始的显示设置
- toggleDomClassName(controlBox.querySelector("#show-mon-id"),'not-show-mon-id',false);
- toggleDomClassName(controlBox.querySelector("#btn-show-mon-skill-cd"),'show-mon-skill-cd');
- toggleDomClassName(controlBox.querySelector("#btn-show-awoken-count"),'not-show-awoken-count',false);
- isGuideMod = Boolean(parseInt(getQueryString("guide")));
-
- formationBox = document.body.querySelector(".formation-box");
- editBox = document.body.querySelector(".edit-box");
- if (isGuideMod)
- {
- console.log('现在是 怪物图鉴 模式');
- document.body.classList.add('guide-mod');
- }
-
- if (location.hostname.includes("gitee")) { helpLink.hostname = "gitee.com"; }
-
- //▼添加语言列表开始
- const langSelectDom = controlBox.querySelector(".languages");
- languageList.forEach(lang=>
- langSelectDom.options.add(new Option(lang.name,lang.i18n))
- );
-
- const parameter_i18n = getQueryString("l") || getQueryString("lang"); //获取参数指定的语言
- const browser_i18n = (navigator.language || navigator.userLanguage); //获取浏览器语言
- currentLanguage = languageList.find(lang=>{ //筛选出符合的语言
- if (parameter_i18n) //如果已指定就用指定的语言
- return parameter_i18n.includes(lang.i18n);
- else //否则筛选浏览器默认语言
- return browser_i18n.includes(lang.i18n);
- }) ||
- languageList[0]; //没有找到指定语言的情况下，自动用第一个语言（英语）
- document.head.querySelector("#language-css").href = "languages/"+currentLanguage.i18n+".css";
-
- const langOptionArray = Array.from(langSelectDom.options);
- langOptionArray.find(langOpt=>langOpt.value == currentLanguage.i18n).selected = true;
-
- //▲添加语言列表结束
- //▼添加数据来源列表开始
- const dataSelectDom = controlBox.querySelector(".datasource");
- dataSourceList.forEach(ds=>
- dataSelectDom.options.add(new Option(ds.source,ds.code))
- );
- const parameter_dsCode = getQueryString("s"); //获取参数指定的数据来源
- currentDataSource = parameter_dsCode?
- (dataSourceList.find(ds => ds.code == parameter_dsCode) || dataSourceList[0]) ://筛选出符合的数据源
- dataSourceList[0]; //没有指定，直接使用日服
-
- document.body.classList.add("ds-"+currentDataSource.code);
- const dataSourceOptionArray = Array.from(dataSelectDom.options);
- dataSourceOptionArray.find(dataOpt=>dataOpt.value == currentDataSource.code).selected = true;
-
- const sourceDataFolder = "monsters-info";
-
- var newCkeys; //当前的Ckey
- var lastCkeys; //以前Ckey们
- statusLine.classList.add("loading-check-version");
- GM_xmlhttpRequest({
- method: "GET",
- url: `${sourceDataFolder}/ckey.json?t=` + new Date().getTime(), //版本文件
- onload: function(response) {
- dealCkeyData(response.response);
- },
- onerror: function(response) {
- const isChrome = navigator.userAgent.includes("Chrome");
- if (isChrome && location.host.length==0 && response.response.length>0)
- {
- console.info("因为是Chrome本地打开，正在尝试读取JSON");
- dealCkeyData(response.response);
- }else
- {
- console.error("Ckey JSON数据获取失败",response);
- }
- }
- });
- //处理返回的数据
- function dealCkeyData(responseText)
- { //处理数据版本
- try
- {
- newCkeys = JSON.parse(responseText);
- }catch(e)
- {
- console.log("Ckey数据JSON解码出错",e);
- return;
- }
- const currentCkey = newCkeys.find(ckey=>ckey.code == currentDataSource.code); //获取当前语言的ckey
- lastCkeys = localStorage.getItem("PADDF-ckey"); //读取本地储存的原来的ckey
- try
- {
- lastCkeys = JSON.parse(lastCkeys);
- if (lastCkeys == null || !(lastCkeys instanceof Array))
- lastCkeys = [];
- }catch(e)
- {
- console.log("上次的Ckey数据JSON解码出错",e);
- return;
- }
- let lastCurrentCkeys = lastCkeys.find(ckey=>ckey.code == currentDataSource.code);
- if (!lastCurrentCkeys)
- { //如果未找到上个ckey，则添加个新的
- lastCurrentCkeys = {
- code: currentDataSource.code,
- ckey: {},
- updateTime: null
- };
- lastCkeys.push(lastCurrentCkeys);
- }
+window.onload = function() {
+ controlBox = document.body.querySelector(".control-box");
+ statusLine = controlBox.querySelector(".status"); //显示当前状态的
+
+ const helpLink = controlBox.querySelector(".help-link");
+ interchangeSVG = document.body.querySelector("#interchange-line");
+ interchangeSVG.line = interchangeSVG.querySelector("g line");
+ interchangeSVG.changePoint = function(p1, p2) {
+ const line = this.line;
+ if (p1 && p1.x != undefined)
+ line.setAttribute("x1", p1.x);
+ if (p1 && p1.y != undefined)
+ line.setAttribute("y1", p1.y);
+ if (p2 && p2.x != undefined)
+ line.setAttribute("x2", p2.x);
+ if (p2 && p2.y != undefined)
+ line.setAttribute("y2", p2.y);
+ };
+ //设定初始的显示设置
+ toggleDomClassName(controlBox.querySelector("#show-mon-id"), 'not-show-mon-id', false);
+ toggleDomClassName(controlBox.querySelector("#btn-show-mon-skill-cd"), 'show-mon-skill-cd');
+ toggleDomClassName(controlBox.querySelector("#btn-show-awoken-count"), 'not-show-awoken-count', false);
+ isGuideMod = Boolean(parseInt(getQueryString("guide")));
+
+ formationBox = document.body.querySelector(".formation-box");
+ editBox = document.body.querySelector(".edit-box");
+ if (isGuideMod) {
+ console.log('现在是 怪物图鉴 模式');
+ document.body.classList.add('guide-mod');
+ }
+
+ if (location.hostname.includes("gitee")) { helpLink.hostname = "gitee.com"; }
+
+ //▼添加语言列表开始
+ const langSelectDom = controlBox.querySelector(".languages");
+ languageList.forEach(lang =>
+ langSelectDom.options.add(new Option(lang.name, lang.i18n))
+ );
+
+ const parameter_i18n = getQueryString("l") || getQueryString("lang"); //获取参数指定的语言
+ const browser_i18n = (navigator.language || navigator.userLanguage); //获取浏览器语言
+ currentLanguage = languageList.find(lang => { //筛选出符合的语言
+ if (parameter_i18n) //如果已指定就用指定的语言
+ return parameter_i18n.includes(lang.i18n);
+ else //否则筛选浏览器默认语言
+ return browser_i18n.includes(lang.i18n);
+ }) ||
+ languageList[0]; //没有找到指定语言的情况下，自动用第一个语言（英语）
+ document.head.querySelector("#language-css").href = "languages/" + currentLanguage.i18n + ".css";
+
+ const langOptionArray = Array.from(langSelectDom.options);
+ langOptionArray.find(langOpt => langOpt.value == currentLanguage.i18n).selected = true;
+
+ //▲添加语言列表结束
+ //▼添加数据来源列表开始
+ const dataSelectDom = controlBox.querySelector(".datasource");
+ dataSourceList.forEach(ds =>
+ dataSelectDom.options.add(new Option(ds.source, ds.code))
+ );
+ const parameter_dsCode = getQueryString("s"); //获取参数指定的数据来源
+ currentDataSource = parameter_dsCode ?
+ (dataSourceList.find(ds => ds.code == parameter_dsCode) || dataSourceList[0]) : //筛选出符合的数据源
+ dataSourceList[0]; //没有指定，直接使用日服
+
+ document.body.classList.add("ds-" + currentDataSource.code);
+ const dataSourceOptionArray = Array.from(dataSelectDom.options);
+ dataSourceOptionArray.find(dataOpt => dataOpt.value == currentDataSource.code).selected = true;
+
+ const sourceDataFolder = "monsters-info";
+
+ var newCkeys; //当前的Ckey
+ var lastCkeys; //以前Ckey们
+ statusLine.classList.add("loading-check-version");
+ GM_xmlhttpRequest({
+ method: "GET",
+ url: `${sourceDataFolder}/ckey.json?t=` + new Date().getTime(), //版本文件
+ onload: function(response) {
+ dealCkeyData(response.response);
+ },
+ onerror: function(response) {
+ const isChrome = navigator.userAgent.includes("Chrome");
+ if (isChrome && location.host.length == 0 && response.response.length > 0) {
+ console.info("因为是Chrome本地打开，正在尝试读取JSON");
+ dealCkeyData(response.response);
+ } else {
+ console.error("Ckey JSON数据获取失败", response);
+ }
+ }
+ });
+ //处理返回的数据
+ function dealCkeyData(responseText) { //处理数据版本
+ try {
+ newCkeys = JSON.parse(responseText);
+ } catch (e) {
+ console.log("Ckey数据JSON解码出错", e);
+ return;
+ }
+ const currentCkey = newCkeys.find(ckey => ckey.code == currentDataSource.code); //获取当前语言的ckey
+ lastCkeys = localStorage.getItem("PADDF-ckey"); //读取本地储存的原来的ckey
+ try {
+ lastCkeys = JSON.parse(lastCkeys);
+ if (lastCkeys == null || !(lastCkeys instanceof Array))
+ lastCkeys = [];
+ } catch (e) {
+ console.log("上次的Ckey数据JSON解码出错", e);
+ return;
+ }
+ let lastCurrentCkeys = lastCkeys.find(ckey => ckey.code == currentDataSource.code);
+ if (!lastCurrentCkeys) { //如果未找到上个ckey，则添加个新的
+ lastCurrentCkeys = {
+ code: currentDataSource.code,
+ ckey: {},
+ updateTime: null
+ };
+ lastCkeys.push(lastCurrentCkeys);
+ }
- statusLine.classList.remove("loading-check-version");
- statusLine.classList.add("loading-mon-info");
- if (currentCkey.ckey.card == lastCurrentCkeys.ckey.card)
- {
- console.log("Cards ckey相等，直接读取已有的数据",currentCkey.ckey.card);
- localforage.getItem(`PADDF-${currentDataSource.code}-cards`).then(function(value) {
- // This code runs once the value has been loaded
- // from the offline store.
- dealCardsData(value);
- }).catch(function(err) {
- // This code runs if there were any errors
- alert("Local Database error. Please refresh.");
- localStorage.removeItem("PADDF-ckey");
- console.log(err);
- });
- }else
- {
- GM_xmlhttpRequest({
- method: "GET",
- url:`${sourceDataFolder}/mon_${currentDataSource.code}.json?t=` + new Date().getTime(), //Cards数据文件
- onload: function(response) {
- console.log("Cards ckey变化，储存新数据",currentCkey.ckey.card);
- localforage.setItem(`PADDF-${currentDataSource.code}-cards`, JSON.parse(response.response)).then(function(){
- lastCurrentCkeys.ckey.card = currentCkey.ckey.card;
- lastCurrentCkeys.updateTime = currentCkey.updateTime;
- localStorage.setItem("PADDF-ckey", JSON.stringify(lastCkeys));
- dealCardsData(response.response);
- }).catch(function(err) {
- // This code runs if there were any errors
- console.log(err);
- });
- },
- onerror: function(response) {
- const isChrome = navigator.userAgent.includes("Chrome");
- if (isChrome && location.host.length==0 && response.response.length>0)
- {
- console.info("因为是Chrome本地打开，正在尝试读取JSON");
- dealCardsData(response.response);
- }else
- {
- console.error("Cards JSON数据获取失败",response);
- }
- }
- });
- }
- }
- function dealCardsData(response)
- {
- try
- {
- if (typeof(response) == "string")
- Cards = JSON.parse(response);
- else
- Cards = response;
- }catch(e)
- {
- console.log("Cards数据JSON解码出错",e);
- return;
- }
- statusLine.classList.remove("loading-mon-info");
-
- statusLine.classList.add("loading-skill-info");
- const currentCkey = newCkeys.find(ckey=>ckey.code == currentDataSource.code); //获取当前语言的ckey
- const lastCurrentCkeys = lastCkeys.find(ckey=>ckey.code == currentDataSource.code);
- if (currentCkey.ckey.skill == lastCurrentCkeys.ckey.skill)
- {
- console.log("Skills ckey相等，直接读取已有的数据",currentCkey.ckey.skill);
- localforage.getItem(`PADDF-${currentDataSource.code}-skills`).then(function(value) {
- // This code runs once the value has been loaded
- // from the offline store.
- dealSkillData(value);
- }).catch(function(err) {
- // This code runs if there were any errors
- alert("Local Database error. Please refresh.");
- localStorage.removeItem("PADDF-ckey");
- console.log(err);
- });
- }else
- {
- GM_xmlhttpRequest({
- method: "GET",
- url:`${sourceDataFolder}/skill_${currentDataSource.code}.json?t=` + new Date().getTime(), //Skills数据文件
- onload: function(response) {
- console.log("Skills ckey变化，储存新数据",currentCkey.ckey.skill);
- localforage.setItem(`PADDF-${currentDataSource.code}-skills`, JSON.parse(response.response)).then(function(){
- lastCurrentCkeys.ckey.skill = currentCkey.ckey.skill;
- lastCurrentCkeys.updateTime = currentCkey.updateTime;
- localStorage.setItem("PADDF-ckey", JSON.stringify(lastCkeys));
- dealSkillData(response.response);
- }).catch(function(err) {
- // This code runs if there were any errors
- console.log(err);
- });
- },
- onerror: function(response) {
- let isChrome = navigator.userAgent.includes("Chrome");
- if (isChrome && location.host.length==0 && response.response.length>0)
- {
- console.info("因为是Chrome本地打开，正在尝试读取JSON");
- dealSkillData(response.response);
- }else
- {
- console.error("Skills JSON数据获取失败",response);
- }
- }
- });
- }
- }
- function dealSkillData(response)
- {
- try
- {
- if (typeof(response) == "string")
- Skills = JSON.parse(response);
- else
- Skills = response;
- }catch(e)
- {
- console.log("Skills数据JSON解码出错",e);
- return;
- }
- const currentCkey = newCkeys.find(ckey=>ckey.code == currentDataSource.code);
- const updateTime = controlBox.querySelector(".datasource-updatetime");
- updateTime.innerHTML = new Date(currentCkey.updateTime).toLocaleString(undefined,{hour12: false});
-
- initialize();//初始化
- statusLine.classList.remove("loading-skill-info");
- //如果通过的话就载入URL中的怪物数据
- reloadFormationData();
- }
+ statusLine.classList.remove("loading-check-version");
+ statusLine.classList.add("loading-mon-info");
+ if (currentCkey.ckey.card == lastCurrentCkeys.ckey.card) {
+ console.log("Cards ckey相等，直接读取已有的数据", currentCkey.ckey.card);
+ localforage.getItem(`PADDF-${currentDataSource.code}-cards`).then(function(value) {
+ // This code runs once the value has been loaded
+ // from the offline store.
+ dealCardsData(value);
+ }).catch(function(err) {
+ // This code runs if there were any errors
+ alert("Local Database error. Please refresh.");
+ localStorage.removeItem("PADDF-ckey");
+ console.log(err);
+ });
+ } else {
+ GM_xmlhttpRequest({
+ method: "GET",
+ url: `${sourceDataFolder}/mon_${currentDataSource.code}.json?t=` + new Date().getTime(), //Cards数据文件
+ onload: function(response) {
+ console.log("Cards ckey变化，储存新数据", currentCkey.ckey.card);
+ localforage.setItem(`PADDF-${currentDataSource.code}-cards`, JSON.parse(response.response)).then(function() {
+ lastCurrentCkeys.ckey.card = currentCkey.ckey.card;
+ lastCurrentCkeys.updateTime = currentCkey.updateTime;
+ localStorage.setItem("PADDF-ckey", JSON.stringify(lastCkeys));
+ dealCardsData(response.response);
+ }).catch(function(err) {
+ // This code runs if there were any errors
+ console.log(err);
+ });
+ },
+ onerror: function(response) {
+ const isChrome = navigator.userAgent.includes("Chrome");
+ if (isChrome && location.host.length == 0 && response.response.length > 0) {
+ console.info("因为是Chrome本地打开，正在尝试读取JSON");
+ dealCardsData(response.response);
+ } else {
+ console.error("Cards JSON数据获取失败", response);
+ }
+ }
+ });
+ }
+ }
+
+ function dealCardsData(response) {
+ try {
+ if (typeof(response) == "string")
+ Cards = JSON.parse(response);
+ else
+ Cards = response;
+ } catch (e) {
+ console.log("Cards数据JSON解码出错", e);
+ return;
+ }
+ statusLine.classList.remove("loading-mon-info");
+
+ statusLine.classList.add("loading-skill-info");
+ const currentCkey = newCkeys.find(ckey => ckey.code == currentDataSource.code); //获取当前语言的ckey
+ const lastCurrentCkeys = lastCkeys.find(ckey => ckey.code == currentDataSource.code);
+ if (currentCkey.ckey.skill == lastCurrentCkeys.ckey.skill) {
+ console.log("Skills ckey相等，直接读取已有的数据", currentCkey.ckey.skill);
+ localforage.getItem(`PADDF-${currentDataSource.code}-skills`).then(function(value) {
+ // This code runs once the value has been loaded
+ // from the offline store.
+ dealSkillData(value);
+ }).catch(function(err) {
+ // This code runs if there were any errors
+ alert("Local Database error. Please refresh.");
+ localStorage.removeItem("PADDF-ckey");
+ console.log(err);
+ });
+ } else {
+ GM_xmlhttpRequest({
+ method: "GET",
+ url: `${sourceDataFolder}/skill_${currentDataSource.code}.json?t=` + new Date().getTime(), //Skills数据文件
+ onload: function(response) {
+ console.log("Skills ckey变化，储存新数据", currentCkey.ckey.skill);
+ localforage.setItem(`PADDF-${currentDataSource.code}-skills`, JSON.parse(response.response)).then(function() {
+ lastCurrentCkeys.ckey.skill = currentCkey.ckey.skill;
+ lastCurrentCkeys.updateTime = currentCkey.updateTime;
+ localStorage.setItem("PADDF-ckey", JSON.stringify(lastCkeys));
+ dealSkillData(response.response);
+ }).catch(function(err) {
+ // This code runs if there were any errors
+ console.log(err);
+ });
+ },
+ onerror: function(response) {
+ let isChrome = navigator.userAgent.includes("Chrome");
+ if (isChrome && location.host.length == 0 && response.response.length > 0) {
+ console.info("因为是Chrome本地打开，正在尝试读取JSON");
+ dealSkillData(response.response);
+ } else {
+ console.error("Skills JSON数据获取失败", response);
+ }
+ }
+ });
+ }
+ }
+
+ function dealSkillData(response) {
+ try {
+ if (typeof(response) == "string")
+ Skills = JSON.parse(response);
+ else
+ Skills = response;
+ } catch (e) {
+ console.log("Skills数据JSON解码出错", e);
+ return;
+ }
+ const currentCkey = newCkeys.find(ckey => ckey.code == currentDataSource.code);
+ const updateTime = controlBox.querySelector(".datasource-updatetime");
+ updateTime.innerHTML = new Date(currentCkey.updateTime).toLocaleString(undefined, { hour12: false });
+
+ initialize(); //初始化
+ statusLine.classList.remove("loading-skill-info");
+ //如果通过的话就载入URL中的怪物数据
+ reloadFormationData();
+ }
};
//重新读取URL中的Data数据并刷新页面
-function reloadFormationData()
-{
- let formationData;
- try
- {
- let parameterDataString = getQueryString("d") || getQueryString("data");
- formationData = JSON.parse(parameterDataString);
- }catch(e)
- {
- console.error("URL中队伍数据JSON解码出错",e);
- return;
- }
- if (formationData)
- {
- formation.loadObj(formationData);
- refreshAll(formation);
- }
+function reloadFormationData() {
+ let formationData;
+ try {
+ let parameterDataString = getQueryString("d") || getQueryString("data");
+ formationData = JSON.parse(parameterDataString);
+ } catch (e) {
+ console.error("URL中队伍数据JSON解码出错", e);
+ return;
+ }
+ if (formationData) {
+ formation.loadObj(formationData);
+ refreshAll(formation);
+ }
}
window.onpopstate = reloadFormationData; //前进后退时修改页面
//创建新的分享地址
-function creatNewUrl(arg){
- if (arg == undefined) arg = {};
- if (!!(window.history && history.pushState))
- { // 支持History API
- const language_i18n = arg.language || getQueryString("l") || getQueryString("lang"); //获取参数指定的语言
- const datasource = arg.datasource || getQueryString("s");
- const outObj = formation.outObj();
-
- const newSearch = new URLSearchParams();
- if (language_i18n) newSearch.set("l",language_i18n);
- if (datasource && datasource!="ja") newSearch.set("s",datasource);
- const dataJsonStr = JSON.stringify(outObj); //数据部分的字符串
- newSearch.set("d", dataJsonStr);
-
- const newUrl = (arg.url || "") + '?' + newSearch.toString();
-
- if (!arg.notPushState)
- {
- history.pushState(null, null, newUrl);
- }
- else
- {
- return newUrl;
- }
- }
+function creatNewUrl(arg) {
+ if (arg == undefined) arg = {};
+ if (!!(window.history && history.pushState)) { // 支持History API
+ const language_i18n = arg.language || getQueryString("l") || getQueryString("lang"); //获取参数指定的语言
+ const datasource = arg.datasource || getQueryString("s");
+ const outObj = formation.outObj();
+
+ const newSearch = new URLSearchParams();
+ if (language_i18n) newSearch.set("l", language_i18n);
+ if (datasource && datasource != "ja") newSearch.set("s", datasource);
+ const dataJsonStr = JSON.stringify(outObj); //数据部分的字符串
+ newSearch.set("d", dataJsonStr);
+
+ const newUrl = (arg.url || "") + '?' + newSearch.toString();
+
+ if (!arg.notPushState) {
+ history.pushState(null, null, newUrl);
+ } else {
+ return newUrl;
+ }
+ }
}
//截图
-function capture()
-{
- statusLine.classList.add("prepare-cauture");
- const titleBox = formationBox.querySelector(".title-box");
- const detailBox = formationBox.querySelector(".detail-box");
- const txtTitle = titleBox.querySelector(".title");
- const txtDetail = detailBox.querySelector(".detail");
- //去掉可能的空白文字的编辑状态
- titleBox.classList.remove("edit");
- detailBox.classList.remove("edit");
- const downLink = controlBox.querySelector(".down-capture");
- html2canvas(formationBox).then(canvas => {
- canvas.toBlob(function(blob) {
- window.URL.revokeObjectURL(downLink.href);
- downLink.href = URL.createObjectURL(blob);
- downLink.download = `${teamsCount}P formation cauture.png`;
- downLink.click();
- statusLine.classList.remove("prepare-cauture");
- //如果是空白文字，加回编辑状态
- if (txtTitle.value.length==0)
- titleBox.classList.add("edit");
- if (txtDetail.value.length==0)
- detailBox.classList.add("edit");
- });
- //document.body.appendChild(canvas);
- });
+function capture() {
+ statusLine.classList.add("prepare-cauture");
+ const titleBox = formationBox.querySelector(".title-box");
+ const detailBox = formationBox.querySelector(".detail-box");
+ const txtTitle = titleBox.querySelector(".title");
+ const txtDetail = detailBox.querySelector(".detail");
+ //去掉可能的空白文字的编辑状态
+ titleBox.classList.remove("edit");
+ detailBox.classList.remove("edit");
+ const downLink = controlBox.querySelector(".down-capture");
+ html2canvas(formationBox).then(canvas => {
+ canvas.toBlob(function(blob) {
+ window.URL.revokeObjectURL(downLink.href);
+ downLink.href = URL.createObjectURL(blob);
+ downLink.download = `${teamsCount}P formation cauture.png`;
+ downLink.click();
+ statusLine.classList.remove("prepare-cauture");
+ //如果是空白文字，加回编辑状态
+ if (txtTitle.value.length == 0)
+ titleBox.classList.add("edit");
+ if (txtDetail.value.length == 0)
+ detailBox.classList.add("edit");
+ });
+ //document.body.appendChild(canvas);
+ });
}
//初始化
-function initialize()
-{
- const monstersList = editBox.querySelector("#monsters-name-list");
- let fragment = document.createDocumentFragment();
- Cards.forEach(function(m){ //添加下拉框候选
- const opt = fragment.appendChild(document.createElement("option"));
- opt.value = m.id;
- opt.label = m.id + " - " + returnMonsterNameArr(m, currentLanguage.searchlist, currentDataSource.code).join(" | ");
-
- const linkRes = new RegExp("link:(\\d+)","ig").exec(m.specialAttribute);
- if (linkRes)
- {//每个有链接的符卡，把它们被链接的符卡的进化根修改到链接前的
- const _m = Cards[parseInt(linkRes[1],10)];
- _m.evoRootId = m.evoRootId;
- m.henshinFrom = true;
- _m.henshinTo = true;
- }
- });
- monstersList.appendChild(fragment);
-
- //标题和介绍文本框
- const titleBox = formationBox.querySelector(".title-box");
- const detailBox = formationBox.querySelector(".detail-box");
- const txtTitle = titleBox.querySelector(".title");
- const txtDetail = detailBox.querySelector(".detail");
- const txtTitleDisplay = titleBox.querySelector(".title-display");
- const txtDetailDisplay = detailBox.querySelector(".detail-display");
- txtTitle.onchange = function(){
- formation.title = this.value;
- //txtTitleDisplay.innerHTML = "";
- //txtTitleDisplay.appendChild(document.createTextNode(this.value));
- txtTitleDisplay.innerHTML = descriptionToHTML(this.value);
- creatNewUrl();
- };
- txtTitle.onblur = function(){
- if (this.value.length>0)
- titleBox.classList.remove("edit");
- };
- txtDetail.onchange = function(){
- formation.detail = this.value;
- /*txtDetailDisplay.innerHTML = "";
- const txtDetailLines = this.value.split("\n");
- txtDetailLines.forEach((line,idx)=>{
- if (idx>0) txtDetailDisplay.appendChild(document.createElement("br"));
- txtDetailDisplay.appendChild(document.createTextNode(line));
- });*/
- txtDetailDisplay.innerHTML = descriptionToHTML(this.value);
- creatNewUrl();
- };
- txtDetail.onblur = function(){
- if (this.value.length>0)
- detailBox.classList.remove("edit");
- this.style.height = txtDetailDisplay.scrollHeight+"px";
- };
- txtTitleDisplay.onclick = function(){
- titleBox.classList.add("edit");
- txtTitle.focus();
- };
- txtDetailDisplay.onclick = function(){
- detailBox.classList.add("edit");
- txtDetail.focus();
- };
-
- //这个写法的目的其实是为了确保添加顺序与1、2、3一致，即便打乱了顺序，也能正确添加
- for (let ti=0,ti_len=formationBox.querySelectorAll(".team-bigbox").length;ti{
- const teamBox = teamBigBox.querySelector(".team-box");
- const menbers = Array.from(teamBox.querySelectorAll(".team-members .monster"));
- const assist = Array.from(teamBox.querySelectorAll(".team-assist .monster"));
- menbers.forEach(m=>{
- allMembers.push(m);
- });
- assist.forEach(m=>{
- allMembers.push(m);
- });
- });
- //所有怪物头像，添加拖动交换的代码
- allMembers.forEach(m=>{
- //点击
- m.onclick = clickMonHead;
- //拖动
- m.draggable = true;
- m.ondragstart = dragStartMonHead;
- m.ondragover = dropOverMonHead;
- m.ondrop = dropMonHead;
- //触摸
- m.ontouchstart = touchstartMonHead;
- m.ontouchmove = touchmoveMonHead;
- m.ontouchend = touchendMonHead;
- m.ontouchcancel = touchcancelMonHead;
- });
-
- //添加徽章
- const className_ChoseBadges = "show-all-badges";
- teamBigBoxs.forEach((teamBigBox,teamIdx)=>{
- //徽章
- const teamBadge = teamBigBox.querySelector(".team-badge");
- if (!teamBadge) return;
- const badges = Array.from(teamBadge.querySelectorAll(".badge-radio"));
- function setBadge(){
- if (teamBadge.classList.contains(className_ChoseBadges))
- {
- const team = formation.teams[teamIdx];
- teamBadge.classList.remove(className_ChoseBadges);
- team[2] = parseInt(this.value,10);
- const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
- refreshTeamTotalHP(teamTotalInfoDom, team);
- creatNewUrl();
- }else
- {
- teamBadge.classList.add(className_ChoseBadges);
- }
- }
- badges.forEach(badge => badge.onclick = setBadge);
- });
-
- //编辑框
- editBox.mid = null; //储存怪物id
- editBox.latent = []; //储存潜在觉醒
- editBox.isAssist = false; //储存是否为辅助宠物
- editBox.monsterHead = null;
- editBox.latentBox = null;
- editBox.memberIdx = []; //储存队伍数组下标
- editBox.show = function(){
- this.classList.remove(className_displayNone);
- formationBox.classList.add("blur-bg");
- controlBox.classList.add("blur-bg");
- };
- editBox.hide = function(){
- this.classList.add(className_displayNone);
- formationBox.classList.remove("blur-bg");
- controlBox.classList.remove("blur-bg");
- };
-
- const smonsterinfoBox = editBox.querySelector(".monsterinfo-box");
- const mSeriesId = smonsterinfoBox.querySelector(".monster-seriesId");
- mSeriesId.onclick = function(){ //搜索系列
- const seriesId = parseInt(this.getAttribute('data-seriesId'),10);
- if (seriesId>0)
- {
- showSearch(Cards.filter(card=>{return card.seriesId == seriesId;}));
- }
- };
- const mCollabId = smonsterinfoBox.querySelector(".monster-collabId");
- mCollabId.onclick = function(){ //搜索合作
- const collabId = parseInt(this.getAttribute('data-collabId'),10);
- if (collabId>0);
- {
- searchColla(collabId);
- }
- };
- const mAltName = smonsterinfoBox.querySelector(".monster-altName");
- mAltName.onclick = function(){ //搜索合作
- const altName = this.getAttribute('data-altName');
- const splitAltName = altName.split("|");
- if (altName.length>0);
- {
- showSearch(Cards.filter(card=>{
- return splitAltName.some(alt=>{
- return alt.length > 0 && (card.altName.includes(alt) || card.name.includes(alt));
- });
- }));
- }
- };
- //创建一个新的怪物头像
- editBox.createCardHead = function(id)
- {
- function clickHeadToNewMon()
- {
- monstersID.value = this.getAttribute("data-cardid");
- monstersID.onchange();
- return false; //取消链接的默认操作
- }
- const cli = document.createElement("li");
- const cdom = cli.head = createCardA(id);
- cli.appendChild(cdom);
- changeid({id:id},cdom);
- cli.card = Cards[id];
- cdom.onclick = clickHeadToNewMon;
- return cli;
- };
-
- const searchBox = editBox.querySelector(".search-box");
- const settingBox = editBox.querySelector(".setting-box");
- const searchOpen = settingBox.querySelector(".row-mon-id .open-search");
- searchOpen.onclick = function(){
- s_includeSuperAwoken.onclick();
- s_canAssist.onclick();
- searchBox.classList.toggle(className_displayNone);
- };
-
- const s_attr1s = Array.from(searchBox.querySelectorAll(".attrs .attr-list-1 .attr-radio"));
- const s_attr2s = Array.from(searchBox.querySelectorAll(".attrs .attr-list-2 .attr-radio"));
- const s_fixMainColor = searchBox.querySelector("#fix-main-color");
- const s_types = Array.from(searchBox.querySelectorAll(".types-div .type-check"));
- const s_typeAndOr = searchBox.querySelector("#type-and-or");
- const s_awokensItems = Array.from(searchBox.querySelectorAll(".awoken-div .awoken-count"));
- const s_awokensIcons = s_awokensItems.map(it=>it.querySelector(".awoken-icon"));
- const s_awokensCounts = s_awokensItems.map(it=>it.querySelector(".count"));
-
- const searchMonList = searchBox.querySelector(".search-mon-list"); //搜索结果列表
- searchMonList.originalHeads = null; //用于存放原始搜索结果
-
- const s_awokensEquivalent = searchBox.querySelector("#consider-equivalent-awoken"); //搜索等效觉醒
- const s_canAssist = searchBox.querySelector("#can-assist"); //只搜索辅助
- s_canAssist.onclick = function(){
- toggleDomClassName(this, "only-display-can-assist", true, searchMonList);
- };
-
- const s_sawokenDiv = searchBox.querySelector(".sawoken-div");
-
- const s_sawokens = Array.from(s_sawokenDiv.querySelectorAll(".sawoken-check"));
- const s_includeSuperAwoken = searchBox.querySelector("#include-super-awoken"); //搜索超觉醒
- s_includeSuperAwoken.onclick = function(){
- toggleDomClassName(this, className_displayNone, true, s_sawokenDiv);
- };
-
- function search_awokenAdd1()
- {
- const countDom = this.parentNode.querySelector(".count");
- let count = parseInt(countDom.value,10);
- if (count<9)
- {
- count++;
- countDom.value = count;
- this.parentNode.classList.remove("zero");
- }
- }
- s_awokensIcons.forEach((b,idx)=>{ //每种觉醒增加1
- b.onclick = search_awokenAdd1;
- });
- function search_awokenSub1()
- {
- let count = parseInt(this.value,10);
- if (count>0)
- {
- count--;
- this.value = count;
- if (count === 0)
- {
- this.parentNode.parentNode.classList.add("zero");
- }
- }
- }
- s_awokensCounts.forEach((b,idx)=>{ //每种觉醒减少1
- b.onclick = search_awokenSub1;
- });
-
- const awokenClear = searchBox.querySelector(".awoken-div .awoken-clear");
- const sawokenClear = searchBox.querySelector(".sawoken-div .sawoken-clear");
- awokenClear.onclick = function(){ //清空觉醒选项
- s_awokensCounts.forEach(t=>{
- t.value = 0;
- });
- s_awokensItems.forEach(t=>{
- t.classList.add("zero");
- });
- };
- sawokenClear.onclick = function(){ //清空超觉醒选项
- s_sawokens.forEach(t=>{
- t.checked = false;
- });
- };
-
- const s_controlDiv = searchBox.querySelector(".control-div");
- const searchStart = s_controlDiv.querySelector(".search-start");
- const searchClose = s_controlDiv.querySelector(".search-close");
- const searchClear = s_controlDiv.querySelector(".search-clear");
- function returnCheckedInput(ipt)
- {
- return ipt.checked;
- }
- function returnInputValue(ipt)
- {
- return ipt.value;
- }
- function Str2Int(str)
- {
- return parseInt(str, 10);
- }
- //将搜索结果显示出来（也可用于其他的搜索）
- showSearch = function(searchArr){
- editBox.show();
- searchBox.classList.remove(className_displayNone);
- const createCardHead = editBox.createCardHead;
-
- searchMonList.classList.add(className_displayNone);
- searchMonList.innerHTML = ""; //清空旧的
- if (searchArr.length>0)
- {
- let fragment = document.createDocumentFragment(); //创建节点用的临时空间
- //获取原始排序的头像列表
- searchMonList.originalHeads = searchArr.map(card=>createCardHead(card.id));
- //对头像列表进行排序
- const headsArray = sortHeadsArray(searchMonList.originalHeads);
- headsArray.forEach(head=>fragment.appendChild(head));
- searchMonList.appendChild(fragment);
- }
- searchMonList.classList.remove(className_displayNone);
- };
- const startSearch = function(cards){
- const attr1Filter = s_attr1s.filter(returnCheckedInput).map(returnInputValue);
- const attr2Filter = s_attr2s.filter(returnCheckedInput).map(returnInputValue);
- let attr1,attr2;
- if (attr1Filter.length>0)
- {
- if (!isNaN(attr1Filter[0]))
- {
- attr1 = parseInt(attr1Filter[0],10);
- }else
- {
- attr1 = null;
- }
- }
- if (attr2Filter.length>0)
- {
- if (!isNaN(attr2Filter[0]))
- {
- attr2 = parseInt(attr2Filter[0],10);
- }else
- {
- attr2 = null;
- }
- }
- const typesFilter = s_types.filter(returnCheckedInput).map(returnInputValue).map(Str2Int);
- const sawokensFilter = s_sawokens.filter(returnCheckedInput).map(returnInputValue).map(Str2Int);
- const awokensFilter = s_awokensCounts.filter(btn=>parseInt(btn.value,10)>0).map(btn=>{
- const awokenIndex = parseInt(btn.parentNode.parentNode.querySelector(".awoken-icon").getAttribute("data-awoken-icon"),10);
- return {id:awokenIndex,num:parseInt(btn.value,10)};
- });
- const searchResult = searchCards(cards,
- attr1,attr2,
- s_fixMainColor.checked,
- typesFilter,
- s_typeAndOr.checked,
- awokensFilter,
- sawokensFilter,
- s_awokensEquivalent.checked,
- s_includeSuperAwoken.checked
- );
- console.log("搜索结果",searchResult);
- showSearch(searchResult);
- };
- searchBox.startSearch = startSearch;
- searchStart.onclick = function(){
- startSearch(Cards);
- };
- searchClose.onclick = function(){
- searchBox.classList.add(className_displayNone);
- };
- searchClear.onclick = function(){ //清空搜索选项
- s_attr1s[0].checked = true;
- s_attr2s[0].checked = true;
- s_types.forEach(t=>{
- t.checked = false;
- });
- s_awokensCounts.forEach(t=>{
- t.value = 0;
- });
- s_awokensItems.forEach(t=>{
- t.classList.add("zero");
- });
- // 这些觉醒的选项干脆都不清除
- //s_awokensEquivalent.checked = false;
- //if (s_includeSuperAwoken.checked) s_includeSuperAwoken.click();
-
- s_sawokens.forEach(t=>{
- t.checked = false;
- });
-
- searchMonList.originalHeads = null;
- searchMonList.innerHTML = "";
- };
-
- const s_sortList = s_controlDiv.querySelector(".sort-list");
- const s_sortReverse = s_controlDiv.querySelector("#sort-reverse");
- //对heads重新排序
- function sortHeadsArray(heads)
- {
- if (!heads || heads.length === 0) return; //没有数据时，直接返回
- const sortIndex = parseInt(s_sortList.value,10);
- const reverse = s_sortReverse.checked;
- let headsArray = heads.concat();
-
- headsArray.sort((head_a,head_b)=>{
- const card_a = head_a.card,card_b = head_b.card;
- let sortNumber = sort_function_list[sortIndex].function(card_a,card_b);
- //if (reverse) sortNumber *= -1; //会导致默认情况无法逆序
- return sortNumber;
- });
- if (reverse) headsArray.reverse();
-
- return headsArray;
- }
- //对搜索到的Cards重新排序
- function reSortCards()
- {
- const headsArray = sortHeadsArray(searchMonList.originalHeads);
- if (!headsArray || headsArray.length === 0) return; //没有数据时，直接返回
- searchMonList.classList.add(className_displayNone);
- let fragment = document.createDocumentFragment(); //创建节点用的临时空间
- headsArray.forEach(head=>fragment.appendChild(head));
- searchMonList.appendChild(fragment);
- searchMonList.classList.remove(className_displayNone);
- }
- s_sortList.onchange = reSortCards;
- s_sortReverse.onchange = reSortCards;
- sort_function_list.forEach((sfunc,idx)=>{
- const newOpt = new Option(sfunc.name,idx);
- newOpt.setAttribute("data-tag",sfunc.tag);
- s_sortList.options.add(newOpt);
- });
-
- //id搜索
- const monstersID = settingBox.querySelector(".row-mon-id .m-id");
- monstersID.onchange = function(){
- if (/^\d+$/.test(this.value))
- {
- const newId = parseInt(this.value, 10);
- if (editBox.mid != newId) //避免多次运行oninput、onchange
- {
- editBox.mid = newId;
- editBoxChangeMonId(editBox.mid);
- }
- }
- };
- monstersID.oninput = monstersID.onchange;
- //觉醒
- const monEditAwokensRow = settingBox.querySelector(".row-mon-awoken");
- const awokenCountLabel = monEditAwokensRow.querySelector(".awoken-count");
- const monEditAwokens = Array.from(monEditAwokensRow.querySelectorAll(".awoken-ul input[name='awoken-number']"));
- function checkAwoken(){
- const card = Cards[editBox.mid];
- const value = parseInt(this.value,10);
- awokenCountLabel.innerHTML = value;
- if (value>0 && value==(card.awakenings.length))
- awokenCountLabel.classList.add("full-awoken");
- else
- awokenCountLabel.classList.remove("full-awoken");
- reCalculateAbility();
- }
- monEditAwokens.forEach(akDom=>akDom.onclick = checkAwoken);
-
- const monEditAwokensLabel = Array.from(monEditAwokensRow.querySelectorAll(".awoken-ul .awoken-icon"));
- function playVoiceAwoken(){ //点击label才播放语音
- const card = Cards[editBox.mid];
- if (parseInt(this.getAttribute("data-awoken-icon"),10) === 63)
- {
- let decoder = new Adpcm(adpcm_wasm, pcmImportObj);
- decoder.resetDecodeState(new Adpcm.State(0, 0));
- decodeAudio(`sound/voice/${currentDataSource.code}/padv${PrefixInteger(card.voiceId,3)}.wav`, decoder.decode.bind(decoder));
- }
- }
- monEditAwokensLabel.forEach(akDom=>akDom.onclick = playVoiceAwoken);
-
- //超觉醒
- const monEditSAwokensRow = settingBox.querySelector(".row-mon-super-awoken");
- monEditSAwokensRow.swaokenIndex = -1;
- const monEditSAwokens = Array.from(monEditSAwokensRow.querySelectorAll(".awoken-ul input[name='sawoken-choice']"));
- function notCheckMyself(){
- const value = parseInt(this.value,10);
- if (value>=0 && monEditSAwokensRow.swaokenIndex === value)
- {
- monEditSAwokens[0].click();
- }else
- {
- monEditSAwokensRow.swaokenIndex = value;
- }
- }
- monEditSAwokens.forEach(akDom=>{
- akDom.onclick = notCheckMyself;
- });
- //3个快速设置this.ipt为自己的value
- function setIptToMyValue()
- {
- if (this.ipt.value != this.value)
- {
- this.ipt.value = this.value;
- this.ipt.onchange();
- }
- }
- //等级
- const monEditLv = settingBox.querySelector(".m-level");
- monEditLv.onchange = function(){
- reCalculateExp();
- reCalculateAbility();
- };
- const monEditLvMin = settingBox.querySelector(".m-level-btn-min");
- const monLvExp = settingBox.querySelector(".m-level-exp");
- monEditLvMin.ipt = monEditLv;
- monEditLvMin.onclick = setIptToMyValue;
- const monEditLvMax = settingBox.querySelector(".m-level-btn-max");
- monEditLvMax.ipt = monEditLv;
- monEditLvMax.onclick = setIptToMyValue;
- const monEditLv110 = settingBox.querySelector(".m-level-btn-110");
- monEditLv110.ipt = monEditLv;
- monEditLv110.onclick = setIptToMyValue;
- //编辑界面重新计算怪物的经验值
- function reCalculateExp(){
- const monid = parseInt(monstersID.value || 0, 10);
- const level = parseInt(monEditLv.value || 0, 10);
- const tempMon = {
- id:monid,
- level:level
- };
- const needExp = calculateExp(tempMon);
- monLvExp.innerHTML = needExp ? parseBigNumber(needExp[0]) + (level>99?` + ${parseBigNumber(needExp[1])}` : "") : "";
- }
- editBox.reCalculateExp = reCalculateExp;
- //三维
- const rowMonAbility = settingBox.querySelector(".row-mon-ability");
- const monEditHpValue = rowMonAbility.querySelector(".m-hp-li .ability-value");
- const monEditAtkValue = rowMonAbility.querySelector(".m-atk-li .ability-value");
- const monEditRcvValue = rowMonAbility.querySelector(".m-rcv-li .ability-value");
- //加蛋
- const rowMonPlus = settingBox.querySelector(".row-mon-plus");
- const monEditAddHpLi = rowMonPlus.querySelector(".m-hp-li");
- const monEditAddAtkLi = rowMonPlus.querySelector(".m-atk-li");
- const monEditAddRcvLi = rowMonPlus.querySelector(".m-rcv-li");
- const monEditAddHp = monEditAddHpLi.querySelector(".m-plus-hp");
- monEditAddHp.onchange = reCalculateAbility;
- const monEditAddAtk = monEditAddAtkLi.querySelector(".m-plus-atk");
- monEditAddAtk.onchange = reCalculateAbility;
- const monEditAddRcv = monEditAddRcvLi.querySelector(".m-plus-rcv");
- monEditAddRcv.onchange = reCalculateAbility;
- //3个快速设置按钮
- const monEditAddHpBtn = monEditAddHpLi.querySelector(".m-plus-btn");
- monEditAddHpBtn.ipt = monEditAddHp;
- monEditAddHpBtn.onclick = setIptToMyValue;
- const monEditAddAtkBtn = monEditAddAtkLi.querySelector(".m-plus-btn");
- monEditAddAtkBtn.ipt = monEditAddAtk;
- monEditAddAtkBtn.onclick = setIptToMyValue;
- const monEditAddRcvBtn = monEditAddRcvLi.querySelector(".m-plus-btn");
- monEditAddRcvBtn.ipt = monEditAddRcv;
- monEditAddRcvBtn.onclick = setIptToMyValue;
- //297按钮
- const monEditAdd297 = rowMonPlus.querySelector(".m-plus-btn-297");
- monEditAdd297.onclick = function(){
- monEditAddHp.value = 99;
- monEditAddAtk.value = 99;
- monEditAddRcv.value = 99;
- reCalculateAbility();
- };
-
- //潜觉
- const monEditLatentUl = settingBox.querySelector(".m-latent-ul");
- const monEditLatents = Array.from(monEditLatentUl.querySelectorAll("li"));
- const monEditLatentAllowableUl = settingBox.querySelector(".m-latent-allowable-ul");
- const monEditLatentsAllowable = Array.from(monEditLatentAllowableUl.querySelectorAll("li"));
- editBox.refreshLatent = function(latent,monid) //刷新潜觉
- {
- refreshLatent(latent,monid,monEditLatents);
- };
- const hideClassName = 'hide-less-use-latent';
- const s_hideLessUseLetent = settingBox.querySelector(`#${hideClassName}`);
- s_hideLessUseLetent.onchange = function(){
- toggleDomClassName(this, hideClassName, true, monEditLatentAllowableUl);
- localStorage.setItem("PADDF-" + hideClassName, this.checked ? 1 : 0);
- }
- s_hideLessUseLetent.checked = Boolean(parseInt(localStorage.getItem("PADDF-" + hideClassName)));
- s_hideLessUseLetent.onchange();
-
- if (isGuideMod)
- monEditLatentAllowableUl.querySelector('.latent-icon[data-latent-icon="11"]').classList.remove('frequent');
-
- const rowSkill = settingBox.querySelector(".row-mon-skill");
- const skillBox = rowSkill.querySelector(".skill-box");
- const skillTitle = skillBox.querySelector(".skill-name");
- const skillCD = skillBox.querySelector(".skill-cd");
- const skillLevel = skillBox.querySelector(".m-skill-level");
- const skillLevel_1 = skillBox.querySelector(".m-skill-lv-1");
- const skillLevel_Max = skillBox.querySelector(".m-skill-lv-max");
-
- skillTitle.onclick = function(){
- const skillId = parseInt(this.getAttribute("data-skillid"),10); //获得当前技能ID
- const s_cards = Cards.filter(card=>card.activeSkillId === skillId); //搜索同技能怪物
- if (s_cards.length > 1)
- {
- showSearch(s_cards); //显示
- }
- };
- skillLevel.onchange = function(){
- const card = Cards[editBox.mid] || Cards[0]; //怪物固定数据
- const skill = Skills[card.activeSkillId];
- skillCD.innerHTML = skill.initialCooldown - this.value + 1;
- };
- skillLevel_1.ipt = skillLevel;
- skillLevel_1.onclick = setIptToMyValue;
- skillLevel_Max.ipt = skillLevel;
- skillLevel_Max.onclick = setIptToMyValue;
-
- //已有觉醒的去除
- function deleteLatent(){
- const aIdx = monEditLatents.filter(l=>!l.classList.contains(className_displayNone)).findIndex(l=>l==this);
- editBox.latent.splice(aIdx,1);
- editBox.reCalculateAbility(); //重计算三维
- editBox.refreshLatent(editBox.latent,editBox.mid); //刷新潜觉
- }
- monEditLatents.forEach(la=>la.onclick = deleteLatent);
- //可选觉醒的添加
- function addLatent(){
- if (this.classList.contains("unallowable-latent")) return; //不能选的觉醒直接退出
- const lIdx = parseInt(this.getAttribute("data-latent-icon"),10); //潜觉的序号
- const maxLatentCount = getMaxLatentCount(editBox.mid); //最大潜觉数量
- const usedHoleN = usedHole(editBox.latent); //已经使用了的格子
- const enabledHole = maxLatentCount - usedHoleN; //还剩余的格子
-
- if (latentUseHole(lIdx) <= enabledHole)
- editBox.latent.push(lIdx);
- else
- return;
-
- editBox.reCalculateAbility();
- editBox.refreshLatent(editBox.latent,editBox.mid);
- }
- monEditLatentsAllowable.forEach(la=>la.onclick = addLatent);
-
- //编辑界面重新计算怪物的能力
- function reCalculateAbility(){
- const monid = parseInt(monstersID.value || 0, 10);
- const level = parseInt(monEditLv.value || 0, 10);
-
- const mAwokenNumIpt = monEditAwokensRow.querySelector("input[name='awoken-number']:checked");
- const awoken = mAwokenNumIpt ? parseInt(mAwokenNumIpt.value,10) : 0;
- const plus = [
- parseInt(monEditAddHp.value || 0, 10),
- parseInt(monEditAddAtk.value || 0, 10),
- parseInt(monEditAddRcv.value || 0, 10)
- ];
- const latent = editBox.latent;
- const tempMon = {
- id:monid,
- level:level,
- plus:plus,
- awoken:awoken,
- latent:latent
- };
- const abilitys = calculateAbility(tempMon, null, solo, teamsCount) || [0,0,0];
-
- monEditHpValue.innerHTML = abilitys[0].toLocaleString();
- monEditAtkValue.innerHTML = abilitys[1].toLocaleString();
- monEditRcvValue.innerHTML = abilitys[2].toLocaleString();
- }
- editBox.reCalculateAbility = reCalculateAbility;
-
- const btnCancel = editBox.querySelector(".button-cancel");
- const btnDone = editBox.querySelector(".button-done");
- const btnNull = editBox.querySelector(".button-null");
- const btnDelay = editBox.querySelector(".button-delay");
- btnCancel.onclick = function(){
- btnDone.classList.remove("cant-assist");
- btnDone.disabled = false;
- editBox.memberIdx = [];
- editBox.hide();
- };
- btnDone.onclick = function(){
- if (parseInt(monEditLv.value,10) == 0)
- {
- btnNull.onclick();
- return;
- }
- const mon = editBox.isAssist ? new MemberAssist() : new MemberTeam();
- const teamData = formation.teams[editBox.memberIdx[0]];
- const teamBigBox = teamBigBoxs[editBox.memberIdx[0]];
- const teamBox = teamBigBox.querySelector(".team-box");
-
- teamData[editBox.memberIdx[1]][editBox.memberIdx[2]] = mon;
-
- mon.id = parseInt(monstersID.value,10);
- const card = Cards[mon.id] || Cards[0];
- const skill = Skills[card.activeSkillId];
-
- mon.level = parseInt(monEditLv.value,10);
-
- const mAwokenNumIpt = monEditAwokensRow.querySelector("input[name='awoken-number']:checked");
- mon.awoken = mAwokenNumIpt ? parseInt(mAwokenNumIpt.value,10) : 0;
- if (card.superAwakenings.length) //如果支持超觉醒
- {
- const mSAwokenChoIpt = monEditSAwokensRow.querySelector("input[name='sawoken-choice']:checked");
- mon.sawoken = mSAwokenChoIpt ? parseInt(mSAwokenChoIpt.value,10) : -1;
- }
-
- if (card.types.some(t=>{return t == 0 || t == 12 || t == 14 || t == 15;}) &&
- (!card.overlay || mon.level>= card.maxLevel))
- { //当4种特殊type的时候是无法297和打觉醒的，但是不能叠加的在未满级时可以
- mon.plus = [0,0,0];
- }else
- {
- mon.plus[0] = parseInt(monEditAddHp.value) || 0;
- mon.plus[1] = parseInt(monEditAddAtk.value) || 0;
- mon.plus[2] = parseInt(monEditAddRcv.value) || 0;
- if (!editBox.isAssist)
- { //如果不是辅助，则可以设定潜觉
- mon.latent = editBox.latent.concat()
- .sort((a,b)=>latentUseHole(b) - latentUseHole(a)); //并排序
- }
- }
+function initialize() {
+ const monstersList = editBox.querySelector("#monsters-name-list");
+ let fragment = document.createDocumentFragment();
+ Cards.forEach(function(m) { //添加下拉框候选
+ const opt = fragment.appendChild(document.createElement("option"));
+ opt.value = m.id;
+ opt.label = m.id + " - " + returnMonsterNameArr(m, currentLanguage.searchlist, currentDataSource.code).join(" | ");
+
+ const linkRes = new RegExp("link:(\\d+)", "ig").exec(m.specialAttribute);
+ if (linkRes) { //每个有链接的符卡，把它们被链接的符卡的进化根修改到链接前的
+ const _m = Cards[parseInt(linkRes[1], 10)];
+ _m.evoRootId = m.evoRootId;
+ m.henshinFrom = true;
+ _m.henshinTo = true;
+ }
+ });
+ monstersList.appendChild(fragment);
+
+ //标题和介绍文本框
+ const titleBox = formationBox.querySelector(".title-box");
+ const detailBox = formationBox.querySelector(".detail-box");
+ const txtTitle = titleBox.querySelector(".title");
+ const txtDetail = detailBox.querySelector(".detail");
+ const txtTitleDisplay = titleBox.querySelector(".title-display");
+ const txtDetailDisplay = detailBox.querySelector(".detail-display");
+ txtTitle.onchange = function() {
+ formation.title = this.value;
+ //txtTitleDisplay.innerHTML = "";
+ //txtTitleDisplay.appendChild(document.createTextNode(this.value));
+ txtTitleDisplay.innerHTML = descriptionToHTML(this.value);
+ creatNewUrl();
+ };
+ txtTitle.onblur = function() {
+ if (this.value.length > 0)
+ titleBox.classList.remove("edit");
+ };
+ txtDetail.onchange = function() {
+ formation.detail = this.value;
+ /*txtDetailDisplay.innerHTML = "";
+ const txtDetailLines = this.value.split("\n");
+ txtDetailLines.forEach((line,idx)=>{
+ if (idx>0) txtDetailDisplay.appendChild(document.createElement("br"));
+ txtDetailDisplay.appendChild(document.createTextNode(line));
+ });*/
+ txtDetailDisplay.innerHTML = descriptionToHTML(this.value);
+ creatNewUrl();
+ };
+ txtDetail.onblur = function() {
+ if (this.value.length > 0)
+ detailBox.classList.remove("edit");
+ this.style.height = txtDetailDisplay.scrollHeight + "px";
+ };
+ txtTitleDisplay.onclick = function() {
+ titleBox.classList.add("edit");
+ txtTitle.focus();
+ };
+ txtDetailDisplay.onclick = function() {
+ detailBox.classList.add("edit");
+ txtDetail.focus();
+ };
+
+ //这个写法的目的其实是为了确保添加顺序与1、2、3一致，即便打乱了顺序，也能正确添加
+ for (let ti = 0, ti_len = formationBox.querySelectorAll(".team-bigbox").length; ti < ti_len; ti++) {
+ teamBigBoxs.push(formationBox.querySelector(`.teams .team-${ti+1}`));
+ }
+
+ //将所有怪物头像添加到全局数组
+ teamBigBoxs.forEach(teamBigBox => {
+ const teamBox = teamBigBox.querySelector(".team-box");
+ const menbers = Array.from(teamBox.querySelectorAll(".team-members .monster"));
+ const assist = Array.from(teamBox.querySelectorAll(".team-assist .monster"));
+ menbers.forEach(m => {
+ allMembers.push(m);
+ });
+ assist.forEach(m => {
+ allMembers.push(m);
+ });
+ });
+ //所有怪物头像，添加拖动交换的代码
+ allMembers.forEach(m => {
+ //点击
+ m.onclick = clickMonHead;
+ //拖动
+ m.draggable = true;
+ m.ondragstart = dragStartMonHead;
+ m.ondragover = dropOverMonHead;
+ m.ondrop = dropMonHead;
+ //触摸
+ m.ontouchstart = touchstartMonHead;
+ m.ontouchmove = touchmoveMonHead;
+ m.ontouchend = touchendMonHead;
+ m.ontouchcancel = touchcancelMonHead;
+ });
- const skillLevelNum = parseInt(skillLevel.value,10);
- if (skillLevelNum < skill.maxLevel)
- {
- mon.skilllevel = skillLevelNum;
- }
- changeid(mon,editBox.monsterHead,editBox.memberIdx[1] ? null : editBox.latentBox);
-
- const teamAbilityDom = teamBigBox.querySelector(".team-ability");
- refreshAbility(teamAbilityDom, teamData, editBox.memberIdx[2]); //本人能力值
-
- const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
- if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData);
- const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
- if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);
-
- const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计
- if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom,teamData);
- const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计
- if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams);
-
- //刷新改队员的CD
- refreshMemberSkillCD(teamBox,teamData,editBox.memberIdx[2]);
- creatNewUrl();
- editBox.hide();
- };
- window.onkeydown = function(e){
- if (!editBox.classList.contains(className_displayNone))
- {
- if (e.keyCode == 27)
- { //按下ESC时，自动关闭编辑窗
- btnCancel.onclick();
- }
- }
- };
- btnNull.onclick = function(){ //空位置
- const mon = new Member();
- const teamBigBox = teamBigBoxs[editBox.memberIdx[0]];
- const teamData = formation.teams[editBox.memberIdx[0]];
- teamData[editBox.memberIdx[1]][editBox.memberIdx[2]] = mon;
-
- changeid(mon ,editBox.monsterHead, editBox.latentBox);
-
- const teamAbilityDom = teamBigBox.querySelector(".team-ability");
- refreshAbility(teamAbilityDom, teamData, editBox.memberIdx[2]); //本人能力值
-
- const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
- if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData);
- const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
- if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);
-
- const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计
- if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom,teamData);
- const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计
- if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams);
-
- //刷新改队员的CD
- refreshMemberSkillCD(teamBigBox,teamData,editBox.memberIdx[2]);
-
- creatNewUrl();
- editBox.hide();
- };
- btnDelay.onclick = function(){ //应对威吓
- const mon = new MemberDelay();
- const teamBigBox = teamBigBoxs[editBox.memberIdx[0]];
- const teamData = formation.teams[editBox.memberIdx[0]];
- teamData[editBox.memberIdx[1]][editBox.memberIdx[2]] = mon;
-
- changeid(mon, editBox.monsterHead, editBox.latentBox);
-
- const teamAbilityDom = teamBigBox.querySelector(".team-ability");
- refreshAbility(teamAbilityDom, teamData, editBox.memberIdx[2]); //本人能力值
-
- const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
- if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData);
- const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
- if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);
-
- const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计
- if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom,teamData);
- const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计
- if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams);
-
- //刷新改队员的CD
- refreshMemberSkillCD(teamBigBox,teamData,editBox.memberIdx[2]);
-
- creatNewUrl();
- editBox.hide();
- };
-
- //语言选择
- const langList = controlBox.querySelector(".languages");
- langList.onchange = function(){
- creatNewUrl({"language":this.value});
- history.go();
- };
- //数据源选择
- const dataList = controlBox.querySelector(".datasource");
- dataList.onchange = function(){
- creatNewUrl({datasource:this.value});
- history.go();
- };
-
- /*添对应语言执行的JS*/
- const languageJS = document.head.appendChild(document.createElement("script"));
- languageJS.id = "language-js";
- languageJS.type = "text/javascript";
- languageJS.src = "languages/"+currentLanguage.i18n+".js";
-
- if (isGuideMod) //图鉴模式直接打开搜索框
- showSearch([]);
+ //添加徽章
+ const className_ChoseBadges = "show-all-badges";
+ teamBigBoxs.forEach((teamBigBox, teamIdx) => {
+ //徽章
+ const teamBadge = teamBigBox.querySelector(".team-badge");
+ if (!teamBadge) return;
+ const badges = Array.from(teamBadge.querySelectorAll(".badge-radio"));
+
+ function setBadge() {
+ if (teamBadge.classList.contains(className_ChoseBadges)) {
+ const team = formation.teams[teamIdx];
+ teamBadge.classList.remove(className_ChoseBadges);
+ team[2] = parseInt(this.value, 10);
+ const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
+ refreshTeamTotalHP(teamTotalInfoDom, team);
+ creatNewUrl();
+ } else {
+ teamBadge.classList.add(className_ChoseBadges);
+ }
+ }
+ badges.forEach(badge => badge.onclick = setBadge);
+ });
+
+ //编辑框
+ editBox.mid = null; //储存怪物id
+ editBox.latent = []; //储存潜在觉醒
+ editBox.isAssist = false; //储存是否为辅助宠物
+ editBox.monsterHead = null;
+ editBox.latentBox = null;
+ editBox.memberIdx = []; //储存队伍数组下标
+ editBox.show = function() {
+ this.classList.remove(className_displayNone);
+ formationBox.classList.add("blur-bg");
+ controlBox.classList.add("blur-bg");
+ };
+ editBox.hide = function() {
+ this.classList.add(className_displayNone);
+ formationBox.classList.remove("blur-bg");
+ controlBox.classList.remove("blur-bg");
+ };
+
+ const smonsterinfoBox = editBox.querySelector(".monsterinfo-box");
+ const mSeriesId = smonsterinfoBox.querySelector(".monster-seriesId");
+ mSeriesId.onclick = function() { //搜索系列
+ const seriesId = parseInt(this.getAttribute('data-seriesId'), 10);
+ if (seriesId > 0) {
+ showSearch(Cards.filter(card => { return card.seriesId == seriesId; }));
+ }
+ };
+ const mCollabId = smonsterinfoBox.querySelector(".monster-collabId");
+ mCollabId.onclick = function() { //搜索合作
+ const collabId = parseInt(this.getAttribute('data-collabId'), 10);
+ if (collabId > 0); {
+ searchColla(collabId);
+ }
+ };
+ const mAltName = smonsterinfoBox.querySelector(".monster-altName");
+ mAltName.onclick = function() { //搜索合作
+ const altName = this.getAttribute('data-altName');
+ const splitAltName = altName.split("|");
+ if (altName.length > 0); {
+ showSearch(Cards.filter(card => {
+ return splitAltName.some(alt => {
+ return alt.length > 0 && (card.altName.includes(alt) || card.name.includes(alt));
+ });
+ }));
+ }
+ };
+ //创建一个新的怪物头像
+ editBox.createCardHead = function(id, showAwoken) {
+ function clickHeadToNewMon() {
+ monstersID.value = this.getAttribute("data-cardid");
+ monstersID.onchange();
+ return false; //取消链接的默认操作
+ }
+ //产生一个觉醒列表
+ function creatAwokenList(awokens) {
+ const ul = document.createElement("ul");
+ ul.className = "awoken-ul";
+ awokens.forEach(ak=>{
+ const li = ul.appendChild(document.createElement("li"));
+ const icon = li.appendChild(document.createElement("icon"));
+ icon.className = "awoken-icon";
+ icon.setAttribute("data-awoken-icon",ak);
+ });
+ return ul;
+ }
+ const cli = document.createElement("li");
+ const cdom = cli.head = createCardA(id);
+ cli.appendChild(cdom);
+ changeid({ id: id }, cdom);
+ cli.card = Cards[id];
+ if (showAwoken)
+ {
+ const awokenPreview = cli.appendChild(document.createElement("div"));
+ awokenPreview.className = "awoken-preview";
+ if (cli.card.awakenings.length)
+ {
+ const akUl = awokenPreview.appendChild(creatAwokenList(cli.card.awakenings)); //添加觉醒
+ akUl.classList.add("awoken-preview-awakenings");
+ }
+ if (cli.card.superAwakenings.length)
+ {
+ const sakUl = awokenPreview.appendChild(creatAwokenList(cli.card.superAwakenings)); //添加超觉醒
+ sakUl.classList.add("awoken-preview-superAwakenings");
+ }
+ }
+ cdom.onclick = clickHeadToNewMon;
+ return cli;
+ };
+
+ const searchBox = editBox.querySelector(".search-box");
+ const settingBox = editBox.querySelector(".setting-box");
+ const searchOpen = settingBox.querySelector(".row-mon-id .open-search");
+ searchOpen.onclick = function() {
+ s_includeSuperAwoken.onclick();
+ s_canAssist.onclick();
+ searchBox.classList.toggle(className_displayNone);
+ };
+
+ const s_attr1s = Array.from(searchBox.querySelectorAll(".attrs .attr-list-1 .attr-radio"));
+ const s_attr2s = Array.from(searchBox.querySelectorAll(".attrs .attr-list-2 .attr-radio"));
+ const s_fixMainColor = searchBox.querySelector("#fix-main-color");
+ const s_types = Array.from(searchBox.querySelectorAll(".types-div .type-check"));
+ const s_typeAndOr = searchBox.querySelector("#type-and-or");
+ const s_awokensItems = Array.from(searchBox.querySelectorAll(".awoken-div .awoken-count"));
+ const s_awokensIcons = s_awokensItems.map(it => it.querySelector(".awoken-icon"));
+ const s_awokensCounts = s_awokensItems.map(it => it.querySelector(".count"));
+
+ const searchMonList = searchBox.querySelector(".search-mon-list"); //搜索结果列表
+ searchMonList.originalHeads = null; //用于存放原始搜索结果
+
+ const s_awokensEquivalent = searchBox.querySelector("#consider-equivalent-awoken"); //搜索等效觉醒
+ const s_canAssist = searchBox.querySelector("#can-assist"); //只搜索辅助
+ s_canAssist.onclick = function() {
+ toggleDomClassName(this, "only-display-can-assist", true, searchMonList);
+ };
+
+ const s_sawokenDiv = searchBox.querySelector(".sawoken-div");
+
+ const s_sawokens = Array.from(s_sawokenDiv.querySelectorAll(".sawoken-check"));
+ const s_includeSuperAwoken = searchBox.querySelector("#include-super-awoken"); //搜索超觉醒
+ s_includeSuperAwoken.onclick = function() {
+ toggleDomClassName(this, className_displayNone, true, s_sawokenDiv);
+ };
+
+ function search_awokenAdd1() {
+ const countDom = this.parentNode.querySelector(".count");
+ let count = parseInt(countDom.value, 10);
+ if (count < 9) {
+ count++;
+ countDom.value = count;
+ this.parentNode.classList.remove("zero");
+ }
+ }
+ s_awokensIcons.forEach((b, idx) => { //每种觉醒增加1
+ b.onclick = search_awokenAdd1;
+ });
+
+ function search_awokenSub1() {
+ let count = parseInt(this.value, 10);
+ if (count > 0) {
+ count--;
+ this.value = count;
+ if (count === 0) {
+ this.parentNode.parentNode.classList.add("zero");
+ }
+ }
+ }
+ s_awokensCounts.forEach((b, idx) => { //每种觉醒减少1
+ b.onclick = search_awokenSub1;
+ });
+
+ const awokenClear = searchBox.querySelector(".awoken-div .awoken-clear");
+ const sawokenClear = searchBox.querySelector(".sawoken-div .sawoken-clear");
+ awokenClear.onclick = function() { //清空觉醒选项
+ s_awokensCounts.forEach(t => {
+ t.value = 0;
+ });
+ s_awokensItems.forEach(t => {
+ t.classList.add("zero");
+ });
+ };
+ sawokenClear.onclick = function() { //清空超觉醒选项
+ s_sawokens.forEach(t => {
+ t.checked = false;
+ });
+ };
+
+ const s_controlDiv = searchBox.querySelector(".control-div");
+ const searchStart = s_controlDiv.querySelector(".search-start");
+ const searchClose = s_controlDiv.querySelector(".search-close");
+ const searchClear = s_controlDiv.querySelector(".search-clear");
+
+ function returnCheckedInput(ipt) {
+ return ipt.checked;
+ }
+
+ function returnInputValue(ipt) {
+ return ipt.value;
+ }
+
+ function Str2Int(str) {
+ return parseInt(str, 10);
+ }
+ //将搜索结果显示出来（也可用于其他的搜索）
+ const s_showAwoken = searchBox.querySelector("#show-awoken"); //是否显示觉醒
+ showSearch = function(searchArr) {
+ editBox.show();
+ searchBox.classList.remove(className_displayNone);
+ const createCardHead = editBox.createCardHead;
+
+ searchMonList.classList.add(className_displayNone);
+ searchMonList.innerHTML = ""; //清空旧的
+ if (searchArr.length > 0) {
+ let fragment = document.createDocumentFragment(); //创建节点用的临时空间
+ //获取原始排序的头像列表
+ searchMonList.originalHeads = searchArr.map(card => createCardHead(card.id, s_showAwoken.checked));
+ //对头像列表进行排序
+ const headsArray = sortHeadsArray(searchMonList.originalHeads);
+ headsArray.forEach(head => fragment.appendChild(head));
+ searchMonList.appendChild(fragment);
+ }
+ searchMonList.classList.remove(className_displayNone);
+ };
+ const startSearch = function(cards) {
+ const attr1Filter = s_attr1s.filter(returnCheckedInput).map(returnInputValue);
+ const attr2Filter = s_attr2s.filter(returnCheckedInput).map(returnInputValue);
+ let attr1, attr2;
+ if (attr1Filter.length > 0) {
+ if (!isNaN(attr1Filter[0])) {
+ attr1 = parseInt(attr1Filter[0], 10);
+ } else {
+ attr1 = null;
+ }
+ }
+ if (attr2Filter.length > 0) {
+ if (!isNaN(attr2Filter[0])) {
+ attr2 = parseInt(attr2Filter[0], 10);
+ } else {
+ attr2 = null;
+ }
+ }
+ const typesFilter = s_types.filter(returnCheckedInput).map(returnInputValue).map(Str2Int);
+ const sawokensFilter = s_sawokens.filter(returnCheckedInput).map(returnInputValue).map(Str2Int);
+ const awokensFilter = s_awokensCounts.filter(btn => parseInt(btn.value, 10) > 0).map(btn => {
+ const awokenIndex = parseInt(btn.parentNode.parentNode.querySelector(".awoken-icon").getAttribute("data-awoken-icon"), 10);
+ return { id: awokenIndex, num: parseInt(btn.value, 10) };
+ });
+ const searchResult = searchCards(cards,
+ attr1, attr2,
+ s_fixMainColor.checked,
+ typesFilter,
+ s_typeAndOr.checked,
+ awokensFilter,
+ sawokensFilter,
+ s_awokensEquivalent.checked,
+ s_includeSuperAwoken.checked
+ );
+ console.log("搜索结果", searchResult);
+ showSearch(searchResult);
+ };
+ searchBox.startSearch = startSearch;
+ searchStart.onclick = function() {
+ startSearch(Cards);
+ };
+ searchClose.onclick = function() {
+ searchBox.classList.add(className_displayNone);
+ };
+ searchClear.onclick = function() { //清空搜索选项
+ s_attr1s[0].checked = true;
+ s_attr2s[0].checked = true;
+ s_types.forEach(t => {
+ t.checked = false;
+ });
+ s_awokensCounts.forEach(t => {
+ t.value = 0;
+ });
+ s_awokensItems.forEach(t => {
+ t.classList.add("zero");
+ });
+ // 这些觉醒的选项干脆都不清除
+ //s_awokensEquivalent.checked = false;
+ //if (s_includeSuperAwoken.checked) s_includeSuperAwoken.click();
+
+ s_sawokens.forEach(t => {
+ t.checked = false;
+ });
+
+ searchMonList.originalHeads = null;
+ searchMonList.innerHTML = "";
+ };
+
+ const s_sortList = s_controlDiv.querySelector(".sort-list");
+ const s_sortReverse = s_controlDiv.querySelector("#sort-reverse");
+ //对heads重新排序
+ function sortHeadsArray(heads) {
+ if (!heads || heads.length === 0) return; //没有数据时，直接返回
+ const sortIndex = parseInt(s_sortList.value, 10);
+ const reverse = s_sortReverse.checked;
+ let headsArray = heads.concat();
+
+ headsArray.sort((head_a, head_b) => {
+ const card_a = head_a.card,
+ card_b = head_b.card;
+ let sortNumber = sort_function_list[sortIndex].function(card_a, card_b);
+ //if (reverse) sortNumber *= -1; //会导致默认情况无法逆序
+ return sortNumber;
+ });
+ if (reverse) headsArray.reverse();
+
+ return headsArray;
+ }
+ //对搜索到的Cards重新排序
+ function reSortCards() {
+ const headsArray = sortHeadsArray(searchMonList.originalHeads);
+ if (!headsArray || headsArray.length === 0) return; //没有数据时，直接返回
+ searchMonList.classList.add(className_displayNone);
+ let fragment = document.createDocumentFragment(); //创建节点用的临时空间
+ headsArray.forEach(head => fragment.appendChild(head));
+ searchMonList.appendChild(fragment);
+ searchMonList.classList.remove(className_displayNone);
+ }
+ s_sortList.onchange = reSortCards;
+ s_sortReverse.onchange = reSortCards;
+ sort_function_list.forEach((sfunc, idx) => {
+ const newOpt = new Option(sfunc.name, idx);
+ newOpt.setAttribute("data-tag", sfunc.tag);
+ s_sortList.options.add(newOpt);
+ });
+
+ //id搜索
+ const monstersID = settingBox.querySelector(".row-mon-id .m-id");
+ monstersID.onchange = function() {
+ if (/^\d+$/.test(this.value)) {
+ const newId = parseInt(this.value, 10);
+ if (editBox.mid != newId) //避免多次运行oninput、onchange
+ {
+ editBox.mid = newId;
+ editBoxChangeMonId(editBox.mid);
+ }
+ }
+ };
+ monstersID.oninput = monstersID.onchange;
+ //觉醒
+ const monEditAwokensRow = settingBox.querySelector(".row-mon-awoken");
+ const awokenCountLabel = monEditAwokensRow.querySelector(".awoken-count");
+ const monEditAwokens = Array.from(monEditAwokensRow.querySelectorAll(".awoken-ul input[name='awoken-number']"));
+
+ function checkAwoken() {
+ const card = Cards[editBox.mid];
+ const value = parseInt(this.value, 10);
+ awokenCountLabel.innerHTML = value;
+ if (value > 0 && value == (card.awakenings.length))
+ awokenCountLabel.classList.add("full-awoken");
+ else
+ awokenCountLabel.classList.remove("full-awoken");
+ reCalculateAbility();
+ }
+ monEditAwokens.forEach(akDom => akDom.onclick = checkAwoken);
+
+ const monEditAwokensLabel = Array.from(monEditAwokensRow.querySelectorAll(".awoken-ul .awoken-icon"));
+
+ function playVoiceAwoken() { //点击label才播放语音
+ const card = Cards[editBox.mid];
+ if (parseInt(this.getAttribute("data-awoken-icon"), 10) === 63) {
+ let decoder = new Adpcm(adpcm_wasm, pcmImportObj);
+ decoder.resetDecodeState(new Adpcm.State(0, 0));
+ decodeAudio(`sound/voice/${currentDataSource.code}/padv${PrefixInteger(card.voiceId,3)}.wav`, decoder.decode.bind(decoder));
+ }
+ }
+ monEditAwokensLabel.forEach(akDom => akDom.onclick = playVoiceAwoken);
+
+ //超觉醒
+ const monEditSAwokensRow = settingBox.querySelector(".row-mon-super-awoken");
+ monEditSAwokensRow.swaokenIndex = -1;
+ const monEditSAwokens = Array.from(monEditSAwokensRow.querySelectorAll(".awoken-ul input[name='sawoken-choice']"));
+
+ function notCheckMyself() {
+ const value = parseInt(this.value, 10);
+ if (value >= 0 && monEditSAwokensRow.swaokenIndex === value) {
+ monEditSAwokens[0].click();
+ } else {
+ monEditSAwokensRow.swaokenIndex = value;
+ }
+ }
+ monEditSAwokens.forEach(akDom => {
+ akDom.onclick = notCheckMyself;
+ });
+ //3个快速设置this.ipt为自己的value
+ function setIptToMyValue() {
+ if (this.ipt.value != this.value) {
+ this.ipt.value = this.value;
+ this.ipt.onchange();
+ }
+ }
+ //等级
+ const monEditLv = settingBox.querySelector(".m-level");
+ monEditLv.onchange = function() {
+ reCalculateExp();
+ reCalculateAbility();
+ };
+ const monEditLvMin = settingBox.querySelector(".m-level-btn-min");
+ const monLvExp = settingBox.querySelector(".m-level-exp");
+ monEditLvMin.ipt = monEditLv;
+ monEditLvMin.onclick = setIptToMyValue;
+ const monEditLvMax = settingBox.querySelector(".m-level-btn-max");
+ monEditLvMax.ipt = monEditLv;
+ monEditLvMax.onclick = setIptToMyValue;
+ const monEditLv110 = settingBox.querySelector(".m-level-btn-110");
+ monEditLv110.ipt = monEditLv;
+ monEditLv110.onclick = setIptToMyValue;
+ //编辑界面重新计算怪物的经验值
+ function reCalculateExp() {
+ const monid = parseInt(monstersID.value || 0, 10);
+ const level = parseInt(monEditLv.value || 0, 10);
+ const tempMon = {
+ id: monid,
+ level: level
+ };
+ const needExp = calculateExp(tempMon);
+ monLvExp.innerHTML = needExp ? parseBigNumber(needExp[0]) + (level > 99 ? ` + ${parseBigNumber(needExp[1])}` : "") : "";
+ }
+ editBox.reCalculateExp = reCalculateExp;
+ //三维
+ const rowMonAbility = settingBox.querySelector(".row-mon-ability");
+ const monEditHpValue = rowMonAbility.querySelector(".m-hp-li .ability-value");
+ const monEditAtkValue = rowMonAbility.querySelector(".m-atk-li .ability-value");
+ const monEditRcvValue = rowMonAbility.querySelector(".m-rcv-li .ability-value");
+ //加蛋
+ const rowMonPlus = settingBox.querySelector(".row-mon-plus");
+ const monEditAddHpLi = rowMonPlus.querySelector(".m-hp-li");
+ const monEditAddAtkLi = rowMonPlus.querySelector(".m-atk-li");
+ const monEditAddRcvLi = rowMonPlus.querySelector(".m-rcv-li");
+ const monEditAddHp = monEditAddHpLi.querySelector(".m-plus-hp");
+ monEditAddHp.onchange = reCalculateAbility;
+ const monEditAddAtk = monEditAddAtkLi.querySelector(".m-plus-atk");
+ monEditAddAtk.onchange = reCalculateAbility;
+ const monEditAddRcv = monEditAddRcvLi.querySelector(".m-plus-rcv");
+ monEditAddRcv.onchange = reCalculateAbility;
+ //3个快速设置按钮
+ const monEditAddHpBtn = monEditAddHpLi.querySelector(".m-plus-btn");
+ monEditAddHpBtn.ipt = monEditAddHp;
+ monEditAddHpBtn.onclick = setIptToMyValue;
+ const monEditAddAtkBtn = monEditAddAtkLi.querySelector(".m-plus-btn");
+ monEditAddAtkBtn.ipt = monEditAddAtk;
+ monEditAddAtkBtn.onclick = setIptToMyValue;
+ const monEditAddRcvBtn = monEditAddRcvLi.querySelector(".m-plus-btn");
+ monEditAddRcvBtn.ipt = monEditAddRcv;
+ monEditAddRcvBtn.onclick = setIptToMyValue;
+ //297按钮
+ const monEditAdd297 = rowMonPlus.querySelector(".m-plus-btn-297");
+ monEditAdd297.onclick = function() {
+ monEditAddHp.value = 99;
+ monEditAddAtk.value = 99;
+ monEditAddRcv.value = 99;
+ reCalculateAbility();
+ };
+
+ //潜觉
+ const monEditLatentUl = settingBox.querySelector(".m-latent-ul");
+ const monEditLatents = Array.from(monEditLatentUl.querySelectorAll("li"));
+ const monEditLatentAllowableUl = settingBox.querySelector(".m-latent-allowable-ul");
+ const monEditLatentsAllowable = Array.from(monEditLatentAllowableUl.querySelectorAll("li"));
+ editBox.refreshLatent = function(latent, monid) //刷新潜觉
+ {
+ refreshLatent(latent, monid, monEditLatents);
+ };
+ const hideClassName = 'hide-less-use-latent';
+ const s_hideLessUseLetent = settingBox.querySelector(`#${hideClassName}`);
+ s_hideLessUseLetent.onchange = function() {
+ toggleDomClassName(this, hideClassName, true, monEditLatentAllowableUl);
+ localStorage.setItem("PADDF-" + hideClassName, this.checked ? 1 : 0);
+ }
+ s_hideLessUseLetent.checked = Boolean(parseInt(localStorage.getItem("PADDF-" + hideClassName)));
+ s_hideLessUseLetent.onchange();
+
+ if (isGuideMod)
+ monEditLatentAllowableUl.querySelector('.latent-icon[data-latent-icon="11"]').classList.remove('frequent');
+
+ const rowSkill = settingBox.querySelector(".row-mon-skill");
+ const skillBox = rowSkill.querySelector(".skill-box");
+ const skillTitle = skillBox.querySelector(".skill-name");
+ const skillCD = skillBox.querySelector(".skill-cd");
+ const skillLevel = skillBox.querySelector(".m-skill-level");
+ const skillLevel_1 = skillBox.querySelector(".m-skill-lv-1");
+ const skillLevel_Max = skillBox.querySelector(".m-skill-lv-max");
+
+ skillTitle.onclick = function() {
+ const skillId = parseInt(this.getAttribute("data-skillid"), 10); //获得当前技能ID
+ const s_cards = Cards.filter(card => card.activeSkillId === skillId); //搜索同技能怪物
+ if (s_cards.length > 1) {
+ showSearch(s_cards); //显示
+ }
+ };
+ skillLevel.onchange = function() {
+ const card = Cards[editBox.mid] || Cards[0]; //怪物固定数据
+ const skill = Skills[card.activeSkillId];
+ skillCD.innerHTML = skill.initialCooldown - this.value + 1;
+ };
+ skillLevel_1.ipt = skillLevel;
+ skillLevel_1.onclick = setIptToMyValue;
+ skillLevel_Max.ipt = skillLevel;
+ skillLevel_Max.onclick = setIptToMyValue;
+
+ //已有觉醒的去除
+ function deleteLatent() {
+ const aIdx = monEditLatents.filter(l => !l.classList.contains(className_displayNone)).findIndex(l => l == this);
+ editBox.latent.splice(aIdx, 1);
+ editBox.reCalculateAbility(); //重计算三维
+ editBox.refreshLatent(editBox.latent, editBox.mid); //刷新潜觉
+ }
+ monEditLatents.forEach(la => la.onclick = deleteLatent);
+ //可选觉醒的添加
+ function addLatent() {
+ if (this.classList.contains("unallowable-latent")) return; //不能选的觉醒直接退出
+ const lIdx = parseInt(this.getAttribute("data-latent-icon"), 10); //潜觉的序号
+ const maxLatentCount = getMaxLatentCount(editBox.mid); //最大潜觉数量
+ const usedHoleN = usedHole(editBox.latent); //已经使用了的格子
+ const enabledHole = maxLatentCount - usedHoleN; //还剩余的格子
+
+ if (latentUseHole(lIdx) <= enabledHole)
+ editBox.latent.push(lIdx);
+ else
+ return;
+
+ editBox.reCalculateAbility();
+ editBox.refreshLatent(editBox.latent, editBox.mid);
+ }
+ monEditLatentsAllowable.forEach(la => la.onclick = addLatent);
+
+ //编辑界面重新计算怪物的能力
+ function reCalculateAbility() {
+ const monid = parseInt(monstersID.value || 0, 10);
+ const level = parseInt(monEditLv.value || 0, 10);
+
+ const mAwokenNumIpt = monEditAwokensRow.querySelector("input[name='awoken-number']:checked");
+ const awoken = mAwokenNumIpt ? parseInt(mAwokenNumIpt.value, 10) : 0;
+ const plus = [
+ parseInt(monEditAddHp.value || 0, 10),
+ parseInt(monEditAddAtk.value || 0, 10),
+ parseInt(monEditAddRcv.value || 0, 10)
+ ];
+ const latent = editBox.latent;
+ const tempMon = {
+ id: monid,
+ level: level,
+ plus: plus,
+ awoken: awoken,
+ latent: latent
+ };
+ const abilitys = calculateAbility(tempMon, null, solo, teamsCount) || [0, 0, 0];
+
+ monEditHpValue.innerHTML = abilitys[0].toLocaleString();
+ monEditAtkValue.innerHTML = abilitys[1].toLocaleString();
+ monEditRcvValue.innerHTML = abilitys[2].toLocaleString();
+ }
+ editBox.reCalculateAbility = reCalculateAbility;
+
+ const btnCancel = editBox.querySelector(".button-cancel");
+ const btnDone = editBox.querySelector(".button-done");
+ const btnNull = editBox.querySelector(".button-null");
+ const btnDelay = editBox.querySelector(".button-delay");
+ btnCancel.onclick = function() {
+ btnDone.classList.remove("cant-assist");
+ btnDone.disabled = false;
+ editBox.memberIdx = [];
+ editBox.hide();
+ };
+ btnDone.onclick = function() {
+ if (parseInt(monEditLv.value, 10) == 0) {
+ btnNull.onclick();
+ return;
+ }
+ const mon = editBox.isAssist ? new MemberAssist() : new MemberTeam();
+ const teamData = formation.teams[editBox.memberIdx[0]];
+ const teamBigBox = teamBigBoxs[editBox.memberIdx[0]];
+ const teamBox = teamBigBox.querySelector(".team-box");
+
+ teamData[editBox.memberIdx[1]][editBox.memberIdx[2]] = mon;
+
+ mon.id = parseInt(monstersID.value, 10);
+ const card = Cards[mon.id] || Cards[0];
+ const skill = Skills[card.activeSkillId];
+
+ mon.level = parseInt(monEditLv.value, 10);
+
+ const mAwokenNumIpt = monEditAwokensRow.querySelector("input[name='awoken-number']:checked");
+ mon.awoken = mAwokenNumIpt ? parseInt(mAwokenNumIpt.value, 10) : 0;
+ if (card.superAwakenings.length) //如果支持超觉醒
+ {
+ const mSAwokenChoIpt = monEditSAwokensRow.querySelector("input[name='sawoken-choice']:checked");
+ mon.sawoken = mSAwokenChoIpt ? parseInt(mSAwokenChoIpt.value, 10) : -1;
+ }
+
+ if (card.types.some(t => { return t == 0 || t == 12 || t == 14 || t == 15; }) &&
+ (!card.overlay || mon.level >= card.maxLevel)) { //当4种特殊type的时候是无法297和打觉醒的，但是不能叠加的在未满级时可以
+ mon.plus = [0, 0, 0];
+ } else {
+ mon.plus[0] = parseInt(monEditAddHp.value) || 0;
+ mon.plus[1] = parseInt(monEditAddAtk.value) || 0;
+ mon.plus[2] = parseInt(monEditAddRcv.value) || 0;
+ if (!editBox.isAssist) { //如果不是辅助，则可以设定潜觉
+ mon.latent = editBox.latent.concat()
+ .sort((a, b) => latentUseHole(b) - latentUseHole(a)); //并排序
+ }
+ }
+
+ const skillLevelNum = parseInt(skillLevel.value, 10);
+ if (skillLevelNum < skill.maxLevel) {
+ mon.skilllevel = skillLevelNum;
+ }
+ changeid(mon, editBox.monsterHead, editBox.memberIdx[1] ? null : editBox.latentBox);
+
+ const teamAbilityDom = teamBigBox.querySelector(".team-ability");
+ refreshAbility(teamAbilityDom, teamData, editBox.memberIdx[2]); //本人能力值
+
+ const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
+ if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData);
+ const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
+ if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);
+
+ const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计
+ if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom, teamData);
+ const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计
+ if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams);
+
+ //刷新改队员的CD
+ refreshMemberSkillCD(teamBox, teamData, editBox.memberIdx[2]);
+ creatNewUrl();
+ editBox.hide();
+ };
+ window.onkeydown = function(e) {
+ if (!editBox.classList.contains(className_displayNone)) {
+ if (e.keyCode == 27) { //按下ESC时，自动关闭编辑窗
+ btnCancel.onclick();
+ }
+ }
+ };
+ btnNull.onclick = function() { //空位置
+ const mon = new Member();
+ const teamBigBox = teamBigBoxs[editBox.memberIdx[0]];
+ const teamData = formation.teams[editBox.memberIdx[0]];
+ teamData[editBox.memberIdx[1]][editBox.memberIdx[2]] = mon;
+
+ changeid(mon, editBox.monsterHead, editBox.latentBox);
+
+ const teamAbilityDom = teamBigBox.querySelector(".team-ability");
+ refreshAbility(teamAbilityDom, teamData, editBox.memberIdx[2]); //本人能力值
+
+ const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
+ if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData);
+ const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
+ if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);
+
+ const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计
+ if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom, teamData);
+ const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计
+ if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams);
+
+ //刷新改队员的CD
+ refreshMemberSkillCD(teamBigBox, teamData, editBox.memberIdx[2]);
+
+ creatNewUrl();
+ editBox.hide();
+ };
+ btnDelay.onclick = function() { //应对威吓
+ const mon = new MemberDelay();
+ const teamBigBox = teamBigBoxs[editBox.memberIdx[0]];
+ const teamData = formation.teams[editBox.memberIdx[0]];
+ teamData[editBox.memberIdx[1]][editBox.memberIdx[2]] = mon;
+
+ changeid(mon, editBox.monsterHead, editBox.latentBox);
+
+ const teamAbilityDom = teamBigBox.querySelector(".team-ability");
+ refreshAbility(teamAbilityDom, teamData, editBox.memberIdx[2]); //本人能力值
+
+ const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
+ if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData);
+ const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
+ if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);
+
+ const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计
+ if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom, teamData);
+ const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计
+ if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams);
+
+ //刷新改队员的CD
+ refreshMemberSkillCD(teamBigBox, teamData, editBox.memberIdx[2]);
+
+ creatNewUrl();
+ editBox.hide();
+ };
+
+ //语言选择
+ const langList = controlBox.querySelector(".languages");
+ langList.onchange = function() {
+ creatNewUrl({ "language": this.value });
+ history.go();
+ };
+ //数据源选择
+ const dataList = controlBox.querySelector(".datasource");
+ dataList.onchange = function() {
+ creatNewUrl({ datasource: this.value });
+ history.go();
+ };
+
+ /*添对应语言执行的JS*/
+ const languageJS = document.head.appendChild(document.createElement("script"));
+ languageJS.id = "language-js";
+ languageJS.type = "text/javascript";
+ languageJS.src = "languages/" + currentLanguage.i18n + ".js";
+
+ if (isGuideMod) //图鉴模式直接打开搜索框
+ showSearch([]);
}
//编辑界面点击每个怪物的头像的处理
-function clickMonHead(e)
-{
- let team = parseInt(this.getAttribute("data-team"),10);
- let assist = parseInt(this.getAttribute("data-assist"),10);
- let index = parseInt(this.getAttribute("data-index"),10);
- editMon(team,assist,index);
- return false; //没有false将会打开链接
+function clickMonHead(e) {
+ let team = parseInt(this.getAttribute("data-team"), 10);
+ let assist = parseInt(this.getAttribute("data-assist"), 10);
+ let index = parseInt(this.getAttribute("data-index"), 10);
+ editMon(team, assist, index);
+ return false; //没有false将会打开链接
}
//编辑界面每个怪物的头像的拖动
-function dragStartMonHead(e)
-{
- let team = parseInt(this.getAttribute("data-team"),10);
- let assist = parseInt(this.getAttribute("data-assist"),10);
- let index = parseInt(this.getAttribute("data-index"),10);
- e.dataTransfer.setData('from',[team,assist,index].join(","));
+function dragStartMonHead(e) {
+ let team = parseInt(this.getAttribute("data-team"), 10);
+ let assist = parseInt(this.getAttribute("data-assist"), 10);
+ let index = parseInt(this.getAttribute("data-index"), 10);
+ e.dataTransfer.setData('from', [team, assist, index].join(","));
}
//编辑界面每个怪物的头像的经过，阻止事件发生
-function dropOverMonHead(e)
-{
- e.preventDefault();
+function dropOverMonHead(e) {
+ e.preventDefault();
}
//从怪物头像获取队员的队伍编号
-function getMemberArrayIndexFromMonHead(headDom)
-{
- return [
- parseInt(headDom.getAttribute("data-team"),10),
- parseInt(headDom.getAttribute("data-assist"),10),
- parseInt(headDom.getAttribute("data-index"),10),
- ];
+function getMemberArrayIndexFromMonHead(headDom) {
+ return [
+ parseInt(headDom.getAttribute("data-team"), 10),
+ parseInt(headDom.getAttribute("data-assist"), 10),
+ parseInt(headDom.getAttribute("data-index"), 10),
+ ];
}
//编辑界面每个怪物的头像的放下
-function dropMonHead(e)
-{
- const dataFrom = e.dataTransfer.getData('from').split(",").map((i)=>{return parseInt(i,10);});
- const dataTo = getMemberArrayIndexFromMonHead(this);
-
- if ((dataTo[0] != dataFrom[0]) ||
- (dataTo[1] != dataFrom[1]) ||
- (dataTo[2] != dataFrom[2]))
- { //必须有所不同才继续交换
- interchangeCard(dataFrom,dataTo);
- }
- return false; //没有false将会打开链接
+function dropMonHead(e) {
+ const dataFrom = e.dataTransfer.getData('from').split(",").map((i) => { return parseInt(i, 10); });
+ const dataTo = getMemberArrayIndexFromMonHead(this);
+
+ if ((dataTo[0] != dataFrom[0]) ||
+ (dataTo[1] != dataFrom[1]) ||
+ (dataTo[2] != dataFrom[2])) { //必须有所不同才继续交换
+ interchangeCard(dataFrom, dataTo);
+ }
+ return false; //没有false将会打开链接
}
//移动端编辑界面每个怪物的头像的放下
-function touchstartMonHead(e)
-{
- e.stopPropagation();
- //console.log("开始触摸",e,this);
- const tc = e.changedTouches[0];
- const pX = tc.pageX, pY = tc.pageY;
- interchangeSVG.style.display = "none";
- interchangeSVG.changePoint({x:pX,y:pY},{x:pX,y:pY});
+function touchstartMonHead(e) {
+ e.stopPropagation();
+ //console.log("开始触摸",e,this);
+ const tc = e.changedTouches[0];
+ const pX = tc.pageX,
+ pY = tc.pageY;
+ interchangeSVG.style.display = "none";
+ interchangeSVG.changePoint({ x: pX, y: pY }, { x: pX, y: pY });
}
//移动端编辑界面每个怪物的头像的移动
-function touchmoveMonHead(e)
-{
- //console.log("移动中",e,this);
- const tc = e.changedTouches[0];
- const pX = tc.pageX, pY = tc.pageY;
- const rect = this.getBoundingClientRect();
- const top = rect.top + document.documentElement.scrollTop;
- const left = rect.left + document.documentElement.scrollLeft;
- if ((pY < top) || (pY > (top + rect.height)) ||
- (pX < left) || (pX > (left + rect.width)))
- {
- interchangeSVG.style.display = "block";
- interchangeSVG.changePoint(null,{x:pX,y:pY});
- }else
- {
- interchangeSVG.style.display = "none";
- }
+function touchmoveMonHead(e) {
+ //console.log("移动中",e,this);
+ const tc = e.changedTouches[0];
+ const pX = tc.pageX,
+ pY = tc.pageY;
+ const rect = this.getBoundingClientRect();
+ const top = rect.top + document.documentElement.scrollTop;
+ const left = rect.left + document.documentElement.scrollLeft;
+ if ((pY < top) || (pY > (top + rect.height)) ||
+ (pX < left) || (pX > (left + rect.width))) {
+ interchangeSVG.style.display = "block";
+ interchangeSVG.changePoint(null, { x: pX, y: pY });
+ } else {
+ interchangeSVG.style.display = "none";
+ }
}
//移动端编辑界面每个怪物的头像的结束
-function touchendMonHead(e)
-{
- const tc = e.changedTouches[0];
- const pX = tc.pageX, pY = tc.pageY;
- //console.log("移动结束",pX,pY,e,this);
- interchangeSVG.style.display = "none";
- interchangeSVG.changePoint(null,{x:pX,y:pY});
- let target = allMembers.find(m=>{
- const rect = m.getBoundingClientRect();
- const top = rect.top + document.documentElement.scrollTop;
- const left = rect.left + document.documentElement.scrollLeft;
- const isInRect = (pY > top) && (pY < (top + rect.height)) &&
- (pX > left) && (pX < (left + rect.width));
- return isInRect;
- });
- if (target && this != target)
- {
- //console.log("找到的对象",targets[0]);
- let dataFrom = getMemberArrayIndexFromMonHead(this);
- let dataTo = getMemberArrayIndexFromMonHead(target);
-
- if ((dataTo[0] != dataFrom[0]) ||
- (dataTo[1] != dataFrom[1]) ||
- (dataTo[2] != dataFrom[2]))
- { //必须有所不同才继续交换
- interchangeCard(dataFrom,dataTo);
- }
- }
+function touchendMonHead(e) {
+ const tc = e.changedTouches[0];
+ const pX = tc.pageX,
+ pY = tc.pageY;
+ //console.log("移动结束",pX,pY,e,this);
+ interchangeSVG.style.display = "none";
+ interchangeSVG.changePoint(null, { x: pX, y: pY });
+ let target = allMembers.find(m => {
+ const rect = m.getBoundingClientRect();
+ const top = rect.top + document.documentElement.scrollTop;
+ const left = rect.left + document.documentElement.scrollLeft;
+ const isInRect = (pY > top) && (pY < (top + rect.height)) &&
+ (pX > left) && (pX < (left + rect.width));
+ return isInRect;
+ });
+ if (target && this != target) {
+ //console.log("找到的对象",targets[0]);
+ let dataFrom = getMemberArrayIndexFromMonHead(this);
+ let dataTo = getMemberArrayIndexFromMonHead(target);
+
+ if ((dataTo[0] != dataFrom[0]) ||
+ (dataTo[1] != dataFrom[1]) ||
+ (dataTo[2] != dataFrom[2])) { //必须有所不同才继续交换
+ interchangeCard(dataFrom, dataTo);
+ }
+ }
}
//移动端编辑界面每个怪物的头像的取消
-function touchcancelMonHead(e)
-{
- interchangeSVG.style.display = "none";
- console.log("移动取消",e,this);
+function touchcancelMonHead(e) {
+ interchangeSVG.style.display = "none";
+ console.log("移动取消", e, this);
}
-function interchangeCard(formArr,toArr)
-{
- function changeType(member,isAssist)
- {
- if (member.id == 0 || (isAssist && member.id == -1))
- {
- return new Member();
- }else
- {
- const newMember = isAssist ? new MemberTeam() : new MemberAssist();
- newMember.loadFromMember(member);
- return newMember;
- }
- }
- const changeSwapToCopy = controlBox.querySelector("#change-swap-to-copy");//储存交换“复制”和“替换”
- const isCopy = changeSwapToCopy.checked;
- let from = formation.teams[formArr[0]][formArr[1]][formArr[2]];
- let to = formation.teams[toArr[0]][toArr[1]][toArr[2]];
- if(formArr[1] != toArr[1]) //从武器拖到非武器才改变类型
- {
- from = changeType(from,formArr[1]);
- if (!isCopy) to = changeType(to,toArr[1]);
- }else if (isCopy)
- {
- const newFrom = new from.constructor();
- newFrom.loadFromMember(from);
- from = newFrom;
- }
- formation.teams[toArr[0]][toArr[1]][toArr[2]] = from;
- if (!isCopy) formation.teams[formArr[0]][formArr[1]][formArr[2]] = to;
- creatNewUrl(); //刷新URL
- refreshAll(formation); //刷新全部
+function interchangeCard(formArr, toArr) {
+ function changeType(member, isAssist) {
+ if (member.id == 0 || (isAssist && member.id == -1)) {
+ return new Member();
+ } else {
+ const newMember = isAssist ? new MemberTeam() : new MemberAssist();
+ newMember.loadFromMember(member);
+ return newMember;
+ }
+ }
+ const changeSwapToCopy = controlBox.querySelector("#change-swap-to-copy"); //储存交换“复制”和“替换”
+ const isCopy = changeSwapToCopy.checked;
+ let from = formation.teams[formArr[0]][formArr[1]][formArr[2]];
+ let to = formation.teams[toArr[0]][toArr[1]][toArr[2]];
+ if (formArr[1] != toArr[1]) //从武器拖到非武器才改变类型
+ {
+ from = changeType(from, formArr[1]);
+ if (!isCopy) to = changeType(to, toArr[1]);
+ } else if (isCopy) {
+ const newFrom = new from.constructor();
+ newFrom.loadFromMember(from);
+ from = newFrom;
+ }
+ formation.teams[toArr[0]][toArr[1]][toArr[2]] = from;
+ if (!isCopy) formation.teams[formArr[0]][formArr[1]][formArr[2]] = to;
+
+ creatNewUrl(); //刷新URL
+ refreshAll(formation); //刷新全部
}
//改变一个怪物头像
-function changeid(mon,monDom,latentDom)
-{
- let fragment = document.createDocumentFragment(); //创建节点用的临时空间
- const parentNode = monDom.parentNode;
- fragment.appendChild(monDom);
- const monId = mon.id;
- const card = Cards[monId] || Cards[0]; //怪物固定数据
- monDom.setAttribute("data-cardid", monId); //设定新的id
- if (monId<0) //如果是延迟
- {
- monDom.removeAttribute("href");
- monDom.removeAttribute("title");
- parentNode.classList.add("delay");
- parentNode.classList.remove("null");
- parentNode.appendChild(fragment);
- if (latentDom) latentDom.classList.add(className_displayNone);
- return;
- }else if (monId==0) //如果是空
- {
- monDom.removeAttribute("href");
- monDom.removeAttribute("title");
- parentNode.classList.add("null");
- parentNode.classList.remove("delay");
- parentNode.appendChild(fragment);
- if (latentDom) latentDom.classList.add(className_displayNone);
- return;
- }else if (monId>-1) //如果提供了id
- {
- parentNode.classList.remove("null");
- parentNode.classList.remove("delay");
-
- monDom.setAttribute("data-cards-pic-idx",Math.ceil(monId/100)); //添加图片编号
- const idxInPage = (monId-1) % 100; //获取当前页面的总序号
- monDom.setAttribute("data-cards-pic-x", idxInPage % 10); //添加X方向序号
- monDom.setAttribute("data-cards-pic-y", Math.floor(idxInPage / 10)); //添加Y方向序号
-
- monDom.querySelector(".property").setAttribute("data-property", card.attrs[0]); //主属性
- monDom.querySelector(".subproperty").setAttribute("data-property", card.attrs[1]); //副属性
-
- monDom.title = "No." + monId + " " + (card.otLangName ? (card.otLangName[currentLanguage.searchlist[0]] || card.name) : card.name);
- monDom.href = currentLanguage.guideURL(monId, card.name);
- if (card.canAssist)
- monDom.classList.add("allowable-assist");
- else
- monDom.classList.remove("allowable-assist");
- if (card.awakenings.includes(49))//武器
- monDom.classList.add("wepon");
- else
- monDom.classList.remove("wepon");
- }
- const levelDom = monDom.querySelector(".level");
- if (levelDom) //如果提供了等级
- {
- const level = mon.level || 1;
- levelDom.innerHTML = level;
- if (level == card.maxLevel)
- { //如果等级刚好等于最大等级，则修改为“最大”的字
- levelDom.classList.add("max");
- }else
- {
- levelDom.classList.remove("max");
- }
- if (card.limitBreakIncr && level >= card.maxLevel)
- { //如果支持超觉，并且等级超过99，就添加支持超觉的蓝色
- levelDom.classList.add("_110");
- }else
- {
- levelDom.classList.remove("_110");
- }
- }
- const awokenIcon = monDom.querySelector(".awoken-count");
- if (awokenIcon)
- {
- if (card.awakenings.length < 1 || mon.awoken == 0) //没觉醒
- {
- awokenIcon.classList.add(className_displayNone);
- awokenIcon.innerHTML = "";
- }else if (mon.awoken > 1) //如果提供了觉醒
- {
- awokenIcon.classList.remove(className_displayNone);
- awokenIcon.innerHTML = mon.awoken;
- if (mon.awoken == card.awakenings.length)
- {
- awokenIcon.classList.add("full-awoken");
- }else
- {
- awokenIcon.classList.remove("full-awoken");
- }
- }
- }
- const sawoken = monDom.querySelector(".super-awoken");
- if (sawoken) //如果存在超觉醒的DOM且提供了超觉醒
- {
- if (mon.sawoken != undefined && mon.sawoken>=0 && card.superAwakenings.length)
- {
- sawoken.classList.remove(className_displayNone);
- const sawokenIcon = sawoken.querySelector(".awoken-icon");
- sawokenIcon.setAttribute("data-awoken-icon",card.superAwakenings[mon.sawoken]);
- }else
- {
- sawoken.classList.add(className_displayNone);
- }
- }
- const m_id = monDom.querySelector(".id");
- if (m_id) //怪物ID
- {
- m_id.innerHTML = monId;
- }
- const plusArr = mon.plus || [0,0,0];
- const plusDom = monDom.querySelector(".plus");
- if (plusArr && plusDom) //如果提供了加值，且怪物头像内有加值
- {
- const plusCount = plusArr[0]+plusArr[1]+plusArr[2];
- if (plusCount <= 0)
- {
- plusDom.classList.add(className_displayNone);
- }else if (plusCount >= 297)
- {
- plusDom.classList.add("has297");
- plusDom.classList.remove(className_displayNone);
- }else
- {
- plusDom.querySelector(".hp").innerHTML = plusArr[0];
- plusDom.querySelector(".atk").innerHTML = plusArr[1];
- plusDom.querySelector(".rcv").innerHTML = plusArr[2];
- plusDom.classList.remove("has297");
- plusDom.classList.remove(className_displayNone);
- }
- }
- if (latentDom)
- {
- if (mon.latent) //如果提供了潜觉
- {
- const latent = mon.latent;
- if (latent.length < 1)
- {
- latentDom.classList.add(className_displayNone);
- }else
- {
- const latentDoms = Array.from(latentDom.querySelectorAll("li"));
- refreshLatent(latent,mon.id,latentDoms);
- latentDom.classList.remove(className_displayNone);
- }
- }else
- {
- latentDom.classList.add(className_displayNone);
- }
- }
-
- const skillCdDom = monDom.querySelector(".skill");
- if (skillCdDom) //如果存在技能CD DOM
- {
- //const skill = Skills[card.activeSkillId];
- if (card.activeSkillId == 0)
- {
- skillCdDom.classList.add(className_displayNone);
- }else
- {
- skillCdDom.classList.remove(className_displayNone);
- }
- }
+function changeid(mon, monDom, latentDom) {
+ let fragment = document.createDocumentFragment(); //创建节点用的临时空间
+ const parentNode = monDom.parentNode;
+ fragment.appendChild(monDom);
+ const monId = mon.id;
+ const card = Cards[monId] || Cards[0]; //怪物固定数据
+ monDom.setAttribute("data-cardid", monId); //设定新的id
+ if (monId < 0) //如果是延迟
+ {
+ monDom.removeAttribute("href");
+ monDom.removeAttribute("title");
+ parentNode.classList.add("delay");
+ parentNode.classList.remove("null");
+ parentNode.appendChild(fragment);
+ if (latentDom) latentDom.classList.add(className_displayNone);
+ return;
+ } else if (monId == 0) //如果是空
+ {
+ monDom.removeAttribute("href");
+ monDom.removeAttribute("title");
+ parentNode.classList.add("null");
+ parentNode.classList.remove("delay");
+ parentNode.appendChild(fragment);
+ if (latentDom) latentDom.classList.add(className_displayNone);
+ return;
+ } else if (monId > -1) //如果提供了id
+ {
+ parentNode.classList.remove("null");
+ parentNode.classList.remove("delay");
+
+ monDom.setAttribute("data-cards-pic-idx", Math.ceil(monId / 100)); //添加图片编号
+ const idxInPage = (monId - 1) % 100; //获取当前页面的总序号
+ monDom.setAttribute("data-cards-pic-x", idxInPage % 10); //添加X方向序号
+ monDom.setAttribute("data-cards-pic-y", Math.floor(idxInPage / 10)); //添加Y方向序号
+
+ monDom.querySelector(".property").setAttribute("data-property", card.attrs[0]); //主属性
+ monDom.querySelector(".subproperty").setAttribute("data-property", card.attrs[1]); //副属性
+
+ monDom.title = "No." + monId + " " + (card.otLangName ? (card.otLangName[currentLanguage.searchlist[0]] || card.name) : card.name);
+ monDom.href = currentLanguage.guideURL(monId, card.name);
+ if (card.canAssist)
+ monDom.classList.add("allowable-assist");
+ else
+ monDom.classList.remove("allowable-assist");
+ if (card.awakenings.includes(49)) //武器
+ monDom.classList.add("wepon");
+ else
+ monDom.classList.remove("wepon");
+ }
+ const levelDom = monDom.querySelector(".level");
+ if (levelDom) //如果提供了等级
+ {
+ const level = mon.level || 1;
+ levelDom.innerHTML = level;
+ if (level == card.maxLevel) { //如果等级刚好等于最大等级，则修改为“最大”的字
+ levelDom.classList.add("max");
+ } else {
+ levelDom.classList.remove("max");
+ }
+ if (card.limitBreakIncr && level >= card.maxLevel) { //如果支持超觉，并且等级超过99，就添加支持超觉的蓝色
+ levelDom.classList.add("_110");
+ } else {
+ levelDom.classList.remove("_110");
+ }
+ }
+ const awokenIcon = monDom.querySelector(".awoken-count");
+ if (awokenIcon) {
+ if (card.awakenings.length < 1 || mon.awoken == 0) //没觉醒
+ {
+ awokenIcon.classList.add(className_displayNone);
+ awokenIcon.innerHTML = "";
+ } else if (mon.awoken > 1) //如果提供了觉醒
+ {
+ awokenIcon.classList.remove(className_displayNone);
+ awokenIcon.innerHTML = mon.awoken;
+ if (mon.awoken == card.awakenings.length) {
+ awokenIcon.classList.add("full-awoken");
+ } else {
+ awokenIcon.classList.remove("full-awoken");
+ }
+ }
+ }
+ const sawoken = monDom.querySelector(".super-awoken");
+ if (sawoken) //如果存在超觉醒的DOM且提供了超觉醒
+ {
+ if (mon.sawoken != undefined && mon.sawoken >= 0 && card.superAwakenings.length) {
+ sawoken.classList.remove(className_displayNone);
+ const sawokenIcon = sawoken.querySelector(".awoken-icon");
+ sawokenIcon.setAttribute("data-awoken-icon", card.superAwakenings[mon.sawoken]);
+ } else {
+ sawoken.classList.add(className_displayNone);
+ }
+ }
+ const m_id = monDom.querySelector(".id");
+ if (m_id) //怪物ID
+ {
+ m_id.innerHTML = monId;
+ }
+ const plusArr = mon.plus || [0, 0, 0];
+ const plusDom = monDom.querySelector(".plus");
+ if (plusArr && plusDom) //如果提供了加值，且怪物头像内有加值
+ {
+ const plusCount = plusArr[0] + plusArr[1] + plusArr[2];
+ if (plusCount <= 0) {
+ plusDom.classList.add(className_displayNone);
+ } else if (plusCount >= 297) {
+ plusDom.classList.add("has297");
+ plusDom.classList.remove(className_displayNone);
+ } else {
+ plusDom.querySelector(".hp").innerHTML = plusArr[0];
+ plusDom.querySelector(".atk").innerHTML = plusArr[1];
+ plusDom.querySelector(".rcv").innerHTML = plusArr[2];
+ plusDom.classList.remove("has297");
+ plusDom.classList.remove(className_displayNone);
+ }
+ }
+ if (latentDom) {
+ if (mon.latent) //如果提供了潜觉
+ {
+ const latent = mon.latent;
+ if (latent.length < 1) {
+ latentDom.classList.add(className_displayNone);
+ } else {
+ const latentDoms = Array.from(latentDom.querySelectorAll("li"));
+ refreshLatent(latent, mon.id, latentDoms);
+ latentDom.classList.remove(className_displayNone);
+ }
+ } else {
+ latentDom.classList.add(className_displayNone);
+ }
+ }
+
+ const skillCdDom = monDom.querySelector(".skill");
+ if (skillCdDom) //如果存在技能CD DOM
+ {
+ //const skill = Skills[card.activeSkillId];
+ if (card.activeSkillId == 0) {
+ skillCdDom.classList.add(className_displayNone);
+ } else {
+ skillCdDom.classList.remove(className_displayNone);
+ }
+ }
- parentNode.appendChild(fragment);
+ parentNode.appendChild(fragment);
}
//刷新潜觉
-function refreshLatent(latent,monid,iconArr)
-{
- const maxLatentCount = getMaxLatentCount(monid); //最大潜觉数量
- let latentIndex = 0,usedHoleN = 0;
- for (let ai = 0; ai= usedHoleN && ai < maxLatentCount) //有潜觉
- {
- icon.setAttribute("data-latent-icon", latent[latentIndex]);
- icon.classList.remove(className_displayNone);
- usedHoleN += latentUseHole(latent[latentIndex]);
- latentIndex++;
- }
- else if(ai < usedHoleN) //多格潜觉后方隐藏
- {
- icon.classList.add(className_displayNone);
- }
- else if(ai < maxLatentCount) //没有使用的空格觉醒
- {
- icon.removeAttribute("data-latent-icon");
- icon.classList.remove(className_displayNone);
- }
- else //不需要显示的部分
- {
- icon.classList.add(className_displayNone);
- }
- }
+function refreshLatent(latent, monid, iconArr) {
+ const maxLatentCount = getMaxLatentCount(monid); //最大潜觉数量
+ let latentIndex = 0,
+ usedHoleN = 0;
+ for (let ai = 0; ai < iconArr.length; ai++) {
+ const icon = iconArr[ai];
+ if (latent[latentIndex] != undefined && ai >= usedHoleN && ai < maxLatentCount) //有潜觉
+ {
+ icon.setAttribute("data-latent-icon", latent[latentIndex]);
+ icon.classList.remove(className_displayNone);
+ usedHoleN += latentUseHole(latent[latentIndex]);
+ latentIndex++;
+ } else if (ai < usedHoleN) //多格潜觉后方隐藏
+ {
+ icon.classList.add(className_displayNone);
+ } else if (ai < maxLatentCount) //没有使用的空格觉醒
+ {
+ icon.removeAttribute("data-latent-icon");
+ icon.classList.remove(className_displayNone);
+ } else //不需要显示的部分
+ {
+ icon.classList.add(className_displayNone);
+ }
+ }
};
//点击怪物头像，出现编辑窗
-function editMon(teamNum,isAssist,indexInTeam)
-{
- //数据
- const mon = formation.teams[teamNum][isAssist][indexInTeam];
-
- const teamBigBox = teamBigBoxs[teamNum];
- const teamBox = teamBigBox.querySelector(".team-box");
- const memberBox = teamBox.querySelector(isAssist?".team-assist":".team-members");
- const memberLi = memberBox.querySelector(`.member-${indexInTeam+1}`);
-
- const monsterHead = memberLi.querySelector(".monster");
-
- editBox.show();
-
- editBox.isAssist = isAssist;
- editBox.monsterHead = monsterHead;
- editBox.memberIdx = [teamNum, isAssist, indexInTeam]; //储存队伍数组下标
- if (!isAssist)
- {
- const latentBox = teamBox.querySelector(".team-latents .latents-"+(indexInTeam+1)+" .latent-ul");
- editBox.latentBox = latentBox;
- }else
- {
- editBox.latentBox = null;
- }
-
- const settingBox = editBox.querySelector(".setting-box");
- const monstersID = settingBox.querySelector(".row-mon-id .m-id");
- monstersID.value = mon.id > 0 ? mon.id : 0;
- monstersID.onchange();
- //觉醒
- const monEditAwokens = settingBox.querySelectorAll(".row-mon-awoken .awoken-ul input[name='awoken-number']");
- //if (mon.awoken > 0 && monEditAwokens[mon.awoken]) monEditAwokens[mon.awoken].click(); //涉及到觉醒数字的显示，所以需要点一下，为了减少计算次数，把这一条移动到了最后面
- //超觉醒
- const monEditSAwokensRow = settingBox.querySelector(".row-mon-super-awoken");
- const monEditSAwokens = monEditSAwokensRow.querySelectorAll(".awoken-ul input[name='sawoken-choice']"); //单选框，0号是隐藏的
- monEditSAwokens[(mon.sawoken >= 0 && monEditSAwokens[mon.sawoken+1]) ? mon.sawoken+1 : 0].checked = true;
- monEditSAwokensRow.swaokenIndex = mon.sawoken;
-
- const monEditLv = settingBox.querySelector(".row-mon-level .m-level");
- monEditLv.value = mon.level || 1;
- const monEditAddHp = settingBox.querySelector(".row-mon-plus .m-plus-hp");
- const monEditAddAtk = settingBox.querySelector(".row-mon-plus .m-plus-atk");
- const monEditAddRcv = settingBox.querySelector(".row-mon-plus .m-plus-rcv");
- if (mon.plus && mon.id>0)
- {
- monEditAddHp.value = mon.plus[0];
- monEditAddAtk.value = mon.plus[1];
- monEditAddRcv.value = mon.plus[2];
- }
- const rowMonLatent = settingBox.querySelector(".row-mon-latent");
- const skillLevel = settingBox.querySelector(".row-mon-skill .skill-box .m-skill-level");
- if (mon.skilllevel)
- {
- skillLevel.value = mon.skilllevel;
- }
- skillLevel.onchange();
-
- const editBoxTitle = editBox.querySelector(".edit-box-title");
- const btnDelay = editBox.querySelector(".button-box .button-delay");
- if (!isAssist)
- {
- editBox.latent = mon.latent ? mon.latent.concat() : [];
- editBox.refreshLatent(editBox.latent, mon.id);
- btnDelay.classList.add(className_displayNone);
- rowMonLatent.classList.remove(className_displayNone);
- editBoxTitle.classList.remove("edit-box-title-assist");
- }else
- {
- btnDelay.classList.remove(className_displayNone);
- rowMonLatent.classList.add(className_displayNone);
- editBoxTitle.classList.add("edit-box-title-assist");
- }
- editBox.reCalculateExp();
- if (mon.awoken > 0 && monEditAwokens[mon.awoken])
- monEditAwokens[mon.awoken].click(); //涉及到觉醒数字的显示，所以需要点一下
- else
- editBox.reCalculateAbility();
+function editMon(teamNum, isAssist, indexInTeam) {
+ //数据
+ const mon = formation.teams[teamNum][isAssist][indexInTeam];
+
+ const teamBigBox = teamBigBoxs[teamNum];
+ const teamBox = teamBigBox.querySelector(".team-box");
+ const memberBox = teamBox.querySelector(isAssist ? ".team-assist" : ".team-members");
+ const memberLi = memberBox.querySelector(`.member-${indexInTeam+1}`);
+
+ const monsterHead = memberLi.querySelector(".monster");
+
+ editBox.show();
+
+ editBox.isAssist = isAssist;
+ editBox.monsterHead = monsterHead;
+ editBox.memberIdx = [teamNum, isAssist, indexInTeam]; //储存队伍数组下标
+ if (!isAssist) {
+ const latentBox = teamBox.querySelector(".team-latents .latents-" + (indexInTeam + 1) + " .latent-ul");
+ editBox.latentBox = latentBox;
+ } else {
+ editBox.latentBox = null;
+ }
+
+ const settingBox = editBox.querySelector(".setting-box");
+ const monstersID = settingBox.querySelector(".row-mon-id .m-id");
+ monstersID.value = mon.id > 0 ? mon.id : 0;
+ monstersID.onchange();
+ //觉醒
+ const monEditAwokens = settingBox.querySelectorAll(".row-mon-awoken .awoken-ul input[name='awoken-number']");
+ //if (mon.awoken > 0 && monEditAwokens[mon.awoken]) monEditAwokens[mon.awoken].click(); //涉及到觉醒数字的显示，所以需要点一下，为了减少计算次数，把这一条移动到了最后面
+ //超觉醒
+ const monEditSAwokensRow = settingBox.querySelector(".row-mon-super-awoken");
+ const monEditSAwokens = monEditSAwokensRow.querySelectorAll(".awoken-ul input[name='sawoken-choice']"); //单选框，0号是隐藏的
+ monEditSAwokens[(mon.sawoken >= 0 && monEditSAwokens[mon.sawoken + 1]) ? mon.sawoken + 1 : 0].checked = true;
+ monEditSAwokensRow.swaokenIndex = mon.sawoken;
+
+ const monEditLv = settingBox.querySelector(".row-mon-level .m-level");
+ monEditLv.value = mon.level || 1;
+ const monEditAddHp = settingBox.querySelector(".row-mon-plus .m-plus-hp");
+ const monEditAddAtk = settingBox.querySelector(".row-mon-plus .m-plus-atk");
+ const monEditAddRcv = settingBox.querySelector(".row-mon-plus .m-plus-rcv");
+ if (mon.plus && mon.id > 0) {
+ monEditAddHp.value = mon.plus[0];
+ monEditAddAtk.value = mon.plus[1];
+ monEditAddRcv.value = mon.plus[2];
+ }
+ const rowMonLatent = settingBox.querySelector(".row-mon-latent");
+ const skillLevel = settingBox.querySelector(".row-mon-skill .skill-box .m-skill-level");
+ if (mon.skilllevel) {
+ skillLevel.value = mon.skilllevel;
+ }
+ skillLevel.onchange();
+
+ const editBoxTitle = editBox.querySelector(".edit-box-title");
+ const btnDelay = editBox.querySelector(".button-box .button-delay");
+ if (!isAssist) {
+ editBox.latent = mon.latent ? mon.latent.concat() : [];
+ editBox.refreshLatent(editBox.latent, mon.id);
+ btnDelay.classList.add(className_displayNone);
+ rowMonLatent.classList.remove(className_displayNone);
+ editBoxTitle.classList.remove("edit-box-title-assist");
+ } else {
+ btnDelay.classList.remove(className_displayNone);
+ rowMonLatent.classList.add(className_displayNone);
+ editBoxTitle.classList.add("edit-box-title-assist");
+ }
+ editBox.reCalculateExp();
+ if (mon.awoken > 0 && monEditAwokens[mon.awoken])
+ monEditAwokens[mon.awoken].click(); //涉及到觉醒数字的显示，所以需要点一下
+ else
+ editBox.reCalculateAbility();
}
//编辑窗，修改怪物ID
-function editBoxChangeMonId(id)
-{
- const card = Cards[id] || Cards[0]; //怪物固定数据
- if (card.id == 0){
- id = 0;
- }
- const skill = Skills[card.activeSkillId];
- const leaderSkill = Skills[card.leaderSkillId];
-
- let fragment = null;
-
- const monInfoBox = editBox.querySelector(".monsterinfo-box");
- const settingBox = editBox.querySelector(".setting-box");
-
- //id搜索
- const monHead = monInfoBox.querySelector(".monster");
- changeid({id:id},monHead); //改变图像
- const mId = monInfoBox.querySelector(".monster-id");
- mId.innerHTML = id;
- const mRare = monInfoBox.querySelector(".monster-rare");
- mRare.setAttribute("data-rarity",card.rarity);
- const mCost = monInfoBox.querySelector(".monster-cost");
- mCost.innerHTML = card.cost;
- /*const mExp = monInfoBox.querySelector(".monster-exp");
- mExp.innerHTML = card.exp.max;*/
- const mName = monInfoBox.querySelector(".monster-name");
- mName.innerHTML = returnMonsterNameArr(card, currentLanguage.searchlist, currentDataSource.code)[0];
- const mSeriesId = monInfoBox.querySelector(".monster-seriesId");
- mSeriesId.innerHTML = card.seriesId;
- mSeriesId.setAttribute("data-seriesId",card.seriesId);
- if (card.seriesId == 0)
- {
- mSeriesId.classList.add(className_displayNone);
- }else
- {
- mSeriesId.classList.remove(className_displayNone);
- }
- const mCollabId = monInfoBox.querySelector(".monster-collabId");
- mCollabId.innerHTML = card.collabId;
- mCollabId.setAttribute("data-collabId",card.collabId);
- if (card.collabId == 0)
- {
- mCollabId.classList.add(className_displayNone);
- }else
- {
- mCollabId.classList.remove(className_displayNone);
- }
- const mAltName = monInfoBox.querySelector(".monster-altName");
- mAltName.innerHTML = card.altName;
- mAltName.setAttribute("data-altName",card.altName);
-
- if (card.altName.length == 0)
- { //当没有合作名
- mAltName.classList.add(className_displayNone);
- }else
- {
- mAltName.classList.remove(className_displayNone);
- }
-
- const evoCardUl = settingBox.querySelector(".row-mon-id .evo-card-list");
- evoCardUl.style.display = "none";
- evoCardUl.innerHTML = ""; //据说直接清空HTML性能更好
-
- const evoLinkCardsIdArray = Cards.filter(function(m){
- return m.evoRootId == card.evoRootId;
- }).map(function(m){return m.id;}); //筛选出相同进化链的
-
- const createCardHead = editBox.createCardHead;
- if (evoLinkCardsIdArray.length>1)
- {
- fragment = document.createDocumentFragment(); //创建节点用的临时空间
- evoLinkCardsIdArray.forEach(function(mid){
- const cli = createCardHead(mid);
- if (mid == id)
- {
- cli.classList.add("unable-monster");
- }
- fragment.appendChild(cli);
- });
- evoCardUl.appendChild(fragment);
- evoCardUl.style.display = "block";
- }
-
- const mType = monInfoBox.querySelectorAll(".monster-type li");
- for (let ti=0;ti= 0)
- {
- mType[ti].setAttribute("data-type-name",card.types[ti]);
- mType[ti].querySelector(".type-icon").setAttribute("data-type-icon",card.types[ti]);
- mType[ti].classList.remove(className_displayNone);
- }else
- {
- mType[ti].classList.add(className_displayNone);
- }
- }
-
- const monEditAwokensRow = settingBox.querySelector(".row-mon-awoken .awoken-ul");
- const mAwokenIcon = monEditAwokensRow.querySelectorAll(".awoken-icon");
- const mAwokenIpt = monEditAwokensRow.querySelectorAll("input[name='awoken-number']");
- if (card.canAssist)
- {
- monEditAwokensRow.classList.add("allowable-assist");
- }else
- {
- monEditAwokensRow.classList.remove("allowable-assist");
- }
- for (let ai=0;ai0) //辅助时也还是加入超觉醒吧
- {
- for (let ai=0;aii>=0)
- .map(type=>type_allowable_latent[type])
- .forEach(tA => tA.forEach(t=>allowLatent.add(t)));
-
- typekiller_for_type.forEach(type=>{ //显示允许的杀，隐藏不允许的杀
- const latentDom = monLatentAllowUl.querySelector(`.latent-icon[data-latent-icon='${type.latent}']`);
- if (!latentDom) return;
- if (allowLatent.has(type.latent))
- {
- latentDom.classList.remove("unallowable-latent");
- }else
- {
- latentDom.classList.add("unallowable-latent");
- }
- })
-
- //怪物主动技能
- const rowSkill = settingBox.querySelector(".row-mon-skill");
- const skillBox = rowSkill.querySelector(".skill-box");
- const skillTitle = skillBox.querySelector(".skill-name");
- const skillCD = skillBox.querySelector(".skill-cd");
- const skillLevel = skillBox.querySelector(".m-skill-level");
- //const skillLevel_1 = skillBox.querySelector(".m-skill-lv-1");
- const skillLevel_Max = skillBox.querySelector(".m-skill-lv-max");
- const skillDetail = skillBox.querySelector(".skill-datail");
-
- fragment = document.createDocumentFragment(); //创建节点用的临时空间
- fragment.appendChild(skillBox);
-
- skillTitle.innerHTML = descriptionToHTML(skill.name);
- skillTitle.setAttribute("data-skillid", skill.id);
- skillDetail.innerHTML = parseSkillDescription(skill);
- const t_maxLevel = card.overlay || card.types.includes(15) ? 1 : skill.maxLevel; //遇到不能升技的，最大等级强制为1
- skillLevel.max = t_maxLevel;
- skillLevel.value = t_maxLevel;
- skillLevel_Max.value = t_maxLevel;
- skillLevel_Max.innerHTML = skill.maxLevel;
- skillCD.innerHTML = skill.initialCooldown - t_maxLevel + 1;
-
- rowSkill.appendChild(fragment);
-
- //怪物队长技能
- const rowLederSkill = settingBox.querySelector(".row-mon-leader-skill");
- const lskillBox = rowLederSkill.querySelector(".skill-box");
- const lskillTitle = lskillBox.querySelector(".skill-name");
- const lskillDetail = lskillBox.querySelector(".skill-datail");
-
- fragment = document.createDocumentFragment(); //创建节点用的临时空间
- fragment.appendChild(lskillBox);
-
- lskillTitle.innerHTML = descriptionToHTML(leaderSkill.name);
- lskillDetail.innerHTML = parseSkillDescription(leaderSkill);
-
- rowLederSkill.appendChild(fragment);
-
- if (card.overlay || card.types[0] == 15 && card.types[1] == -1)
- { //当可以叠加时，不能打297和潜觉
- rowPlus.classList.add("disabled");
- rowPlus.querySelector(".m-plus-hp").value = 0;
- rowPlus.querySelector(".m-plus-atk").value = 0;
- rowPlus.querySelector(".m-plus-rcv").value = 0;
-
- rowLatent.classList.add("disabled");
- skillLevel.setAttribute("readonly",true);
- }else
- {
- rowPlus.classList.remove("disabled");
- rowLatent.classList.remove("disabled");
- skillLevel.removeAttribute("readonly");
- }
-
- if (editBox.isAssist)
- {
- const btnDone = editBox.querySelector(".button-done");
- if (!card.canAssist)
- {
- btnDone.classList.add("cant-assist");
- btnDone.disabled = true;
- }else
- {
- btnDone.classList.remove("cant-assist");
- btnDone.disabled = false;
- }
- }
-
- const allKillerLatent = typekiller_for_type.map(type=>type.latent);
- //去除所有不能再打的潜觉
- editBox.latent = editBox.latent.filter(lat=>
- !allKillerLatent.includes(lat) ||
- allKillerLatent.includes(lat) && allowLatent.has(lat));
- editBox.refreshLatent(editBox.latent,id);
- editBox.reCalculateExp();
- editBox.reCalculateAbility();
+function editBoxChangeMonId(id) {
+ const card = Cards[id] || Cards[0]; //怪物固定数据
+ if (card.id == 0) {
+ id = 0;
+ }
+ const skill = Skills[card.activeSkillId];
+ const leaderSkill = Skills[card.leaderSkillId];
+
+ let fragment = null;
+
+ const monInfoBox = editBox.querySelector(".monsterinfo-box");
+ const settingBox = editBox.querySelector(".setting-box");
+
+ //id搜索
+ const monHead = monInfoBox.querySelector(".monster");
+ changeid({ id: id }, monHead); //改变图像
+ const mId = monInfoBox.querySelector(".monster-id");
+ mId.innerHTML = id;
+ const mRare = monInfoBox.querySelector(".monster-rare");
+ mRare.setAttribute("data-rarity", card.rarity);
+ const mCost = monInfoBox.querySelector(".monster-cost");
+ mCost.innerHTML = card.cost;
+ /*const mExp = monInfoBox.querySelector(".monster-exp");
+ mExp.innerHTML = card.exp.max;*/
+ const mName = monInfoBox.querySelector(".monster-name");
+ mName.innerHTML = returnMonsterNameArr(card, currentLanguage.searchlist, currentDataSource.code)[0];
+ const mSeriesId = monInfoBox.querySelector(".monster-seriesId");
+ mSeriesId.innerHTML = card.seriesId;
+ mSeriesId.setAttribute("data-seriesId", card.seriesId);
+ if (card.seriesId == 0) {
+ mSeriesId.classList.add(className_displayNone);
+ } else {
+ mSeriesId.classList.remove(className_displayNone);
+ }
+ const mCollabId = monInfoBox.querySelector(".monster-collabId");
+ mCollabId.innerHTML = card.collabId;
+ mCollabId.setAttribute("data-collabId", card.collabId);
+ if (card.collabId == 0) {
+ mCollabId.classList.add(className_displayNone);
+ } else {
+ mCollabId.classList.remove(className_displayNone);
+ }
+ const mAltName = monInfoBox.querySelector(".monster-altName");
+ mAltName.innerHTML = card.altName;
+ mAltName.setAttribute("data-altName", card.altName);
+
+ if (card.altName.length == 0) { //当没有合作名
+ mAltName.classList.add(className_displayNone);
+ } else {
+ mAltName.classList.remove(className_displayNone);
+ }
+
+ const evoCardUl = settingBox.querySelector(".row-mon-id .evo-card-list");
+ evoCardUl.style.display = "none";
+ evoCardUl.innerHTML = ""; //据说直接清空HTML性能更好
+
+ const evoLinkCardsIdArray = Cards.filter(function(m) {
+ return m.evoRootId == card.evoRootId;
+ }).map(function(m) { return m.id; }); //筛选出相同进化链的
+
+ const createCardHead = editBox.createCardHead;
+ if (evoLinkCardsIdArray.length > 1) {
+ fragment = document.createDocumentFragment(); //创建节点用的临时空间
+ evoLinkCardsIdArray.forEach(function(mid) {
+ const cli = createCardHead(mid);
+ if (mid == id) {
+ cli.classList.add("unable-monster");
+ }
+ fragment.appendChild(cli);
+ });
+ evoCardUl.appendChild(fragment);
+ evoCardUl.style.display = "block";
+ }
+
+ const mType = monInfoBox.querySelectorAll(".monster-type li");
+ for (let ti = 0; ti < mType.length; ti++) {
+ if (ti < card.types.length && card.types[ti] >= 0) {
+ mType[ti].setAttribute("data-type-name", card.types[ti]);
+ mType[ti].querySelector(".type-icon").setAttribute("data-type-icon", card.types[ti]);
+ mType[ti].classList.remove(className_displayNone);
+ } else {
+ mType[ti].classList.add(className_displayNone);
+ }
+ }
+
+ const monEditAwokensRow = settingBox.querySelector(".row-mon-awoken .awoken-ul");
+ const mAwokenIcon = monEditAwokensRow.querySelectorAll(".awoken-icon");
+ const mAwokenIpt = monEditAwokensRow.querySelectorAll("input[name='awoken-number']");
+ if (card.canAssist) {
+ monEditAwokensRow.classList.add("allowable-assist");
+ } else {
+ monEditAwokensRow.classList.remove("allowable-assist");
+ }
+ for (let ai = 0; ai < mAwokenIcon.length; ai++) {
+ if (ai < card.awakenings.length) {
+ mAwokenIcon[ai].setAttribute("data-awoken-icon", card.awakenings[ai]);
+ mAwokenIcon[ai].classList.remove(`display-none`);
+ } else {
+ mAwokenIcon[ai].classList.add(`display-none`);
+ }
+ }
+ mAwokenIpt[card.awakenings.length].click(); //选择最后一个觉醒
+
+ //超觉醒
+ const monEditSAwokensRow = settingBox.querySelector(".row-mon-super-awoken");
+ const mSAwoken = monEditSAwokensRow.querySelectorAll(".awoken-ul .awoken-icon");
+ if (card.superAwakenings.length > 0) //辅助时也还是加入超觉醒吧
+ {
+ for (let ai = 0; ai < mSAwoken.length; ai++) {
+ if (ai < card.superAwakenings.length) {
+ mSAwoken[ai].setAttribute("data-awoken-icon", card.superAwakenings[ai]);
+ mSAwoken[ai].classList.remove(`display-none`);
+ } else {
+ mSAwoken[ai].classList.add(`display-none`);
+ }
+ }
+ monEditSAwokensRow.classList.remove(className_displayNone);
+ } else {
+ monEditSAwokensRow.classList.add(className_displayNone);
+ }
+ monEditSAwokensRow.querySelector("#sawoken-choice--1").click(); //选中隐藏的空超觉
+
+ const monEditLvMax = settingBox.querySelector(".m-level-btn-max");
+ monEditLvMax.innerHTML = monEditLvMax.value = card.maxLevel;
+ const monEditLv = settingBox.querySelector(".m-level");
+ monEditLv.max = monEditLv.value = card.maxLevel + (card.limitBreakIncr ? 11 : 0); //默认等级为110
+ const monEditLv110 = settingBox.querySelector(".m-level-btn-110");
+ if (card.limitBreakIncr) {
+ monEditLv110.classList.remove(className_displayNone);
+ } else {
+ monEditLv110.classList.add(className_displayNone);
+ }
+ const rowPlus = settingBox.querySelector(".row-mon-plus");
+ const rowLatent = settingBox.querySelector(".row-mon-latent");
+ const monLatentAllowUl = rowLatent.querySelector(".m-latent-allowable-ul");
+ //该宠Type允许的杀，set不会出现重复的
+ const allowLatent = new Set();
+ card.types
+ .filter(i => i >= 0)
+ .map(type => type_allowable_latent[type])
+ .forEach(tA => tA.forEach(t => allowLatent.add(t)));
+
+ typekiller_for_type.forEach(type => { //显示允许的杀，隐藏不允许的杀
+ const latentDom = monLatentAllowUl.querySelector(`.latent-icon[data-latent-icon='${type.latent}']`);
+ if (!latentDom) return;
+ if (allowLatent.has(type.latent)) {
+ latentDom.classList.remove("unallowable-latent");
+ } else {
+ latentDom.classList.add("unallowable-latent");
+ }
+ })
+
+ //怪物主动技能
+ const rowSkill = settingBox.querySelector(".row-mon-skill");
+ const skillBox = rowSkill.querySelector(".skill-box");
+ const skillTitle = skillBox.querySelector(".skill-name");
+ const skillCD = skillBox.querySelector(".skill-cd");
+ const skillLevel = skillBox.querySelector(".m-skill-level");
+ //const skillLevel_1 = skillBox.querySelector(".m-skill-lv-1");
+ const skillLevel_Max = skillBox.querySelector(".m-skill-lv-max");
+ const skillDetail = skillBox.querySelector(".skill-datail");
+
+ fragment = document.createDocumentFragment(); //创建节点用的临时空间
+ fragment.appendChild(skillBox);
+
+ skillTitle.innerHTML = descriptionToHTML(skill.name);
+ skillTitle.setAttribute("data-skillid", skill.id);
+ skillDetail.innerHTML = parseSkillDescription(skill);
+ const t_maxLevel = card.overlay || card.types.includes(15) ? 1 : skill.maxLevel; //遇到不能升技的，最大等级强制为1
+ skillLevel.max = t_maxLevel;
+ skillLevel.value = t_maxLevel;
+ skillLevel_Max.value = t_maxLevel;
+ skillLevel_Max.innerHTML = skill.maxLevel;
+ skillCD.innerHTML = skill.initialCooldown - t_maxLevel + 1;
+
+ rowSkill.appendChild(fragment);
+
+ //怪物队长技能
+ const rowLederSkill = settingBox.querySelector(".row-mon-leader-skill");
+ const lskillBox = rowLederSkill.querySelector(".skill-box");
+ const lskillTitle = lskillBox.querySelector(".skill-name");
+ const lskillDetail = lskillBox.querySelector(".skill-datail");
+
+ fragment = document.createDocumentFragment(); //创建节点用的临时空间
+ fragment.appendChild(lskillBox);
+
+ lskillTitle.innerHTML = descriptionToHTML(leaderSkill.name);
+ lskillDetail.innerHTML = parseSkillDescription(leaderSkill);
+
+ rowLederSkill.appendChild(fragment);
+
+ if (card.overlay || card.types[0] == 15 && card.types[1] == -1) { //当可以叠加时，不能打297和潜觉
+ rowPlus.classList.add("disabled");
+ rowPlus.querySelector(".m-plus-hp").value = 0;
+ rowPlus.querySelector(".m-plus-atk").value = 0;
+ rowPlus.querySelector(".m-plus-rcv").value = 0;
+
+ rowLatent.classList.add("disabled");
+ skillLevel.setAttribute("readonly", true);
+ } else {
+ rowPlus.classList.remove("disabled");
+ rowLatent.classList.remove("disabled");
+ skillLevel.removeAttribute("readonly");
+ }
+
+ if (editBox.isAssist) {
+ const btnDone = editBox.querySelector(".button-done");
+ if (!card.canAssist) {
+ btnDone.classList.add("cant-assist");
+ btnDone.disabled = true;
+ } else {
+ btnDone.classList.remove("cant-assist");
+ btnDone.disabled = false;
+ }
+ }
+
+ const allKillerLatent = typekiller_for_type.map(type => type.latent);
+ //去除所有不能再打的潜觉
+ editBox.latent = editBox.latent.filter(lat =>
+ !allKillerLatent.includes(lat) ||
+ allKillerLatent.includes(lat) && allowLatent.has(lat));
+ editBox.refreshLatent(editBox.latent, id);
+ editBox.reCalculateExp();
+ editBox.reCalculateAbility();
}
//搜索并显示合作
-function searchColla(collabId)
-{
- if (typeof(collabId) == "string") collabId = parseInt(collabId,10);
- showSearch(Cards.filter(card=>{return card.collabId == collabId;}));
+function searchColla(collabId) {
+ if (typeof(collabId) == "string") collabId = parseInt(collabId, 10);
+ showSearch(Cards.filter(card => { return card.collabId == collabId; }));
}
//刷新整个队伍
-function refreshAll(formationData){
- let fragment = document.createDocumentFragment(); //创建节点用的临时空间
- const titleBox = fragment.appendChild(formationBox.querySelector(".title-box"));
- const detailBox = formationBox.querySelector(".detail-box");
- const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
- const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计
-
- while(formationBox.childNodes.length>0)
- {
- fragment.appendChild(formationBox.childNodes[0]);
- }
+function refreshAll(formationData) {
+ let fragment = document.createDocumentFragment(); //创建节点用的临时空间
+ const titleBox = fragment.appendChild(formationBox.querySelector(".title-box"));
+ const detailBox = formationBox.querySelector(".detail-box");
+ const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
+ const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计
+
+ while (formationBox.childNodes.length > 0) {
+ fragment.appendChild(formationBox.childNodes[0]);
+ }
+
+ const txtTitle = titleBox.querySelector(".title");
+ const txtDetail = detailBox.querySelector(".detail");
+ txtTitle.value = formationData.title || "";
+ txtDetail.value = formationData.detail || "";
+ const txtTitleDisplay = titleBox.querySelector(".title-display");
+ const txtDetailDisplay = detailBox.querySelector(".detail-display");
+ txtTitleDisplay.innerHTML = descriptionToHTML(txtTitle.value);
+ txtDetailDisplay.innerHTML = descriptionToHTML(txtDetail.value);
+ if (txtTitle.value.length == 0)
+ titleBox.classList.add("edit");
+ else
+ titleBox.classList.remove("edit");
+ if (txtDetail.value.length == 0)
+ detailBox.classList.add("edit");
+ else
+ detailBox.classList.remove("edit");
+
+ teamBigBoxs.forEach((teamBigBox, teamNum) => {
+ const teamBox = teamBigBox.querySelector(".team-box");
+ const teamData = formationData.teams[teamNum];
+ const badgeBox = teamBigBox.querySelector(".team-badge");
+ if (badgeBox) {
+ const badge = badgeBox.querySelector(`#team-${teamNum+1}-badge-${teamData[2] || 0}`);
+ badge.checked = true;
+ }
- const txtTitle = titleBox.querySelector(".title");
- const txtDetail = detailBox.querySelector(".detail");
- txtTitle.value = formationData.title || "";
- txtDetail.value = formationData.detail || "";
- const txtTitleDisplay = titleBox.querySelector(".title-display");
- const txtDetailDisplay = detailBox.querySelector(".detail-display");
- txtTitleDisplay.innerHTML = descriptionToHTML(txtTitle.value);
- txtDetailDisplay.innerHTML = descriptionToHTML(txtDetail.value);
- if (txtTitle.value.length == 0)
- titleBox.classList.add("edit");
- else
- titleBox.classList.remove("edit");
- if (txtDetail.value.length == 0)
- detailBox.classList.add("edit");
- else
- detailBox.classList.remove("edit");
-
- teamBigBoxs.forEach((teamBigBox,teamNum)=>{
- const teamBox = teamBigBox.querySelector(".team-box");
- const teamData = formationData.teams[teamNum];
- const badgeBox = teamBigBox.querySelector(".team-badge");
- if (badgeBox)
- {
- const badge = badgeBox.querySelector(`#team-${teamNum+1}-badge-${teamData[2] || 0}`);
- badge.checked = true;
- }
+ const membersDom = teamBox.querySelector(".team-members");
+ const latentsDom = teamBox.querySelector(".team-latents");
+ const assistsDom = teamBox.querySelector(".team-assist");
+ const teamAbilityDom = teamBigBox.querySelector(".team-ability");
+ for (let ti = 0, ti_len = membersDom.querySelectorAll(".member").length; ti < ti_len; ti++) {
+ const member = membersDom.querySelector(`.member-${ti+1} .monster`);
+ const latent = latentsDom.querySelector(`.latents-${ti+1} .latent-ul`);
+ const assist = assistsDom.querySelector(`.member-${ti+1} .monster`);
+ changeid(teamData[0][ti], member, latent); //队员
+ changeid(teamData[1][ti], assist); //辅助
+ refreshMemberSkillCD(teamBox, teamData, ti); //技能CD
+ refreshAbility(teamAbilityDom, teamData, ti); //本人能力值
+ }
+ const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
+ if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData);
- const membersDom = teamBox.querySelector(".team-members");
- const latentsDom = teamBox.querySelector(".team-latents");
- const assistsDom = teamBox.querySelector(".team-assist");
- const teamAbilityDom = teamBigBox.querySelector(".team-ability");
- for (let ti=0,ti_len=membersDom.querySelectorAll(".member").length;tieak.small === ai || eak.big === ai);
- if (equalIndex >= 0)
- {
- const equivalentAwoken = equivalent_awoken[equalIndex];
- if (equivalentAwoken.small === ai)
- {
- const totalNum = awokenCountInTeam(team, equivalentAwoken.small, solo, teamsCount) +
- awokenCountInTeam(team, equivalentAwoken.big, solo, teamsCount) * equivalentAwoken.times;
- setCount(aicon, totalNum);
- }else
- {
- continue;
- }
- }else
- {
- setCount(aicon,awokenCountInTeam(team,ai,solo, teamsCount));
- }
- }
- awokenDom.appendChild(fragment);
+function refreshTeamAwokenCount(awokenDom, team) {
+ let fragment = document.createDocumentFragment(); //创建节点用的临时空间
+ const awokenUL = fragment.appendChild(awokenDom.querySelector(".awoken-ul"));
+
+ function setCount(aicon, number) {
+ if (!aicon) return; //没有这个觉醒就撤回
+ const ali = aicon.parentNode;
+ const countDom = ali.querySelector(".count");
+ countDom.innerHTML = number;
+ if (number)
+ ali.classList.remove(className_displayNone);
+ else
+ ali.classList.add(className_displayNone);
+ }
+ for (let ai = 1; ai <= 72; ai++) {
+ const aicon = awokenUL.querySelector(`.awoken-icon[data-awoken-icon='${ai}']`);
+ if (!aicon) continue; //如果没有这个觉醒图，直接跳过
+ //搜索等效觉醒
+ const equalIndex = equivalent_awoken.findIndex(eak => eak.small === ai || eak.big === ai);
+ if (equalIndex >= 0) {
+ const equivalentAwoken = equivalent_awoken[equalIndex];
+ if (equivalentAwoken.small === ai) {
+ const totalNum = awokenCountInTeam(team, equivalentAwoken.small, solo, teamsCount) +
+ awokenCountInTeam(team, equivalentAwoken.big, solo, teamsCount) * equivalentAwoken.times;
+ setCount(aicon, totalNum);
+ } else {
+ continue;
+ }
+ } else {
+ setCount(aicon, awokenCountInTeam(team, ai, solo, teamsCount));
+ }
+ }
+ awokenDom.appendChild(fragment);
}
//刷新阵型觉醒统计
-function refreshFormationAwokenCount(awokenDom,teams){
- let fragment = document.createDocumentFragment(); //创建节点用的临时空间
- const awokenUL = fragment.appendChild(awokenDom.querySelector(".awoken-ul"));
- function setCount(aicon,number){
- if (!aicon) return; //没有这个觉醒就撤回
- const ali = aicon.parentNode;
- const countDom = ali.querySelector(".count");
- countDom.innerHTML = number;
- if (number)
- ali.classList.remove(className_displayNone);
- else
- ali.classList.add(className_displayNone);
- }
-
- for (let ai=1;ai<=72;ai++)
- {
- const aicon = awokenUL.querySelector(`.awoken-icon[data-awoken-icon='${ai}']`);
- if (!aicon) continue; //如果没有这个觉醒图，直接跳过
- //搜索等效觉醒
- const equalIndex = equivalent_awoken.findIndex(eak=>eak.small === ai || eak.big === ai);
- if (equalIndex >= 0)
- {
- const equivalentAwoken = equivalent_awoken[equalIndex];
- if (equivalentAwoken.small === ai)
- {
- const totalNum = awokenCountInFormation(teams, equivalentAwoken.small, solo) +
- awokenCountInFormation(teams, equivalentAwoken.big, solo) * equivalentAwoken.times;
- setCount(aicon, totalNum);
- }else
- {
- continue;
- }
- }else
- {
- setCount(aicon,awokenCountInFormation(teams,ai,solo));
- }
- }
- awokenDom.appendChild(fragment);
+function refreshFormationAwokenCount(awokenDom, teams) {
+ let fragment = document.createDocumentFragment(); //创建节点用的临时空间
+ const awokenUL = fragment.appendChild(awokenDom.querySelector(".awoken-ul"));
+
+ function setCount(aicon, number) {
+ if (!aicon) return; //没有这个觉醒就撤回
+ const ali = aicon.parentNode;
+ const countDom = ali.querySelector(".count");
+ countDom.innerHTML = number;
+ if (number)
+ ali.classList.remove(className_displayNone);
+ else
+ ali.classList.add(className_displayNone);
+ }
+
+ for (let ai = 1; ai <= 72; ai++) {
+ const aicon = awokenUL.querySelector(`.awoken-icon[data-awoken-icon='${ai}']`);
+ if (!aicon) continue; //如果没有这个觉醒图，直接跳过
+ //搜索等效觉醒
+ const equalIndex = equivalent_awoken.findIndex(eak => eak.small === ai || eak.big === ai);
+ if (equalIndex >= 0) {
+ const equivalentAwoken = equivalent_awoken[equalIndex];
+ if (equivalentAwoken.small === ai) {
+ const totalNum = awokenCountInFormation(teams, equivalentAwoken.small, solo) +
+ awokenCountInFormation(teams, equivalentAwoken.big, solo) * equivalentAwoken.times;
+ setCount(aicon, totalNum);
+ } else {
+ continue;
+ }
+ } else {
+ setCount(aicon, awokenCountInFormation(teams, ai, solo));
+ }
+ }
+ awokenDom.appendChild(fragment);
}
//刷新能力值
-function refreshAbility(abilityDom,team,idx){
- const memberData = team[0][idx];
- const assistData = team[1][idx];
- //基底三维，如果辅助是武器，还要加上辅助的觉醒
- const mainAbility = calculateAbility(memberData, assistData, solo, teamsCount);
- if (mainAbility && memberData.ability)
- {
- for (let ai=0;ai<3;ai++)
- {
- memberData.ability[ai] = mainAbility[ai];
- }
- }
- if (!abilityDom) return; //如果没有dom，直接跳过
- const abilityLi = abilityDom.querySelector(".abilitys-" + (idx+1));
- const hpDom = abilityLi.querySelector(".hp");
- const atkDom = abilityLi.querySelector(".atk");
- const rcvDom = abilityLi.querySelector(".rcv");
- [hpDom,atkDom,rcvDom].forEach(function(div,ai){
- if (mainAbility)
- {
- div.classList.remove(className_displayNone);
- div.innerHTML = memberData.ability[ai];
- }else
- {
- div.classList.add(className_displayNone);
- div.innerHTML = 0;
- }
- });
+function refreshAbility(abilityDom, team, idx) {
+ const memberData = team[0][idx];
+ const assistData = team[1][idx];
+ //基底三维，如果辅助是武器，还要加上辅助的觉醒
+ const mainAbility = calculateAbility(memberData, assistData, solo, teamsCount);
+ if (mainAbility && memberData.ability) {
+ for (let ai = 0; ai < 3; ai++) {
+ memberData.ability[ai] = mainAbility[ai];
+ }
+ }
+ if (!abilityDom) return; //如果没有dom，直接跳过
+ const abilityLi = abilityDom.querySelector(".abilitys-" + (idx + 1));
+ const hpDom = abilityLi.querySelector(".hp");
+ const atkDom = abilityLi.querySelector(".atk");
+ const rcvDom = abilityLi.querySelector(".rcv");
+ [hpDom, atkDom, rcvDom].forEach(function(div, ai) {
+ if (mainAbility) {
+ div.classList.remove(className_displayNone);
+ div.innerHTML = memberData.ability[ai];
+ } else {
+ div.classList.add(className_displayNone);
+ div.innerHTML = 0;
+ }
+ });
}
//刷新队伍能力值合计
-function refreshTeamTotalHP(totalDom,team){
- //计算总的生命值
- if (!totalDom) return;
- const tHpDom = totalDom.querySelector(".tIf-total-hp");
- const tRcvDom = totalDom.querySelector(".tIf-total-rcv");
+function refreshTeamTotalHP(totalDom, team) {
+ //计算总的生命值
+ if (!totalDom) return;
+ const tHpDom = totalDom.querySelector(".tIf-total-hp");
+ const tRcvDom = totalDom.querySelector(".tIf-total-rcv");
+
+ if (tHpDom) {
+ //因为目前仅用于1P、3P，所以直接固定写了
+ const leader1id = team[0][0].id;
+ //const leader2 = teamsCount==2 ? Cards[team2[0][0].id] : Cards[team[0][5].id]; //这个写法无法获得队伍2的队长
+ const leader2id = team[0][5].id;
+
+ const teamHPArr = countTeamHp(team[0], leader1id, leader2id, solo);
+
+ const tHP = teamHPArr.reduce((pv, v) => pv + v); //队伍计算的总HP
+ const teamHPAwoken = awokenCountInTeam(team, 46, solo, teamsCount); //全队大血包个数
+
+ let badgeHPScale = 1; //徽章倍率
+ if (team[2] == 4 && (solo || teamsCount === 3)) {
+ badgeHPScale = 1.05;
+ } else if (team[2] == 11 && (solo || teamsCount === 3)) {
+ badgeHPScale = 1.15;
+ }
- if (tHpDom)
- {
- //因为目前仅用于1P、3P，所以直接固定写了
- const leader1id = team[0][0].id;
- //const leader2 = teamsCount==2 ? Cards[team2[0][0].id] : Cards[team[0][5].id]; //这个写法无法获得队伍2的队长
- const leader2id = team[0][5].id;
-
- const teamHPArr = countTeamHp(team[0],leader1id,leader2id,solo);
-
- const tHP = teamHPArr.reduce((pv,v)=>pv+v); //队伍计算的总HP
- const teamHPAwoken = awokenCountInTeam(team,46,solo, teamsCount); //全队大血包个数
-
- let badgeHPScale = 1; //徽章倍率
- if (team[2] == 4 && (solo || teamsCount === 3))
- {
- badgeHPScale = 1.05;
- }else if (team[2] == 11 && (solo || teamsCount === 3))
- {
- badgeHPScale = 1.15;
- }
+ tHpDom.innerHTML = Math.round(tHP).toString() +
+ (teamHPAwoken > 0 || badgeHPScale != 1 ?
+ ("(" + Math.round(Math.round(tHP * (1 + 0.05 * teamHPAwoken)) * badgeHPScale).toString() + ")") :
+ "");
+ }
+ if (tRcvDom) {
+ const tRCV = team[0].reduce(function(value, mon) { //队伍计算的总回复
+ return value += mon.ability ? mon.ability[2] : 0;
+ }, 0);
+ const teamRCVAwoken = awokenCountInTeam(team, 47, solo, teamsCount); //全队大回复个数
+
+ let badgeRCVScale = 1; //徽章倍率
+ if (team[2] == 3 && (solo || teamsCount === 3)) {
+ badgeRCVScale = 1.25;
+ } else if (team[2] == 10 && (solo || teamsCount === 3)) {
+ badgeRCVScale = 1.35;
+ }
- tHpDom.innerHTML = Math.round(tHP).toString() +
- (teamHPAwoken>0||badgeHPScale!=1 ?
- ("("+Math.round(Math.round(tHP * (1 + 0.05 * teamHPAwoken))*badgeHPScale).toString()+")") :
- "");
- }
- if (tRcvDom)
- {
- const tRCV = team[0].reduce(function(value,mon){ //队伍计算的总回复
- return value += mon.ability ? mon.ability[2] : 0;
- },0);
- const teamRCVAwoken = awokenCountInTeam(team,47,solo, teamsCount); //全队大回复个数
-
- let badgeRCVScale = 1; //徽章倍率
- if (team[2] == 3 && (solo || teamsCount === 3))
- {
- badgeRCVScale = 1.25;
- }else if (team[2] == 10 && (solo || teamsCount === 3))
- {
- badgeRCVScale = 1.35;
- }
-
- tRcvDom.innerHTML = tRCV.toString() +
- (teamRCVAwoken>0||badgeRCVScale!=1 ?
- ("("+Math.round(Math.round(tRCV * (1 + 0.10 * teamRCVAwoken))*badgeRCVScale).toString()+")") :
- "");
- }
+ tRcvDom.innerHTML = tRCV.toString() +
+ (teamRCVAwoken > 0 || badgeRCVScale != 1 ?
+ ("(" + Math.round(Math.round(tRCV * (1 + 0.10 * teamRCVAwoken)) * badgeRCVScale).toString() + ")") :
+ "");
+ }
}
//刷新所有队伍能力值合计
-function refreshFormationTotalHP(totalDom, teams){
- //计算总的生命值
- if (!totalDom) return;
- const tHpDom = totalDom.querySelector(".tIf-total-hp");
- const tRcvDom = totalDom.querySelector(".tIf-total-rcv");
-
- if (tHpDom)
- {
- //因为目前仅用于2P，所以直接在外面固定写了
- const leader1id = teams[0][0][0].id;
- const leader2id = teams[1][0][0].id;
- const tHPArr = teams.map(function(team){
- const teamHPArr = countTeamHp(team[0],leader1id,leader2id,solo);
-
- const teamTHP = teamHPArr.reduce((pv,v)=>pv+v); //队伍计算的总HP
- const teamHPAwoken = awokenCountInTeam(team,46,solo, teamsCount); //全队大血包个数
- return [teamTHP,teamHPAwoken];
- });
- const tHP = tHPArr.reduce(function(value, teamHP){
- return [value[0] + teamHP[0], value[1] + Math.round(teamHP[0] * (1 + 0.05 * teamHP[1]))];
- },[0,0]);
-
- tHpDom.innerHTML = Math.round(tHP[0]).toString() +
- (tHP[0] != tHP[1] ? `(${tHP[1]})` : "");
- }
- if (tRcvDom)
- {
- const tRCVArr = teams.map(function(team){
- const teamTRCV = team[0].reduce(function(value,mon){ //队伍计算的总回复
- return value += mon.ability ? mon.ability[2] : 0;
- },0);
- const teamRCVAwoken = awokenCountInTeam(team,47,solo, teamsCount); //全队大回复个数
- return [teamTRCV,teamRCVAwoken];
- },0);
- const tRCV = tRCVArr.reduce(function(value, teamRCV){
- return [value[0] + teamRCV[0], value[1] + Math.round(teamRCV[0] * (1 + 0.10 * teamRCV[1]))];
- },[0,0]);
-
- tRcvDom.innerHTML = tRCV[0].toString() +
- (tRCV[0] != tRCV[1] ? `(${tRCV[1]})` : "");
- }
+function refreshFormationTotalHP(totalDom, teams) {
+ //计算总的生命值
+ if (!totalDom) return;
+ const tHpDom = totalDom.querySelector(".tIf-total-hp");
+ const tRcvDom = totalDom.querySelector(".tIf-total-rcv");
+
+ if (tHpDom) {
+ //因为目前仅用于2P，所以直接在外面固定写了
+ const leader1id = teams[0][0][0].id;
+ const leader2id = teams[1][0][0].id;
+ const tHPArr = teams.map(function(team) {
+ const teamHPArr = countTeamHp(team[0], leader1id, leader2id, solo);
+
+ const teamTHP = teamHPArr.reduce((pv, v) => pv + v); //队伍计算的总HP
+ const teamHPAwoken = awokenCountInTeam(team, 46, solo, teamsCount); //全队大血包个数
+ return [teamTHP, teamHPAwoken];
+ });
+ const tHP = tHPArr.reduce(function(value, teamHP) {
+ return [value[0] + teamHP[0], value[1] + Math.round(teamHP[0] * (1 + 0.05 * teamHP[1]))];
+ }, [0, 0]);
+
+ tHpDom.innerHTML = Math.round(tHP[0]).toString() +
+ (tHP[0] != tHP[1] ? `(${tHP[1]})` : "");
+ }
+ if (tRcvDom) {
+ const tRCVArr = teams.map(function(team) {
+ const teamTRCV = team[0].reduce(function(value, mon) { //队伍计算的总回复
+ return value += mon.ability ? mon.ability[2] : 0;
+ }, 0);
+ const teamRCVAwoken = awokenCountInTeam(team, 47, solo, teamsCount); //全队大回复个数
+ return [teamTRCV, teamRCVAwoken];
+ }, 0);
+ const tRCV = tRCVArr.reduce(function(value, teamRCV) {
+ return [value[0] + teamRCV[0], value[1] + Math.round(teamRCV[0] * (1 + 0.10 * teamRCV[1]))];
+ }, [0, 0]);
+
+ tRcvDom.innerHTML = tRCV[0].toString() +
+ (tRCV[0] != tRCV[1] ? `(${tRCV[1]})` : "");
+ }
}
//刷新单人技能CD
-function refreshMemberSkillCD(teamDom,team,idx){
- const memberMonDom = teamDom.querySelector(`.team-members .member-${idx+1} .monster`);
- const assistMonDom = teamDom.querySelector(`.team-assist .member-${idx+1} .monster`);
- const member = team[0][idx];
- const assist = team[1][idx];
-
- const memberCard = Cards[member.id] || Cards[0];
- const memberSkill = Skills[memberCard.activeSkillId];
- const assistCard = Cards[assist.id] || Cards[0];
- const assistSkill = Skills[assistCard.activeSkillId];
-
- const memberSkillCdDom = memberMonDom.querySelector(".skill");
- const assistSkillCdDom = assistMonDom.querySelector(".skill");
-
- const memberSkillCd = memberSkill ? (memberSkill.initialCooldown - (member.skilllevel||memberSkill.maxLevel) + 1) : 0;
- const assistSkillCd = assistSkill ? (assistSkill.initialCooldown - (assist.skilllevel||assistSkill.maxLevel) + 1) : 0;
- memberSkillCdDom.innerHTML = memberSkillCd;
- assistSkillCdDom.innerHTML = memberSkillCd + assistSkillCd;
-
- if (member.skilllevel != undefined && member.skilllevel < memberSkill.maxLevel)
- {
- memberSkillCdDom.classList.remove("max-skill");
- }else
- {
- memberSkillCdDom.classList.add("max-skill");
- }
- if (assist.skilllevel != undefined && assist.skilllevel < assistSkill.maxLevel){
- assistSkillCdDom.classList.remove("max-skill");
- }else
- {
- assistSkillCdDom.classList.add("max-skill");
- }
+function refreshMemberSkillCD(teamDom, team, idx) {
+ const memberMonDom = teamDom.querySelector(`.team-members .member-${idx+1} .monster`);
+ const assistMonDom = teamDom.querySelector(`.team-assist .member-${idx+1} .monster`);
+ const member = team[0][idx];
+ const assist = team[1][idx];
+
+ const memberCard = Cards[member.id] || Cards[0];
+ const memberSkill = Skills[memberCard.activeSkillId];
+ const assistCard = Cards[assist.id] || Cards[0];
+ const assistSkill = Skills[assistCard.activeSkillId];
+
+ const memberSkillCdDom = memberMonDom.querySelector(".skill");
+ const assistSkillCdDom = assistMonDom.querySelector(".skill");
+
+ const memberSkillCd = memberSkill ? (memberSkill.initialCooldown - (member.skilllevel || memberSkill.maxLevel) + 1) : 0;
+ const assistSkillCd = assistSkill ? (assistSkill.initialCooldown - (assist.skilllevel || assistSkill.maxLevel) + 1) : 0;
+ memberSkillCdDom.innerHTML = memberSkillCd;
+ assistSkillCdDom.innerHTML = memberSkillCd + assistSkillCd;
+
+ if (member.skilllevel != undefined && member.skilllevel < memberSkill.maxLevel) {
+ memberSkillCdDom.classList.remove("max-skill");
+ } else {
+ memberSkillCdDom.classList.add("max-skill");
+ }
+ if (assist.skilllevel != undefined && assist.skilllevel < assistSkill.maxLevel) {
+ assistSkillCdDom.classList.remove("max-skill");
+ } else {
+ assistSkillCdDom.classList.add("max-skill");
+ }
}
-function localisation($tra)
-{
- if (!$tra) return;
+
+function localisation($tra) {
+ if (!$tra) return;
document.title = $tra.webpage_title;
formationBox.querySelector(".title-box .title").placeholder = $tra.title_blank;
formationBox.querySelector(".detail-box .detail").placeholder = $tra.detail_blank;
const s_sortList = editBox.querySelector(".search-box .sort-div .sort-list");
const sortOptions = Array.from(s_sortList.options);
- sortOptions.forEach(opt=>{
+ sortOptions.forEach(opt => {
const tag = opt.getAttribute("data-tag");
const trans = $tra.sort_name[tag];
- if (trans)
- {
+ if (trans) {
opt.text = trans;
}
});
diff --git a/solo.html b/solo.html
index 41205479..a6462b54 100644
--- a/solo.html
+++ b/solo.html
@@ -604,6 +604,7 @@ var formation = new Formation(teamsCount,6);
+
diff --git a/style.css b/style.css
index fba43d00..d62f7232 100644
--- a/style.css
+++ b/style.css
@@ -792,6 +792,27 @@ ul{
.detail-box .detail-mon .monster .id::before {
font-size: 15px;
}
+
+/*搜索结果显示觉醒列表的相关css*/
+.awoken-preview .awoken-ul{
+ width: 75px;
+}
+.awoken-preview .awoken-preview-superAwakenings{
+ margin-top:3px;
+ background-color: #432;
+}
+.awoken-preview .awoken-preview-superAwakenings .awoken-icon{
+ opacity: 0.6;
+}
+.awoken-preview .awoken-ul li{
+ margin: 0.5px !important;
+}
+.awoken-preview .awoken-icon{
+ filter: unset;
+ transform: scale(0.75);
+ margin: calc(-32px * (1 - 0.75) / 2);
+}
+
/*.setting-box .row-mon-id .open-search::before{
content: "搜索怪物";
}
diff --git a/triple.html b/triple.html
index 175490d7..700dcf83 100644
--- a/triple.html
+++ b/triple.html
@@ -1299,6 +1299,7 @@ var formation = new Formation(teamsCount,6);
+