4100 lines
145 KiB
JavaScript
4100 lines
145 KiB
JavaScript
let Cards = []; //怪物数据
|
||
let Skills = []; //技能数据
|
||
let currentLanguage; //当前语言
|
||
let currentDataSource; //当前数据
|
||
|
||
const teamBigBoxs = []; //储存全部teamBigBox
|
||
const allMembers = []; //储存所有成员，包含辅助
|
||
|
||
let interchangeSvg; //储存划线的SVG
|
||
let controlBox; //储存整个controlBox
|
||
let statusLine; //储存状态栏
|
||
let formationBox; //储存整个formationBox
|
||
let editBox; //储存整个editBox
|
||
let showSearch; //整个程序都可以用的显示搜索函数
|
||
let qrcodeReader; //二维码读取
|
||
let qrcodeWriter; //二维码输出
|
||
let selectedDeviceId; //视频源id
|
||
|
||
const dataStructure = 3; //阵型输出数据的结构版本
|
||
const cfgPrefix = "PADDF-"; //设置名称的前缀
|
||
const className_displayNone = "display-none";
|
||
const dataAttrName = "data-value"; //用于储存默认数据的属性名
|
||
const isGuideMod = Boolean(Number(getQueryString("guide"))); //是否以图鉴模式启动
|
||
|
||
if (location.search.includes('&')) {
|
||
location.search = location.search.replace(/&/ig, '&');
|
||
}
|
||
|
||
//一开始就加载当前语言
|
||
if (currentLanguage == undefined)
|
||
{
|
||
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]; //没有找到指定语言的情况下，自动用第一个语言（英语）
|
||
//因为Script在Head里面，所以可以这里head已经加载好可以使用
|
||
document.head.querySelector("#language-css").href = `languages/${currentLanguage.i18n}.css`;
|
||
}
|
||
|
||
//一开始就加载当前数据
|
||
if (currentDataSource == undefined)
|
||
{
|
||
const parameter_dsCode = getQueryString("s"); //获取参数指定的数据来源
|
||
currentDataSource = parameter_dsCode ?
|
||
(dataSourceList.find(ds => ds.code == parameter_dsCode) || dataSourceList[0]) : //筛选出符合的数据源
|
||
dataSourceList[0]; //没有指定，直接使用日服
|
||
}
|
||
|
||
const dbName = "PADDF";
|
||
var db = null;
|
||
const DBOpenRequest = indexedDB.open(dbName,2);
|
||
|
||
DBOpenRequest.onsuccess = function(event) {
|
||
db = event.target.result; //DBOpenRequest.result;
|
||
console.log("PADDF：数据库已可使用");
|
||
loadData();
|
||
};
|
||
DBOpenRequest.onerror = function(event) {
|
||
// 错误处理
|
||
console.log("PADDF：数据库无法启用，删除可能存在的异常数据库。",event);
|
||
indexedDB.deleteDatabase(dbName); //直接把整个数据库删掉
|
||
console.log("也可能是隐私模式导致无法启用数据库，于是尝试不保存的情况下读取数据。");
|
||
loadData();
|
||
//alert('Some errors have occurred, please refresh the page.');
|
||
//history.go(); //直接强制刷新
|
||
};
|
||
DBOpenRequest.onupgradeneeded = function(event) {
|
||
let db = event.target.result;
|
||
|
||
let store;
|
||
// 建立一个对象仓库来存储用户的相关信息，我们选择 id 作为键路径（key path）
|
||
// 因为 id 可以保证是不重复的
|
||
store = db.createObjectStore("cards");
|
||
store = db.createObjectStore("skills");
|
||
|
||
// 使用事务的 oncomplete 事件确保在插入数据前对象仓库已经创建完毕
|
||
store.transaction.oncomplete = function(event) {
|
||
console.log("PADDF：数据库建立完毕");
|
||
};
|
||
};
|
||
|
||
/*class Member2
|
||
{
|
||
constructor(oldMenber = null,isAssist = false)
|
||
{
|
||
if (oldMenber)
|
||
{ //Copy一个
|
||
this.id = oldMenber.id;
|
||
this.level = oldMenber.level;
|
||
this.plus = [...oldMenber.plus];
|
||
this.awoken = oldMenber.awoken;
|
||
this.sAwoken = oldMenber.sAwoken;
|
||
this.latent = [...oldMenber.latent];
|
||
this.skilllevel = oldMenber.sAwoken;
|
||
this.assist = oldMenber.assist;
|
||
}else
|
||
{ //全新的
|
||
this.id = 0;
|
||
this.level = 1;
|
||
this.plus = [0,0,0];
|
||
this.awoken = 0;
|
||
this.sAwoken = null;
|
||
this.latent = [];
|
||
this.skilllevel = null;
|
||
this.assist = null;
|
||
}
|
||
this.isAssist = isAssist;
|
||
}
|
||
calculateAbility(solo,teamCount){
|
||
const card = Cards[this.id];
|
||
let bonus = null;
|
||
if (!this.isAssist &&
|
||
this.assist &&
|
||
this.assist.id>0 &&
|
||
Cards[this.assist.id].attrs[0] === card.attrs[0]
|
||
){
|
||
bonus = this.assist.calculateAbility(solo,teamCount);
|
||
}
|
||
}
|
||
toJSON(){
|
||
|
||
}
|
||
}*/
|
||
|
||
//队员基本的留空
|
||
var Member = function() {
|
||
this.id = 0;
|
||
this.ability = [0, 0, 0];
|
||
this.abilityNoAwoken = [0, 0, 0];
|
||
};
|
||
Member.prototype.outObj = function() {
|
||
const m = this;
|
||
if (m.id == 0) return null;
|
||
let obj = [m.id];
|
||
if (m.level != undefined) obj[1] = m.level;
|
||
if (m.awoken != undefined) obj[2] = m.awoken;
|
||
if (m.plus != undefined && Array.isArray(m.plus) && 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 && Array.isArray(m.latent) && 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) //如果没有提供数据，直接返回默认
|
||
{
|
||
this.id = 0;
|
||
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 (!Array.isArray(this.plus)) this.plus = [0, 0, 0]; //如果加值不是数组，则改变
|
||
this.latent = dataVersion > 1 ? m[4] : m.latent;
|
||
if (Array.isArray(this.latent) && dataVersion <= 2) this.latent = this.latent.map(l => l >= 13 ? l + 3 : l); //修复以前自己编的潜觉编号为官方编号
|
||
if (!Array.isArray(this.latent)) 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;
|
||
};
|
||
//只用来防坐的任何队员
|
||
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);
|
||
};
|
||
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 && Array.isArray(m.plus) && 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 = [];
|
||
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 && Array.isArray(m.plus) && 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 && Array.isArray(m.latent) && m.latent.length >= 1) this.latent = JSON.parse(JSON.stringify(m.latent));
|
||
if (m.sawoken != undefined) this.sawoken = m.sawoken;
|
||
if (m.ability != undefined && Array.isArray(m.ability) && m.plus.length >= 3) this.ability = JSON.parse(JSON.stringify(m.ability));
|
||
if (m.abilityNoAwoken != undefined && Array.isArray(m.abilityNoAwoken) && m.plus.length >= 3) this.abilityNoAwoken = JSON.parse(JSON.stringify(m.abilityNoAwoken));
|
||
if (m.skilllevel != undefined) this.skilllevel = m.skilllevel;
|
||
};
|
||
|
||
var Formation = function(teamCount, memberCount) {
|
||
this.title = "";
|
||
this.detail = "";
|
||
this.teams = [];
|
||
for (let ti = 0; ti < teamCount; ti++) {
|
||
const team = [
|
||
[], //队员
|
||
[], //辅助
|
||
0, //徽章
|
||
0, //队长更换序号
|
||
];
|
||
for (let mi = 0; mi < memberCount; mi++) {
|
||
team[0].push(new MemberTeam());
|
||
team[1].push(new MemberAssist());
|
||
}
|
||
this.teams.push(team);
|
||
}
|
||
};
|
||
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()
|
||
).DeleteLatter();
|
||
teamArr[1] = t[1].map(m =>
|
||
m.outObj()
|
||
).DeleteLatter();
|
||
if (t[2]) teamArr[2] = t[2];
|
||
if (t[3]) teamArr[3] = t[3];
|
||
return teamArr;
|
||
});
|
||
obj.v = dataStructure;
|
||
/*if (obj.f.every(team=>team[0].length == 0 && team[1].length == 0 && team[2] == undefined) &&
|
||
!obj.t &&
|
||
!obj.d)
|
||
return null;*/
|
||
return obj;
|
||
};
|
||
Formation.prototype.loadObj = function(f) {
|
||
if (f == undefined) //如果没有提供数据，要返回空的
|
||
{
|
||
this.title = "";
|
||
this.detail = "";
|
||
this.teams.forEach(function(t, ti) {
|
||
t[0].forEach(function(m, mi) {
|
||
m.loadObj(null);
|
||
});
|
||
t[1].forEach(function(m, mi) {
|
||
m.loadObj(null);
|
||
});
|
||
t[2] = 0;
|
||
t[3] = 0;
|
||
});
|
||
return;
|
||
}
|
||
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);
|
||
});
|
||
t[2] = tf[2] || 0; //徽章
|
||
t[3] = tf[3] || 0; //队长
|
||
}
|
||
});
|
||
if (f.b)
|
||
this.teams[0][2] = f.b; //原来模式的徽章
|
||
};
|
||
Formation.prototype.getPdfQrObj = function(keepSource = true)
|
||
{
|
||
let qrObj = {
|
||
d:this.outObj()
|
||
};
|
||
if (keepSource) qrObj.s = currentDataSource.code;
|
||
return qrObj;
|
||
}
|
||
Formation.prototype.getPdcQrStr = function()
|
||
{
|
||
function genMemberMap(m, a, position = 0)
|
||
{
|
||
const o = new Map();
|
||
o.set(0, m.id);
|
||
if (m.latent.length)
|
||
o.set(2, m.latent.map(pdfLtent=>pdcLatentMap.find(latent=>latent.pdf === pdfLtent).pdc.toString(36).prefix(2)).join('')); //潜觉
|
||
o.set(3, m.level);
|
||
o.set(4, m.plus[0]);
|
||
o.set(5, m.plus[1]);
|
||
o.set(6, m.plus[2]);
|
||
o.set(7, m.awoken == Cards[m.id].awakenings.length ? -1 : m.awoken);
|
||
o.set(8, m.sawoken >= 0 ? Cards[m.id].superAwakenings[m.sawoken] : 0);
|
||
if (a.id != 0)
|
||
{
|
||
o.set(9, a.id);
|
||
o.set(10, a.level);
|
||
o.set(11, a.plus[0]);
|
||
o.set(12, a.plus[1]);
|
||
o.set(13, a.plus[2]);
|
||
o.set(14, a.awoken == Cards[a.id].awakenings.length ? -1 : a.awoken);
|
||
}
|
||
o.set(15, position);
|
||
return o;
|
||
}
|
||
let pdcTeamsStr = this.teams.map(t=>{
|
||
let teamArr = [
|
||
pdcBadgeMap.find(badge=>badge.pdf === t[2]).pdc //徽章
|
||
];
|
||
const membersArr = t[0];
|
||
const assistArr = t[1];
|
||
for (let i=0;i<membersArr.length;i++)
|
||
{
|
||
if (membersArr[i].id > 0 || assistArr[i].id > 0)
|
||
{
|
||
let pdcMemberArr = Array.from(genMemberMap(membersArr[i], assistArr[i], i));
|
||
pdcMemberStr = pdcMemberArr.map(item => [
|
||
item[0].toString(36).prefix(2),
|
||
item[1].toString(36).prefix(2)
|
||
].join('')).join(',');
|
||
teamArr.push(pdcMemberStr);
|
||
}
|
||
}
|
||
return teamArr.join('}');
|
||
})
|
||
let outArr = [
|
||
[1,this.teams.length - 1]
|
||
].concat(pdcTeamsStr);
|
||
return outArr.join(']');
|
||
}
|
||
Formation.prototype.getQrStr = function(type)
|
||
{
|
||
if (type == 'pdf' || type == 0)
|
||
{
|
||
return JSON.stringify(this.getPdfQrObj());
|
||
}else
|
||
{
|
||
return this.getPdcQrStr();
|
||
}
|
||
}
|
||
|
||
//进化树
|
||
class EvoTree
|
||
{
|
||
constructor(mid, parent = null)
|
||
{
|
||
const _this = this;
|
||
this.parent = parent;
|
||
if (parent == null)
|
||
{
|
||
//mid = Cards[mid].evoRootId;
|
||
function returnRootId(mid)
|
||
{
|
||
mid = Cards[mid].evoRootId;
|
||
const m = Cards[mid];
|
||
if (m.henshinFrom && m.henshinFrom < m.id)
|
||
{ //只有变身来源小于目前id的，才继续找base
|
||
mid = returnRootId(m.henshinFrom);
|
||
}
|
||
return mid;
|
||
}
|
||
mid = returnRootId(mid);
|
||
}
|
||
const card = Cards[mid];
|
||
|
||
this.id = mid;
|
||
this.idArr = parent ? parent.idArr : [];
|
||
this.card = card;
|
||
this.children = [];
|
||
this.evoType = null;
|
||
|
||
if (parent == null)
|
||
{
|
||
this.evoType = "Base";
|
||
}
|
||
else if (card.henshinFrom == parent.id)
|
||
{
|
||
this.evoType = "Henshin";
|
||
}
|
||
else
|
||
{
|
||
if (card.evoMaterials.includes(3826)) //像素进化
|
||
{
|
||
this.evoType = "Pixel Evo";
|
||
}else if (card.awakenings.includes(49)) //武器
|
||
{
|
||
this.evoType = "Assist Evo";
|
||
}else if (card.isUltEvo) //究进
|
||
{
|
||
if (parent.card.isUltEvo) //超究进
|
||
{
|
||
this.evoType = "Super Ult Evo";
|
||
}else
|
||
{
|
||
this.evoType = "Ult Evo";
|
||
}
|
||
}else
|
||
{
|
||
if (card.henshinFrom == parent.id)
|
||
{
|
||
this.evoType = "Henshin";
|
||
}else if (parent.card.isUltEvo) //转生
|
||
{
|
||
this.evoType = "Reincarnation";
|
||
}else if(parent.evoType == "Reincarnation")
|
||
{
|
||
this.evoType = "Super Reincarnation";
|
||
}else
|
||
{
|
||
this.evoType = "Evolution";
|
||
}
|
||
}
|
||
}
|
||
|
||
if (this.idArr.includes(mid))
|
||
{
|
||
if (card.henshinFrom == parent.id)
|
||
{
|
||
this.evoType = "Henshin Loop";
|
||
}
|
||
return this;
|
||
}else
|
||
{
|
||
this.idArr.push(mid);
|
||
}
|
||
if (card.henshinTo)
|
||
this.children.push(new EvoTree(card.henshinTo,_this));
|
||
if (this.evoType != "Henshin")
|
||
this.children.push(...Cards.filter(scard=>scard.evoBaseId == mid && scard.id != mid).map(scard=>new EvoTree(scard.id,_this)));
|
||
//this.children = (card.henshinTo && card.henshinTo != card.evoRootId ? [new EvoTree(card.henshinTo,_this)] : []).concat(Cards.filter(scard=>scard.evoBaseId == mid && scard.id != mid).map(scard=>new EvoTree(scard.id,_this)));
|
||
};
|
||
toListNode()
|
||
{
|
||
const createCardHead = editBox.createCardHead;
|
||
const tBox = document.createElement("div");
|
||
tBox.className = "evo-box";
|
||
const evoPanel = tBox.appendChild(document.createElement("div"));
|
||
evoPanel.className = "evo-panel " + this.evoType.toLowerCase().replace(/\s/g,"-");
|
||
const evotPanel_L = evoPanel.appendChild(document.createElement("div"));
|
||
evotPanel_L.className = "evo-panel-left";
|
||
const evotPanel_R = evoPanel.appendChild(document.createElement("div"));
|
||
evotPanel_R.className = "evo-panel-right";
|
||
|
||
const evoTypeDiv = evotPanel_L.appendChild(document.createElement("div"));
|
||
evoTypeDiv.className = "evo-type-div";
|
||
const evoType = evoTypeDiv.appendChild(document.createElement("span"));
|
||
evoType.className = "evo-type";
|
||
const monHead = evotPanel_L.appendChild(createCardHead(this.id));
|
||
monHead.className = "monster-head";
|
||
|
||
const monName = evotPanel_R.appendChild(document.createElement("div"));
|
||
monName.className = "monster-name";
|
||
monName.textContent = returnMonsterNameArr(this.card, currentLanguage.searchlist, currentDataSource.code)[0];
|
||
|
||
const evotMaterials = evotPanel_R.appendChild(document.createElement("ul"));
|
||
evotMaterials.className = "evo-materials";
|
||
this.card.evoMaterials.forEach(mid=>{
|
||
//const li = evotMaterials.appendChild(document.createElement("li"));
|
||
evotMaterials.appendChild(createCardHead(mid));
|
||
});
|
||
|
||
const evoSubEvo = tBox.appendChild(document.createElement("ul"));
|
||
evoSubEvo.className = "evo-subevo";
|
||
this.children.forEach(subEvo=>{
|
||
const li = evoSubEvo.appendChild(document.createElement("li"));
|
||
li.appendChild(subEvo.toListNode());
|
||
});
|
||
return tBox;
|
||
};
|
||
}
|
||
|
||
//切换通用的切换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);
|
||
return true;
|
||
} else {
|
||
dom.classList.remove(className);
|
||
return false;
|
||
}
|
||
}
|
||
//清除数据
|
||
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 henshinStep(step)
|
||
{
|
||
if (step == 0) return;
|
||
|
||
function gotoHenshin(card, nstep)
|
||
{
|
||
if (nstep > 0 && card.henshinTo)
|
||
{ //是变身的则返回
|
||
return gotoHenshin(Cards[card.henshinTo], --nstep);
|
||
}
|
||
else if (nstep < 0 && card.henshinFrom)
|
||
{
|
||
return gotoHenshin(Cards[card.henshinFrom], ++nstep);
|
||
}
|
||
else
|
||
{
|
||
return card;
|
||
}
|
||
}
|
||
formation.teams.forEach(team=>{
|
||
team[0].forEach(member=>{
|
||
const mid = member.id;
|
||
const card = Cards[mid];
|
||
if (step > 0 ? card.henshinTo : (card.henshinFrom && member.level <= 99))
|
||
{ //要变身前的才进行操作
|
||
const _card = gotoHenshin(card, step);
|
||
member.id = _card.id;
|
||
member.awoken = _card.awakenings.length;
|
||
}
|
||
});
|
||
});
|
||
|
||
creatNewUrl();
|
||
refreshAll(formation);
|
||
}
|
||
//在单人和多人之间转移数据
|
||
function turnPage(toPage, e = null) {
|
||
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(event) {
|
||
if (!Array.prototype.flat)
|
||
{
|
||
alert("请更新您的浏览器。\nPlease update your browser.");
|
||
}
|
||
|
||
qrcodeReader = new ZXing.BrowserQRCodeReader(); //二维码读取
|
||
qrcodeWriter = new ZXing.BrowserQRCodeSvgWriter(); //二维码生成
|
||
|
||
controlBox = document.body.querySelector(".control-box");
|
||
statusLine = controlBox.querySelector(".status"); //显示当前状态的
|
||
formationBox = document.body.querySelector(".formation-box");
|
||
editBox = document.body.querySelector(".edit-box");
|
||
|
||
if (isGuideMod) {
|
||
console.info('现在是 怪物图鉴 模式');
|
||
document.body.classList.add('guide-mod');
|
||
}
|
||
|
||
const helpLink = controlBox.querySelector(".help-link");
|
||
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 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 dataSourceOptionArray = Array.from(dataSelectDom.options);
|
||
dataSourceOptionArray.find(dataOpt => dataOpt.value == currentDataSource.code).selected = true;
|
||
//添加数据class
|
||
document.body.classList.add("ds-" + currentDataSource.code);
|
||
//▲添加数据来源列表结束
|
||
|
||
//设定初始的显示设置
|
||
toggleDomClassName(controlBox.querySelector("#show-mon-id"), 'not-show-mon-id', false);
|
||
|
||
//记录显示CD开关的状态
|
||
const showMonSkillCd_id = "show-mon-skill-cd";
|
||
const btnShowMonSkillCd = controlBox.querySelector(`#btn-${showMonSkillCd_id}`);
|
||
btnShowMonSkillCd.checked = Boolean(Number(localStorage.getItem(cfgPrefix + showMonSkillCd_id)));
|
||
btnShowMonSkillCd.onclick = function(){
|
||
toggleDomClassName(this, showMonSkillCd_id);
|
||
localStorage.setItem(cfgPrefix + showMonSkillCd_id, Number(this.checked));
|
||
};
|
||
btnShowMonSkillCd.onclick();
|
||
|
||
//记录显示觉醒开关的状态
|
||
const showMonAwoken_id = "show-mon-awoken";
|
||
const btnShowMonAwoken = controlBox.querySelector(`#btn-${showMonAwoken_id}`);
|
||
btnShowMonAwoken.checked = Boolean(Number(localStorage.getItem(cfgPrefix + showMonAwoken_id)));
|
||
btnShowMonAwoken.onclick = function(){
|
||
toggleDomClassName(this, showMonAwoken_id);
|
||
localStorage.setItem(cfgPrefix + showMonAwoken_id, Number(this.checked));
|
||
};
|
||
btnShowMonAwoken.onclick();
|
||
|
||
toggleDomClassName(controlBox.querySelector("#btn-show-awoken-count"), 'not-show-awoken-count', false);
|
||
|
||
initialize(); //界面初始化
|
||
};
|
||
|
||
function loadData(force = false)
|
||
{
|
||
if (force)
|
||
console.info('强制更新数据。');
|
||
const _time = new Date().getTime();
|
||
|
||
//开始读取解析怪物数据
|
||
const sourceDataFolder = "monsters-info";
|
||
|
||
if (statusLine) statusLine.classList.add("loading-check-version");
|
||
GM_xmlhttpRequest({
|
||
method: "GET",
|
||
url: `${sourceDataFolder}/ckey.json${force?`?t=${_time}`:''}`, //版本文件
|
||
onload: function(response) {
|
||
dealCkeyData(response.response);
|
||
},
|
||
onerror: function(response) {
|
||
console.error("新的 Ckey JSON 数据获取失败。", response);
|
||
return;
|
||
}
|
||
});
|
||
//处理返回的数据
|
||
function dealCkeyData(responseText)
|
||
{ //处理数据版本
|
||
let newCkeys; //当前的Ckey们
|
||
let lastCkeys; //以前Ckey们
|
||
let currentCkey; //获取当前语言的ckey
|
||
let lastCurrentCkey; //以前的当前语言的ckey
|
||
|
||
try {
|
||
newCkeys = JSON.parse(responseText);
|
||
} catch (e) {
|
||
console.error("新的 Ckey 数据 JSON 解码出错。", e);
|
||
return;
|
||
}
|
||
console.debug("目前使用的数据区服是 %s。", currentDataSource.code);
|
||
|
||
currentCkey = newCkeys.find(ckey => ckey.code == currentDataSource.code); //获取当前语言的ckey
|
||
lastCkeys = localStorage.getItem("PADDF-ckey"); //读取本地储存的原来的ckey
|
||
try {
|
||
lastCkeys = JSON.parse(lastCkeys);
|
||
if (lastCkeys == null || Array.isArray(!(lastCkeys)))
|
||
lastCkeys = [];
|
||
} catch (e) {
|
||
console.error("旧的 Ckey 数据 JSON 解码出错。", e);
|
||
return;
|
||
}
|
||
lastCurrentCkey = lastCkeys.find(ckey => ckey.code == currentDataSource.code);
|
||
if (!lastCurrentCkey) { //如果未找到上个ckey，则添加个新的
|
||
lastCurrentCkey = {
|
||
code: currentDataSource.code,
|
||
ckey: {},
|
||
updateTime: null
|
||
};
|
||
lastCkeys.push(lastCurrentCkey);
|
||
}
|
||
|
||
if (statusLine) statusLine.classList.remove("loading-check-version");
|
||
if (statusLine) statusLine.classList.add("loading-mon-info");
|
||
if (!force && db && currentCkey.ckey.card == lastCurrentCkey.ckey.card) {
|
||
console.debug("Cards ckey相等，直接读取已有的数据。");
|
||
const transaction = db.transaction([`cards`]);
|
||
const objectStore = transaction.objectStore(`cards`);
|
||
const request = objectStore.get(currentDataSource.code);
|
||
request.onerror = function(event) {
|
||
console.error("Cards 数据库内容读取失败。");
|
||
};
|
||
request.onsuccess = function(event) {
|
||
if (Array.isArray(request.result))
|
||
{
|
||
Cards = request.result;
|
||
dealCardsData(Cards);
|
||
}else
|
||
{
|
||
console.info("Cards 数据库内容不存在，需重新下载。");
|
||
downloadCardsData();
|
||
}
|
||
};
|
||
} else {
|
||
console.log("Cards 需重新下载。");
|
||
downloadCardsData();
|
||
}
|
||
|
||
function downloadCardsData()
|
||
{
|
||
GM_xmlhttpRequest({
|
||
method: "GET",
|
||
url: `${sourceDataFolder}/mon_${currentDataSource.code}.json?t=${_time}`, //Cards数据文件
|
||
onload: function(response) {
|
||
try {
|
||
Cards = JSON.parse(response.response);
|
||
} catch (e) {
|
||
console.error("Cards 数据 JSON 解码出错。", e);
|
||
return;
|
||
}
|
||
if (db)
|
||
{
|
||
const transaction = db.transaction([`cards`], "readwrite");
|
||
transaction.oncomplete = function(event) {
|
||
console.log("Cards 数据库写入完毕。");
|
||
lastCurrentCkey.ckey.card = currentCkey.ckey.card;
|
||
lastCurrentCkey.updateTime = currentCkey.updateTime;
|
||
localStorage.setItem("PADDF-ckey", JSON.stringify(lastCkeys)); //储存新的ckey
|
||
dealCardsData(Cards);
|
||
};
|
||
const objectStore = transaction.objectStore(`cards`);
|
||
objectStore.put(Cards,currentDataSource.code);
|
||
}else //隐私模式无法启动数据库
|
||
{
|
||
dealCardsData(Cards);
|
||
}
|
||
},
|
||
onerror: function(response) {
|
||
console.error("Cards JSON 数据获取失败。", response);
|
||
}
|
||
});
|
||
}
|
||
|
||
function dealCardsData()
|
||
{
|
||
if (editBox)
|
||
{
|
||
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 toId = parseInt(linkRes[1], 10);
|
||
const _m = Cards[toId];
|
||
|
||
//if (_m.evoBaseId == 0)
|
||
// _m.evoRootId = m.evoRootId;
|
||
m.henshinTo = toId;
|
||
_m.henshinFrom = m.id;
|
||
}*/
|
||
});
|
||
monstersList.appendChild(fragment);
|
||
}
|
||
|
||
if (statusLine) statusLine.classList.remove("loading-mon-info");
|
||
|
||
if (statusLine) statusLine.classList.add("loading-skill-info");
|
||
if (!force && db && currentCkey.ckey.skill == lastCurrentCkey.ckey.skill) {
|
||
console.debug("Skills ckey相等，直接读取已有的数据。");
|
||
const transaction = db.transaction([`skills`]);
|
||
const objectStore = transaction.objectStore(`skills`);
|
||
const request = objectStore.get(currentDataSource.code);
|
||
request.onerror = function(event) {
|
||
console.error("Skills 数据库内容读取失败。");
|
||
};
|
||
request.onsuccess = function(event) {
|
||
if (Array.isArray(request.result))
|
||
{
|
||
Skills = request.result;
|
||
dealSkillData(Skills);
|
||
}else
|
||
{
|
||
console.info("Skills 数据库内容不存在，需重新下载。");
|
||
downloadSkillData();
|
||
}
|
||
};
|
||
} else {
|
||
console.log("Skills 需重新下载。");
|
||
downloadSkillData();
|
||
}
|
||
|
||
function downloadSkillData()
|
||
{
|
||
GM_xmlhttpRequest({
|
||
method: "GET",
|
||
url: `${sourceDataFolder}/skill_${currentDataSource.code}.json?t=${_time}`, //Skills数据文件
|
||
onload: function(response) {
|
||
try {
|
||
Skills = JSON.parse(response.response);
|
||
} catch (e) {
|
||
console.log("Skills 数据 JSON 解码出错", e);
|
||
return;
|
||
}
|
||
if (db)
|
||
{
|
||
const transaction = db.transaction([`skills`], "readwrite");
|
||
transaction.oncomplete = function(event) {
|
||
console.log("Skills 数据库写入完毕。");
|
||
lastCurrentCkey.ckey.skill = currentCkey.ckey.skill;
|
||
lastCurrentCkey.updateTime = currentCkey.updateTime;
|
||
localStorage.setItem("PADDF-ckey", JSON.stringify(lastCkeys)); //储存新的ckey
|
||
dealSkillData(Skills);
|
||
};
|
||
const objectStore = transaction.objectStore(`skills`);
|
||
objectStore.put(Skills,currentDataSource.code);
|
||
}else //隐私模式无法启动数据库
|
||
{
|
||
dealSkillData(Skills);
|
||
}
|
||
},
|
||
onerror: function(response) {
|
||
console.error("Skills JSON 数据获取失败", response);
|
||
}
|
||
});
|
||
}
|
||
|
||
function dealSkillData()
|
||
{
|
||
//显示数据更新时间
|
||
let controlBoxHook = setInterval(checkControlBox, 500); //循环检测controlBox
|
||
checkControlBox();
|
||
function checkControlBox()
|
||
{
|
||
if (controlBox)
|
||
{
|
||
const updateTime = controlBox.querySelector(".datasource-updatetime");
|
||
updateTime.textContent = new Date(currentCkey.updateTime).toLocaleString(undefined, { hour12: false });
|
||
clearInterval(controlBoxHook);
|
||
}
|
||
}
|
||
|
||
//initialize(); //初始化
|
||
if (statusLine) statusLine.classList.remove("loading-skill-info");
|
||
|
||
//如果通过的话就载入URL中的怪物数据
|
||
let formationBoxHook = setInterval(checkFormationBox, 500); //循环检测formationBox
|
||
checkFormationBox();
|
||
function checkFormationBox()
|
||
{
|
||
if (formationBox.querySelector('.teams'))
|
||
{
|
||
reloadFormationData();
|
||
clearInterval(formationBoxHook);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
}
|
||
//重新读取URL中的Data数据并刷新页面
|
||
function reloadFormationData(event) {
|
||
let formationData;
|
||
if (event && event.state && event.state.outForm)
|
||
{
|
||
//直接使用现有数据
|
||
formationData = event.state.outForm;
|
||
//console.log("直接读取",formationData);
|
||
}else
|
||
{
|
||
try {
|
||
const parameterDataString = getQueryString("d") || getQueryString("data");
|
||
formationData = JSON.parse(parameterDataString);
|
||
//console.log("从URL读取",formationData);
|
||
|
||
} catch (e) {
|
||
console.error("URL中队伍数据JSON解码出错", e);
|
||
return;
|
||
}
|
||
}
|
||
|
||
formation.loadObj(formationData);
|
||
refreshAll(formation);
|
||
|
||
if (isGuideMod)
|
||
{
|
||
let mid;
|
||
if (event && event.state && event.state.mid)
|
||
{
|
||
mid = event.state.mid;
|
||
}else
|
||
{
|
||
mid = parseInt(getQueryString("id"),10);
|
||
}
|
||
|
||
if (!isNaN(mid))
|
||
{
|
||
editBox.mid = mid;
|
||
editBoxChangeMonId(mid);
|
||
}
|
||
if (event && event.state && event.state.searchArr)
|
||
{
|
||
showSearch(event.state.searchArr.map(id=>Cards[id]));
|
||
}
|
||
}
|
||
}
|
||
window.addEventListener('popstate',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);
|
||
if (getQueryString("guide")) newSearch.set("guide", getQueryString("guide"));
|
||
if (getQueryString("id")) newSearch.set("id", getQueryString("id"));
|
||
if (outObj)
|
||
{
|
||
const dataJsonStr = JSON.stringify(outObj); //数据部分的字符串
|
||
newSearch.set("d", dataJsonStr);
|
||
}
|
||
|
||
const newUrl = (arg.url || "") + (newSearch.toString().length > 0 ? '?' + newSearch.toString() : "");
|
||
|
||
if (!arg.notPushState) {
|
||
history.pushState({outForm: outObj}, null, newUrl.length > 0 ? newUrl : location.pathname);
|
||
} else {
|
||
return newUrl;
|
||
}
|
||
}
|
||
}
|
||
|
||
//解析从QR图里获取的字符串
|
||
function inputFromQrString(string)
|
||
{
|
||
const re = {code: 0, message: null};
|
||
function ObjToUrl(obj)
|
||
{
|
||
let fileName;
|
||
switch (obj.d.f.length)
|
||
{
|
||
case 1:{
|
||
fileName = "solo.html";
|
||
break;
|
||
}
|
||
case 2:{
|
||
fileName = "multi.html";
|
||
break;
|
||
}
|
||
case 3:{
|
||
fileName = "triple.html";
|
||
break;
|
||
}
|
||
}
|
||
const newUrl = new URL(fileName, location);
|
||
newUrl.searchParams.set("d",JSON.stringify(obj.d));
|
||
if (!obj.s || obj.s == "ja")
|
||
{
|
||
newUrl.searchParams.delete("s");
|
||
}else
|
||
{
|
||
newUrl.searchParams.set("s", obj.s);
|
||
}
|
||
let l = getQueryString("l");
|
||
if (getQueryString("l"))
|
||
{
|
||
newUrl.searchParams.set("l", l);
|
||
}
|
||
return newUrl;
|
||
}
|
||
//code 1~99 为各种编码
|
||
if (string.substr(0,1) == "{" && string.substr(-1,1) == "}")
|
||
{
|
||
try{
|
||
let jo = JSON.parse(string);
|
||
if (jo.d && typeof jo.d == "object")
|
||
{
|
||
re.code = 1;
|
||
re.message = "发现队伍数据 | Formation data founded";
|
||
re.url = ObjToUrl(jo);
|
||
}else
|
||
{
|
||
re.code = 100;
|
||
re.message = "无队伍数据 | No formation data";
|
||
}
|
||
}catch(e)
|
||
{
|
||
re.code = 111;
|
||
re.message = "错误的 JSON 格式 | The illegal JSON format";
|
||
}
|
||
}
|
||
else if (/^http/i.test(string))
|
||
{
|
||
try{
|
||
let url = new URL(string);
|
||
if (url.searchParams.get('d'))
|
||
{
|
||
re.code = 1;
|
||
re.message = "发现队伍数据 | Formation data founded";
|
||
let jo = {
|
||
d: JSON.parse(url.searchParams.get('d')),
|
||
s: url.searchParams.get('s'),
|
||
}
|
||
re.url = ObjToUrl(jo);
|
||
}else
|
||
{
|
||
re.code = 100;
|
||
re.message = "无队伍数据 | No formation data";
|
||
}
|
||
}catch(e)
|
||
{
|
||
re.code = 112;
|
||
re.message = "错误的 网址 格式 | The illegal URL format";
|
||
}
|
||
}
|
||
else if(/^\d[\d\-\w,\]}]+}/.test(string))
|
||
{ //PDC
|
||
re.code = 2;
|
||
re.message = "发现 PDC 二维码 | PDC QR code found";
|
||
const pdcFotmation = readPDC(string);
|
||
const newFotmation = pdcFotmationToPdfFotmation(pdcFotmation);
|
||
re.url = ObjToUrl(newFotmation.getPdfQrObj(false));
|
||
}
|
||
else
|
||
{
|
||
re.code = 110;
|
||
re.message = "不是 JSON 格式 | Not JSON format";
|
||
}
|
||
return re;
|
||
}
|
||
//解析PDC的数据
|
||
function readPDC(string)
|
||
{
|
||
let teamsStr = string.split("]");
|
||
let baseInfo = teamsStr.shift().split(",");
|
||
let teamsArr = teamsStr.map(teamStr=>
|
||
{
|
||
let membersStr = teamStr.split("}").filter(Boolean);
|
||
const team = {
|
||
badge: parseInt(membersStr.shift(),10) //徽章是10进制
|
||
}
|
||
team.members = membersStr.map(memberStr=>{
|
||
let memberArr = memberStr.split(",").map(valueStr=>{
|
||
let idx = parseInt(valueStr.substr(0,2),36);
|
||
let value = valueStr.substr(2);
|
||
if (idx !== 2)
|
||
{
|
||
value = parseInt(value,36);
|
||
}else
|
||
{
|
||
value = value.split(/(\w{2})/).filter(Boolean).map(v=>parseInt(v,36));
|
||
}
|
||
return [idx, value];
|
||
});
|
||
return new Map(memberArr);
|
||
});
|
||
return team;
|
||
}
|
||
);
|
||
let pdcFotmation = {
|
||
version: parseInt(baseInfo[0],10),
|
||
teamCount: parseInt(baseInfo[1],10)+1,
|
||
teams: teamsArr
|
||
}
|
||
return pdcFotmation;
|
||
}
|
||
function pdcFotmationToPdfFotmation(pdcFotmation)
|
||
{
|
||
const f = new Formation(pdcFotmation.teamCount, pdcFotmation.teamCount == 2 ? 5 : 6);
|
||
pdcFotmation.teams.forEach((pdcTeam,idx)=>{
|
||
const t = f.teams[idx];
|
||
const membersArr = t[0];
|
||
const assistArr = t[1];
|
||
//队伍徽章
|
||
t[2] = pdcTeam.badge === 0 ? 0 : pdcBadgeMap.find(badge=>badge.pdc === pdcTeam.badge).pdf;
|
||
pdcTeam.members.forEach(member=>{
|
||
const m = membersArr[member.get(15) || 0];
|
||
const a = assistArr[member.get(15) || 0];
|
||
m.id = member.get(0) || 0;
|
||
a.id = member.get(9) || 0; //延迟是-1刚好一样
|
||
if (member.get(2))
|
||
{
|
||
m.latent = member.get(2).map(pdcLatent=>pdcLatentMap.find(latent=>latent.pdc === pdcLatent).pdf);
|
||
}
|
||
m.level = member.get(3) || 1;
|
||
a.level = member.get(10) || 1;
|
||
m.plus[0] = member.get(4) || 0;
|
||
m.plus[1] = member.get(5) || 0;
|
||
m.plus[2] = member.get(6) || 0;
|
||
a.plus[0] = member.get(11) || 0;
|
||
a.plus[1] = member.get(12) || 0;
|
||
a.plus[2] = member.get(13) || 0;
|
||
m.awoken = member.get(7) >= 0 ? member.get(7) : Cards[m.id].awakenings.length;
|
||
a.awoken = member.get(14) >= 0 ? member.get(14) : Cards[a.id].awakenings.length;
|
||
m.sawoken = member.get(8) ? Cards[m.id].superAwakenings.indexOf(member.get(8)) : null;
|
||
});
|
||
});
|
||
return f;
|
||
}
|
||
//截图
|
||
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() {
|
||
|
||
//触屏使用的切换显示的线条
|
||
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);
|
||
};
|
||
|
||
const qrCodeFrame = document.body.querySelector("#qr-code-frame");
|
||
const btnQrCode = controlBox.querySelector(`.btn-qrcode`);
|
||
btnQrCode.onclick = function(){
|
||
qrCodeFrame.show();
|
||
};
|
||
qrCodeFrame.show = function(){
|
||
const saveBox = this.content.saveBox;
|
||
const readBox = this.content.readBox;
|
||
readBox.info.textContent = "";
|
||
|
||
readBox.videoBox.classList.add(className_displayNone);
|
||
this.classList.remove(className_displayNone);
|
||
|
||
this.refreshQrCode(formation.getQrStr(saveBox.qrDataType.find(radio=>radio.checked).value));
|
||
};
|
||
qrCodeFrame.hide = function(){
|
||
qrcodeReader.reset();
|
||
this.classList.add(className_displayNone);
|
||
};
|
||
qrCodeFrame.close = qrCodeFrame.querySelector(".mask-close");
|
||
qrCodeFrame.close.onclick = function(){qrCodeFrame.hide()};
|
||
|
||
const qrContent = qrCodeFrame.content = qrCodeFrame.querySelector(".mask-content");
|
||
const qrReadBox = qrContent.readBox = qrContent.querySelector(".read-qr-box");
|
||
const qrSaveBox = qrContent.saveBox = qrContent.querySelector(".save-qr-box");
|
||
qrReadBox.readQrCamera = qrReadBox.querySelector(".read-qr-camera");
|
||
qrReadBox.readQrFile = qrReadBox.querySelector(".read-qr-file");
|
||
qrReadBox.filePicker = qrReadBox.querySelector(".file-select");
|
||
qrReadBox.info = qrReadBox.querySelector(".info");
|
||
qrReadBox.video = qrReadBox.querySelector("#video");
|
||
qrReadBox.videoBox = qrReadBox.querySelector(".video-box");
|
||
qrReadBox.sourceSelect = qrReadBox.querySelector("#sourceSelect");
|
||
|
||
qrSaveBox.qrImage = qrSaveBox.querySelector(".qr-code-image");
|
||
qrSaveBox.qrDataType = Array.from(qrSaveBox.querySelectorAll(".qr-data-type-radio"));
|
||
qrSaveBox.qrDataType.forEach(radio=>radio.onclick = function(){
|
||
qrCodeFrame.refreshQrCode(formation.getQrStr(this.value));
|
||
});
|
||
qrSaveBox.saveQrImg = qrSaveBox.querySelector(".save-qr-img");
|
||
|
||
qrCodeFrame.ondragenter = ()=>false;
|
||
qrCodeFrame.ondragover = ()=>false;
|
||
qrCodeFrame.ondrop = function(e)
|
||
{
|
||
imagesSelected(e.dataTransfer.files);
|
||
e.stopPropagation();
|
||
e.preventDefault();
|
||
}
|
||
|
||
qrCodeFrame.refreshQrCode = function(string)
|
||
{
|
||
const qrImg = this.content.saveBox.qrImage;
|
||
URL.revokeObjectURL(qrImg.src);
|
||
|
||
const EncodeHintType = ZXing.EncodeHintType;
|
||
const hints = new Map();
|
||
hints.set(EncodeHintType.MARGIN, 0);
|
||
//hints.set(EncodeHintType.CHARACTER_SET, "UTF8");
|
||
const qrWidth = 500,qrHeight = 500;
|
||
let svgElement = qrcodeWriter.write(string, qrWidth, qrHeight, hints);
|
||
let svgData = new XMLSerializer().serializeToString(svgElement);
|
||
let blob = new Blob([svgData], {type : 'image/svg+xml'});
|
||
let svgUrl = URL.createObjectURL(blob);
|
||
qrImg.src = svgUrl;
|
||
|
||
|
||
loadImage(svgUrl).then(function(img) {
|
||
let cavansWidth = qrWidth * 2, cavansHeight = qrHeight * 2;
|
||
let cavans = document.createElement("canvas");
|
||
cavans.width = cavansWidth;
|
||
cavans.height = cavansHeight;
|
||
let ctx = cavans.getContext('2d');
|
||
|
||
ctx.fillStyle="white";
|
||
ctx.fillRect(0, 0, cavansWidth, cavansHeight)
|
||
ctx.drawImage(img, 0, 0, cavansWidth, cavansHeight);
|
||
|
||
cavans.toBlob(function(blob) {
|
||
const saveQrImg = qrSaveBox.saveQrImg;
|
||
URL.revokeObjectURL(saveQrImg.href);
|
||
const downLink = URL.createObjectURL(blob);
|
||
saveQrImg.download = formation.title || "PAD Dash Formation QR";
|
||
saveQrImg.href = downLink;
|
||
});
|
||
|
||
svgElement = null;
|
||
svgData = null;
|
||
blob = null;
|
||
img = null;
|
||
cavans = null;
|
||
ctx = null;
|
||
}, function(err) {
|
||
console.log(err);
|
||
});
|
||
|
||
}
|
||
qrReadBox.readQrFile.onclick = function()
|
||
{
|
||
qrReadBox.filePicker.click();
|
||
}
|
||
qrReadBox.filePicker.onchange = function()
|
||
{
|
||
imagesSelected(this.files);
|
||
}
|
||
function imagesSelected(myFiles) {
|
||
if (myFiles.length < 1) return;
|
||
const file = myFiles[0];
|
||
loadImage(URL.createObjectURL(file)).then(function(img) {
|
||
qrcodeReader.decodeFromImage(img).then((result) => {
|
||
console.log('Found QR code!', result);
|
||
let inputResult = inputFromQrString(result.text);
|
||
|
||
qrReadBox.info.textContent = 'Code ' + inputResult.code + ':' + inputResult.message;
|
||
if (inputResult.code < 100)
|
||
{
|
||
const newLink = document.createElement("a");
|
||
newLink.className = "formation-from-qrcode";
|
||
newLink.href = inputResult.url;
|
||
newLink.target = "_blank";
|
||
qrReadBox.info.appendChild(newLink);
|
||
}
|
||
}).catch((err) => {
|
||
console.error(err);
|
||
if (err) {
|
||
if (err instanceof ZXing.NotFoundException) {
|
||
qrReadBox.info.textContent = 'No QR code found.';
|
||
}
|
||
|
||
if (err instanceof ZXing.ChecksumException) {
|
||
qrReadBox.info.textContent = 'A code was found, but it\'s read value was not valid.';
|
||
}
|
||
|
||
if (err instanceof ZXing.FormatException) {
|
||
qrReadBox.info.textContent = 'A code was found, but it was in a invalid format.';
|
||
}
|
||
}
|
||
})
|
||
console.log(`Started decode for image from ${img.src}`)
|
||
}, function(err) {
|
||
console.log(err);
|
||
});
|
||
}
|
||
|
||
if (location.protocol == "http:" && location.host != "localhost" && location.host != "127.0.0.1")
|
||
{ //http不支持攝像頭
|
||
qrReadBox.readQrCamera.classList.add(className_displayNone);
|
||
}else
|
||
{
|
||
|
||
function scanContinuously()
|
||
{
|
||
qrcodeReader.decodeFromInputVideoDeviceContinuously(selectedDeviceId, 'video', (result, err) => {
|
||
if (result) {
|
||
// properly decoded qr code
|
||
console.log('Found QR code!', result);
|
||
let inputResult = inputFromQrString(result.text);
|
||
|
||
if (inputResult.code < 100)
|
||
{ //成功后就关闭
|
||
qrReadBox.readQrCamera.onclick();
|
||
qrReadBox.info.textContent = 'Code ' + inputResult.code + ':' + inputResult.message;
|
||
const newLink = document.createElement("a");
|
||
newLink.className = "formation-from-qrcode";
|
||
newLink.href = inputResult.url;
|
||
newLink.target = "_blank";
|
||
qrReadBox.info.appendChild(newLink);
|
||
}else
|
||
{
|
||
qrReadBox.info.textContent = 'Code ' + inputResult.code + ':' + inputResult.message;
|
||
}
|
||
}
|
||
|
||
if (err) {
|
||
if (err instanceof ZXing.NotFoundException) {
|
||
console.log('No QR code found.')
|
||
}
|
||
|
||
if (err instanceof ZXing.ChecksumException) {
|
||
console.log('A code was found, but it\'s read value was not valid.')
|
||
}
|
||
|
||
if (err instanceof ZXing.FormatException) {
|
||
console.log('A code was found, but it was in a invalid format.')
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
qrcodeReader.getVideoInputDevices()
|
||
.then((videoInputDevices) => {
|
||
const sourceSelect_id = "selected-device-id";
|
||
selectedDeviceId = localStorage.getItem(cfgPrefix + sourceSelect_id);
|
||
if (videoInputDevices.every(device=>device.deviceId != selectedDeviceId))
|
||
{
|
||
selectedDeviceId = videoInputDevices[0].deviceId;
|
||
}
|
||
if (videoInputDevices.length >= 1) {
|
||
videoInputDevices.forEach((element) => {
|
||
const sourceOption = document.createElement('option');
|
||
sourceOption.text = element.label
|
||
sourceOption.value = element.deviceId
|
||
qrReadBox.sourceSelect.appendChild(sourceOption)
|
||
});
|
||
qrReadBox.sourceSelect.selectedIndex = videoInputDevices.findIndex(device=>device.deviceId == selectedDeviceId);
|
||
|
||
qrReadBox.sourceSelect.onchange = function() {
|
||
selectedDeviceId = this.value;
|
||
localStorage.setItem(cfgPrefix + sourceSelect_id, this.value);
|
||
if (qrReadBox.readQrCamera.classList.contains("running"))
|
||
{
|
||
qrcodeReader.reset();
|
||
scanContinuously();
|
||
}
|
||
};
|
||
}
|
||
qrReadBox.readQrCamera.onclick = function()
|
||
{
|
||
if (this.classList.contains("running"))
|
||
{
|
||
qrcodeReader.reset();
|
||
qrReadBox.videoBox.classList.add(className_displayNone);
|
||
qrReadBox.info.textContent = "";
|
||
|
||
}else
|
||
{
|
||
qrReadBox.videoBox.classList.remove(className_displayNone);
|
||
scanContinuously();
|
||
}
|
||
this.classList.toggle("running");
|
||
}
|
||
})
|
||
.catch((err) => {
|
||
console.error(err)
|
||
});
|
||
}
|
||
|
||
|
||
//标题和介绍文本框
|
||
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 = 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 = 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);
|
||
});
|
||
});
|
||
|
||
//从怪物头像获取队员的队伍编号
|
||
function getMemberArrayIndexFromMonHead(headDom) {
|
||
return [
|
||
parseInt(headDom.getAttribute("data-team"), 10), //team
|
||
parseInt(headDom.getAttribute("data-assist"), 10), //assist
|
||
parseInt(headDom.getAttribute("data-index"), 10), //index
|
||
];
|
||
}
|
||
//编辑界面点击每个怪物的头像的处理
|
||
function clickMonHead(e) {
|
||
const arr = getMemberArrayIndexFromMonHead(this);
|
||
editMon(arr[0], arr[1], arr[2]);
|
||
return false; //没有false将会打开链接
|
||
}
|
||
//编辑界面每个怪物的头像的拖动
|
||
function dragStartMonHead(e) {
|
||
e.dataTransfer.setData('from', JSON.stringify(getMemberArrayIndexFromMonHead(this)));
|
||
}
|
||
//编辑界面每个怪物的头像的经过，阻止事件发生
|
||
function dropOverMonHead(e) {
|
||
e.preventDefault();
|
||
}
|
||
//编辑界面每个怪物的头像的放下
|
||
function dropMonHead(e) {
|
||
const dataFrom = JSON.parse(e.dataTransfer.getData('from'));
|
||
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 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 });
|
||
const 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]);
|
||
const dataFrom = getMemberArrayIndexFromMonHead(this);
|
||
const 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 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 switchLeader(e)
|
||
{
|
||
const headDom = this.parentNode;
|
||
const arr = getMemberArrayIndexFromMonHead(headDom);
|
||
const team = formation.teams[arr[0]];
|
||
if (team[3] > 0) //如果队伍已经换了队长
|
||
{
|
||
if (team[3] == arr[2]) //点的就是换的队长
|
||
{
|
||
team[3] = 0; //还原
|
||
}else
|
||
{
|
||
team[3] = arr[2]; //改变成任何能点的换队长
|
||
}
|
||
creatNewUrl(); //刷新URL
|
||
refreshAll(formation); //刷新全部
|
||
}else //如果队伍没有换队长
|
||
{
|
||
if(arr[2] > 0) //如果点的不是原队长
|
||
{
|
||
team[3] = arr[2]; //接换成新队长
|
||
creatNewUrl(); //刷新URL
|
||
refreshAll(formation); //刷新全部
|
||
}
|
||
}
|
||
|
||
e.stopPropagation();
|
||
e.preventDefault();
|
||
}
|
||
//所有怪物头像，添加拖动交换的代码
|
||
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;
|
||
//子元素
|
||
m.querySelector(".switch-leader").onclick = switchLeader;
|
||
});
|
||
|
||
//添加徽章
|
||
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, teamIdx);
|
||
creatNewUrl();
|
||
} else {
|
||
teamBadge.classList.add(className_ChoseBadges);
|
||
}
|
||
}
|
||
badges.forEach(badge => badge.onclick = setBadge);
|
||
});
|
||
|
||
//显示HP的详细值
|
||
const hpDetailDialog = formationBox.querySelector(".dialog-hp-detail");
|
||
hpDetailDialog.show = function(reduceAttrRanges, tHP, tHPNoAwoken)
|
||
{
|
||
const dialogContent = this.querySelector(".dialog-content");
|
||
const fragment = document.createDocumentFragment();
|
||
|
||
function insertHpRangeTable(reduceRanges, tHP, tHPNoAwoken, attr)
|
||
{
|
||
const table = document.createElement("table");
|
||
table.className = "hp-range-table";
|
||
table.setAttribute("data-attr", attr);
|
||
table.createCaption();
|
||
const tHead = table.createTHead();
|
||
const tBody = table.createTBody();
|
||
const rangeRow = tHead.insertRow();
|
||
rangeRow.className = "hp-range";
|
||
rangeRow.appendChild(document.createElement("th"));
|
||
const rageHpRow = tBody.insertRow();
|
||
rageHpRow.className = "general";
|
||
rageHpRow.appendChild(document.createElement("th"));
|
||
const rageHpNoAwokenRow = tBody.insertRow();
|
||
rageHpNoAwokenRow.className = "awoken-bind";
|
||
rageHpNoAwokenRow.appendChild(document.createElement("th"));
|
||
const reduceRow = tBody.insertRow();
|
||
reduceRow.className = "reduce-scale";
|
||
reduceRow.appendChild(document.createElement("th"));
|
||
const reduceHpRow = tBody.insertRow();
|
||
reduceHpRow.className = "reduce-general";
|
||
reduceHpRow.appendChild(document.createElement("th"));
|
||
const reduceHpNoAwokenRow = tBody.insertRow();
|
||
reduceHpNoAwokenRow.className = "reduce-awoken-bind";
|
||
reduceHpNoAwokenRow.appendChild(document.createElement("th"));
|
||
reduceRanges.forEach(range=>{
|
||
const hpRange = rangeRow.insertCell();
|
||
const hpRangeMin = hpRange.appendChild(document.createElement("span"));
|
||
hpRangeMin.className = "hp-range-min";
|
||
hpRangeMin.textContent = range.min;
|
||
hpRange.appendChild(document.createTextNode(" ~ "));
|
||
const hpRangeMax = hpRange.appendChild(document.createElement("span"));
|
||
hpRangeMax.className = "hp-range-max";
|
||
hpRangeMax.textContent = range.max;
|
||
|
||
const hpGeneral = rageHpRow.insertCell();
|
||
hpGeneral.textContent = `${Math.round(tHP * (range.min / 100))} ~ ${Math.round(tHP * (range.max/100))}`;
|
||
|
||
const hpAwokenBind = rageHpNoAwokenRow.insertCell();
|
||
hpAwokenBind.textContent = `${Math.round(tHPNoAwoken * (range.min / 100))} ~ ${Math.round(tHPNoAwoken * (range.max/100))}`;
|
||
|
||
const reduce = reduceRow.insertCell();
|
||
const reduceScale = reduce.appendChild(document.createElement("span"));
|
||
reduceScale.textContent = `${parseFloat((range.scale * 100).toFixed(2))}`;
|
||
|
||
if (range.probability < 1)
|
||
{
|
||
reduce.appendChild(document.createTextNode("("));
|
||
const reduceProb = reduce.appendChild(document.createElement("span"));
|
||
reduceProb.className = "reduce-probability";
|
||
reduceProb.textContent = `${(range.probability * 100).toFixed(0)}`;
|
||
reduce.appendChild(document.createTextNode(")"));
|
||
}
|
||
|
||
const reduceGeneral = reduceHpRow.insertCell();
|
||
reduceGeneral.textContent = `${Math.round(tHP * (range.min / 100) / (1 - range.scale))} ~ ${Math.round(tHP * (range.max/100) / (1 - range.scale))}`;
|
||
|
||
const reduceAwokenBind = reduceHpNoAwokenRow.insertCell();
|
||
reduceAwokenBind.textContent = `${Math.round(tHPNoAwoken * (range.min / 100) / (1 - range.scale))} ~ ${Math.round(tHPNoAwoken * (range.max/100) / (1 - range.scale))}`;
|
||
});
|
||
return table;
|
||
}
|
||
if (reduceAttrRanges.some(r=>r != reduceAttrRanges[0])) //有指定属性减伤
|
||
{
|
||
reduceAttrRanges.forEach((reduceRanges, ridx)=>fragment.appendChild(insertHpRangeTable(reduceRanges, tHP, tHPNoAwoken, ridx)));
|
||
}
|
||
else //只有阶梯盾
|
||
{
|
||
const reduceRanges = reduceAttrRanges[0];
|
||
fragment.appendChild(insertHpRangeTable(reduceRanges, tHP, tHPNoAwoken, 31));
|
||
}
|
||
|
||
dialogContent.innerHTML = "";
|
||
dialogContent.appendChild(fragment);
|
||
this.classList.remove(className_displayNone);
|
||
}
|
||
hpDetailDialog.close = function()
|
||
{
|
||
this.classList.add(className_displayNone);
|
||
}
|
||
const hpDetailDialog_Close = hpDetailDialog.querySelector(".dialog-close");
|
||
hpDetailDialog_Close.onclick = function(){hpDetailDialog.close();};
|
||
const reduceDetailsBars = Array.from(formationBox.querySelectorAll(".tIf-total-hp .reduce-details"));
|
||
reduceDetailsBars.forEach(bar => {
|
||
bar.onclick = function(){
|
||
hpDetailDialog.show(this.reduceAttrRanges, this.tHP, this.tHPNoAwoken);
|
||
};
|
||
});
|
||
|
||
//编辑框
|
||
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 searchBox = editBox.querySelector(".search-box");
|
||
const settingBox = editBox.querySelector(".setting-box");
|
||
|
||
const mSeriesId = smonsterinfoBox.querySelector(".monster-seriesId");
|
||
mSeriesId.onclick = function() { //搜索系列
|
||
const seriesId = parseInt(this.getAttribute(dataAttrName), 10);
|
||
if (seriesId > 0) {
|
||
showSearch(Cards.filter(card => card.seriesId == seriesId));
|
||
}
|
||
};
|
||
const mCollabId = smonsterinfoBox.querySelector(".monster-collabId");
|
||
mCollabId.onclick = function() { //搜索合作
|
||
const collabId = parseInt(this.getAttribute(dataAttrName), 10);
|
||
if (collabId > 0); {
|
||
showSearch(Cards.filter(card => card.collabId == collabId));
|
||
}
|
||
};
|
||
//以字符串搜索窗口
|
||
const stringSearchDialog = settingBox.querySelector(".dialog-search-string");
|
||
function searchByString(str)
|
||
{ // 考虑了一下onlyInTag被废弃了，因为和游戏内搜索不符
|
||
str = str.trim();
|
||
if (str.length>0)
|
||
{
|
||
return Cards.filter(card =>
|
||
{
|
||
const names = [card.name];
|
||
if (card.otLangName)
|
||
{
|
||
names.push(...Object.values(card.otLangName));
|
||
}
|
||
const tags = card.altName.concat();
|
||
if (card.otTags)
|
||
{
|
||
tags.push(...card.otTags);
|
||
}
|
||
return tags.some(astr=>astr.toLowerCase().includes(str.toLowerCase())) ||
|
||
names.some(astr=>astr.toLowerCase().includes(str.toLowerCase()));
|
||
}
|
||
);
|
||
}else
|
||
{
|
||
return [];
|
||
}
|
||
}
|
||
function copyString(input)
|
||
{
|
||
input.focus(); //设input为焦点
|
||
input.select(); //选择全部
|
||
if (document.execCommand('copy')) {
|
||
document.execCommand('copy');
|
||
}
|
||
//input.blur(); //取消焦点
|
||
}
|
||
stringSearchDialog.show = function(originalStrArr = [], additionalStrArr = [])
|
||
{
|
||
const stringSearchContent = this.querySelector(".dialog-content");
|
||
const fragment = document.createDocumentFragment();
|
||
if (originalStrArr.length > 0 && originalStrArr[0].length > 0)
|
||
{
|
||
const ul_original = document.createElement("ul");
|
||
ul_original.className = "original-string";
|
||
originalStrArr.forEach(str=>{
|
||
const li = ul_original.appendChild(document.createElement("li"));
|
||
const ipt = li.appendChild(document.createElement("input"));
|
||
ipt.className = "string-value";
|
||
ipt.value = str;
|
||
ipt.readOnly = true;
|
||
const copyBtn = li.appendChild(document.createElement("button"));
|
||
copyBtn.className = "string-copy";
|
||
copyBtn.onclick = function(){copyString(ipt)};
|
||
const searchBtn = li.appendChild(document.createElement("button"));
|
||
searchBtn.className = "string-search";
|
||
searchBtn.onclick = function(){showSearch(searchByString(ipt.value))};
|
||
});
|
||
fragment.appendChild(ul_original);
|
||
}
|
||
if (additionalStrArr.length > 0 && additionalStrArr[0].length > 0)
|
||
{
|
||
const ul_additional = document.createElement("ul");
|
||
ul_additional.className = "additional-string";
|
||
additionalStrArr.forEach(str=>{
|
||
const li = ul_additional.appendChild(document.createElement("li"));
|
||
const ipt = li.appendChild(document.createElement("input"));
|
||
ipt.className = "string-value";
|
||
ipt.value = str;
|
||
ipt.readOnly = true;
|
||
const searchBtn = li.appendChild(document.createElement("button"));
|
||
searchBtn.className = "string-search";
|
||
searchBtn.onclick = function(){showSearch(searchByString(ipt.value))};
|
||
});
|
||
fragment.appendChild(ul_additional);
|
||
}
|
||
stringSearchContent.innerHTML = "";
|
||
stringSearchContent.appendChild(fragment);
|
||
this.classList.remove(className_displayNone);
|
||
}
|
||
stringSearchDialog.close = function()
|
||
{
|
||
this.classList.add(className_displayNone);
|
||
}
|
||
const stringSearchDialog_Close = stringSearchDialog.querySelector(".dialog-close");
|
||
stringSearchDialog_Close.onclick = function(){stringSearchDialog.close();};
|
||
|
||
const mAltName = smonsterinfoBox.querySelector(".monster-altName");
|
||
mAltName.onclick = function() { //搜索合作
|
||
//const mid = parseInt(this.getAttribute('data-monId'));
|
||
const card = Cards[editBox.mid];
|
||
if (card)
|
||
{
|
||
stringSearchDialog.show(card.altName, card.otTags);
|
||
}
|
||
};
|
||
//创建一个新的怪物头像
|
||
editBox.createCardHead = function(id, options = {}) {
|
||
function clickHeadToNewMon() {
|
||
monstersID.value = this.card.id;
|
||
monstersID.onchange();
|
||
return false; //取消链接的默认操作
|
||
}
|
||
const cli = document.createElement("li");
|
||
const cdom = cli.head = createCardA(id);
|
||
cli.appendChild(cdom);
|
||
changeid({ id: id }, cdom);
|
||
const card = Cards[id];
|
||
cli.card = card;
|
||
if (card.canAssist)
|
||
cli.classList.add("allowable-assist");
|
||
if (options.showCD)
|
||
{
|
||
const CDPreview = cli.appendChild(document.createElement("div"));
|
||
CDPreview.className = "cd-preview";
|
||
if (card.activeSkillId>0)
|
||
{
|
||
const skill = Skills[card.activeSkillId];
|
||
const CD_Max = skill.initialCooldown;
|
||
const CD_Min = skill.initialCooldown - skill.maxLevel + 1;
|
||
const CD_MinDom = CDPreview.appendChild(document.createElement("span"));
|
||
CD_MinDom.className = "cd-min";
|
||
if (CD_Max !== CD_Min)
|
||
{
|
||
CD_MinDom.textContent = CD_Min;
|
||
}else
|
||
{
|
||
CD_MinDom.classList.add(className_displayNone);
|
||
}
|
||
const CD_MaxDom = CDPreview.appendChild(document.createElement("span"));
|
||
CD_MaxDom.className = "cd-max";
|
||
CD_MaxDom.textContent = CD_Max;
|
||
}
|
||
}
|
||
//产生一个能力值列表
|
||
function creatAbilitiesList(abilities) {
|
||
const abilitiesPreview = document.createElement("ul");
|
||
abilitiesPreview.className = "abilities-preview";
|
||
const hpDom = abilitiesPreview.appendChild(document.createElement("li"));
|
||
hpDom.className = "hp-preview";
|
||
hpDom.textContent = abilities.hp;
|
||
const atkDom = abilitiesPreview.appendChild(document.createElement("li"));
|
||
atkDom.className = "atk-preview";
|
||
atkDom.textContent = abilities.atk;
|
||
const rcvDom = abilitiesPreview.appendChild(document.createElement("li"));
|
||
rcvDom.className = "rcv-preview";
|
||
rcvDom.textContent = abilities.rcv;
|
||
const indexDom = abilitiesPreview.appendChild(document.createElement("li"));
|
||
indexDom.className = "index-preview";
|
||
indexDom.textContent = Math.round(abilities.hp/10 + abilities.atk/5 + abilities.rcv/3);
|
||
return abilitiesPreview;
|
||
}
|
||
if (options.showAbilities || options.showAbilitiesWithAwoken)
|
||
{
|
||
const abilities_2status = calculateAbility_max(id, solo, teamsCount);
|
||
if (options.showAbilities && abilities_2status)
|
||
{
|
||
const abilitiesPreview = cli.appendChild(creatAbilitiesList(abilities_2status.noAwoken));
|
||
}
|
||
if (options.showAbilitiesWithAwoken && abilities_2status)
|
||
{
|
||
const abilitiesPreview = cli.appendChild(creatAbilitiesList(abilities_2status.withAwoken));
|
||
abilitiesPreview.classList.add("abilities-with-awoken-preview");
|
||
}
|
||
}
|
||
if (options.showAwoken)
|
||
{
|
||
//产生一个觉醒列表
|
||
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 awokenPreview = cli.appendChild(document.createElement("div"));
|
||
awokenPreview.className = "awoken-preview";
|
||
if (card.awakenings.length)
|
||
{
|
||
const akUl = awokenPreview.appendChild(creatAwokenList(card.awakenings)); //添加觉醒
|
||
akUl.classList.add("awoken-preview-awakenings");
|
||
}
|
||
if (card.superAwakenings.length)
|
||
{
|
||
const sakUl = awokenPreview.appendChild(creatAwokenList(card.superAwakenings)); //添加超觉醒
|
||
sakUl.classList.add("awoken-preview-superAwakenings");
|
||
}
|
||
}
|
||
|
||
if (options.customAddition)
|
||
{
|
||
options.customAddition.forEach(func=>{
|
||
const c_addition = cli.appendChild(document.createElement("div"));
|
||
c_addition.className = "custom-addition";
|
||
c_addition.appendChild(func(card));
|
||
});
|
||
}
|
||
|
||
cli.onclick = clickHeadToNewMon;
|
||
return cli;
|
||
};
|
||
|
||
//显示进化树
|
||
const evolutionaryTreeMask = settingBox.querySelector(".mask-evolutionary-tree");
|
||
|
||
evolutionaryTreeMask.show = function(monid)
|
||
{
|
||
const maskContent = this.querySelector(".mask-content");
|
||
const fragment = document.createDocumentFragment();
|
||
const evoTree = new EvoTree(monid);
|
||
|
||
fragment.appendChild(evoTree.toListNode());
|
||
maskContent.innerHTML = "";
|
||
maskContent.appendChild(fragment);
|
||
this.classList.remove(className_displayNone);
|
||
}
|
||
evolutionaryTreeMask.hide = function()
|
||
{
|
||
this.classList.add(className_displayNone);
|
||
}
|
||
const evolutionaryTreeMask_Close = evolutionaryTreeMask.querySelector(".mask-close");
|
||
evolutionaryTreeMask_Close.onclick = function(){evolutionaryTreeMask.hide();};
|
||
const openEvolutionaryTree = settingBox.querySelector(".row-mon-id .open-evolutionary-tree");
|
||
openEvolutionaryTree.onclick = function() {evolutionaryTreeMask.show(editBox.mid)};
|
||
|
||
const searchOpen = settingBox.querySelector(".row-mon-id .open-search");
|
||
searchOpen.onclick = function() {
|
||
s_includeSuperAwoken.onchange();
|
||
s_canAssist.onchange();
|
||
searchBox.classList.toggle(className_displayNone);
|
||
};
|
||
|
||
const s_attr1s = Array.from(searchBox.querySelectorAll(".attrs-div .attr-list-1 .attr-radio"));
|
||
const s_attr2s = Array.from(searchBox.querySelectorAll(".attrs-div .attr-list-2 .attr-radio"));
|
||
const s_fixMainColor = searchBox.querySelector("#fix-main-color");
|
||
const s_typesDiv = searchBox.querySelector(".types-div");
|
||
const s_typeAndOr = s_typesDiv.querySelector("#type-and-or");
|
||
const s_typesUl = s_typesDiv.querySelector(".type-list");
|
||
const s_typesLi = Array.from(s_typesUl.querySelectorAll("li"));
|
||
const s_types = s_typesLi.map(li=>li.querySelector(".type-check")); //checkbox集合
|
||
|
||
function s_types_onchange(){
|
||
const newClassName = `type-killer-${this.value}`;
|
||
if (this.checked && s_typeAndOr.checked) //and的时候才生效
|
||
s_typesUl.classList.add(newClassName);
|
||
else
|
||
s_typesUl.classList.remove(newClassName);
|
||
}
|
||
s_types.forEach(checkBox=>checkBox.onchange = s_types_onchange);
|
||
|
||
const s_types_latentUl = s_typesDiv.querySelector(".latent-list");
|
||
const s_types_latentli = Array.from(s_types_latentUl.querySelectorAll("li"));
|
||
function s_types_latentli_onclick(){
|
||
const latenttype = parseInt(this.getAttribute("data-latent-icon"));
|
||
const killerTypes = typekiller_for_type.filter(o=>o.allowableLatent.includes(latenttype)).map(o=>o.type);
|
||
s_types.forEach(checkbox=>{
|
||
const type = parseInt(checkbox.value);
|
||
checkbox.checked = killerTypes.includes(type);
|
||
});
|
||
}
|
||
s_types_latentli.forEach(latent=>latent.onclick = s_types_latentli_onclick);
|
||
|
||
s_typeAndOr.onchange = function(){
|
||
s_types.forEach(checkBox=>checkBox.onchange());
|
||
if (this.checked)
|
||
s_types_latentUl.classList.add(className_displayNone);
|
||
else
|
||
s_types_latentUl.classList.remove(className_displayNone);
|
||
};
|
||
s_typeAndOr.onchange();
|
||
|
||
//稀有度筛选
|
||
const s_rareDiv = searchBox.querySelector(".rare-div");
|
||
const s_rareLst = s_rareDiv.querySelector(".rare-list");
|
||
const s_rareIcons = Array.from(s_rareLst.querySelectorAll(".rare-icon"));
|
||
const s_rareLows = Array.from(s_rareLst.querySelectorAll("input[name='rare-low']"));
|
||
const s_rareHighs = Array.from(s_rareLst.querySelectorAll("input[name='rare-high']"));
|
||
function s_rareIcons_onclick()
|
||
{
|
||
const thisValue = parseInt(this.getAttribute("data-rare-icon"),10);
|
||
const radioLow = s_rareLows.find(radio=>radio.checked);
|
||
const radioHigh = s_rareHighs.find(radio=>radio.checked);
|
||
const rangeLow = radioLow ? parseInt(radioLow.value,10) : 1;
|
||
const rangeHigh = radioHigh ? parseInt(radioHigh.value,10) : 10;
|
||
|
||
s_rareLows.find(radio=>parseInt(radio.value,10) == (
|
||
rangeLow != rangeHigh ?
|
||
thisValue :
|
||
(
|
||
thisValue == rangeLow ?
|
||
1 :
|
||
Math.min(thisValue,rangeLow)
|
||
)
|
||
)).checked = true;
|
||
s_rareHighs.find(radio=>parseInt(radio.value,10) == (
|
||
rangeLow != rangeHigh ?
|
||
thisValue :
|
||
(
|
||
thisValue == rangeLow ?
|
||
10 :
|
||
Math.max(thisValue,rangeHigh)
|
||
)
|
||
)).checked = true;
|
||
}
|
||
s_rareIcons.forEach(icon=>icon.onclick = s_rareIcons_onclick);
|
||
const s_rareClear = s_rareDiv.querySelector(".rare-clear");
|
||
s_rareClear.onclick = function(){
|
||
s_rareLows[0].checked = true;
|
||
s_rareHighs[s_rareHighs.length-1].checked = true;
|
||
}
|
||
|
||
//const s_rare = s_rareLi.map(li=>li.querySelector(".rare-check")); //checkbox集合
|
||
|
||
const s_awokensDiv = searchBox.querySelector(".awoken-div");
|
||
const s_awokensUl = s_awokensDiv.querySelector(".all-awokens");
|
||
const s_awokensLi = Array.from(s_awokensUl.querySelectorAll(".awoken-count"));
|
||
const s_awokensIcons = s_awokensLi.map(li => li.querySelector(".awoken-icon"));
|
||
s_awokensUl.originalSorting = s_awokensIcons.map(icon => parseInt(icon.getAttribute("data-awoken-icon"), 10)); //储存觉醒列表的原始排序
|
||
|
||
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.onchange = function() {
|
||
toggleDomClassName(this, "only-display-can-assist", true, searchMonList);
|
||
};
|
||
|
||
|
||
const s_sawokensDiv = searchBox.querySelector(".sawoken-div");
|
||
const s_sawokensUl = s_sawokensDiv.querySelector(".sawoken-ul");
|
||
const s_sawokensLi = Array.from(s_sawokensUl.querySelectorAll(".awoken-count"));
|
||
s_sawokensUl.originalSorting = s_sawokensLi.map(li => parseInt(li.querySelector(".awoken-icon").getAttribute("data-awoken-icon"), 10));
|
||
|
||
const s_sawokens = s_sawokensLi.map(li => li.querySelector(".sawoken-check"));
|
||
const s_includeSuperAwoken = searchBox.querySelector("#include-super-awoken"); //搜索超觉醒
|
||
s_includeSuperAwoken.onchange = function() {
|
||
toggleDomClassName(this, className_displayNone, true, s_sawokensDiv);
|
||
};
|
||
|
||
|
||
const officialSortingClassName = 'show-official-awoken-sorting';
|
||
const s_showOfficialAwokenSorting = searchBox.querySelector(`#${officialSortingClassName}`); //显示官方排序的觉醒
|
||
s_showOfficialAwokenSorting.onchange = function(){
|
||
localStorage.setItem(cfgPrefix + officialSortingClassName, Number(this.checked));
|
||
let fragmentAwoken = document.createDocumentFragment();
|
||
let fragmentSawoken = document.createDocumentFragment();
|
||
const awokenSorting = this.checked ? official_awoken_sorting : s_awokensUl.originalSorting;
|
||
const sawokenSorting = this.checked ? official_awoken_sorting : s_sawokensUl.originalSorting;
|
||
awokenSorting.forEach(id=>fragmentAwoken.appendChild(
|
||
s_awokensLi.find(li=>parseInt(li.querySelector(".awoken-icon").getAttribute("data-awoken-icon"), 10) == id)
|
||
));
|
||
sawokenSorting.forEach(id=>fragmentSawoken.appendChild(
|
||
s_sawokensLi.find(li=>parseInt(li.querySelector(".awoken-icon").getAttribute("data-awoken-icon"), 10) == id)
|
||
));
|
||
|
||
const officialAwokenSorting_className = "official-awoken-sorting";
|
||
if (this.checked)
|
||
{
|
||
s_awokensDiv.classList.add(officialAwokenSorting_className);
|
||
s_sawokensDiv.classList.add(officialAwokenSorting_className);
|
||
}else
|
||
{
|
||
s_awokensDiv.classList.remove(officialAwokenSorting_className);
|
||
s_sawokensDiv.classList.remove(officialAwokenSorting_className);
|
||
}
|
||
s_awokensUl.appendChild(fragmentAwoken);
|
||
s_sawokensUl.appendChild(fragmentSawoken);
|
||
};
|
||
s_showOfficialAwokenSorting.checked = Boolean(Number(localStorage.getItem(cfgPrefix + officialSortingClassName)));
|
||
s_showOfficialAwokenSorting.onchange();
|
||
|
||
const s_selectedAwokensUl = searchBox.querySelector(".selected-awokens");
|
||
function search_awokenAdd1() {
|
||
let count = parseInt(this.getAttribute("data-awoken-count") || 0, 10);
|
||
const maxCount = parseInt(this.getAttribute("data-max-count") || 9, 10);
|
||
if (count < maxCount) {
|
||
count++;
|
||
this.setAttribute("data-awoken-count", count);
|
||
|
||
const iconLi = document.createElement("li");
|
||
const icon = iconLi.appendChild(document.createElement("icon"))
|
||
icon.className = "awoken-icon";
|
||
icon.setAttribute("data-awoken-icon", this.getAttribute("data-awoken-icon"));
|
||
icon.onclick = search_awokenSub1;
|
||
s_selectedAwokensUl.appendChild(iconLi);
|
||
}
|
||
}
|
||
function search_awokenSub1() {
|
||
const awokenId = this.getAttribute("data-awoken-icon");
|
||
const awokenIcon = s_awokensIcons.find(icon=>icon.getAttribute("data-awoken-icon") == awokenId);
|
||
let count = parseInt(awokenIcon.getAttribute("data-awoken-count") || 0, 10);
|
||
if (count > 0) {
|
||
count--;
|
||
awokenIcon.setAttribute("data-awoken-count", count);
|
||
}
|
||
this.parentNode.remove();
|
||
}
|
||
s_awokensIcons.forEach(b => {
|
||
b.onclick = search_awokenAdd1; //每种觉醒增加1
|
||
});
|
||
|
||
const awokenClear = searchBox.querySelector(".awoken-clear");
|
||
const sawokenClear = searchBox.querySelector(".sawoken-clear");
|
||
awokenClear.onclick = function() { //清空觉醒选项
|
||
s_awokensIcons.forEach(t => {
|
||
t.setAttribute("data-awoken-count", 0);
|
||
});
|
||
s_selectedAwokensUl.innerHTML = "";
|
||
};
|
||
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_add_show_awoken = searchBox.querySelector("#add-show-awoken"); //是否显示觉醒
|
||
const s_add_show_CD = searchBox.querySelector("#add-show-CD"); //是否显示CD
|
||
const s_add_show_abilities = searchBox.querySelector("#add-show-abilities"); //是否显示三维
|
||
const s_add_show_abilities_with_awoken = searchBox.querySelector("#add-show-abilities-with-awoken"); //是否显示计算觉醒的三维
|
||
|
||
const searchResultCount = searchBox.querySelector(".search-list-length");
|
||
showSearch = function(searchArr, customAdditionalFunction)
|
||
{
|
||
if (!Array.isArray(searchArr))
|
||
{ //如果不是数组就直接取消下一步
|
||
return;
|
||
}
|
||
if (searchArr.some(card=>typeof card == "number"))
|
||
{ //如果传入的是数字，就转成card对象
|
||
searchArr = searchArr.map(id=>typeof id == "object" ? id : Cards[id]);
|
||
}
|
||
searchBox.classList.remove(className_displayNone);
|
||
editBox.show();
|
||
const createCardHead = editBox.createCardHead;
|
||
|
||
searchMonList.classList.add(className_displayNone);
|
||
searchMonList.innerHTML = ""; //清空旧的
|
||
if (Array.isArray(searchMonList.originalHeads))
|
||
{
|
||
searchMonList.originalHeads.forEach(item=>item = null);
|
||
searchMonList.originalHeads = null;
|
||
}
|
||
|
||
if (searchArr.length > 0) {
|
||
const fragment = document.createDocumentFragment(); //创建节点用的临时空间
|
||
//获取原始排序的头像列表
|
||
const additionalOption = { //搜索列表的额外选项
|
||
showAwoken: s_add_show_awoken.checked,
|
||
showCD: s_add_show_CD.checked,
|
||
showAbilities: s_add_show_abilities.checked,
|
||
showAbilitiesWithAwoken: s_add_show_abilities_with_awoken.checked,
|
||
customAddition: typeof customAdditionalFunction == "function" ?
|
||
[customAdditionalFunction] :
|
||
Array.isArray((customAdditionalFunction) ? customAdditionalFunction : null)
|
||
};
|
||
searchMonList.originalHeads = searchArr.map(card => createCardHead(card.id, additionalOption));
|
||
searchMonList.customAddition = additionalOption.customAddition;
|
||
//对头像列表进行排序
|
||
const headsArray = sortHeadsArray(searchMonList.originalHeads);
|
||
headsArray.forEach(head => fragment.appendChild(head));
|
||
searchMonList.appendChild(fragment);
|
||
|
||
//目前这里添加会导致无限循环，无法后退
|
||
//const idArr = searchMonList.originalHeads.map(head=>head.card.id);
|
||
//const state = {searchArr:idArr,mid:editBox.mid};
|
||
//history.pushState(state, null, location);
|
||
}
|
||
searchResultCount.setAttribute("data-search-result-count", searchArr.length);
|
||
searchMonList.classList.remove(className_displayNone);
|
||
};
|
||
//对已经搜索到的Cards重新附加显示
|
||
function reShowSearch()
|
||
{
|
||
if (Array.isArray(searchMonList.originalHeads))
|
||
{
|
||
const oldArr = searchMonList.originalHeads.map(head=>head.card);
|
||
showSearch(oldArr, searchMonList.customAddition);
|
||
}
|
||
}
|
||
s_add_show_awoken.onchange = reShowSearch;
|
||
s_add_show_CD.onchange = reShowSearch;
|
||
s_add_show_abilities.onchange = reShowSearch;
|
||
s_add_show_abilities_with_awoken.onchange = reShowSearch;
|
||
|
||
const startSearch = function(cards, customAdditionalFunction) {
|
||
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 rareFilter = [
|
||
s_rareLows.filter(returnCheckedInput).map(returnInputValue).map(Str2Int)[0],
|
||
s_rareHighs.filter(returnCheckedInput).map(returnInputValue).map(Str2Int)[0],
|
||
];
|
||
const sawokensFilter = s_sawokens.filter(returnCheckedInput).map(returnInputValue).map(Str2Int);
|
||
const awokensFilter = s_awokensIcons.filter(btn => parseInt(btn.getAttribute("data-awoken-count"), 10) > 0).map(btn => {
|
||
const awokenIndex = parseInt(btn.getAttribute("data-awoken-icon"), 10);
|
||
return {
|
||
id: awokenIndex,
|
||
num: parseInt(btn.getAttribute("data-awoken-count"), 10)
|
||
};
|
||
});
|
||
const searchResult = searchCards(cards,
|
||
attr1, attr2,
|
||
s_fixMainColor.checked,
|
||
typesFilter,
|
||
s_typeAndOr.checked,
|
||
rareFilter,
|
||
awokensFilter,
|
||
sawokensFilter,
|
||
s_awokensEquivalent.checked,
|
||
s_includeSuperAwoken.checked
|
||
);
|
||
//console.log("搜索结果", searchResult);
|
||
showSearch(searchResult, customAdditionalFunction);
|
||
};
|
||
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_typeAndOr.onchange();
|
||
s_rareClear.onclick();
|
||
|
||
awokenClear.onclick();
|
||
sawokenClear.onclick();
|
||
|
||
searchMonList.originalHeads = null;
|
||
searchResultCount.setAttribute("data-search-result-count", 0);
|
||
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");
|
||
const btnSearchByString = settingBox.querySelector(".row-mon-id .search-by-string");
|
||
function idChange(e)
|
||
{
|
||
if (/^\d+$/.test(this.value)) {
|
||
const newId = parseInt(this.value, 10);
|
||
if (editBox.mid != newId) //避免多次运行oninput、onchange
|
||
{
|
||
editBox.mid = newId;
|
||
|
||
if (isGuideMod)
|
||
{
|
||
const idArr = searchMonList.originalHeads ? searchMonList.originalHeads.map(head=>head.card.id) : [];
|
||
const state = {searchArr:idArr,mid:newId};
|
||
const locationURL = new URL(location);
|
||
if (newId === 0) {
|
||
locationURL.searchParams.delete('id');
|
||
history.pushState(state, null, locationURL);
|
||
}else
|
||
{
|
||
locationURL.searchParams.set('id', newId);
|
||
history.pushState(state, null, locationURL);
|
||
}
|
||
}
|
||
|
||
editBoxChangeMonId(newId);
|
||
}
|
||
return true;
|
||
}else
|
||
{
|
||
return false;
|
||
}
|
||
}
|
||
monstersID.onchange = idChange;
|
||
monstersID.onkeydown = function(e) {
|
||
//如果键入回车，字符串长度大于0，且不是数字，则执行字符串搜索
|
||
if (e.key == "Enter" && this.value.length > 0 && !/^\d+$/.test(this.value))
|
||
{
|
||
showSearch(searchByString(this.value));
|
||
}
|
||
}
|
||
//输入id数字即时更新的开关
|
||
const realTimeClassName = 'real-time-change-card';
|
||
const s_realTimeChangeCard = settingBox.querySelector(`#${realTimeClassName}`);
|
||
s_realTimeChangeCard.onchange = function() {
|
||
monstersID.oninput = this.checked ? idChange : null;
|
||
localStorage.setItem(cfgPrefix + realTimeClassName, Number(this.checked));
|
||
}
|
||
s_realTimeChangeCard.checked = Boolean(Number(localStorage.getItem(cfgPrefix + realTimeClassName)));
|
||
s_realTimeChangeCard.onchange();
|
||
|
||
//字符串搜索
|
||
btnSearchByString.onclick = function() {
|
||
showSearch(searchByString(monstersID.value));
|
||
};
|
||
//觉醒
|
||
const monEditAwokensRow = settingBox.querySelector(".row-mon-awoken");
|
||
const awokenCountLabel = monEditAwokensRow.querySelector(".awoken-count-num");
|
||
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.setAttribute(dataAttrName, 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才播放语音
|
||
if (parseInt(this.getAttribute("data-awoken-icon"), 10) === 63) {
|
||
const card = Cards[editBox.mid];
|
||
const decoder = new Adpcm(adpcm_wasm, pcmImportObj);
|
||
decoder.resetDecodeState(new Adpcm.State(0, 0));
|
||
decodeAudio(`sound/voice/${currentDataSource.code}/padv${card.voiceId.prefixInteger(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;
|
||
const monEditLv120 = settingBox.querySelector(".m-level-btn-120");
|
||
monEditLv120.ipt = monEditLv;
|
||
monEditLv120.onclick = setIptToMyValue;
|
||
//编辑界面重新计算怪物的经验值
|
||
function reCalculateExp() {
|
||
const monid = editBox.mid;
|
||
const level = parseInt(monEditLv.value || 0, 10);
|
||
const tempMon = {
|
||
id: monid,
|
||
level: level
|
||
};
|
||
const needExpArr = calculateExp(tempMon);
|
||
monLvExp.textContent = needExpArr ? needExpArr.map(exp=>exp.bigNumberToString()).join(" + ") : "";
|
||
}
|
||
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(cfgPrefix + hideClassName, Number(this.checked));
|
||
}
|
||
s_hideLessUseLetent.checked = Boolean(Number(localStorage.getItem(cfgPrefix + hideClassName)));
|
||
s_hideLessUseLetent.onchange();
|
||
|
||
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(event) {
|
||
if (event.ctrlKey) return;
|
||
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.textContent = 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 = editBox.mid;
|
||
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);
|
||
|
||
monEditHpValue.textContent = abilitys ? abilitys[0][0].toLocaleString() : 0;
|
||
monEditAtkValue.textContent = abilitys ? abilitys[1][0].toLocaleString() : 0;
|
||
monEditRcvValue.textContent = abilitys ? abilitys[2][0].toLocaleString() : 0;
|
||
}
|
||
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 = editBox.mid;
|
||
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]); //本人能力值
|
||
|
||
//如果是2人协力，且修改的是队长的情况，为了刷新另一个队伍时间计算，直接刷新整个队形
|
||
if (teamsCount === 2 && editBox.memberIdx[2] === 0)
|
||
{
|
||
refreshAll(formation);
|
||
}else
|
||
{
|
||
const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
|
||
if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData, editBox.memberIdx[0]);
|
||
const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
|
||
if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);
|
||
|
||
const teamMenberAwokenDom = teamBigBox.querySelector(".team-menber-awoken"); //队员觉醒
|
||
const teamAssistAwokenDom = teamBigBox.querySelector(".team-assist-awoken"); //辅助觉醒
|
||
if (teamMenberAwokenDom && teamAssistAwokenDom) refreshMenberAwoken(teamMenberAwokenDom, teamAssistAwokenDom, teamData, editBox.memberIdx[2]); //刷新本人觉醒
|
||
|
||
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.addEventListener("keydown",function(event) {
|
||
if (!editBox.classList.contains(className_displayNone)) {
|
||
if (event.key === "Escape") { //按下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, editBox.memberIdx[0]);
|
||
const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
|
||
if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);
|
||
|
||
const teamMenberAwokenDom = teamBigBox.querySelector(".team-menber-awoken"); //队员觉醒
|
||
const teamAssistAwokenDom = teamBigBox.querySelector(".team-assist-awoken"); //辅助觉醒
|
||
if (teamMenberAwokenDom && teamAssistAwokenDom) refreshMenberAwoken(teamMenberAwokenDom, teamAssistAwokenDom, teamData, editBox.memberIdx[2]); //刷新本人觉醒
|
||
|
||
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, editBox.memberIdx[0]);
|
||
const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计
|
||
if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);
|
||
|
||
const teamMenberAwokenDom = teamBigBox.querySelector(".team-menber-awoken"); //队员觉醒
|
||
const teamAssistAwokenDom = teamBigBox.querySelector(".team-assist-awoken"); //辅助觉醒
|
||
if (teamMenberAwokenDom && teamAssistAwokenDom) refreshMenberAwoken(teamMenberAwokenDom, teamAssistAwokenDom, teamData, editBox.memberIdx[2]); //刷新本人觉醒
|
||
|
||
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) //图鉴模式直接打开搜索框
|
||
{
|
||
s_includeSuperAwoken.onchange();
|
||
s_canAssist.onchange();
|
||
showSearch([]);
|
||
//if (monstersID.value.length == 0) editBoxChangeMonId(0);
|
||
}
|
||
}
|
||
|
||
//改变一个怪物头像
|
||
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.setAttribute(dataAttrName, level);
|
||
|
||
if (level == card.maxLevel) { //如果等级刚好等于最大等级，则修改为“最大”的字
|
||
levelDom.classList.add("max");
|
||
} else {
|
||
levelDom.classList.remove("max");
|
||
}
|
||
if (card.limitBreakIncr && level >= card.maxLevel) { //如果支持超觉，并且等级超过99，就添加支持超觉的蓝色
|
||
if (level <= 110) //Lv 99~110
|
||
{
|
||
levelDom.classList.add("_110");
|
||
levelDom.classList.remove("_120");
|
||
}else //Lv 111~120
|
||
{
|
||
levelDom.classList.add("_120");
|
||
levelDom.classList.remove("_110");
|
||
}
|
||
} else {
|
||
levelDom.classList.remove("_110");
|
||
levelDom.classList.remove("_120");
|
||
}
|
||
}
|
||
const awokenIcon = monDom.querySelector(".awoken-count-num");
|
||
if (awokenIcon) {
|
||
awokenIcon.setAttribute(dataAttrName, mon.awoken || 0);
|
||
if (mon.awoken != null) //如果提供了觉醒
|
||
{
|
||
if (mon.awoken > 0 && mon.awoken == card.awakenings.length) {
|
||
awokenIcon.classList.add("full-awoken");
|
||
} else {
|
||
awokenIcon.classList.remove("full-awoken");
|
||
}
|
||
}else if(card.awakenings.length)
|
||
{
|
||
awokenIcon.classList.add("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.textContent = 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").textContent = plusArr[0];
|
||
plusDom.querySelector(".atk").textContent = plusArr[1];
|
||
plusDom.querySelector(".rcv").textContent = 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-cd");
|
||
if (skillCdDom) //如果存在技能CD DOM
|
||
{
|
||
//const skill = Skills[card.activeSkillId];
|
||
if (card.activeSkillId == 0) {
|
||
skillCdDom.classList.add(className_displayNone);
|
||
} else {
|
||
skillCdDom.classList.remove(className_displayNone);
|
||
}
|
||
}
|
||
|
||
const switchLeaderDom = monDom.querySelector(".switch-leader");
|
||
if (switchLeaderDom) //如果存在队长交换 DOM
|
||
{
|
||
const skills = getCardActiveSkills(card, [93]); //更换队长的技能
|
||
|
||
if (skills.length > 0) {
|
||
switchLeaderDom.classList.remove(className_displayNone);
|
||
} else {
|
||
switchLeaderDom.classList.add(className_displayNone);
|
||
}
|
||
}
|
||
|
||
parentNode.appendChild(fragment);
|
||
}
|
||
//刷新潜觉
|
||
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 !== undefined && 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.textContent = id;
|
||
const mRare = monInfoBox.querySelector(".monster-rare");
|
||
mRare.setAttribute("data-rarity", card.rarity);
|
||
const mMP = monInfoBox.querySelector(".monster-mp");
|
||
mMP.textContent = card.sellMP.toLocaleString();
|
||
const mName = monInfoBox.querySelector(".monster-name");
|
||
mName.textContent = returnMonsterNameArr(card, currentLanguage.searchlist, currentDataSource.code)[0];
|
||
const mSeriesId = monInfoBox.querySelector(".monster-seriesId");
|
||
//mSeriesId.textContent = card.seriesId;
|
||
mSeriesId.setAttribute(dataAttrName, card.seriesId);
|
||
if (card.seriesId == 0) {
|
||
mSeriesId.classList.add(className_displayNone);
|
||
} else {
|
||
mSeriesId.classList.remove(className_displayNone);
|
||
}
|
||
const mCollabId = monInfoBox.querySelector(".monster-collabId");
|
||
//mCollabId.textContent = card.collabId;
|
||
mCollabId.setAttribute(dataAttrName, card.collabId);
|
||
if (card.collabId == 0) {
|
||
mCollabId.classList.add(className_displayNone);
|
||
} else {
|
||
mCollabId.classList.remove(className_displayNone);
|
||
}
|
||
const mAltName = monInfoBox.querySelector(".monster-altName");
|
||
//mAltName.textContent = card.altName.join("|");
|
||
|
||
//mAltName.setAttribute("data-monId", card.id);
|
||
|
||
if (card.altName.length > 0 || card.otTags && card.otTags.length > 0) { //当没有合作名
|
||
mAltName.classList.remove(className_displayNone);
|
||
} else {
|
||
mAltName.classList.add(className_displayNone);
|
||
}
|
||
|
||
|
||
const evoLinkCardsIdArray = Cards.filter(m=>m.evoRootId == card.evoRootId).map(m=>m.id); //筛选出相同进化链的
|
||
|
||
function loopAddHenshin(arr,card)
|
||
{
|
||
const tcard1 = Cards[card.henshinFrom] || null;
|
||
const tcard2 = Cards[card.henshinTo] || null;
|
||
const evoCards = Cards.filter(m=>m.evoRootId == card.evoRootId && !arr.includes(m.id)).map(m=>m.id);
|
||
if (tcard1 && !arr.includes(tcard1.id))
|
||
{
|
||
arr.push(tcard1.id);
|
||
loopAddHenshin(arr,tcard1);
|
||
}
|
||
if (tcard2 && !arr.includes(tcard2.id))
|
||
{
|
||
arr.push(tcard2.id);
|
||
loopAddHenshin(arr,tcard2);
|
||
}
|
||
if (evoCards.length > 0)
|
||
{
|
||
evoCards.forEach(mid=>
|
||
{
|
||
arr.push(mid);
|
||
const m = Cards[mid];
|
||
if (m.henshinFrom || m.henshinTo)
|
||
{ //添加变身的
|
||
loopAddHenshin(arr,m);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
evoLinkCardsIdArray.forEach((mid,idx,arr)=>{
|
||
const m = Cards[mid];
|
||
if (m.henshinFrom || m.henshinTo)
|
||
{ //添加变身的
|
||
loopAddHenshin(arr,m);
|
||
}
|
||
});
|
||
evoLinkCardsIdArray.sort((a,b)=>a-b);
|
||
|
||
const createCardHead = editBox.createCardHead;
|
||
const evoCardUl = settingBox.querySelector(".row-mon-id .evo-card-list");
|
||
evoCardUl.classList.add(className_displayNone);
|
||
evoCardUl.innerHTML = ""; //据说直接清空HTML性能更好
|
||
const openEvolutionaryTree = settingBox.querySelector(".row-mon-id .open-evolutionary-tree");
|
||
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.classList.remove(className_displayNone);
|
||
openEvolutionaryTree.classList.remove(className_displayNone); //显示进化树按钮
|
||
}else
|
||
{
|
||
openEvolutionaryTree.classList.add(className_displayNone); //隐藏进化树按钮
|
||
}
|
||
|
||
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(className_displayNone);
|
||
} else {
|
||
mAwokenIcon[ai].classList.add(className_displayNone);
|
||
}
|
||
}
|
||
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(className_displayNone);
|
||
} else {
|
||
mSAwoken[ai].classList.add(className_displayNone);
|
||
}
|
||
}
|
||
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.textContent = monEditLvMax.value = card.maxLevel;
|
||
monEditLvMax.value = card.maxLevel;
|
||
const monEditLv = settingBox.querySelector(".m-level");
|
||
monEditLv.max = card.limitBreakIncr ? 120 : card.maxLevel; //最大等级为120
|
||
monEditLv.value = card.limitBreakIncr ? 110 : card.maxLevel; //默认等级为110
|
||
const monEditLv110 = settingBox.querySelector(".m-level-btn-110");
|
||
const monEditLv120 = settingBox.querySelector(".m-level-btn-120");
|
||
|
||
monEditLv110.setAttribute("data-limit-break-incr",card.limitBreakIncr);
|
||
if (card.limitBreakIncr) {
|
||
monEditLv110.classList.remove(className_displayNone);
|
||
monEditLv120.classList.remove(className_displayNone);
|
||
} else {
|
||
monEditLv110.classList.add(className_displayNone);
|
||
monEditLv120.classList.add(className_displayNone);
|
||
}
|
||
|
||
const mCost = settingBox.querySelector(".monster-cost");
|
||
mCost.textContent = card.cost;
|
||
|
||
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 = getAllowLatent(card);
|
||
|
||
const latentIcons = Array.from(monLatentAllowUl.querySelectorAll(`.latent-icon[data-latent-icon]`));
|
||
latentIcons.forEach(icon => { //显示允许的潜觉，隐藏不允许的潜觉
|
||
const ltId = parseInt(icon.getAttribute("data-latent-icon"),10);
|
||
if (allowLatent.includes(ltId)) {
|
||
icon.classList.remove("unallowable-latent");
|
||
} else {
|
||
icon.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 = "";
|
||
skillDetail.appendChild(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.textContent = skill.maxLevel;
|
||
skillCD.textContent = 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);
|
||
lskillTitle.setAttribute("data-skillid", leaderSkill.id);
|
||
lskillDetail.innerHTML = "";
|
||
lskillDetail.appendChild(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;
|
||
}
|
||
}
|
||
|
||
//去除所有不能再打的潜觉
|
||
editBox.latent = editBox.latent.filter(lat => allowLatent.includes(lat));
|
||
editBox.refreshLatent(editBox.latent, id);
|
||
editBox.reCalculateExp();
|
||
editBox.reCalculateAbility();
|
||
}
|
||
//刷新整个队伍
|
||
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) {
|
||
//为了解决火狐在代码片段里无法正确修改checked的问题，所以事先把所有的都切换到false
|
||
const badges = Array.from(badgeBox.querySelectorAll(`.badge-radio`));
|
||
badges.forEach(badge=>badge.checked = false);
|
||
|
||
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");
|
||
const teamMenberAwokenDom = teamBigBox.querySelector(".team-menber-awoken"); //队员觉醒
|
||
const teamAssistAwokenDom = teamBigBox.querySelector(".team-assist-awoken"); //辅助觉醒
|
||
for (let ti = 0, ti_len = membersDom.querySelectorAll(".member").length; ti < ti_len; ti++) {
|
||
//开始设置换队长
|
||
const leaderIdx = teamData[3];
|
||
const memberLi = membersDom.querySelector(`.member-${ti+1}`);
|
||
const latentLi = latentsDom.querySelector(`.latents-${ti+1}`);
|
||
const assistsLi = assistsDom.querySelector(`.member-${ti+1}`);
|
||
const teamAbilityLi = teamAbilityDom ? teamAbilityDom.querySelector(`.abilitys-${ti+1}`) : undefined;
|
||
const teamMenberAwokenLi = teamAbilityDom ? teamMenberAwokenDom.querySelector(`.menber-awoken-${ti+1}`) : undefined;
|
||
const teamAssistAwokenLi = teamAbilityDom ? teamAssistAwokenDom.querySelector(`.menber-awoken-${ti+1}`) : undefined;
|
||
[memberLi,latentLi,assistsLi,teamAbilityLi,teamMenberAwokenLi,teamAssistAwokenLi].forEach(dom=>{
|
||
if (!dom)
|
||
{
|
||
return;
|
||
}
|
||
if (leaderIdx > 0 && ti == 0)
|
||
{
|
||
dom.style.transform = `translateX(${leaderIdx*108}px)`;
|
||
}
|
||
else if (leaderIdx > 0 && ti == leaderIdx)
|
||
{
|
||
dom.style.transform = `translateX(${ti*-108}px)`;
|
||
}else
|
||
{
|
||
dom.style.transform = null;
|
||
}
|
||
});
|
||
//修改显示内容
|
||
const member = memberLi.querySelector(`.monster`);
|
||
const assist = assistsLi.querySelector(`.monster`);
|
||
const latent = latentLi.querySelector(`.latent-ul`);
|
||
changeid(teamData[0][ti], member, latent); //队员
|
||
changeid(teamData[1][ti], assist); //辅助
|
||
//如果换队长技能
|
||
if (leaderIdx == 0 && (ti == 0 || ti == 5))
|
||
{
|
||
member.querySelector(".switch-leader").classList.add(className_displayNone);
|
||
assist.querySelector(".switch-leader").classList.add(className_displayNone);
|
||
}
|
||
refreshMemberSkillCD(teamBox, teamData, ti); //技能CD
|
||
refreshAbility(teamAbilityDom, teamData, ti); //本人能力值
|
||
refreshMenberAwoken(teamMenberAwokenDom, teamAssistAwokenDom, teamData, ti); //本人觉醒
|
||
|
||
}
|
||
const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计
|
||
if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData, teamNum);
|
||
|
||
const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计
|
||
if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom, teamData);
|
||
});
|
||
|
||
if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams);
|
||
|
||
if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams);
|
||
|
||
formationBox.appendChild(fragment);
|
||
txtDetail.onblur(); //这个需要放在显示出来后再改才能生效
|
||
}
|
||
|
||
function awokenSetCount(aicon, number) {
|
||
if (!aicon) return; //没有这个觉醒就撤回
|
||
const ali = aicon.parentNode;
|
||
const countDom = ali.querySelector(".count");
|
||
countDom.textContent = number;
|
||
if (number)
|
||
ali.classList.remove(className_displayNone);
|
||
else
|
||
ali.classList.add(className_displayNone);
|
||
}
|
||
//刷新队伍觉醒统计
|
||
function refreshTeamAwokenCount(awokenDom, team) {
|
||
let fragment = document.createDocumentFragment(); //创建节点用的临时空间
|
||
const awokenUL = fragment.appendChild(awokenDom.querySelector(".awoken-ul"));
|
||
|
||
const aicons = Array.from(awokenUL.querySelectorAll(`.awoken-icon[data-awoken-icon]`));
|
||
const acs = aicons.map(aicon=>{
|
||
const ai = parseInt(aicon.getAttribute("data-awoken-icon"),10);
|
||
let totalNum = 0;
|
||
//搜索等效觉醒
|
||
const equivalentAwoken = equivalent_awoken.find(eak => eak.small === ai || eak.big === ai);
|
||
if (equivalentAwoken)
|
||
{
|
||
if (equivalentAwoken.small === ai)
|
||
{
|
||
totalNum = awokenCountInTeam(team, equivalentAwoken.small, solo, teamsCount) +
|
||
awokenCountInTeam(team, equivalentAwoken.big, solo, teamsCount) * equivalentAwoken.times;
|
||
}
|
||
} else
|
||
{
|
||
totalNum = awokenCountInTeam(team, ai, solo, teamsCount);
|
||
}
|
||
awokenSetCount(aicon, totalNum);
|
||
return {a:ai,c:totalNum};
|
||
});
|
||
if (acs.every(ac=>ac.c==0))
|
||
{
|
||
awokenDom.classList.add(className_displayNone);
|
||
} else
|
||
{
|
||
awokenDom.classList.remove(className_displayNone);
|
||
}
|
||
awokenDom.appendChild(fragment);
|
||
}
|
||
//刷新阵型觉醒统计
|
||
function refreshFormationAwokenCount(awokenDom, teams) {
|
||
let fragment = document.createDocumentFragment(); //创建节点用的临时空间
|
||
const awokenUL = fragment.appendChild(awokenDom.querySelector(".awoken-ul"));
|
||
|
||
const aicons = Array.from(awokenUL.querySelectorAll(`.awoken-icon[data-awoken-icon]`));
|
||
const acs = aicons.map(aicon=>{
|
||
const ai = parseInt(aicon.getAttribute("data-awoken-icon"),10);
|
||
let totalNum = 0;
|
||
//搜索等效觉醒
|
||
const equivalentAwoken = equivalent_awoken.find(eak => eak.small === ai || eak.big === ai);
|
||
if (equivalentAwoken)
|
||
{
|
||
if (equivalentAwoken.small === ai)
|
||
{
|
||
totalNum = awokenCountInFormation(teams, equivalentAwoken.small, solo) +
|
||
awokenCountInFormation(teams, equivalentAwoken.big, solo) * equivalentAwoken.times;
|
||
}
|
||
} else
|
||
{
|
||
totalNum = awokenCountInFormation(teams, ai, solo);
|
||
}
|
||
awokenSetCount(aicon, totalNum);
|
||
return {a:ai,c:totalNum};
|
||
});
|
||
if (acs.every(ac=>ac.c==0))
|
||
{
|
||
awokenDom.classList.add(className_displayNone);
|
||
} else
|
||
{
|
||
awokenDom.classList.remove(className_displayNone);
|
||
}
|
||
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][0];
|
||
memberData.abilityNoAwoken[ai] = mainAbility[ai][1];
|
||
}
|
||
}
|
||
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.textContent = memberData.ability[ai];
|
||
} else {
|
||
div.classList.add(className_displayNone);
|
||
div.textContent = 0;
|
||
}
|
||
});
|
||
}
|
||
//刷新队员觉醒
|
||
function refreshMenberAwoken(menberAwokenDom, assistAwokenDom, team, idx) {
|
||
if (!menberAwokenDom) return; //如果没有dom，直接跳过
|
||
|
||
const memberData = team[0][idx];
|
||
const assistData = team[1][idx];
|
||
|
||
const memberCard = Cards[memberData.id] || Cards[0];
|
||
const assistCard = Cards[assistData.id] || Cards[0];
|
||
//队员觉醒
|
||
let menberAwokens = memberCard.awakenings.slice(0,memberData.awoken);
|
||
//单人和三人为队员增加超觉醒
|
||
if ((solo || teamsCount === 3) && memberData.sawoken >= 0) menberAwokens.push(memberCard.superAwakenings[memberData.sawoken]);
|
||
//menberAwokens.sort();
|
||
//武器觉醒
|
||
let assistAwokens = assistCard.awakenings.slice(0,assistData.awoken);
|
||
if (!assistAwokens.includes(49)) assistAwokens = []; //清空非武器的觉醒
|
||
//assistAwokens.sort();
|
||
/*if (assistAwokens.includes(49))
|
||
{
|
||
menberAwokens = menberAwokens.concat(assistAwokens);
|
||
}*/
|
||
|
||
const menberAwokenUl = menberAwokenDom.querySelector(`.menber-awoken-${idx + 1} .awoken-ul`);
|
||
const assistAwokenUl = assistAwokenDom.querySelector(`.menber-awoken-${idx + 1} .awoken-ul`);
|
||
/* //通用的
|
||
function countNum(arr) {
|
||
const map = arr.reduce(function(preMap, value){
|
||
return preMap.set(value, (preMap.get(value) || 0) + 1);
|
||
}, new Map());
|
||
return Array.from(map);
|
||
};*/
|
||
function countAwokenNum(arr) {
|
||
const map = arr.reduce(function(preMap, value){
|
||
const eak = equivalent_awoken.find(eako => eako.big === value);
|
||
if (eak)
|
||
{
|
||
return preMap.set(eak.small, (preMap.get(eak.small) || 0) + eak.times);
|
||
}else
|
||
{
|
||
return preMap.set(value, (preMap.get(value) || 0) + 1);
|
||
}
|
||
}, new Map());
|
||
return Array.from(map);
|
||
};
|
||
/*const hideAwokens = [49,1,2,3,63];
|
||
if (solo) hideAwokens.push(30); //协力觉醒
|
||
if (!solo) hideAwokens.push(63); //掉落觉醒
|
||
menberAwokens = menberAwokens.filter(ak=>!hideAwokens.includes(ak));*/
|
||
let menberAwokensCount = countAwokenNum(menberAwokens);
|
||
menberAwokenUl.innerHTML = '';
|
||
menberAwokensCount.forEach(akc=>{
|
||
const iconLi = document.createElement("li");
|
||
const icon = iconLi.appendChild(document.createElement("icon"))
|
||
icon.className = "awoken-icon";
|
||
icon.setAttribute("data-awoken-icon", akc[0]);
|
||
icon.setAttribute("data-awoken-count", akc[1]);
|
||
menberAwokenUl.appendChild(iconLi);
|
||
});
|
||
let assistAwokensCount = countAwokenNum(assistAwokens);
|
||
assistAwokenUl.innerHTML = '';
|
||
assistAwokensCount.forEach(akc=>{
|
||
const iconLi = document.createElement("li");
|
||
const icon = iconLi.appendChild(document.createElement("icon"))
|
||
icon.className = "awoken-icon";
|
||
icon.setAttribute("data-awoken-icon", akc[0]);
|
||
icon.setAttribute("data-awoken-count", akc[1]);
|
||
assistAwokenUl.appendChild(iconLi);
|
||
});
|
||
}
|
||
|
||
function setTextContentAndAttribute(dom,str)
|
||
{
|
||
if (!dom) return;
|
||
dom.textContent = str;
|
||
dom.setAttribute(dataAttrName, str);
|
||
}
|
||
|
||
function drawHpInfo(hpBarDom, reduceAttrRanges)
|
||
{
|
||
const width = hpBarDom.width, height = hpBarDom.height;
|
||
|
||
let ctx = hpBarDom.getContext("2d");
|
||
if (reduceAttrRanges.some(r=>r != reduceAttrRanges[0])) //有指定属性减伤
|
||
{
|
||
const attrColors = ['crimson','cornflowerblue','green','goldenrod','purple'];
|
||
reduceAttrRanges.forEach((reduceRanges, ridx)=>{
|
||
//console.table(reduceRanges);
|
||
ctx.fillStyle = attrColors[ridx];
|
||
ctx.fillRect(0, height / 5 * ridx, width, height / 5 * (ridx + 1));
|
||
|
||
reduceRanges.forEach(range=>{
|
||
ctx.fillStyle = `rgba(0, 0, 0, 0.5)`;
|
||
ctx.fillRect(width * (range.min / 100), height / 5 * ridx, width * (range.max / 100), height / 5 * (1 - range.scale));
|
||
});
|
||
});
|
||
}
|
||
else //只有阶梯盾
|
||
{
|
||
const reduceRanges = reduceAttrRanges[0];
|
||
//创建线性颜色渐变对象
|
||
const canvasGradient = ctx.createLinearGradient(0, 0, 0, height);
|
||
canvasGradient.addColorStop(0, "#EE99AA");
|
||
canvasGradient.addColorStop(0.4, "#FFDDEE");
|
||
canvasGradient.addColorStop(1, "#EE9999");
|
||
ctx.fillStyle = canvasGradient;
|
||
ctx.fillRect(0, 0, width, height);
|
||
|
||
reduceRanges.forEach(range=>{
|
||
ctx.fillStyle = `rgba(204, 0 ,85, 0.7)`;
|
||
ctx.fillRect(width * (range.min / 100), 0, width * ((range.max - range.min) / 100), height * (1 - range.scale));
|
||
});
|
||
}
|
||
}
|
||
//刷新队伍能力值合计
|
||
function refreshTeamTotalHP(totalDom, team, teamIdx) {
|
||
//计算总的生命值
|
||
if (!totalDom) return;
|
||
const tHpDom = totalDom.querySelector(".tIf-total-hp");
|
||
const tMoveDom = totalDom.querySelector(".tIf-total-move");
|
||
const tEffectDom = totalDom.querySelector(".tIf-effect");
|
||
|
||
const teams = formation.teams;
|
||
|
||
const leader1id = team[0][team[3] || 0].id;
|
||
const leader2id = teamsCount===2 ? (teamIdx === 1 ? teams[0][0][teams[0][3] || 0].id : teams[1][0][teams[1][3] || 0].id) : team[0][5].id;
|
||
|
||
if (tHpDom) {
|
||
const reduceScales1 = getReduceScales(leader1id);
|
||
const reduceScales2 = getReduceScales(leader2id);
|
||
const reduceAttrRanges = getReduceRange(reduceScales1.concat(reduceScales2));
|
||
//将所有范围平铺，然后选择盾最少那个作为基础盾值
|
||
const leastScale = reduceAttrRanges.flat().sort((a,b)=>a.scale-b.scale)[0];
|
||
|
||
const hpBar = totalDom.querySelector(".reduce-details");
|
||
|
||
if (reduceAttrRanges.some(r=>r != reduceAttrRanges[0]) || reduceAttrRanges[0].length > 1 || reduceAttrRanges[0][0].probability < 1) //有阶梯盾或者有指定属性减伤或者减伤比例不是100%
|
||
{
|
||
drawHpInfo(hpBar, reduceAttrRanges);
|
||
hpBar.classList.remove(className_displayNone);
|
||
}else
|
||
{
|
||
hpBar.classList.add(className_displayNone);
|
||
}
|
||
|
||
const totalReduce = leastScale.scale;
|
||
|
||
const teamHPArr = countTeamHp(team[0], leader1id, leader2id, solo);
|
||
const teamHPNoAwokenArr = countTeamHp(team[0], leader1id, leader2id, solo, true);
|
||
|
||
|
||
let tHP = teamHPArr.reduce((pv, v) => pv + v); //队伍计算的总HP
|
||
let tHPNoAwoken = teamHPNoAwokenArr.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;
|
||
}
|
||
|
||
tHP = Math.round(Math.round(tHP * (1 + 0.05 * teamHPAwoken)) * badgeHPScale);
|
||
tHPNoAwoken = Math.round(Math.round(tHPNoAwoken) * badgeHPScale);
|
||
|
||
//记录到bar中，方便打开详情时调用
|
||
hpBar.reduceAttrRanges = reduceAttrRanges;
|
||
hpBar.tHP = tHP;
|
||
hpBar.tHPNoAwoken = tHPNoAwoken;
|
||
|
||
const tReduceHP = Math.floor(tHP / (1 - totalReduce)); //队伍正常满血加上盾能承受的最大伤害
|
||
const tReduceHPNoAwoken = Math.floor(tHPNoAwoken / (1 - totalReduce)); //队伍封觉醒满血加上盾能承受的最大伤害
|
||
|
||
const tHpDom_general = tHpDom.querySelector(".general");
|
||
const tHpDom_noAwoken = tHpDom.querySelector(".awoken-bind");
|
||
const tHpDom_reduce = tHpDom.querySelector(".reduce");
|
||
|
||
setTextContentAndAttribute(tHpDom_general, tHP.bigNumberToString());
|
||
setTextContentAndAttribute(tHpDom_noAwoken, tHPNoAwoken.bigNumberToString());
|
||
if (totalReduce > 0)
|
||
tHpDom_reduce.classList.remove("no-reduce");
|
||
else
|
||
tHpDom_reduce.classList.add("no-reduce");
|
||
setTextContentAndAttribute(tHpDom_reduce.querySelector(".reduce-scale"), (totalReduce * 100).toFixed(2));
|
||
setTextContentAndAttribute(tHpDom_reduce.querySelector(".general"), tReduceHP.bigNumberToString());
|
||
setTextContentAndAttribute(tHpDom_reduce.querySelector(".awoken-bind"), tReduceHPNoAwoken.bigNumberToString());
|
||
}
|
||
|
||
if (tMoveDom) {
|
||
const moveTime = countMoveTime(team, leader1id, leader2id, teamIdx);
|
||
const tMoveDom_general = tMoveDom.querySelector(".general");
|
||
const tMoveDom_noAwoken = tMoveDom.querySelector(".awoken-bind");
|
||
|
||
if (moveTime.fixed) //固定时间的
|
||
{
|
||
tMoveDom.classList.add("fixed-move-time");
|
||
setTextContentAndAttribute(tMoveDom_general, moveTime.duration.leader);
|
||
setTextContentAndAttribute(tMoveDom_noAwoken, moveTime.duration.leader);
|
||
} else
|
||
{
|
||
tMoveDom.classList.remove("fixed-move-time");
|
||
setTextContentAndAttribute(tMoveDom_general, Math.round((moveTime.duration.default + moveTime.duration.leader + moveTime.duration.badge + moveTime.duration.awoken) * 100) / 100);
|
||
setTextContentAndAttribute(tMoveDom_noAwoken, Math.round((moveTime.duration.default + moveTime.duration.leader + moveTime.duration.badge) * 100) / 100);
|
||
}
|
||
}
|
||
|
||
if (tEffectDom) {
|
||
const _76board = tEffectDom.querySelector("._76board");
|
||
//76版队长技能不被欢队长所影响
|
||
const leader1id_original = team[0][0].id;
|
||
const leader2id_original = teamsCount===2 ? (teamIdx === 1 ? teams[0][0][0].id : teams[1][0][0].id) : team[0][5].id;
|
||
if (tIf_Effect_76board(leader1id_original,leader2id_original))
|
||
{
|
||
_76board.classList.remove(className_displayNone);
|
||
}else
|
||
{
|
||
_76board.classList.add(className_displayNone);
|
||
}
|
||
const noSkyfall = tEffectDom.querySelector(".no-skyfall");
|
||
if (tIf_Effect_noSkyfall(leader1id,leader2id))
|
||
{
|
||
noSkyfall.classList.remove(className_displayNone);
|
||
}else
|
||
{
|
||
noSkyfall.classList.add(className_displayNone);
|
||
}
|
||
const poisonNoEffect = tEffectDom.querySelector(".poison-no-effect");
|
||
if (tIf_Effect_poisonNoEffect(leader1id,leader2id))
|
||
{
|
||
poisonNoEffect.classList.remove(className_displayNone);
|
||
}else
|
||
{
|
||
poisonNoEffect.classList.add(className_displayNone);
|
||
}
|
||
const addCombo = tEffectDom.querySelector(".add-combo");
|
||
const addComboValue = tIf_Effect_addCombo(leader1id,leader2id);
|
||
if ((addComboValue[0] | addComboValue[1]) > 0)
|
||
{
|
||
addCombo.classList.remove(className_displayNone);
|
||
addCombo.setAttribute("data-add-combo", addComboValue.filter(v=>v).join("/"));
|
||
}else
|
||
{
|
||
addCombo.classList.add(className_displayNone);
|
||
}
|
||
const inflicts = tEffectDom.querySelector(".inflicts");
|
||
const inflictsValue = tIf_Effect_inflicts(leader1id,leader2id);
|
||
if ((inflictsValue[0] | inflictsValue[1]) > 0)
|
||
{
|
||
inflicts.classList.remove(className_displayNone);
|
||
inflicts.setAttribute("data-inflicts", inflictsValue.filter(v=>v).map(v=>v.bigNumberToString()).join("/"));
|
||
}else
|
||
{
|
||
inflicts.classList.add(className_displayNone);
|
||
}
|
||
}
|
||
}
|
||
//刷新所有队伍能力值合计
|
||
function refreshFormationTotalHP(totalDom, teams) {
|
||
//计算总的生命值
|
||
if (!totalDom) return;
|
||
const tHpDom = totalDom.querySelector(".tIf-total-hp");
|
||
const tEffectDom = totalDom.querySelector(".tIf-effect");
|
||
|
||
//因为目前仅用于2P，所以直接在外面固定写了
|
||
const leader1id = teams[0][0][teams[0][3] || 0].id;
|
||
const leader2id = teams[1][0][teams[1][3] || 0].id;
|
||
|
||
if (tHpDom) {
|
||
|
||
const reduceScales1 = getReduceScales(leader1id);
|
||
const reduceScales2 = getReduceScales(leader2id);
|
||
const reduceAttrRanges = getReduceRange(reduceScales1.concat(reduceScales2));
|
||
//将所有范围平铺，然后选择盾最少那个作为基础盾值
|
||
const leastScale = reduceAttrRanges.flat().sort((a,b)=>a.scale-b.scale)[0];
|
||
|
||
const hpBar = totalDom.querySelector(".reduce-details");
|
||
|
||
if (reduceAttrRanges.some(r=>r != reduceAttrRanges[0]) || reduceAttrRanges[0].length > 1 || reduceAttrRanges[0][0].probability < 1) //有阶梯盾或者有指定属性减伤或者减伤比例不是100%
|
||
{
|
||
drawHpInfo(hpBar, reduceAttrRanges);
|
||
hpBar.classList.remove(className_displayNone);
|
||
}else
|
||
{
|
||
hpBar.classList.add(className_displayNone);
|
||
}
|
||
|
||
const totalReduce = leastScale.scale;
|
||
|
||
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 Math.round(teamTHP * (1 + 0.05 * teamHPAwoken));
|
||
});
|
||
const tHPNoAwokenArr = teams.map(function(team) {
|
||
const teamHPArr = countTeamHp(team[0], leader1id, leader2id, solo, true);
|
||
|
||
const teamTHP = teamHPArr.reduce((pv, v) => pv + v); //队伍计算的总HP
|
||
return Math.round(teamTHP);
|
||
});
|
||
const tHP = tHPArr.reduce((pv, v) => pv + v);
|
||
const tHPNoAwoken = tHPNoAwokenArr.reduce((pv, v) => pv + v);
|
||
|
||
//记录到bar中，方便打开详情时调用
|
||
hpBar.reduceAttrRanges = reduceAttrRanges;
|
||
hpBar.tHP = tHP;
|
||
hpBar.tHPNoAwoken = tHPNoAwoken;
|
||
|
||
const tReduceHP = Math.floor(tHP / (1 - totalReduce)); //队伍正常满血加上盾能承受的最大伤害
|
||
const tReduceHPNoAwoken = Math.floor(tHPNoAwoken / (1 - totalReduce)); //队伍封觉醒满血加上盾能承受的最大伤害
|
||
|
||
const tHpDom_general = tHpDom.querySelector(".general");
|
||
const tHpDom_noAwoken = tHpDom.querySelector(".awoken-bind");
|
||
const tHpDom_reduce = tHpDom.querySelector(".reduce");
|
||
|
||
setTextContentAndAttribute(tHpDom_general, tHP.bigNumberToString());
|
||
setTextContentAndAttribute(tHpDom_noAwoken, tHPNoAwoken.bigNumberToString());
|
||
if (totalReduce > 0)
|
||
tHpDom_reduce.classList.remove("no-reduce");
|
||
else
|
||
tHpDom_reduce.classList.add("no-reduce");
|
||
setTextContentAndAttribute(tHpDom_reduce.querySelector(".reduce-scale"), (totalReduce * 100).toFixed(2));
|
||
setTextContentAndAttribute(tHpDom_reduce.querySelector(".general"), tReduceHP.bigNumberToString());
|
||
setTextContentAndAttribute(tHpDom_reduce.querySelector(".awoken-bind"), tReduceHPNoAwoken.bigNumberToString());
|
||
}
|
||
|
||
if (tEffectDom) {
|
||
const _76board = tEffectDom.querySelector("._76board");
|
||
//76版队长技能不被欢队长所影响
|
||
const leader1id_original = teams[0][0][0].id;
|
||
const leader2id_original = teams[1][0][0].id;
|
||
if (tIf_Effect_76board(leader1id_original,leader2id_original))
|
||
{
|
||
_76board.classList.remove(className_displayNone);
|
||
}else
|
||
{
|
||
_76board.classList.add(className_displayNone);
|
||
}
|
||
const noSkyfall = tEffectDom.querySelector(".no-skyfall");
|
||
if (tIf_Effect_noSkyfall(leader1id,leader2id))
|
||
{
|
||
noSkyfall.classList.remove(className_displayNone);
|
||
}else
|
||
{
|
||
noSkyfall.classList.add(className_displayNone);
|
||
}
|
||
const poisonNoEffect = tEffectDom.querySelector(".poison-no-effect");
|
||
if (tIf_Effect_poisonNoEffect(leader1id,leader2id))
|
||
{
|
||
poisonNoEffect.classList.remove(className_displayNone);
|
||
}else
|
||
{
|
||
poisonNoEffect.classList.add(className_displayNone);
|
||
}
|
||
const addCombo = tEffectDom.querySelector(".add-combo");
|
||
const addComboValue = tIf_Effect_addCombo(leader1id,leader2id);
|
||
if ((addComboValue[0] | addComboValue[1]) > 0)
|
||
{
|
||
addCombo.classList.remove(className_displayNone);
|
||
addCombo.setAttribute("data-add-combo", addComboValue.filter(v=>v).join("/"));
|
||
}else
|
||
{
|
||
addCombo.classList.add(className_displayNone);
|
||
}
|
||
const inflicts = tEffectDom.querySelector(".inflicts");
|
||
const inflictsValue = tIf_Effect_inflicts(leader1id,leader2id);
|
||
if ((inflictsValue[0] | inflictsValue[1]) > 0)
|
||
{
|
||
inflicts.classList.remove(className_displayNone);
|
||
inflicts.setAttribute("data-inflicts", inflictsValue.filter(v=>v).map(v=>v.bigNumberToString()).join("/"));
|
||
}else
|
||
{
|
||
inflicts.classList.add(className_displayNone);
|
||
}
|
||
}
|
||
}
|
||
//刷新单人技能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-cd");
|
||
const assistSkillCdDom = assistMonDom.querySelector(".skill-cd");
|
||
|
||
const memberSkillCd = memberSkill ? (memberSkill.initialCooldown - (member.skilllevel || memberSkill.maxLevel) + 1) : 0;
|
||
const assistSkillCd = assistSkill ? (assistSkill.initialCooldown - (assist.skilllevel || assistSkill.maxLevel) + 1) : 0;
|
||
memberSkillCdDom.textContent = memberSkillCd;
|
||
assistSkillCdDom.textContent = 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;
|
||
document.title = $tra.webpage_title;
|
||
formationBox.querySelector(".title-box .title").placeholder = $tra.title_blank;
|
||
formationBox.querySelector(".detail-box .detail").placeholder = $tra.detail_blank;
|
||
controlBox.querySelector(".datasource-updatetime").title = $tra.force_reload_data;
|
||
|
||
const s_sortList = editBox.querySelector(".search-box .sort-div .sort-list");
|
||
const sortOptions = Array.from(s_sortList.options);
|
||
sortOptions.forEach(opt => {
|
||
const tag = opt.getAttribute("data-tag");
|
||
const trans = $tra.sort_name[tag];
|
||
if (trans) {
|
||
opt.text = trans;
|
||
}
|
||
});
|
||
} |