From 9f80f2ad536b6d1856ff481a368aa47fa8d52f87 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9E=AB=E8=B0=B7=E5=89=91=E4=BB=99?= Date: Thu, 8 Oct 2020 01:52:04 +0800 Subject: [PATCH] =?UTF-8?q?Cards=E5=92=8CSkills=E4=B8=8D=E5=88=86=E4=B8=BA?= =?UTF-8?q?=E6=AF=8F=E4=B8=80=E6=9D=A1=EF=BC=8C=E8=80=8C=E6=98=AF=E7=9B=B4?= =?UTF-8?q?=E6=8E=A5=E5=82=A8=E5=AD=98=E6=95=B4=E4=B8=AA=E6=95=B0=E7=BB=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- languages/en.js | 1 + languages/ja.js | 1 + languages/ko.js | 1 + languages/zh-TW.js | 1 + library/localforage.min.js | 7 - multi.html | 3 +- script.js | 4433 ++++++++++++++++++------------------ solo.html | 3 +- style.css | 4 + triple.html | 3 +- 10 files changed, 2242 insertions(+), 2215 deletions(-) delete mode 100644 library/localforage.min.js diff --git a/languages/en.js b/languages/en.js index de0e1f10..e0a4b13f 100644 --- a/languages/en.js +++ b/languages/en.js @@ -19,6 +19,7 @@ sort_atkMax110_Multi: "Max Multi ATK (Lv110)", sort_rcvMax110_Multi: "Max Multi RCV (Lv110)", }, + force_reload_data: "Force refresh data", } localisation(localTranslating); \ No newline at end of file diff --git a/languages/ja.js b/languages/ja.js index d90d356b..50373948 100644 --- a/languages/ja.js +++ b/languages/ja.js @@ -19,6 +19,7 @@ sort_atkMax110_Multi: "最大協力攻撃 (Lv110)", sort_rcvMax110_Multi: "最大協力回復 (Lv110)", }, + force_reload_data: "データの強制更新", } localisation(localTranslating); \ No newline at end of file diff --git a/languages/ko.js b/languages/ko.js index 98d2b313..177418ef 100644 --- a/languages/ko.js +++ b/languages/ko.js @@ -19,6 +19,7 @@ sort_atkMax110_Multi: "최대 멀티 공격 (Lv110)", sort_rcvMax110_Multi: "최대 멀티 회복 (Lv110)", }, + force_reload_data: "데이터 강제 새로 고침", } localisation(localTranslating); \ No newline at end of file diff --git a/languages/zh-TW.js b/languages/zh-TW.js index 204039e7..d7057afc 100644 --- a/languages/zh-TW.js +++ b/languages/zh-TW.js @@ -19,6 +19,7 @@ sort_atkMax110_Multi: "最大協力攻擊(Lv110)", sort_rcvMax110_Multi: "最大協力回復(Lv110)", }, + force_reload_data: "強制刷新數據", } localisation(localTranslating); \ No newline at end of file diff --git a/library/localforage.min.js b/library/localforage.min.js deleted file mode 100644 index 5732b9b9..00000000 --- a/library/localforage.min.js +++ /dev/null @@ -1,7 +0,0 @@ -/*! - localForage -- Offline Storage, Improved - Version 1.9.0 - https://localforage.github.io/localForage - (c) 2013-2017 Mozilla, Apache License 2.0 -*/ -!function(a){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=a();else if("function"==typeof define&&define.amd)define([],a);else{var b;b="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,b.localforage=a()}}(function(){return function a(b,c,d){function e(g,h){if(!c[g]){if(!b[g]){var i="function"==typeof require&&require;if(!h&&i)return i(g,!0);if(f)return f(g,!0);var j=new Error("Cannot find module '"+g+"'");throw j.code="MODULE_NOT_FOUND",j}var k=c[g]={exports:{}};b[g][0].call(k.exports,function(a){var c=b[g][1][a];return e(c||a)},k,k.exports,a,b,c,d)}return c[g].exports}for(var f="function"==typeof require&&require,g=0;g=43)}}).catch(function(){return!1})}function n(a){return"boolean"==typeof xa?va.resolve(xa):m(a).then(function(a){return xa=a})}function o(a){var b=ya[a.name],c={};c.promise=new va(function(a,b){c.resolve=a,c.reject=b}),b.deferredOperations.push(c),b.dbReady?b.dbReady=b.dbReady.then(function(){return c.promise}):b.dbReady=c.promise}function p(a){var b=ya[a.name],c=b.deferredOperations.pop();if(c)return c.resolve(),c.promise}function q(a,b){var c=ya[a.name],d=c.deferredOperations.pop();if(d)return d.reject(b),d.promise}function r(a,b){return new va(function(c,d){if(ya[a.name]=ya[a.name]||B(),a.db){if(!b)return c(a.db);o(a),a.db.close()}var e=[a.name];b&&e.push(a.version);var f=ua.open.apply(ua,e);b&&(f.onupgradeneeded=function(b){var c=f.result;try{c.createObjectStore(a.storeName),b.oldVersion<=1&&c.createObjectStore(wa)}catch(c){if("ConstraintError"!==c.name)throw c;console.warn('The database "'+a.name+'" has been upgraded from version '+b.oldVersion+" to version "+b.newVersion+', but the storage "'+a.storeName+'" already exists.')}}),f.onerror=function(a){a.preventDefault(),d(f.error)},f.onsuccess=function(){c(f.result),p(a)}})}function s(a){return r(a,!1)}function t(a){return r(a,!0)}function u(a,b){if(!a.db)return!0;var c=!a.db.objectStoreNames.contains(a.storeName),d=a.versiona.db.version;if(d&&(a.version!==b&&console.warn('The database "'+a.name+"\" can't be downgraded from version "+a.db.version+" to version "+a.version+"."),a.version=a.db.version),e||c){if(c){var f=a.db.version+1;f>a.version&&(a.version=f)}return!0}return!1}function v(a){return new va(function(b,c){var d=new FileReader;d.onerror=c,d.onloadend=function(c){var d=btoa(c.target.result||"");b({__local_forage_encoded_blob:!0,data:d,type:a.type})},d.readAsBinaryString(a)})}function w(a){return g([l(atob(a.data))],{type:a.type})}function x(a){return a&&a.__local_forage_encoded_blob}function y(a){var b=this,c=b._initReady().then(function(){var a=ya[b._dbInfo.name];if(a&&a.dbReady)return a.dbReady});return i(c,a,a),c}function z(a){o(a);for(var b=ya[a.name],c=b.forages,d=0;d0&&(!a.db||"InvalidStateError"===e.name||"NotFoundError"===e.name))return va.resolve().then(function(){if(!a.db||"NotFoundError"===e.name&&!a.db.objectStoreNames.contains(a.storeName)&&a.version<=a.db.version)return a.db&&(a.version=a.db.version+1),t(a)}).then(function(){return z(a).then(function(){A(a,b,c,d-1)})}).catch(c);c(e)}}function B(){return{forages:[],db:null,dbReady:null,deferredOperations:[]}}function C(a){function b(){return va.resolve()}var c=this,d={db:null};if(a)for(var e in a)d[e]=a[e];var f=ya[d.name];f||(f=B(),ya[d.name]=f),f.forages.push(c),c._initReady||(c._initReady=c.ready,c.ready=y);for(var g=[],h=0;h>4,k[i++]=(15&d)<<4|e>>2,k[i++]=(3&e)<<6|63&f;return j}function O(a){var b,c=new Uint8Array(a),d="";for(b=0;b>2],d+=Da[(3&c[b])<<4|c[b+1]>>4],d+=Da[(15&c[b+1])<<2|c[b+2]>>6],d+=Da[63&c[b+2]];return c.length%3==2?d=d.substring(0,d.length-1)+"=":c.length%3==1&&(d=d.substring(0,d.length-2)+"=="),d}function P(a,b){var c="";if(a&&(c=Ua.call(a)),a&&("[object ArrayBuffer]"===c||a.buffer&&"[object ArrayBuffer]"===Ua.call(a.buffer))){var d,e=Ga;a instanceof ArrayBuffer?(d=a,e+=Ia):(d=a.buffer,"[object Int8Array]"===c?e+=Ka:"[object Uint8Array]"===c?e+=La:"[object Uint8ClampedArray]"===c?e+=Ma:"[object Int16Array]"===c?e+=Na:"[object Uint16Array]"===c?e+=Pa:"[object Int32Array]"===c?e+=Oa:"[object Uint32Array]"===c?e+=Qa:"[object Float32Array]"===c?e+=Ra:"[object Float64Array]"===c?e+=Sa:b(new Error("Failed to get type for BinaryArray"))),b(e+O(d))}else if("[object Blob]"===c){var f=new FileReader;f.onload=function(){var c=Ea+a.type+"~"+O(this.result);b(Ga+Ja+c)},f.readAsArrayBuffer(a)}else try{b(JSON.stringify(a))}catch(c){console.error("Couldn't convert value into a JSON string: ",a),b(null,c)}}function Q(a){if(a.substring(0,Ha)!==Ga)return JSON.parse(a);var b,c=a.substring(Ta),d=a.substring(Ha,Ta);if(d===Ja&&Fa.test(c)){var e=c.match(Fa);b=e[1],c=c.substring(e[0].length)}var f=N(c);switch(d){case Ia:return f;case Ja:return g([f],{type:b});case Ka:return new Int8Array(f);case La:return new Uint8Array(f);case Ma:return new Uint8ClampedArray(f);case Na:return new Int16Array(f);case Pa:return new Uint16Array(f);case Oa:return new Int32Array(f);case Qa:return new Uint32Array(f);case Ra:return new Float32Array(f);case Sa:return new Float64Array(f);default:throw new Error("Unkown type: "+d)}}function R(a,b,c,d){a.executeSql("CREATE TABLE IF NOT EXISTS "+b.storeName+" (id INTEGER PRIMARY KEY, key unique, value)",[],c,d)}function S(a){var b=this,c={db:null};if(a)for(var d in a)c[d]="string"!=typeof a[d]?a[d].toString():a[d];var e=new va(function(a,d){try{c.db=openDatabase(c.name,String(c.version),c.description,c.size)}catch(a){return d(a)}c.db.transaction(function(e){R(e,c,function(){b._dbInfo=c,a()},function(a,b){d(b)})},d)});return c.serializer=Va,e}function T(a,b,c,d,e,f){a.executeSql(c,d,e,function(a,g){g.code===g.SYNTAX_ERR?a.executeSql("SELECT name FROM sqlite_master WHERE type='table' AND name = ?",[b.storeName],function(a,h){h.rows.length?f(a,g):R(a,b,function(){a.executeSql(c,d,e,f)},f)},f):f(a,g)},f)}function U(a,b){var c=this;a=j(a);var d=new va(function(b,d){c.ready().then(function(){var e=c._dbInfo;e.db.transaction(function(c){T(c,e,"SELECT * FROM "+e.storeName+" WHERE key = ? LIMIT 1",[a],function(a,c){var d=c.rows.length?c.rows.item(0).value:null;d&&(d=e.serializer.deserialize(d)),b(d)},function(a,b){d(b)})})}).catch(d)});return h(d,b),d}function V(a,b){var c=this,d=new va(function(b,d){c.ready().then(function(){var e=c._dbInfo;e.db.transaction(function(c){T(c,e,"SELECT * FROM "+e.storeName,[],function(c,d){for(var f=d.rows,g=f.length,h=0;h0)return void f(W.apply(e,[a,h,c,d-1]));g(b)}})})}).catch(g)});return h(f,c),f}function X(a,b,c){return W.apply(this,[a,b,c,1])}function Y(a,b){var c=this;a=j(a);var d=new va(function(b,d){c.ready().then(function(){var e=c._dbInfo;e.db.transaction(function(c){T(c,e,"DELETE FROM "+e.storeName+" WHERE key = ?",[a],function(){b()},function(a,b){d(b)})})}).catch(d)});return h(d,b),d}function Z(a){var b=this,c=new va(function(a,c){b.ready().then(function(){var d=b._dbInfo;d.db.transaction(function(b){T(b,d,"DELETE FROM "+d.storeName,[],function(){a()},function(a,b){c(b)})})}).catch(c)});return h(c,a),c}function $(a){var b=this,c=new va(function(a,c){b.ready().then(function(){var d=b._dbInfo;d.db.transaction(function(b){T(b,d,"SELECT COUNT(key) as c FROM "+d.storeName,[],function(b,c){var d=c.rows.item(0).c;a(d)},function(a,b){c(b)})})}).catch(c)});return h(c,a),c}function _(a,b){var c=this,d=new va(function(b,d){c.ready().then(function(){var e=c._dbInfo;e.db.transaction(function(c){T(c,e,"SELECT key FROM "+e.storeName+" WHERE id = ? LIMIT 1",[a+1],function(a,c){var d=c.rows.length?c.rows.item(0).key:null;b(d)},function(a,b){d(b)})})}).catch(d)});return h(d,b),d}function aa(a){var b=this,c=new va(function(a,c){b.ready().then(function(){var d=b._dbInfo;d.db.transaction(function(b){T(b,d,"SELECT key FROM "+d.storeName,[],function(b,c){for(var d=[],e=0;e '__WebKitDatabaseInfoTable__'",[],function(c,d){for(var e=[],f=0;f0}function ha(a){var b=this,c={};if(a)for(var d in a)c[d]=a[d];return c.keyPrefix=ea(a,b._defaultConfig),ga()?(b._dbInfo=c,c.serializer=Va,va.resolve()):va.reject()}function ia(a){var b=this,c=b.ready().then(function(){for(var a=b._dbInfo.keyPrefix,c=localStorage.length-1;c>=0;c--){var d=localStorage.key(c);0===d.indexOf(a)&&localStorage.removeItem(d)}});return h(c,a),c}function ja(a,b){var c=this;a=j(a);var d=c.ready().then(function(){var b=c._dbInfo,d=localStorage.getItem(b.keyPrefix+a);return d&&(d=b.serializer.deserialize(d)),d});return h(d,b),d}function ka(a,b){var c=this,d=c.ready().then(function(){for(var b=c._dbInfo,d=b.keyPrefix,e=d.length,f=localStorage.length,g=1,h=0;h=0;b--){var c=localStorage.key(b);0===c.indexOf(a)&&localStorage.removeItem(c)}}):va.reject("Invalid arguments"),h(d,b),d}function ra(a,b){a[b]=function(){var c=arguments;return a.ready().then(function(){return a[b].apply(a,c)})}}function sa(){for(var a=1;a - @@ -34,7 +33,7 @@ var formation = new Formation(teamsCount,5);
- +
diff --git a/script.js b/script.js index 6cd8b059..47fcad45 100644 --- a/script.js +++ b/script.js @@ -18,40 +18,38 @@ const dataStructure = 3; //阵型输出数据的结构版本 const className_displayNone = "display-none"; if (location.search.includes('&')) { - location.search = location.search.replace(/&/ig, '&'); + location.search = location.search.replace(/&/ig, '&'); } const dbName = "PADDF"; var db; -const DBOpenRequest = indexedDB.open(dbName); +const DBOpenRequest = indexedDB.open(dbName,2); DBOpenRequest.onsuccess = function(event) { - db = event.target.result; //DBOpenRequest.result; - console.log("PADDF：数据库已可使用"); - loadData(); + db = event.target.result; //DBOpenRequest.result; + console.log("PADDF：数据库已可使用"); + loadData(); }; DBOpenRequest.onerror = function(event) { - // 错误处理 - console.log("PADDF：数据库无法启用",event); + // 错误处理 + console.log("PADDF：数据库无法启用，数据全部重置。",event); + indexedDB.deleteDatabase(dbName); //直接把整个数据库删掉 + 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_ja", { keyPath: "id" }); - store = db.createObjectStore("cards_en", { keyPath: "id" }); - store = db.createObjectStore("cards_ko", { keyPath: "id" }); - - store = db.createObjectStore("skills_ja", { keyPath: "id" }); - store = db.createObjectStore("skills_en", { keyPath: "id" }); - store = db.createObjectStore("skills_ko", { keyPath: "id" }); - - // 使用事务的 oncomplete 事件确保在插入数据前对象仓库已经创建完毕 - store.transaction.oncomplete = function(event) { - console.log("PADDF：数据库建立完毕"); - }; + 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 @@ -98,2316 +96,2347 @@ DBOpenRequest.onupgradeneeded = function(event) { }*/ //队员基本的留空 var Member = function() { - this.id = 0; - this.ability = [0, 0, 0]; - this.abilityNoAwoken = [0, 0, 0]; + this.id = 0; + this.ability = [0, 0, 0]; + this.abilityNoAwoken = [0, 0, 0]; }; Member.prototype.outObj = function() { - const m = this; - let obj = [m.id]; - if (m.level != undefined) obj[1] = m.level; - if (m.awoken != undefined) obj[2] = m.awoken; - if (m.plus != undefined && m.plus instanceof Array && m.plus.length >= 3 && (m.plus[0] + m.plus[1] + m.plus[2]) != 0) { - if (m.plus[0] === m.plus[1] && m.plus[0] === m.plus[2]) { //当3个加值一样时只生成第一个减少长度 - obj[3] = m.plus[0]; - } else { - obj[3] = m.plus; - } - } - if (m.latent != undefined && m.latent instanceof Array && m.latent.length >= 1) obj[4] = m.latent; - if (m.sawoken != undefined && m.sawoken >= 0) obj[5] = m.sawoken; - const card = Cards[m.id] || Cards[0]; //怪物固定数据 - const skill = Skills[card.activeSkillId]; - //有技能等级，并且技能等级低于最大等级时才记录技能 - if (m.skilllevel != undefined && m.skilllevel < skill.maxLevel) obj[6] = m.skilllevel; - return obj; + const m = this; + let obj = [m.id]; + if (m.level != undefined) obj[1] = m.level; + if (m.awoken != undefined) obj[2] = m.awoken; + if (m.plus != undefined && m.plus instanceof Array && m.plus.length >= 3 && (m.plus[0] + m.plus[1] + m.plus[2]) != 0) { + if (m.plus[0] === m.plus[1] && m.plus[0] === m.plus[2]) { //当3个加值一样时只生成第一个减少长度 + obj[3] = m.plus[0]; + } else { + obj[3] = m.plus; + } + } + if (m.latent != undefined && m.latent instanceof Array && m.latent.length >= 1) obj[4] = m.latent; + if (m.sawoken != undefined && m.sawoken >= 0) obj[5] = m.sawoken; + const card = Cards[m.id] || Cards[0]; //怪物固定数据 + const skill = Skills[card.activeSkillId]; + //有技能等级，并且技能等级低于最大等级时才记录技能 + if (m.skilllevel != undefined && m.skilllevel < skill.maxLevel) obj[6] = m.skilllevel; + return obj; }; Member.prototype.loadObj = function(m, dataVersion) { - if (m == undefined) //如果没有提供数据，直接返回默认 - { - return; - } - if (dataVersion == undefined) dataVersion = 1; - this.id = dataVersion > 1 ? m[0] : m.id; - this.level = dataVersion > 1 ? m[1] : m.level; - this.awoken = dataVersion > 1 ? m[2] : m.awoken; - if (dataVersion > 1) { - if (isNaN(m[3]) || m[3] == null) { - this.plus = m[3]; - } else { - const singlePlus = parseInt(m[3], 10); //如果只有一个数字时，复制3份 - this.plus = [singlePlus, singlePlus, singlePlus]; - } - } else { - this.plus = m.plus; - } - if (!(this.plus instanceof Array)) this.plus = [0, 0, 0]; //如果加值不是数组，则改变 - this.latent = dataVersion > 1 ? m[4] : m.latent; - if (this.latent instanceof Array && dataVersion <= 2) this.latent = this.latent.map(l => l >= 13 ? l + 3 : l); //修复以前自己编的潜觉编号为官方编号 - if (!(this.latent instanceof Array)) this.latent = []; //如果潜觉不是数组，则改变 - this.sawoken = dataVersion > 1 ? m[5] : m.sawoken; - this.skilllevel = m[6] || null; + if (m == undefined) //如果没有提供数据，直接返回默认 + { + return; + } + if (dataVersion == undefined) dataVersion = 1; + this.id = dataVersion > 1 ? m[0] : m.id; + this.level = dataVersion > 1 ? m[1] : m.level; + this.awoken = dataVersion > 1 ? m[2] : m.awoken; + if (dataVersion > 1) { + if (isNaN(m[3]) || m[3] == null) { + this.plus = m[3]; + } else { + const singlePlus = parseInt(m[3], 10); //如果只有一个数字时，复制3份 + this.plus = [singlePlus, singlePlus, singlePlus]; + } + } else { + this.plus = m.plus; + } + if (!(this.plus instanceof Array)) this.plus = [0, 0, 0]; //如果加值不是数组，则改变 + this.latent = dataVersion > 1 ? m[4] : m.latent; + if (this.latent instanceof Array && dataVersion <= 2) this.latent = this.latent.map(l => l >= 13 ? l + 3 : l); //修复以前自己编的潜觉编号为官方编号 + if (!(this.latent instanceof Array)) this.latent = []; //如果潜觉不是数组，则改变 + this.sawoken = dataVersion > 1 ? m[5] : m.sawoken; + this.skilllevel = m[6] || null; }; Member.prototype.loadFromMember = function(m) { - if (m == undefined) //如果没有提供数据，直接返回默认 - { - return; - } - this.id = m.id; + if (m == undefined) //如果没有提供数据，直接返回默认 + { + return; + } + this.id = m.id; }; //只用来防坐的任何队员 var MemberDelay = function() { - this.id = -1; + 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); + this.level = 0; + this.awoken = 0; + this.plus = [0, 0, 0]; + Member.call(this); }; MemberAssist.prototype = Object.create(Member.prototype); MemberAssist.prototype.constructor = MemberAssist; MemberAssist.prototype.loadFromMember = function(m) { - if (m == undefined) //如果没有提供数据，直接返回默认 - { - return; - } - this.id = m.id; - if (m.level != undefined) this.level = m.level; - if (m.awoken != undefined) this.awoken = m.awoken; - if (m.plus != undefined && m.plus instanceof Array && m.plus.length >= 3 && (m.plus[0] + m.plus[1] + m.plus[2]) > 0) this.plus = JSON.parse(JSON.stringify(m.plus)); - if (m.skilllevel != undefined) this.skilllevel = m.skilllevel; + if (m == undefined) //如果没有提供数据，直接返回默认 + { + return; + } + this.id = m.id; + if (m.level != undefined) this.level = m.level; + if (m.awoken != undefined) this.awoken = m.awoken; + if (m.plus != undefined && m.plus instanceof Array && m.plus.length >= 3 && (m.plus[0] + m.plus[1] + m.plus[2]) > 0) this.plus = JSON.parse(JSON.stringify(m.plus)); + if (m.skilllevel != undefined) this.skilllevel = m.skilllevel; }; //正式队伍 var MemberTeam = function() { - this.latent = []; - MemberAssist.call(this); - //sawoken作为可选项目，默认不在内 + 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 && m.plus instanceof Array && m.plus.length >= 3 && (m.plus[0] + m.plus[1] + m.plus[2]) > 0) this.plus = JSON.parse(JSON.stringify(m.plus)); - if (m.latent != undefined && m.latent instanceof Array && m.latent.length >= 1) this.latent = JSON.parse(JSON.stringify(m.latent)); - if (m.sawoken != undefined) this.sawoken = m.sawoken; - if (m.ability != undefined && m.ability instanceof Array && m.plus.length >= 3) this.ability = JSON.parse(JSON.stringify(m.ability)); - if (m.abilityNoAwoken != undefined && m.abilityNoAwoken instanceof Array && m.plus.length >= 3) this.abilityNoAwoken = JSON.parse(JSON.stringify(m.abilityNoAwoken)); - if (m.skilllevel != undefined) this.skilllevel = m.skilllevel; + if (m == undefined) //如果没有提供数据，直接返回默认 + { + return; + } + this.id = m.id; + if (m.level != undefined) this.level = m.level; + if (m.awoken != undefined) this.awoken = m.awoken; + if (m.plus != undefined && m.plus instanceof Array && m.plus.length >= 3 && (m.plus[0] + m.plus[1] + m.plus[2]) > 0) this.plus = JSON.parse(JSON.stringify(m.plus)); + if (m.latent != undefined && m.latent instanceof Array && m.latent.length >= 1) this.latent = JSON.parse(JSON.stringify(m.latent)); + if (m.sawoken != undefined) this.sawoken = m.sawoken; + if (m.ability != undefined && m.ability instanceof Array && m.plus.length >= 3) this.ability = JSON.parse(JSON.stringify(m.ability)); + if (m.abilityNoAwoken != undefined && m.abilityNoAwoken instanceof Array && 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 - ]; //第三个是徽章 - for (let mi = 0; mi < memberCount; mi++) { - team[0].push(new MemberTeam()); - team[1].push(new MemberAssist()); - } - this.teams.push(team); - } + this.title = ""; + this.detail = ""; + this.teams = []; + for (let ti = 0; ti < teamCount; ti++) { + const team = [ + [], + [], 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() - ); - teamArr[1] = t[1].map(m => - m.outObj() - ); - if (t[2]) teamArr[2] = t[2]; - return teamArr; - }); - obj.v = dataStructure; - return obj; + const obj = {}; + if (this.title != undefined && this.title.length > 0) obj.t = this.title; + if (this.detail != undefined && this.detail.length > 0) obj.d = this.detail; + obj.f = this.teams.map(t => { + const teamArr = []; + teamArr[0] = t[0].map(m => + m.outObj() + ); + teamArr[1] = t[1].map(m => + m.outObj() + ); + if (t[2]) teamArr[2] = t[2]; + return teamArr; + }); + obj.v = dataStructure; + return obj; }; Formation.prototype.loadObj = function(f) { - const dataVeision = f.v ? f.v : (f.f ? 2 : 1); //是第几版格式 - this.title = dataVeision > 1 ? f.t : f.title; - this.detail = dataVeision > 1 ? f.d : f.detail; - const loadTeamArr = dataVeision > 1 ? f.f : f.team; - this.teams.forEach(function(t, ti) { - const tf = loadTeamArr[ti]; - if (tf) { - t[0].forEach(function(m, mi) { - const fm = tf[0][mi]; - m.loadObj(fm, dataVeision); - }); - t[1].forEach(function(m, mi) { - const fm = tf[1][mi]; - m.loadObj(fm, dataVeision); - }); - if (tf[2] != undefined) t[2] = tf[2]; //徽章 - } - }); - if (f.b) - this.teams[0][2] = f.b; //原来模式的徽章 + const dataVeision = f.v ? f.v : (f.f ? 2 : 1); //是第几版格式 + this.title = dataVeision > 1 ? f.t : f.title; + this.detail = dataVeision > 1 ? f.d : f.detail; + const loadTeamArr = dataVeision > 1 ? f.f : f.team; + this.teams.forEach(function(t, ti) { + const tf = loadTeamArr[ti]; + if (tf) { + t[0].forEach(function(m, mi) { + const fm = tf[0][mi]; + m.loadObj(fm, dataVeision); + }); + t[1].forEach(function(m, mi) { + const fm = tf[1][mi]; + m.loadObj(fm, dataVeision); + }); + if (tf[2] != undefined) t[2] = tf[2]; //徽章 + } + }); + if (f.b) + this.teams[0][2] = f.b; //原来模式的徽章 }; //切换通用的切换className显示的函数 function toggleDomClassName(checkBox, className, checkedAdd = true, dom = document.body) { - if (!checkBox) return; - const checked = checkBox.checked; - if (checked && checkedAdd || !checked && !checkedAdd) { - dom.classList.add(className); - } else { - dom.classList.remove(className); - } + if (!checkBox) return; + const checked = checkBox.checked; + if (checked && checkedAdd || !checked && !checkedAdd) { + dom.classList.add(className); + } else { + dom.classList.remove(className); + } } //清除数据 function clearData() { - const locationURL = new URL(location); - locationURL.searchParams.delete('d'); //删除数据 - locationURL.searchParams.delete('l'); //删除语言 - location = locationURL.toString(); + 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); - } + if (formation.teams.length > 1) { + formation.teams.push(formation.teams.splice(0, 1)[0]); //将队伍1移动到最后 + creatNewUrl(); + refreshAll(formation); + } } //在单人和多人之间转移数据 function turnPage(toPage, e = null) { - console.log(e) - let pagename = null; - switch (toPage) { - case 1: - if (formation.teams[0][0].length < 6) { - //把第二支队伍的队长添加到最后方 - formation.teams[0][0].push(formation.teams[1][0][0]); - formation.teams[0][1].push(formation.teams[1][1][0]); - } - //删掉第2支开始的队伍 - formation.teams.splice(1); - pagename = "solo.html"; - break; - case 2: - if (formation.teams.length < 2) { //从1人到2人 - formation.teams[1] = [ - [], - [] - ]; - //把右边的队长加到第二支队伍最后面 - formation.teams[1][0].splice(0, 0, formation.teams[0][0].splice(5, 1)[0]); - formation.teams[1][1].splice(0, 0, formation.teams[0][1].splice(5, 1)[0]); - } else { //从3人到2人，直接删除后面两个队伍 - //删掉第3支开始的队伍 - formation.teams.splice(2); - //删掉前面两支队伍的战友 - formation.teams[0][0].splice(5); - formation.teams[0][1].splice(5); - formation.teams[1][0].splice(5); - formation.teams[1][1].splice(5); - } - formation.badge = 0; - pagename = "multi.html"; - break; - case 3: - if (formation.teams.length < 2) { //从1人到3人 - } else { //从2人到3人 - formation.teams[0][0].push(formation.teams[1][0][0]); - formation.teams[0][1].push(formation.teams[1][1][0]); - formation.teams[1][0].push(formation.teams[0][0][0]); - formation.teams[1][1].push(formation.teams[0][1][0]); - } - formation.badge = 0; - pagename = "triple.html"; - break; - } - const newURL = creatNewUrl({ url: pagename, notPushState: true }); - if (e && e.ctrlKey) { - window.open(newURL); - } else { - location.href = newURL; - } + console.log(e) + let pagename = null; + switch (toPage) { + case 1: + if (formation.teams[0][0].length < 6) { + //把第二支队伍的队长添加到最后方 + formation.teams[0][0].push(formation.teams[1][0][0]); + formation.teams[0][1].push(formation.teams[1][1][0]); + } + //删掉第2支开始的队伍 + formation.teams.splice(1); + pagename = "solo.html"; + break; + case 2: + if (formation.teams.length < 2) { //从1人到2人 + formation.teams[1] = [ + [], + [] + ]; + //把右边的队长加到第二支队伍最后面 + formation.teams[1][0].splice(0, 0, formation.teams[0][0].splice(5, 1)[0]); + formation.teams[1][1].splice(0, 0, formation.teams[0][1].splice(5, 1)[0]); + } else { //从3人到2人，直接删除后面两个队伍 + //删掉第3支开始的队伍 + formation.teams.splice(2); + //删掉前面两支队伍的战友 + formation.teams[0][0].splice(5); + formation.teams[0][1].splice(5); + formation.teams[1][0].splice(5); + formation.teams[1][1].splice(5); + } + formation.badge = 0; + pagename = "multi.html"; + break; + case 3: + if (formation.teams.length < 2) { //从1人到3人 + } else { //从2人到3人 + formation.teams[0][0].push(formation.teams[1][0][0]); + formation.teams[0][1].push(formation.teams[1][1][0]); + formation.teams[1][0].push(formation.teams[0][0][0]); + formation.teams[1][1].push(formation.teams[0][1][0]); + } + formation.badge = 0; + pagename = "triple.html"; + break; + } + const newURL = creatNewUrl({ url: pagename, notPushState: true }); + if (e && e.ctrlKey) { + window.open(newURL); + } else { + location.href = newURL; + } } window.onload = function() { - controlBox = document.body.querySelector(".control-box"); - statusLine = controlBox.querySelector(".status"); //显示当前状态的 - formationBox = document.body.querySelector(".formation-box"); - editBox = document.body.querySelector(".edit-box"); - - //设定初始的显示设置 - toggleDomClassName(controlBox.querySelector("#show-mon-id"), 'not-show-mon-id', false); - toggleDomClassName(controlBox.querySelector("#btn-show-mon-skill-cd"), 'show-mon-skill-cd'); - toggleDomClassName(controlBox.querySelector("#btn-show-awoken-count"), 'not-show-awoken-count', false); - isGuideMod = Boolean(parseInt(getQueryString("guide"))); - - 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 parameter_i18n = getQueryString("l") || getQueryString("lang"); //获取参数指定的语言 - const browser_i18n = (navigator.language || navigator.userLanguage); //获取浏览器语言 - currentLanguage = languageList.find(lang => { //筛选出符合的语言 - if (parameter_i18n) //如果已指定就用指定的语言 - return parameter_i18n.includes(lang.i18n); - else //否则筛选浏览器默认语言 - return browser_i18n.includes(lang.i18n); - }) || - languageList[0]; //没有找到指定语言的情况下，自动用第一个语言（英语） - document.head.querySelector("#language-css").href = "languages/" + currentLanguage.i18n + ".css"; - - const langOptionArray = Array.from(langSelectDom.options); - langOptionArray.find(langOpt => langOpt.value == currentLanguage.i18n).selected = true; - - //▲添加语言列表结束 - //▼添加数据来源列表开始 - const dataSelectDom = controlBox.querySelector(".datasource"); - dataSourceList.forEach(ds => - dataSelectDom.options.add(new Option(ds.source, ds.code)) - ); - const parameter_dsCode = getQueryString("s"); //获取参数指定的数据来源 - currentDataSource = parameter_dsCode ? - (dataSourceList.find(ds => ds.code == parameter_dsCode) || dataSourceList[0]) : //筛选出符合的数据源 - dataSourceList[0]; //没有指定，直接使用日服 - - document.body.classList.add("ds-" + currentDataSource.code); - const dataSourceOptionArray = Array.from(dataSelectDom.options); - dataSourceOptionArray.find(dataOpt => dataOpt.value == currentDataSource.code).selected = true; - //▼添加数据来源列表结束 - - initialize(); //界面初始化 + controlBox = document.body.querySelector(".control-box"); + statusLine = controlBox.querySelector(".status"); //显示当前状态的 + formationBox = document.body.querySelector(".formation-box"); + editBox = document.body.querySelector(".edit-box"); + + //设定初始的显示设置 + toggleDomClassName(controlBox.querySelector("#show-mon-id"), 'not-show-mon-id', false); + toggleDomClassName(controlBox.querySelector("#btn-show-mon-skill-cd"), 'show-mon-skill-cd'); + toggleDomClassName(controlBox.querySelector("#btn-show-awoken-count"), 'not-show-awoken-count', false); + isGuideMod = Boolean(parseInt(getQueryString("guide"))); + + 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 parameter_i18n = getQueryString("l") || getQueryString("lang"); //获取参数指定的语言 + const browser_i18n = (navigator.language || navigator.userLanguage); //获取浏览器语言 + currentLanguage = languageList.find(lang => { //筛选出符合的语言 + if (parameter_i18n) //如果已指定就用指定的语言 + return parameter_i18n.includes(lang.i18n); + else //否则筛选浏览器默认语言 + return browser_i18n.includes(lang.i18n); + }) || + languageList[0]; //没有找到指定语言的情况下，自动用第一个语言（英语） + document.head.querySelector("#language-css").href = "languages/" + currentLanguage.i18n + ".css"; + + const langOptionArray = Array.from(langSelectDom.options); + langOptionArray.find(langOpt => langOpt.value == currentLanguage.i18n).selected = true; + + //▲添加语言列表结束 + //▼添加数据来源列表开始 + const dataSelectDom = controlBox.querySelector(".datasource"); + dataSourceList.forEach(ds => + dataSelectDom.options.add(new Option(ds.source, ds.code)) + ); + const parameter_dsCode = getQueryString("s"); //获取参数指定的数据来源 + currentDataSource = parameter_dsCode ? + (dataSourceList.find(ds => ds.code == parameter_dsCode) || dataSourceList[0]) : //筛选出符合的数据源 + dataSourceList[0]; //没有指定，直接使用日服 + + document.body.classList.add("ds-" + currentDataSource.code); + const dataSourceOptionArray = Array.from(dataSelectDom.options); + dataSourceOptionArray.find(dataOpt => dataOpt.value == currentDataSource.code).selected = true; + //▼添加数据来源列表结束 + + initialize(); //界面初始化 }; -function loadData() +function loadData(force = false) { - //开始读取解析怪物数据 - const sourceDataFolder = "monsters-info"; - - if (statusLine) statusLine.classList.add("loading-check-version"); - GM_xmlhttpRequest({ - method: "GET", - url: `${sourceDataFolder}/ckey.json?t=` + new Date().getTime(), //版本文件 - onload: function(response) { - dealCkeyData(response.response); - }, - onerror: function(response) { - const isChrome = navigator.userAgent.includes("Chrome"); - if (isChrome && location.host.length == 0 && response.response.length > 0) { - console.info("因为是Chrome本地打开，正在尝试读取JSON"); - dealCkeyData(response.response); - } else { - console.error("Ckey JSON数据获取失败", response); - } - } - }); - //处理返回的数据 - function dealCkeyData(responseText) { //处理数据版本 - let newCkeys; //当前的Ckey们 - let lastCkeys; //以前Ckey们 - let currentCkey; //获取当前语言的ckey - let lastCurrentCkey; //以前的当前语言的ckey - - try { - newCkeys = JSON.parse(responseText); - } catch (e) { - console.log("Ckey数据JSON解码出错", e); - return; - } - currentCkey = newCkeys.find(ckey => ckey.code == currentDataSource.code); //获取当前语言的ckey - lastCkeys = localStorage.getItem("PADDF-ckey"); //读取本地储存的原来的ckey - try { - lastCkeys = JSON.parse(lastCkeys); - if (lastCkeys == null || !(lastCkeys instanceof Array)) - lastCkeys = []; - } catch (e) { - console.log("上次的Ckey数据JSON解码出错", e); - return; - } - 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 (currentCkey.ckey.card == lastCurrentCkey.ckey.card) { - console.log(`cards_${currentDataSource.code} ckey相等，直接读取已有的数据`, currentCkey.ckey.card); - const transaction = db.transaction([`cards_${currentDataSource.code}`]); - const objectStore = transaction.objectStore(`cards_${currentDataSource.code}`); - objectStore.openCursor().onsuccess = function(event) { - const cursor = event.target.result; - if (cursor) - { - Cards.push(cursor.value); - //console.log("Name for SSN " + cursor.key + " is %o" ,cursor.value); - cursor.continue(); - } else - { - Cards.sort((a,b)=>a.id-b.id); //用于保证输出的数据顺序一致 - //console.log(Cards); - dealCardsData(Cards); - } - }; - } else { - GM_xmlhttpRequest({ - method: "GET", - url: `${sourceDataFolder}/mon_${currentDataSource.code}.json?t=` + new Date().getTime(), //Cards数据文件 - onload: function(response) { - console.log(`cards_${currentDataSource.code} ckey变化，储存新数据`, currentCkey.ckey.card); - try { - Cards = JSON.parse(response.response); - } catch (e) { - console.log("Cards数据JSON解码出错", e); - return; - } - const transaction = db.transaction([`cards_${currentDataSource.code}`], "readwrite"); - transaction.oncomplete = function(event) { - console.log(`cards_${currentDataSource.code} 写入完毕`); - 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_${currentDataSource.code}`); - Cards.forEach(card=>objectStore.put(card)); - }, - onerror: function(response) { - console.error("Cards JSON数据获取失败", response); - } - }); - } - - function dealCardsData() { - - const monstersList = editBox.querySelector("#monsters-name-list"); - let fragment = document.createDocumentFragment(); - Cards.forEach(function(m) { //添加下拉框候选 - const opt = fragment.appendChild(document.createElement("option")); - opt.value = m.id; - opt.label = m.id + " - " + returnMonsterNameArr(m, currentLanguage.searchlist, currentDataSource.code).join(" | "); - - const linkRes = new RegExp("link:(\\d+)", "ig").exec(m.specialAttribute); - if (linkRes) { //每个有链接的符卡，把它们被链接的符卡的进化根修改到链接前的 - const _m = Cards[parseInt(linkRes[1], 10)]; - _m.evoRootId = m.evoRootId; - m.henshinFrom = true; - _m.henshinTo = true; - } - }); - monstersList.appendChild(fragment); - - if (statusLine) statusLine.classList.remove("loading-mon-info"); - - if (statusLine) statusLine.classList.add("loading-skill-info"); - if (currentCkey.ckey.skill == lastCurrentCkey.ckey.skill) { - console.log(`skills_${currentDataSource.code} ckey相等，直接读取已有的数据`, currentCkey.ckey.card); - const transaction = db.transaction([`skills_${currentDataSource.code}`]); - const objectStore = transaction.objectStore(`skills_${currentDataSource.code}`); - objectStore.openCursor().onsuccess = function(event) { - const cursor = event.target.result; - if (cursor) - { - Skills.push(cursor.value); - //console.log("Name for SSN " + cursor.key + " is %o" ,cursor.value); - cursor.continue(); - } else - { - Skills.sort((a,b)=>a.id-b.id); //用于保证输出的数据顺序一致 - //console.log(Skills); - dealSkillData(Skills); - } - }; - } else { - GM_xmlhttpRequest({ - method: "GET", - url: `${sourceDataFolder}/skill_${currentDataSource.code}.json?t=` + new Date().getTime(), //Skills数据文件 - onload: function(response) { - console.log(`skills_${currentDataSource.code} ckey变化，储存新数据`, currentCkey.ckey.skill); - try { - Skills = JSON.parse(response.response); - } catch (e) { - console.log("Cards数据JSON解码出错", e); - return; - } - const transaction = db.transaction([`skills_${currentDataSource.code}`], "readwrite"); - transaction.oncomplete = function(event) { - console.log(`skills_${currentDataSource.code} 写入完毕`); - lastCurrentCkey.ckey.skill = currentCkey.ckey.skill; - lastCurrentCkey.updateTime = currentCkey.updateTime; - localStorage.setItem("PADDF-ckey", JSON.stringify(lastCkeys)); //储存新的ckey - dealSkillData(Cards); - }; - const objectStore = transaction.objectStore(`skills_${currentDataSource.code}`); - Skills.forEach(skill=>objectStore.put(skill)); - }, - onerror: function(response) { - console.error("Skills JSON数据获取失败", response); - } - }); - } - } - - function dealSkillData(response) { - const updateTime = controlBox.querySelector(".datasource-updatetime"); - updateTime.innerHTML = new Date(currentCkey.updateTime).toLocaleString(undefined, { hour12: false }); - - //initialize(); //初始化 - if (statusLine) statusLine.classList.remove("loading-skill-info"); - //如果通过的话就载入URL中的怪物数据 - reloadFormationData(); - } - } + 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) { + const isChrome = navigator.userAgent.includes("Chrome"); + if (isChrome && location.host.length == 0 && response.response.length > 0) { + console.info("因为是Chrome本地打开，正在尝试读取JSON"); + dealCkeyData(response.response); + } else { + console.error("Ckey JSON数据获取失败", response); + } + } + }); + //处理返回的数据 + function dealCkeyData(responseText) + { //处理数据版本 + let newCkeys; //当前的Ckey们 + let lastCkeys; //以前Ckey们 + let currentCkey; //获取当前语言的ckey + let lastCurrentCkey; //以前的当前语言的ckey + + try { + newCkeys = JSON.parse(responseText); + } catch (e) { + console.log("Ckey数据JSON解码出错", e); + return; + } + currentCkey = newCkeys.find(ckey => ckey.code == currentDataSource.code); //获取当前语言的ckey + lastCkeys = localStorage.getItem("PADDF-ckey"); //读取本地储存的原来的ckey + try { + lastCkeys = JSON.parse(lastCkeys); + if (lastCkeys == null || !(lastCkeys instanceof Array)) + lastCkeys = []; + } catch (e) { + console.log("上次的Ckey数据JSON解码出错", e); + return; + } + 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 (currentCkey.ckey.card == lastCurrentCkey.ckey.card) { + console.log(`cards_${currentDataSource.code} ckey相等，直接读取已有的数据`, currentCkey.ckey.card); + const transaction = db.transaction([`cards`]); + const objectStore = transaction.objectStore(`cards`); + const request = objectStore.get(currentDataSource.code); + request.onerror = function(event) { + // 错误处理! + console.error(`cards_${currentDataSource.code} 数据库内容读取失败`); + }; + request.onsuccess = function(event) { + // 对 request.result 做些操作！ + if (request.result instanceof Array) + { + Cards = request.result; + dealCardsData(Cards); + }else + { + console.error(`cards_${currentDataSource.code} 数据库内容不存在，需重新下载`); + downloadCardsData(); + } + }; + } else { + downloadCardsData(); + } + + function downloadCardsData() + { + GM_xmlhttpRequest({ + method: "GET", + url: `${sourceDataFolder}/mon_${currentDataSource.code}.json${force?`?t=${_time}`:''}`, //Cards数据文件 + onload: function(response) { + console.log(`cards_${currentDataSource.code} ckey变化，储存新数据`, currentCkey.ckey.card); + try { + Cards = JSON.parse(response.response); + } catch (e) { + console.log("Cards数据JSON解码出错", e); + return; + } + const transaction = db.transaction([`cards`], "readwrite"); + transaction.oncomplete = function(event) { + console.log(`cards_${currentDataSource.code} 写入完毕`); + 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); + }, + 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 _m = Cards[parseInt(linkRes[1], 10)]; + _m.evoRootId = m.evoRootId; + m.henshinFrom = true; + _m.henshinTo = true; + } + }); + monstersList.appendChild(fragment); + } + + if (statusLine) statusLine.classList.remove("loading-mon-info"); + + if (statusLine) statusLine.classList.add("loading-skill-info"); + if (currentCkey.ckey.skill == lastCurrentCkey.ckey.skill) { + console.log(`skills_${currentDataSource.code} ckey相等，直接读取已有的数据`, currentCkey.ckey.card); + const transaction = db.transaction([`skills`]); + const objectStore = transaction.objectStore(`skills`); + const request = objectStore.get(currentDataSource.code); + request.onerror = function(event) { + // 错误处理! + console.error(`skills_${currentDataSource.code} 数据库内容读取失败`); + }; + request.onsuccess = function(event) { + // 对 request.result 做些操作！ + if (request.result instanceof Array) + { + Skills = request.result; + dealSkillData(Skills); + }else + { + console.error(`skills_${currentDataSource.code} 数据库内容不存在，需重新下载`); + downloadSkillData(); + } + }; + } else { + downloadSkillData(); + } + + function downloadSkillData() + { + GM_xmlhttpRequest({ + method: "GET", + url: `${sourceDataFolder}/skill_${currentDataSource.code}.json${force?`?t=${_time}`:''}`, //Skills数据文件 + onload: function(response) { + console.log(`skills_${currentDataSource.code} ckey变化，储存新数据`, currentCkey.ckey.skill); + try { + Skills = JSON.parse(response.response); + } catch (e) { + console.log("Cards数据JSON解码出错", e); + return; + } + const transaction = db.transaction([`skills`], "readwrite"); + transaction.oncomplete = function(event) { + console.log(`skills_${currentDataSource.code} 写入完毕`); + 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); + }, + onerror: function(response) { + console.error("Skills JSON数据获取失败", response); + } + }); + } + + function dealSkillData() + { + const updateTime = controlBox.querySelector(".datasource-updatetime"); + updateTime.innerHTML = new Date(currentCkey.updateTime).toLocaleString(undefined, { hour12: false }); + + //initialize(); //初始化 + if (statusLine) statusLine.classList.remove("loading-skill-info"); + //如果通过的话就载入URL中的怪物数据 + reloadFormationData(); + } + } + + } } //重新读取URL中的Data数据并刷新页面 function reloadFormationData() { - let formationData; - try { - let parameterDataString = getQueryString("d") || getQueryString("data"); - formationData = JSON.parse(parameterDataString); - } catch (e) { - console.error("URL中队伍数据JSON解码出错", e); - return; - } - if (formationData) { - formation.loadObj(formationData); - refreshAll(formation); - } + let formationData; + try { + let parameterDataString = getQueryString("d") || getQueryString("data"); + formationData = JSON.parse(parameterDataString); + } catch (e) { + console.error("URL中队伍数据JSON解码出错", e); + return; + } + if (formationData) { + formation.loadObj(formationData); + refreshAll(formation); + } } window.onpopstate = reloadFormationData; //前进后退时修改页面 //创建新的分享地址 function creatNewUrl(arg) { - if (arg == undefined) arg = {}; - if (!!(window.history && history.pushState)) { // 支持History API - const language_i18n = arg.language || getQueryString("l") || getQueryString("lang"); //获取参数指定的语言 - const datasource = arg.datasource || getQueryString("s"); - const outObj = formation.outObj(); - - const newSearch = new URLSearchParams(); - if (language_i18n) newSearch.set("l", language_i18n); - if (datasource && datasource != "ja") newSearch.set("s", datasource); - const dataJsonStr = JSON.stringify(outObj); //数据部分的字符串 - newSearch.set("d", dataJsonStr); - - const newUrl = (arg.url || "") + '?' + newSearch.toString(); - - if (!arg.notPushState) { - history.pushState(null, null, newUrl); - } else { - return newUrl; - } - } + if (arg == undefined) arg = {}; + if (!!(window.history && history.pushState)) { // 支持History API + const language_i18n = arg.language || getQueryString("l") || getQueryString("lang"); //获取参数指定的语言 + const datasource = arg.datasource || getQueryString("s"); + const outObj = formation.outObj(); + + const newSearch = new URLSearchParams(); + if (language_i18n) newSearch.set("l", language_i18n); + if (datasource && datasource != "ja") newSearch.set("s", datasource); + const dataJsonStr = JSON.stringify(outObj); //数据部分的字符串 + newSearch.set("d", dataJsonStr); + + const newUrl = (arg.url || "") + '?' + newSearch.toString(); + + if (!arg.notPushState) { + history.pushState(null, null, newUrl); + } else { + return newUrl; + } + } } //截图 function capture() { - statusLine.classList.add("prepare-cauture"); - const titleBox = formationBox.querySelector(".title-box"); - const detailBox = formationBox.querySelector(".detail-box"); - const txtTitle = titleBox.querySelector(".title"); - const txtDetail = detailBox.querySelector(".detail"); - //去掉可能的空白文字的编辑状态 - titleBox.classList.remove("edit"); - detailBox.classList.remove("edit"); - const downLink = controlBox.querySelector(".down-capture"); - html2canvas(formationBox).then(canvas => { - canvas.toBlob(function(blob) { - window.URL.revokeObjectURL(downLink.href); - downLink.href = URL.createObjectURL(blob); - downLink.download = `${teamsCount}P formation cauture.png`; - downLink.click(); - statusLine.classList.remove("prepare-cauture"); - //如果是空白文字，加回编辑状态 - if (txtTitle.value.length == 0) - titleBox.classList.add("edit"); - if (txtDetail.value.length == 0) - detailBox.classList.add("edit"); - }); - //document.body.appendChild(canvas); - }); + 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 titleBox = formationBox.querySelector(".title-box"); - const detailBox = formationBox.querySelector(".detail-box"); - const txtTitle = titleBox.querySelector(".title"); - const txtDetail = detailBox.querySelector(".detail"); - const txtTitleDisplay = titleBox.querySelector(".title-display"); - const txtDetailDisplay = detailBox.querySelector(".detail-display"); - txtTitle.onchange = function() { - formation.title = this.value; - //txtTitleDisplay.innerHTML = ""; - //txtTitleDisplay.appendChild(document.createTextNode(this.value)); - txtTitleDisplay.innerHTML = descriptionToHTML(this.value); - creatNewUrl(); - }; - txtTitle.onblur = function() { - if (this.value.length > 0) - titleBox.classList.remove("edit"); - }; - txtDetail.onchange = function() { - formation.detail = this.value; - /*txtDetailDisplay.innerHTML = ""; - const txtDetailLines = this.value.split("\n"); - txtDetailLines.forEach((line,idx)=>{ - if (idx>0) txtDetailDisplay.appendChild(document.createElement("br")); - txtDetailDisplay.appendChild(document.createTextNode(line)); - });*/ - txtDetailDisplay.innerHTML = descriptionToHTML(this.value); - creatNewUrl(); - }; - txtDetail.onblur = function() { - if (this.value.length > 0) - detailBox.classList.remove("edit"); - this.style.height = txtDetailDisplay.scrollHeight + "px"; - }; - txtTitleDisplay.onclick = function() { - titleBox.classList.add("edit"); - txtTitle.focus(); - }; - txtDetailDisplay.onclick = function() { - detailBox.classList.add("edit"); - txtDetail.focus(); - }; - - //这个写法的目的其实是为了确保添加顺序与1、2、3一致，即便打乱了顺序，也能正确添加 - for (let ti = 0, ti_len = formationBox.querySelectorAll(".team-bigbox").length; ti < ti_len; ti++) { - teamBigBoxs.push(formationBox.querySelector(`.teams .team-${ti+1}`)); - } - - //将所有怪物头像添加到全局数组 - teamBigBoxs.forEach(teamBigBox => { - const teamBox = teamBigBox.querySelector(".team-box"); - const menbers = Array.from(teamBox.querySelectorAll(".team-members .monster")); - const assist = Array.from(teamBox.querySelectorAll(".team-assist .monster")); - menbers.forEach(m => { - allMembers.push(m); - }); - assist.forEach(m => { - allMembers.push(m); - }); - }); - //所有怪物头像，添加拖动交换的代码 - allMembers.forEach(m => { - //点击 - m.onclick = clickMonHead; - //拖动 - m.draggable = true; - m.ondragstart = dragStartMonHead; - m.ondragover = dropOverMonHead; - m.ondrop = dropMonHead; - //触摸 - m.ontouchstart = touchstartMonHead; - m.ontouchmove = touchmoveMonHead; - m.ontouchend = touchendMonHead; - m.ontouchcancel = touchcancelMonHead; - }); - - //添加徽章 - const 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); - }); - - //编辑框 - editBox.mid = null; //储存怪物id - editBox.latent = []; //储存潜在觉醒 - editBox.isAssist = false; //储存是否为辅助宠物 - editBox.monsterHead = null; - editBox.latentBox = null; - editBox.memberIdx = []; //储存队伍数组下标 - editBox.show = function() { - this.classList.remove(className_displayNone); - formationBox.classList.add("blur-bg"); - controlBox.classList.add("blur-bg"); - }; - editBox.hide = function() { - this.classList.add(className_displayNone); - formationBox.classList.remove("blur-bg"); - controlBox.classList.remove("blur-bg"); - }; - - const smonsterinfoBox = editBox.querySelector(".monsterinfo-box"); - const mSeriesId = smonsterinfoBox.querySelector(".monster-seriesId"); - mSeriesId.onclick = function() { //搜索系列 - const seriesId = parseInt(this.getAttribute('data-seriesId'), 10); - if (seriesId > 0) { - showSearch(Cards.filter(card => { return card.seriesId == seriesId; })); - } - }; - const mCollabId = smonsterinfoBox.querySelector(".monster-collabId"); - mCollabId.onclick = function() { //搜索合作 - const collabId = parseInt(this.getAttribute('data-collabId'), 10); - if (collabId > 0); { - searchColla(collabId); - } - }; - const mAltName = smonsterinfoBox.querySelector(".monster-altName"); - mAltName.onclick = function() { //搜索合作 - const altName = this.getAttribute('data-altName'); - const splitAltName = altName.split("|"); - if (altName.length > 0); { - showSearch(Cards.filter(card => { - return splitAltName.some(alt => { - return alt.length > 0 && (card.altName.includes(alt) || card.name.includes(alt)); - }); - })); - } - }; - //创建一个新的怪物头像 - editBox.createCardHead = function(id, showAwoken = false) { - function clickHeadToNewMon() { - monstersID.value = this.card.id; - monstersID.onchange(); - return false; //取消链接的默认操作 - } - //产生一个觉醒列表 - function creatAwokenList(awokens) { - const ul = document.createElement("ul"); - ul.className = "awoken-ul"; - awokens.forEach(ak=>{ - const li = ul.appendChild(document.createElement("li")); - const icon = li.appendChild(document.createElement("icon")); - icon.className = "awoken-icon"; - icon.setAttribute("data-awoken-icon",ak); - }); - return ul; - } - const cli = document.createElement("li"); - const cdom = cli.head = createCardA(id); - cli.appendChild(cdom); - changeid({ id: id }, cdom); - cli.card = Cards[id]; - if (showAwoken) - { - const awokenPreview = cli.appendChild(document.createElement("div")); - awokenPreview.className = "awoken-preview"; - if (cli.card.awakenings.length) - { - const akUl = awokenPreview.appendChild(creatAwokenList(cli.card.awakenings)); //添加觉醒 - akUl.classList.add("awoken-preview-awakenings"); - } - if (cli.card.superAwakenings.length) - { - const sakUl = awokenPreview.appendChild(creatAwokenList(cli.card.superAwakenings)); //添加超觉醒 - sakUl.classList.add("awoken-preview-superAwakenings"); - } - } - cli.onclick = clickHeadToNewMon; - return cli; - }; - - const searchBox = editBox.querySelector(".search-box"); - const settingBox = editBox.querySelector(".setting-box"); - const searchOpen = settingBox.querySelector(".row-mon-id .open-search"); - searchOpen.onclick = function() { - s_includeSuperAwoken.onclick(); - s_canAssist.onclick(); - searchBox.classList.toggle(className_displayNone); - }; - - const s_attr1s = Array.from(searchBox.querySelectorAll(".attrs .attr-list-1 .attr-radio")); - const s_attr2s = Array.from(searchBox.querySelectorAll(".attrs .attr-list-2 .attr-radio")); - const s_fixMainColor = searchBox.querySelector("#fix-main-color"); - const s_typesDiv = searchBox.querySelector(".types-div"); - const s_types = Array.from(s_typesDiv.querySelectorAll(".type-check")); - 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_typesCheckBox = s_typesLi.map(li=>li.querySelector(".type-check")); - s_typesCheckBox.forEach(checkBox=> - { - checkBox.onchange = function(){ - const newClassName = `type-killer-${this.value}`; - if (this.checked && s_typeAndOr.checked) //and的时候才生效 - s_typesUl.classList.add(newClassName); - else - s_typesUl.classList.remove(newClassName); - } - } - ); - - const s_types_latentUl = s_typesDiv.querySelector(".latent-list"); - const s_types_latentli = Array.from(s_types_latentUl.querySelectorAll("li")); - s_types_latentli.forEach(latent=> - { - latent.onclick = function(){ - const latenttype = parseInt(this.getAttribute("data-latent-icon")); - const killerTypes = typekiller_for_type.filter(o=>o.allowableLatent.includes(latenttype)).map(o=>o.type); - s_typesCheckBox.forEach(checkbox=>{ - const type = parseInt(checkbox.value); - checkbox.checked = killerTypes.includes(type); - }); - }; - }); + //触屏使用的切换显示的线条 + 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 updateTime = controlBox.querySelector(".datasource-updatetime"); + updateTime.onclick = function(){ + loadData(true); + }; + + //标题和介绍文本框 + const titleBox = formationBox.querySelector(".title-box"); + const detailBox = formationBox.querySelector(".detail-box"); + const txtTitle = titleBox.querySelector(".title"); + const txtDetail = detailBox.querySelector(".detail"); + const txtTitleDisplay = titleBox.querySelector(".title-display"); + const txtDetailDisplay = detailBox.querySelector(".detail-display"); + txtTitle.onchange = function() { + formation.title = this.value; + //txtTitleDisplay.innerHTML = ""; + //txtTitleDisplay.appendChild(document.createTextNode(this.value)); + txtTitleDisplay.innerHTML = descriptionToHTML(this.value); + creatNewUrl(); + }; + txtTitle.onblur = function() { + if (this.value.length > 0) + titleBox.classList.remove("edit"); + }; + txtDetail.onchange = function() { + formation.detail = this.value; + /*txtDetailDisplay.innerHTML = ""; + const txtDetailLines = this.value.split("\n"); + txtDetailLines.forEach((line,idx)=>{ + if (idx>0) txtDetailDisplay.appendChild(document.createElement("br")); + txtDetailDisplay.appendChild(document.createTextNode(line)); + });*/ + txtDetailDisplay.innerHTML = descriptionToHTML(this.value); + creatNewUrl(); + }; + txtDetail.onblur = function() { + if (this.value.length > 0) + detailBox.classList.remove("edit"); + this.style.height = txtDetailDisplay.scrollHeight + "px"; + }; + txtTitleDisplay.onclick = function() { + titleBox.classList.add("edit"); + txtTitle.focus(); + }; + txtDetailDisplay.onclick = function() { + detailBox.classList.add("edit"); + txtDetail.focus(); + }; + + //这个写法的目的其实是为了确保添加顺序与1、2、3一致，即便打乱了顺序，也能正确添加 + for (let ti = 0, ti_len = formationBox.querySelectorAll(".team-bigbox").length; ti < ti_len; ti++) { + teamBigBoxs.push(formationBox.querySelector(`.teams .team-${ti+1}`)); + } + + //将所有怪物头像添加到全局数组 + teamBigBoxs.forEach(teamBigBox => { + const teamBox = teamBigBox.querySelector(".team-box"); + const menbers = Array.from(teamBox.querySelectorAll(".team-members .monster")); + const assist = Array.from(teamBox.querySelectorAll(".team-assist .monster")); + menbers.forEach(m => { + allMembers.push(m); + }); + assist.forEach(m => { + allMembers.push(m); + }); + }); + //所有怪物头像，添加拖动交换的代码 + allMembers.forEach(m => { + //点击 + m.onclick = clickMonHead; + //拖动 + m.draggable = true; + m.ondragstart = dragStartMonHead; + m.ondragover = dropOverMonHead; + m.ondrop = dropMonHead; + //触摸 + m.ontouchstart = touchstartMonHead; + m.ontouchmove = touchmoveMonHead; + m.ontouchend = touchendMonHead; + m.ontouchcancel = touchcancelMonHead; + }); + + //添加徽章 + const 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); + }); + + //编辑框 + editBox.mid = null; //储存怪物id + editBox.latent = []; //储存潜在觉醒 + editBox.isAssist = false; //储存是否为辅助宠物 + editBox.monsterHead = null; + editBox.latentBox = null; + editBox.memberIdx = []; //储存队伍数组下标 + editBox.show = function() { + this.classList.remove(className_displayNone); + formationBox.classList.add("blur-bg"); + controlBox.classList.add("blur-bg"); + }; + editBox.hide = function() { + this.classList.add(className_displayNone); + formationBox.classList.remove("blur-bg"); + controlBox.classList.remove("blur-bg"); + }; + + const smonsterinfoBox = editBox.querySelector(".monsterinfo-box"); + const mSeriesId = smonsterinfoBox.querySelector(".monster-seriesId"); + mSeriesId.onclick = function() { //搜索系列 + const seriesId = parseInt(this.getAttribute('data-seriesId'), 10); + if (seriesId > 0) { + showSearch(Cards.filter(card => { return card.seriesId == seriesId; })); + } + }; + const mCollabId = smonsterinfoBox.querySelector(".monster-collabId"); + mCollabId.onclick = function() { //搜索合作 + const collabId = parseInt(this.getAttribute('data-collabId'), 10); + if (collabId > 0); { + searchColla(collabId); + } + }; + const mAltName = smonsterinfoBox.querySelector(".monster-altName"); + mAltName.onclick = function() { //搜索合作 + const altName = this.getAttribute('data-altName'); + const splitAltName = altName.split("|"); + if (altName.length > 0); { + showSearch(Cards.filter(card => { + return splitAltName.some(alt => { + return alt.length > 0 && (card.altName.includes(alt) || card.name.includes(alt)); + }); + })); + } + }; + //创建一个新的怪物头像 + editBox.createCardHead = function(id, showAwoken = false) { + function clickHeadToNewMon() { + monstersID.value = this.card.id; + monstersID.onchange(); + return false; //取消链接的默认操作 + } + //产生一个觉醒列表 + function creatAwokenList(awokens) { + const ul = document.createElement("ul"); + ul.className = "awoken-ul"; + awokens.forEach(ak=>{ + const li = ul.appendChild(document.createElement("li")); + const icon = li.appendChild(document.createElement("icon")); + icon.className = "awoken-icon"; + icon.setAttribute("data-awoken-icon",ak); + }); + return ul; + } + const cli = document.createElement("li"); + const cdom = cli.head = createCardA(id); + cli.appendChild(cdom); + changeid({ id: id }, cdom); + cli.card = Cards[id]; + if (showAwoken) + { + const awokenPreview = cli.appendChild(document.createElement("div")); + awokenPreview.className = "awoken-preview"; + if (cli.card.awakenings.length) + { + const akUl = awokenPreview.appendChild(creatAwokenList(cli.card.awakenings)); //添加觉醒 + akUl.classList.add("awoken-preview-awakenings"); + } + if (cli.card.superAwakenings.length) + { + const sakUl = awokenPreview.appendChild(creatAwokenList(cli.card.superAwakenings)); //添加超觉醒 + sakUl.classList.add("awoken-preview-superAwakenings"); + } + } + cli.onclick = clickHeadToNewMon; + return cli; + }; + + const searchBox = editBox.querySelector(".search-box"); + const settingBox = editBox.querySelector(".setting-box"); + const searchOpen = settingBox.querySelector(".row-mon-id .open-search"); + searchOpen.onclick = function() { + s_includeSuperAwoken.onclick(); + s_canAssist.onclick(); + searchBox.classList.toggle(className_displayNone); + }; + + const s_attr1s = Array.from(searchBox.querySelectorAll(".attrs .attr-list-1 .attr-radio")); + const s_attr2s = Array.from(searchBox.querySelectorAll(".attrs .attr-list-2 .attr-radio")); + const s_fixMainColor = searchBox.querySelector("#fix-main-color"); + const s_typesDiv = searchBox.querySelector(".types-div"); + const s_types = Array.from(s_typesDiv.querySelectorAll(".type-check")); + 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_typesCheckBox = s_typesLi.map(li=>li.querySelector(".type-check")); + s_typesCheckBox.forEach(checkBox=> + { + checkBox.onchange = function(){ + const newClassName = `type-killer-${this.value}`; + if (this.checked && s_typeAndOr.checked) //and的时候才生效 + s_typesUl.classList.add(newClassName); + else + s_typesUl.classList.remove(newClassName); + } + } + ); + + const s_types_latentUl = s_typesDiv.querySelector(".latent-list"); + const s_types_latentli = Array.from(s_types_latentUl.querySelectorAll("li")); + s_types_latentli.forEach(latent=> + { + latent.onclick = function(){ + const latenttype = parseInt(this.getAttribute("data-latent-icon")); + const killerTypes = typekiller_for_type.filter(o=>o.allowableLatent.includes(latenttype)).map(o=>o.type); + s_typesCheckBox.forEach(checkbox=>{ + const type = parseInt(checkbox.value); + checkbox.checked = killerTypes.includes(type); + }); + }; + }); /* const s_typesCheckBoxIcon = s_typesLi.map(li=>li.querySelector(".type-icon")); - s_typesCheckBoxIcon.forEach(icon=> - { - icon.onclick = function(e){ - console.log(e,s_typeAndOr.checked); - if (!s_typeAndOr.checked) //or的时候才生效 - { - const type = parseInt(this.getAttribute("data-type-icon")); - const killerTypes = typekiller_for_type.filter(o=>o.typeKiller.includes(type)).map(o=>o.type); - console.log(killerTypes); - s_typesCheckBox.forEach(checkbox=>{ - const type = parseInt(checkbox.value); - checkbox.checked = killerTypes.includes(type); - }); - } - } - } - ); + s_typesCheckBoxIcon.forEach(icon=> + { + icon.onclick = function(e){ + console.log(e,s_typeAndOr.checked); + if (!s_typeAndOr.checked) //or的时候才生效 + { + const type = parseInt(this.getAttribute("data-type-icon")); + const killerTypes = typekiller_for_type.filter(o=>o.typeKiller.includes(type)).map(o=>o.type); + console.log(killerTypes); + s_typesCheckBox.forEach(checkbox=>{ + const type = parseInt(checkbox.value); + checkbox.checked = killerTypes.includes(type); + }); + } + } + } + ); */ - s_typeAndOr.onchange = function(){ - s_typesCheckBox.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_awokensItems = Array.from(searchBox.querySelectorAll(".awoken-div .awoken-count")); - const s_awokensIcons = s_awokensItems.map(it => it.querySelector(".awoken-icon")); - const s_awokensCounts = s_awokensItems.map(it => it.querySelector(".count")); - - const searchMonList = searchBox.querySelector(".search-mon-list"); //搜索结果列表 - searchMonList.originalHeads = null; //用于存放原始搜索结果 - - const s_awokensEquivalent = searchBox.querySelector("#consider-equivalent-awoken"); //搜索等效觉醒 - const s_canAssist = searchBox.querySelector("#can-assist"); //只搜索辅助 - s_canAssist.onclick = function() { - toggleDomClassName(this, "only-display-can-assist", true, searchMonList); - }; - - const s_sawokenDiv = searchBox.querySelector(".sawoken-div"); - - const s_sawokens = Array.from(s_sawokenDiv.querySelectorAll(".sawoken-check")); - const s_includeSuperAwoken = searchBox.querySelector("#include-super-awoken"); //搜索超觉醒 - s_includeSuperAwoken.onclick = function() { - toggleDomClassName(this, className_displayNone, true, s_sawokenDiv); - }; - - function search_awokenAdd1() { - const countDom = this.parentNode.querySelector(".count"); - let count = parseInt(countDom.value, 10); - if (count < 9) { - count++; - countDom.value = count; - this.parentNode.classList.remove("zero"); - } - } - s_awokensIcons.forEach((b, idx) => { //每种觉醒增加1 - b.onclick = search_awokenAdd1; - }); - - function search_awokenSub1() { - let count = parseInt(this.value, 10); - if (count > 0) { - count--; - this.value = count; - if (count === 0) { - this.parentNode.parentNode.classList.add("zero"); - } - } - } - s_awokensCounts.forEach((b, idx) => { //每种觉醒减少1 - b.onclick = search_awokenSub1; - }); - - const awokenClear = searchBox.querySelector(".awoken-div .awoken-clear"); - const sawokenClear = searchBox.querySelector(".sawoken-div .sawoken-clear"); - awokenClear.onclick = function() { //清空觉醒选项 - s_awokensCounts.forEach(t => { - t.value = 0; - }); - s_awokensItems.forEach(t => { - t.classList.add("zero"); - }); - }; - sawokenClear.onclick = function() { //清空超觉醒选项 - s_sawokens.forEach(t => { - t.checked = false; - }); - }; - - const s_controlDiv = searchBox.querySelector(".control-div"); - const searchStart = s_controlDiv.querySelector(".search-start"); - const searchClose = s_controlDiv.querySelector(".search-close"); - const searchClear = s_controlDiv.querySelector(".search-clear"); - - function returnCheckedInput(ipt) { - return ipt.checked; - } - - function returnInputValue(ipt) { - return ipt.value; - } - - function Str2Int(str) { - return parseInt(str, 10); - } - //将搜索结果显示出来（也可用于其他的搜索） - const s_showAwoken = searchBox.querySelector("#show-awoken"); //是否显示觉醒 - showSearch = function(searchArr) { - editBox.show(); - searchBox.classList.remove(className_displayNone); - const createCardHead = editBox.createCardHead; - - searchMonList.classList.add(className_displayNone); - searchMonList.innerHTML = ""; //清空旧的 - if (searchArr.length > 0) { - let fragment = document.createDocumentFragment(); //创建节点用的临时空间 - //获取原始排序的头像列表 - searchMonList.originalHeads = searchArr.map(card => createCardHead(card.id, s_showAwoken.checked)); - //对头像列表进行排序 - const headsArray = sortHeadsArray(searchMonList.originalHeads); - headsArray.forEach(head => fragment.appendChild(head)); - searchMonList.appendChild(fragment); - } - searchMonList.classList.remove(className_displayNone); - }; - const startSearch = function(cards) { - const attr1Filter = s_attr1s.filter(returnCheckedInput).map(returnInputValue); - const attr2Filter = s_attr2s.filter(returnCheckedInput).map(returnInputValue); - let attr1, attr2; - if (attr1Filter.length > 0) { - if (!isNaN(attr1Filter[0])) { - attr1 = parseInt(attr1Filter[0], 10); - } else { - attr1 = null; - } - } - if (attr2Filter.length > 0) { - if (!isNaN(attr2Filter[0])) { - attr2 = parseInt(attr2Filter[0], 10); - } else { - attr2 = null; - } - } - const typesFilter = s_types.filter(returnCheckedInput).map(returnInputValue).map(Str2Int); - const sawokensFilter = s_sawokens.filter(returnCheckedInput).map(returnInputValue).map(Str2Int); - const awokensFilter = s_awokensCounts.filter(btn => parseInt(btn.value, 10) > 0).map(btn => { - const awokenIndex = parseInt(btn.parentNode.parentNode.querySelector(".awoken-icon").getAttribute("data-awoken-icon"), 10); - return { id: awokenIndex, num: parseInt(btn.value, 10) }; - }); - const searchResult = searchCards(cards, - attr1, attr2, - s_fixMainColor.checked, - typesFilter, - s_typeAndOr.checked, - awokensFilter, - sawokensFilter, - s_awokensEquivalent.checked, - s_includeSuperAwoken.checked - ); - console.log("搜索结果", searchResult); - showSearch(searchResult); - }; - searchBox.startSearch = startSearch; - searchStart.onclick = function() { - startSearch(Cards); - }; - searchClose.onclick = function() { - searchBox.classList.add(className_displayNone); - }; - searchClear.onclick = function() { //清空搜索选项 - s_attr1s[0].checked = true; - s_attr2s[0].checked = true; - s_types.forEach(t => { - t.checked = false; - }); - s_typeAndOr.onchange(); - s_awokensCounts.forEach(t => { - t.value = 0; - }); - s_awokensItems.forEach(t => { - t.classList.add("zero"); - }); - // 这些觉醒的选项干脆都不清除 - //s_awokensEquivalent.checked = false; - //if (s_includeSuperAwoken.checked) s_includeSuperAwoken.click(); - - s_sawokens.forEach(t => { - t.checked = false; - }); - - searchMonList.originalHeads = null; - searchMonList.innerHTML = ""; - }; - - const s_sortList = s_controlDiv.querySelector(".sort-list"); - const s_sortReverse = s_controlDiv.querySelector("#sort-reverse"); - //对heads重新排序 - function sortHeadsArray(heads) { - if (!heads || heads.length === 0) return; //没有数据时，直接返回 - const sortIndex = parseInt(s_sortList.value, 10); - const reverse = s_sortReverse.checked; - let headsArray = heads.concat(); - - headsArray.sort((head_a, head_b) => { - const card_a = head_a.card, - card_b = head_b.card; - let sortNumber = sort_function_list[sortIndex].function(card_a, card_b); - //if (reverse) sortNumber *= -1; //会导致默认情况无法逆序 - return sortNumber; - }); - if (reverse) headsArray.reverse(); - - return headsArray; - } - //对搜索到的Cards重新排序 - function reSortCards() { - const headsArray = sortHeadsArray(searchMonList.originalHeads); - if (!headsArray || headsArray.length === 0) return; //没有数据时，直接返回 - searchMonList.classList.add(className_displayNone); - let fragment = document.createDocumentFragment(); //创建节点用的临时空间 - headsArray.forEach(head => fragment.appendChild(head)); - searchMonList.appendChild(fragment); - searchMonList.classList.remove(className_displayNone); - } - s_sortList.onchange = reSortCards; - s_sortReverse.onchange = reSortCards; - sort_function_list.forEach((sfunc, idx) => { - const newOpt = new Option(sfunc.name, idx); - newOpt.setAttribute("data-tag", sfunc.tag); - s_sortList.options.add(newOpt); - }); - - //id搜索 - const monstersID = settingBox.querySelector(".row-mon-id .m-id"); - monstersID.onchange = function() { - if (/^\d+$/.test(this.value)) { - const newId = parseInt(this.value, 10); - if (editBox.mid != newId) //避免多次运行oninput、onchange - { - editBox.mid = newId; - editBoxChangeMonId(editBox.mid); - } - } - }; - monstersID.oninput = monstersID.onchange; - //觉醒 - const monEditAwokensRow = settingBox.querySelector(".row-mon-awoken"); - const awokenCountLabel = monEditAwokensRow.querySelector(".awoken-count"); - const monEditAwokens = Array.from(monEditAwokensRow.querySelectorAll(".awoken-ul input[name='awoken-number']")); - - function checkAwoken() { - const card = Cards[editBox.mid]; - const value = parseInt(this.value, 10); - awokenCountLabel.innerHTML = value; - if (value > 0 && value == (card.awakenings.length)) - awokenCountLabel.classList.add("full-awoken"); - else - awokenCountLabel.classList.remove("full-awoken"); - reCalculateAbility(); - } - monEditAwokens.forEach(akDom => akDom.onclick = checkAwoken); - - const monEditAwokensLabel = Array.from(monEditAwokensRow.querySelectorAll(".awoken-ul .awoken-icon")); - - function playVoiceAwoken() { //点击label才播放语音 - const card = Cards[editBox.mid]; - if (parseInt(this.getAttribute("data-awoken-icon"), 10) === 63) { - let decoder = new Adpcm(adpcm_wasm, pcmImportObj); - decoder.resetDecodeState(new Adpcm.State(0, 0)); - decodeAudio(`sound/voice/${currentDataSource.code}/padv${PrefixInteger(card.voiceId,3)}.wav`, decoder.decode.bind(decoder)); - } - } - monEditAwokensLabel.forEach(akDom => akDom.onclick = playVoiceAwoken); - - //超觉醒 - const monEditSAwokensRow = settingBox.querySelector(".row-mon-super-awoken"); - monEditSAwokensRow.swaokenIndex = -1; - const monEditSAwokens = Array.from(monEditSAwokensRow.querySelectorAll(".awoken-ul input[name='sawoken-choice']")); - - function notCheckMyself() { - const value = parseInt(this.value, 10); - if (value >= 0 && monEditSAwokensRow.swaokenIndex === value) { - monEditSAwokens[0].click(); - } else { - monEditSAwokensRow.swaokenIndex = value; - } - } - monEditSAwokens.forEach(akDom => { - akDom.onclick = notCheckMyself; - }); - //3个快速设置this.ipt为自己的value - function setIptToMyValue() { - if (this.ipt.value != this.value) { - this.ipt.value = this.value; - this.ipt.onchange(); - } - } - //等级 - const monEditLv = settingBox.querySelector(".m-level"); - monEditLv.onchange = function() { - reCalculateExp(); - reCalculateAbility(); - }; - const monEditLvMin = settingBox.querySelector(".m-level-btn-min"); - const monLvExp = settingBox.querySelector(".m-level-exp"); - monEditLvMin.ipt = monEditLv; - monEditLvMin.onclick = setIptToMyValue; - const monEditLvMax = settingBox.querySelector(".m-level-btn-max"); - monEditLvMax.ipt = monEditLv; - monEditLvMax.onclick = setIptToMyValue; - const monEditLv110 = settingBox.querySelector(".m-level-btn-110"); - monEditLv110.ipt = monEditLv; - monEditLv110.onclick = setIptToMyValue; - //编辑界面重新计算怪物的经验值 - function reCalculateExp() { - const monid = parseInt(monstersID.value || 0, 10); - const level = parseInt(monEditLv.value || 0, 10); - const tempMon = { - id: monid, - level: level - }; - const needExp = calculateExp(tempMon); - monLvExp.innerHTML = needExp ? parseBigNumber(needExp[0]) + (level > 99 ? ` + ${parseBigNumber(needExp[1])}` : "") : ""; - } - editBox.reCalculateExp = reCalculateExp; - //三维 - const rowMonAbility = settingBox.querySelector(".row-mon-ability"); - const monEditHpValue = rowMonAbility.querySelector(".m-hp-li .ability-value"); - const monEditAtkValue = rowMonAbility.querySelector(".m-atk-li .ability-value"); - const monEditRcvValue = rowMonAbility.querySelector(".m-rcv-li .ability-value"); - //加蛋 - const rowMonPlus = settingBox.querySelector(".row-mon-plus"); - const monEditAddHpLi = rowMonPlus.querySelector(".m-hp-li"); - const monEditAddAtkLi = rowMonPlus.querySelector(".m-atk-li"); - const monEditAddRcvLi = rowMonPlus.querySelector(".m-rcv-li"); - const monEditAddHp = monEditAddHpLi.querySelector(".m-plus-hp"); - monEditAddHp.onchange = reCalculateAbility; - const monEditAddAtk = monEditAddAtkLi.querySelector(".m-plus-atk"); - monEditAddAtk.onchange = reCalculateAbility; - const monEditAddRcv = monEditAddRcvLi.querySelector(".m-plus-rcv"); - monEditAddRcv.onchange = reCalculateAbility; - //3个快速设置按钮 - const monEditAddHpBtn = monEditAddHpLi.querySelector(".m-plus-btn"); - monEditAddHpBtn.ipt = monEditAddHp; - monEditAddHpBtn.onclick = setIptToMyValue; - const monEditAddAtkBtn = monEditAddAtkLi.querySelector(".m-plus-btn"); - monEditAddAtkBtn.ipt = monEditAddAtk; - monEditAddAtkBtn.onclick = setIptToMyValue; - const monEditAddRcvBtn = monEditAddRcvLi.querySelector(".m-plus-btn"); - monEditAddRcvBtn.ipt = monEditAddRcv; - monEditAddRcvBtn.onclick = setIptToMyValue; - //297按钮 - const monEditAdd297 = rowMonPlus.querySelector(".m-plus-btn-297"); - monEditAdd297.onclick = function() { - monEditAddHp.value = 99; - monEditAddAtk.value = 99; - monEditAddRcv.value = 99; - reCalculateAbility(); - }; - - //潜觉 - const monEditLatentUl = settingBox.querySelector(".m-latent-ul"); - const monEditLatents = Array.from(monEditLatentUl.querySelectorAll("li")); - const monEditLatentAllowableUl = settingBox.querySelector(".m-latent-allowable-ul"); - const monEditLatentsAllowable = Array.from(monEditLatentAllowableUl.querySelectorAll("li")); - editBox.refreshLatent = function(latent, monid) //刷新潜觉 - { - refreshLatent(latent, monid, monEditLatents); - }; - const hideClassName = 'hide-less-use-latent'; - const s_hideLessUseLetent = settingBox.querySelector(`#${hideClassName}`); - s_hideLessUseLetent.onchange = function() { - toggleDomClassName(this, hideClassName, true, monEditLatentAllowableUl); - localStorage.setItem("PADDF-" + hideClassName, this.checked ? 1 : 0); - } - s_hideLessUseLetent.checked = Boolean(parseInt(localStorage.getItem("PADDF-" + hideClassName))); - s_hideLessUseLetent.onchange(); - - const rowSkill = settingBox.querySelector(".row-mon-skill"); - const skillBox = rowSkill.querySelector(".skill-box"); - const skillTitle = skillBox.querySelector(".skill-name"); - const skillCD = skillBox.querySelector(".skill-cd"); - const skillLevel = skillBox.querySelector(".m-skill-level"); - const skillLevel_1 = skillBox.querySelector(".m-skill-lv-1"); - const skillLevel_Max = skillBox.querySelector(".m-skill-lv-max"); - - skillTitle.onclick = function() { - const skillId = parseInt(this.getAttribute("data-skillid"), 10); //获得当前技能ID - const s_cards = Cards.filter(card => card.activeSkillId === skillId); //搜索同技能怪物 - if (s_cards.length > 1) { - showSearch(s_cards); //显示 - } - }; - skillLevel.onchange = function() { - const card = Cards[editBox.mid] || Cards[0]; //怪物固定数据 - const skill = Skills[card.activeSkillId]; - skillCD.innerHTML = skill.initialCooldown - this.value + 1; - }; - skillLevel_1.ipt = skillLevel; - skillLevel_1.onclick = setIptToMyValue; - skillLevel_Max.ipt = skillLevel; - skillLevel_Max.onclick = setIptToMyValue; - - //已有觉醒的去除 - function deleteLatent() { - const aIdx = monEditLatents.filter(l => !l.classList.contains(className_displayNone)).findIndex(l => l == this); - editBox.latent.splice(aIdx, 1); - editBox.reCalculateAbility(); //重计算三维 - editBox.refreshLatent(editBox.latent, editBox.mid); //刷新潜觉 - } - monEditLatents.forEach(la => la.onclick = deleteLatent); - //可选觉醒的添加 - function addLatent() { - if (this.classList.contains("unallowable-latent")) return; //不能选的觉醒直接退出 - const lIdx = parseInt(this.getAttribute("data-latent-icon"), 10); //潜觉的序号 - const maxLatentCount = getMaxLatentCount(editBox.mid); //最大潜觉数量 - const usedHoleN = usedHole(editBox.latent); //已经使用了的格子 - const enabledHole = maxLatentCount - usedHoleN; //还剩余的格子 - - if (latentUseHole(lIdx) <= enabledHole) - editBox.latent.push(lIdx); - else - return; - - editBox.reCalculateAbility(); - editBox.refreshLatent(editBox.latent, editBox.mid); - } - monEditLatentsAllowable.forEach(la => la.onclick = addLatent); - - //编辑界面重新计算怪物的能力 - function reCalculateAbility() { - const monid = parseInt(monstersID.value || 0, 10); - const level = parseInt(monEditLv.value || 0, 10); - - const mAwokenNumIpt = monEditAwokensRow.querySelector("input[name='awoken-number']:checked"); - const awoken = mAwokenNumIpt ? parseInt(mAwokenNumIpt.value, 10) : 0; - const plus = [ - parseInt(monEditAddHp.value || 0, 10), - parseInt(monEditAddAtk.value || 0, 10), - parseInt(monEditAddRcv.value || 0, 10) - ]; - const latent = editBox.latent; - const tempMon = { - id: monid, - level: level, - plus: plus, - awoken: awoken, - latent: latent - }; - const abilitys = calculateAbility(tempMon, null, solo, teamsCount); - - monEditHpValue.innerHTML = abilitys ? abilitys[0][0].toLocaleString() : 0; - monEditAtkValue.innerHTML = abilitys ? abilitys[1][0].toLocaleString() : 0; - monEditRcvValue.innerHTML = 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 = parseInt(monstersID.value, 10); - const card = Cards[mon.id] || Cards[0]; - const skill = Skills[card.activeSkillId]; - - mon.level = parseInt(monEditLv.value, 10); - - const mAwokenNumIpt = monEditAwokensRow.querySelector("input[name='awoken-number']:checked"); - mon.awoken = mAwokenNumIpt ? parseInt(mAwokenNumIpt.value, 10) : 0; - if (card.superAwakenings.length) //如果支持超觉醒 - { - const mSAwokenChoIpt = monEditSAwokensRow.querySelector("input[name='sawoken-choice']:checked"); - mon.sawoken = mSAwokenChoIpt ? parseInt(mSAwokenChoIpt.value, 10) : -1; - } - - if (card.types.some(t => { return t == 0 || t == 12 || t == 14 || t == 15; }) && - (!card.overlay || mon.level >= card.maxLevel)) { //当4种特殊type的时候是无法297和打觉醒的，但是不能叠加的在未满级时可以 - mon.plus = [0, 0, 0]; - } else { - mon.plus[0] = parseInt(monEditAddHp.value) || 0; - mon.plus[1] = parseInt(monEditAddAtk.value) || 0; - mon.plus[2] = parseInt(monEditAddRcv.value) || 0; - if (!editBox.isAssist) { //如果不是辅助，则可以设定潜觉 - mon.latent = editBox.latent.concat() - .sort((a, b) => latentUseHole(b) - latentUseHole(a)); //并排序 - } - } - - const skillLevelNum = parseInt(skillLevel.value, 10); - if (skillLevelNum < skill.maxLevel) { - mon.skilllevel = skillLevelNum; - } - changeid(mon, editBox.monsterHead, editBox.memberIdx[1] ? null : editBox.latentBox); - - const teamAbilityDom = teamBigBox.querySelector(".team-ability"); - refreshAbility(teamAbilityDom, teamData, editBox.memberIdx[2]); //本人能力值 - - const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计 - if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData, editBox.memberIdx[0]); - const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计 - if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams); - - const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计 - if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom, teamData); - const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计 - if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams); - - //刷新改队员的CD - refreshMemberSkillCD(teamBox, teamData, editBox.memberIdx[2]); - creatNewUrl(); - editBox.hide(); - }; - window.onkeydown = function(e) { - if (!editBox.classList.contains(className_displayNone)) { - if (e.keyCode == 27) { //按下ESC时，自动关闭编辑窗 - btnCancel.onclick(); - } - } - }; - btnNull.onclick = function() { //空位置 - const mon = new Member(); - const teamBigBox = teamBigBoxs[editBox.memberIdx[0]]; - const teamData = formation.teams[editBox.memberIdx[0]]; - teamData[editBox.memberIdx[1]][editBox.memberIdx[2]] = mon; - - changeid(mon, editBox.monsterHead, editBox.latentBox); - - const teamAbilityDom = teamBigBox.querySelector(".team-ability"); - refreshAbility(teamAbilityDom, teamData, editBox.memberIdx[2]); //本人能力值 - - const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计 - if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData, editBox.memberIdx[0]); - const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计 - if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams); - - const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计 - if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom, teamData); - const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计 - if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams); - - //刷新改队员的CD - refreshMemberSkillCD(teamBigBox, teamData, editBox.memberIdx[2]); - - creatNewUrl(); - editBox.hide(); - }; - btnDelay.onclick = function() { //应对威吓 - const mon = new MemberDelay(); - const teamBigBox = teamBigBoxs[editBox.memberIdx[0]]; - const teamData = formation.teams[editBox.memberIdx[0]]; - teamData[editBox.memberIdx[1]][editBox.memberIdx[2]] = mon; - - changeid(mon, editBox.monsterHead, editBox.latentBox); - - const teamAbilityDom = teamBigBox.querySelector(".team-ability"); - refreshAbility(teamAbilityDom, teamData, editBox.memberIdx[2]); //本人能力值 - - const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计 - if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData, editBox.memberIdx[0]); - const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计 - if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams); - - const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计 - if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom, teamData); - const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计 - if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams); - - //刷新改队员的CD - refreshMemberSkillCD(teamBigBox, teamData, editBox.memberIdx[2]); - - creatNewUrl(); - editBox.hide(); - }; - - //语言选择 - const langList = controlBox.querySelector(".languages"); - langList.onchange = function() { - creatNewUrl({ "language": this.value }); - history.go(); - }; - //数据源选择 - const dataList = controlBox.querySelector(".datasource"); - dataList.onchange = function() { - creatNewUrl({ datasource: this.value }); - history.go(); - }; - - /*添对应语言执行的JS*/ - const languageJS = document.head.appendChild(document.createElement("script")); - languageJS.id = "language-js"; - languageJS.type = "text/javascript"; - languageJS.src = "languages/" + currentLanguage.i18n + ".js"; - - if (isGuideMod) //图鉴模式直接打开搜索框 - { - showSearch([]); - //if (monstersID.value.length == 0) editBoxChangeMonId(0); - } + s_typeAndOr.onchange = function(){ + s_typesCheckBox.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_awokensItems = Array.from(searchBox.querySelectorAll(".awoken-div .awoken-count")); + const s_awokensIcons = s_awokensItems.map(it => it.querySelector(".awoken-icon")); + const s_awokensCounts = s_awokensItems.map(it => it.querySelector(".count")); + + const searchMonList = searchBox.querySelector(".search-mon-list"); //搜索结果列表 + searchMonList.originalHeads = null; //用于存放原始搜索结果 + + const s_awokensEquivalent = searchBox.querySelector("#consider-equivalent-awoken"); //搜索等效觉醒 + const s_canAssist = searchBox.querySelector("#can-assist"); //只搜索辅助 + s_canAssist.onclick = function() { + toggleDomClassName(this, "only-display-can-assist", true, searchMonList); + }; + + const s_sawokenDiv = searchBox.querySelector(".sawoken-div"); + + const s_sawokens = Array.from(s_sawokenDiv.querySelectorAll(".sawoken-check")); + const s_includeSuperAwoken = searchBox.querySelector("#include-super-awoken"); //搜索超觉醒 + s_includeSuperAwoken.onclick = function() { + toggleDomClassName(this, className_displayNone, true, s_sawokenDiv); + }; + + function search_awokenAdd1() { + const countDom = this.parentNode.querySelector(".count"); + let count = parseInt(countDom.value, 10); + if (count < 9) { + count++; + countDom.value = count; + this.parentNode.classList.remove("zero"); + } + } + s_awokensIcons.forEach((b, idx) => { //每种觉醒增加1 + b.onclick = search_awokenAdd1; + }); + + function search_awokenSub1() { + let count = parseInt(this.value, 10); + if (count > 0) { + count--; + this.value = count; + if (count === 0) { + this.parentNode.parentNode.classList.add("zero"); + } + } + } + s_awokensCounts.forEach((b, idx) => { //每种觉醒减少1 + b.onclick = search_awokenSub1; + }); + + const awokenClear = searchBox.querySelector(".awoken-div .awoken-clear"); + const sawokenClear = searchBox.querySelector(".sawoken-div .sawoken-clear"); + awokenClear.onclick = function() { //清空觉醒选项 + s_awokensCounts.forEach(t => { + t.value = 0; + }); + s_awokensItems.forEach(t => { + t.classList.add("zero"); + }); + }; + sawokenClear.onclick = function() { //清空超觉醒选项 + s_sawokens.forEach(t => { + t.checked = false; + }); + }; + + const s_controlDiv = searchBox.querySelector(".control-div"); + const searchStart = s_controlDiv.querySelector(".search-start"); + const searchClose = s_controlDiv.querySelector(".search-close"); + const searchClear = s_controlDiv.querySelector(".search-clear"); + + function returnCheckedInput(ipt) { + return ipt.checked; + } + + function returnInputValue(ipt) { + return ipt.value; + } + + function Str2Int(str) { + return parseInt(str, 10); + } + //将搜索结果显示出来（也可用于其他的搜索） + const s_showAwoken = searchBox.querySelector("#show-awoken"); //是否显示觉醒 + showSearch = function(searchArr) { + editBox.show(); + searchBox.classList.remove(className_displayNone); + const createCardHead = editBox.createCardHead; + + searchMonList.classList.add(className_displayNone); + searchMonList.innerHTML = ""; //清空旧的 + if (searchArr.length > 0) { + let fragment = document.createDocumentFragment(); //创建节点用的临时空间 + //获取原始排序的头像列表 + searchMonList.originalHeads = searchArr.map(card => createCardHead(card.id, s_showAwoken.checked)); + //对头像列表进行排序 + const headsArray = sortHeadsArray(searchMonList.originalHeads); + headsArray.forEach(head => fragment.appendChild(head)); + searchMonList.appendChild(fragment); + } + searchMonList.classList.remove(className_displayNone); + }; + const startSearch = function(cards) { + const attr1Filter = s_attr1s.filter(returnCheckedInput).map(returnInputValue); + const attr2Filter = s_attr2s.filter(returnCheckedInput).map(returnInputValue); + let attr1, attr2; + if (attr1Filter.length > 0) { + if (!isNaN(attr1Filter[0])) { + attr1 = parseInt(attr1Filter[0], 10); + } else { + attr1 = null; + } + } + if (attr2Filter.length > 0) { + if (!isNaN(attr2Filter[0])) { + attr2 = parseInt(attr2Filter[0], 10); + } else { + attr2 = null; + } + } + const typesFilter = s_types.filter(returnCheckedInput).map(returnInputValue).map(Str2Int); + const sawokensFilter = s_sawokens.filter(returnCheckedInput).map(returnInputValue).map(Str2Int); + const awokensFilter = s_awokensCounts.filter(btn => parseInt(btn.value, 10) > 0).map(btn => { + const awokenIndex = parseInt(btn.parentNode.parentNode.querySelector(".awoken-icon").getAttribute("data-awoken-icon"), 10); + return { id: awokenIndex, num: parseInt(btn.value, 10) }; + }); + const searchResult = searchCards(cards, + attr1, attr2, + s_fixMainColor.checked, + typesFilter, + s_typeAndOr.checked, + awokensFilter, + sawokensFilter, + s_awokensEquivalent.checked, + s_includeSuperAwoken.checked + ); + console.log("搜索结果", searchResult); + showSearch(searchResult); + }; + searchBox.startSearch = startSearch; + searchStart.onclick = function() { + startSearch(Cards); + }; + searchClose.onclick = function() { + searchBox.classList.add(className_displayNone); + }; + searchClear.onclick = function() { //清空搜索选项 + s_attr1s[0].checked = true; + s_attr2s[0].checked = true; + s_types.forEach(t => { + t.checked = false; + }); + s_typeAndOr.onchange(); + s_awokensCounts.forEach(t => { + t.value = 0; + }); + s_awokensItems.forEach(t => { + t.classList.add("zero"); + }); + // 这些觉醒的选项干脆都不清除 + //s_awokensEquivalent.checked = false; + //if (s_includeSuperAwoken.checked) s_includeSuperAwoken.click(); + + s_sawokens.forEach(t => { + t.checked = false; + }); + + searchMonList.originalHeads = null; + searchMonList.innerHTML = ""; + }; + + const s_sortList = s_controlDiv.querySelector(".sort-list"); + const s_sortReverse = s_controlDiv.querySelector("#sort-reverse"); + //对heads重新排序 + function sortHeadsArray(heads) { + if (!heads || heads.length === 0) return; //没有数据时，直接返回 + const sortIndex = parseInt(s_sortList.value, 10); + const reverse = s_sortReverse.checked; + let headsArray = heads.concat(); + + headsArray.sort((head_a, head_b) => { + const card_a = head_a.card, + card_b = head_b.card; + let sortNumber = sort_function_list[sortIndex].function(card_a, card_b); + //if (reverse) sortNumber *= -1; //会导致默认情况无法逆序 + return sortNumber; + }); + if (reverse) headsArray.reverse(); + + return headsArray; + } + //对搜索到的Cards重新排序 + function reSortCards() { + const headsArray = sortHeadsArray(searchMonList.originalHeads); + if (!headsArray || headsArray.length === 0) return; //没有数据时，直接返回 + searchMonList.classList.add(className_displayNone); + let fragment = document.createDocumentFragment(); //创建节点用的临时空间 + headsArray.forEach(head => fragment.appendChild(head)); + searchMonList.appendChild(fragment); + searchMonList.classList.remove(className_displayNone); + } + s_sortList.onchange = reSortCards; + s_sortReverse.onchange = reSortCards; + sort_function_list.forEach((sfunc, idx) => { + const newOpt = new Option(sfunc.name, idx); + newOpt.setAttribute("data-tag", sfunc.tag); + s_sortList.options.add(newOpt); + }); + + //id搜索 + const monstersID = settingBox.querySelector(".row-mon-id .m-id"); + monstersID.onchange = function() { + if (/^\d+$/.test(this.value)) { + const newId = parseInt(this.value, 10); + if (editBox.mid != newId) //避免多次运行oninput、onchange + { + editBox.mid = newId; + editBoxChangeMonId(editBox.mid); + } + } + }; + monstersID.oninput = monstersID.onchange; + //觉醒 + const monEditAwokensRow = settingBox.querySelector(".row-mon-awoken"); + const awokenCountLabel = monEditAwokensRow.querySelector(".awoken-count"); + const monEditAwokens = Array.from(monEditAwokensRow.querySelectorAll(".awoken-ul input[name='awoken-number']")); + + function checkAwoken() { + const card = Cards[editBox.mid]; + const value = parseInt(this.value, 10); + awokenCountLabel.innerHTML = value; + if (value > 0 && value == (card.awakenings.length)) + awokenCountLabel.classList.add("full-awoken"); + else + awokenCountLabel.classList.remove("full-awoken"); + reCalculateAbility(); + } + monEditAwokens.forEach(akDom => akDom.onclick = checkAwoken); + + const monEditAwokensLabel = Array.from(monEditAwokensRow.querySelectorAll(".awoken-ul .awoken-icon")); + + function playVoiceAwoken() { //点击label才播放语音 + const card = Cards[editBox.mid]; + if (parseInt(this.getAttribute("data-awoken-icon"), 10) === 63) { + let decoder = new Adpcm(adpcm_wasm, pcmImportObj); + decoder.resetDecodeState(new Adpcm.State(0, 0)); + decodeAudio(`sound/voice/${currentDataSource.code}/padv${PrefixInteger(card.voiceId,3)}.wav`, decoder.decode.bind(decoder)); + } + } + monEditAwokensLabel.forEach(akDom => akDom.onclick = playVoiceAwoken); + + //超觉醒 + const monEditSAwokensRow = settingBox.querySelector(".row-mon-super-awoken"); + monEditSAwokensRow.swaokenIndex = -1; + const monEditSAwokens = Array.from(monEditSAwokensRow.querySelectorAll(".awoken-ul input[name='sawoken-choice']")); + + function notCheckMyself() { + const value = parseInt(this.value, 10); + if (value >= 0 && monEditSAwokensRow.swaokenIndex === value) { + monEditSAwokens[0].click(); + } else { + monEditSAwokensRow.swaokenIndex = value; + } + } + monEditSAwokens.forEach(akDom => { + akDom.onclick = notCheckMyself; + }); + //3个快速设置this.ipt为自己的value + function setIptToMyValue() { + if (this.ipt.value != this.value) { + this.ipt.value = this.value; + this.ipt.onchange(); + } + } + //等级 + const monEditLv = settingBox.querySelector(".m-level"); + monEditLv.onchange = function() { + reCalculateExp(); + reCalculateAbility(); + }; + const monEditLvMin = settingBox.querySelector(".m-level-btn-min"); + const monLvExp = settingBox.querySelector(".m-level-exp"); + monEditLvMin.ipt = monEditLv; + monEditLvMin.onclick = setIptToMyValue; + const monEditLvMax = settingBox.querySelector(".m-level-btn-max"); + monEditLvMax.ipt = monEditLv; + monEditLvMax.onclick = setIptToMyValue; + const monEditLv110 = settingBox.querySelector(".m-level-btn-110"); + monEditLv110.ipt = monEditLv; + monEditLv110.onclick = setIptToMyValue; + //编辑界面重新计算怪物的经验值 + function reCalculateExp() { + const monid = parseInt(monstersID.value || 0, 10); + const level = parseInt(monEditLv.value || 0, 10); + const tempMon = { + id: monid, + level: level + }; + const needExp = calculateExp(tempMon); + monLvExp.innerHTML = needExp ? parseBigNumber(needExp[0]) + (level > 99 ? ` + ${parseBigNumber(needExp[1])}` : "") : ""; + } + editBox.reCalculateExp = reCalculateExp; + //三维 + const rowMonAbility = settingBox.querySelector(".row-mon-ability"); + const monEditHpValue = rowMonAbility.querySelector(".m-hp-li .ability-value"); + const monEditAtkValue = rowMonAbility.querySelector(".m-atk-li .ability-value"); + const monEditRcvValue = rowMonAbility.querySelector(".m-rcv-li .ability-value"); + //加蛋 + const rowMonPlus = settingBox.querySelector(".row-mon-plus"); + const monEditAddHpLi = rowMonPlus.querySelector(".m-hp-li"); + const monEditAddAtkLi = rowMonPlus.querySelector(".m-atk-li"); + const monEditAddRcvLi = rowMonPlus.querySelector(".m-rcv-li"); + const monEditAddHp = monEditAddHpLi.querySelector(".m-plus-hp"); + monEditAddHp.onchange = reCalculateAbility; + const monEditAddAtk = monEditAddAtkLi.querySelector(".m-plus-atk"); + monEditAddAtk.onchange = reCalculateAbility; + const monEditAddRcv = monEditAddRcvLi.querySelector(".m-plus-rcv"); + monEditAddRcv.onchange = reCalculateAbility; + //3个快速设置按钮 + const monEditAddHpBtn = monEditAddHpLi.querySelector(".m-plus-btn"); + monEditAddHpBtn.ipt = monEditAddHp; + monEditAddHpBtn.onclick = setIptToMyValue; + const monEditAddAtkBtn = monEditAddAtkLi.querySelector(".m-plus-btn"); + monEditAddAtkBtn.ipt = monEditAddAtk; + monEditAddAtkBtn.onclick = setIptToMyValue; + const monEditAddRcvBtn = monEditAddRcvLi.querySelector(".m-plus-btn"); + monEditAddRcvBtn.ipt = monEditAddRcv; + monEditAddRcvBtn.onclick = setIptToMyValue; + //297按钮 + const monEditAdd297 = rowMonPlus.querySelector(".m-plus-btn-297"); + monEditAdd297.onclick = function() { + monEditAddHp.value = 99; + monEditAddAtk.value = 99; + monEditAddRcv.value = 99; + reCalculateAbility(); + }; + + //潜觉 + const monEditLatentUl = settingBox.querySelector(".m-latent-ul"); + const monEditLatents = Array.from(monEditLatentUl.querySelectorAll("li")); + const monEditLatentAllowableUl = settingBox.querySelector(".m-latent-allowable-ul"); + const monEditLatentsAllowable = Array.from(monEditLatentAllowableUl.querySelectorAll("li")); + editBox.refreshLatent = function(latent, monid) //刷新潜觉 + { + refreshLatent(latent, monid, monEditLatents); + }; + const hideClassName = 'hide-less-use-latent'; + const s_hideLessUseLetent = settingBox.querySelector(`#${hideClassName}`); + s_hideLessUseLetent.onchange = function() { + toggleDomClassName(this, hideClassName, true, monEditLatentAllowableUl); + localStorage.setItem("PADDF-" + hideClassName, this.checked ? 1 : 0); + } + s_hideLessUseLetent.checked = Boolean(parseInt(localStorage.getItem("PADDF-" + hideClassName))); + s_hideLessUseLetent.onchange(); + + const rowSkill = settingBox.querySelector(".row-mon-skill"); + const skillBox = rowSkill.querySelector(".skill-box"); + const skillTitle = skillBox.querySelector(".skill-name"); + const skillCD = skillBox.querySelector(".skill-cd"); + const skillLevel = skillBox.querySelector(".m-skill-level"); + const skillLevel_1 = skillBox.querySelector(".m-skill-lv-1"); + const skillLevel_Max = skillBox.querySelector(".m-skill-lv-max"); + + skillTitle.onclick = function() { + const skillId = parseInt(this.getAttribute("data-skillid"), 10); //获得当前技能ID + const s_cards = Cards.filter(card => card.activeSkillId === skillId); //搜索同技能怪物 + if (s_cards.length > 1) { + showSearch(s_cards); //显示 + } + }; + skillLevel.onchange = function() { + const card = Cards[editBox.mid] || Cards[0]; //怪物固定数据 + const skill = Skills[card.activeSkillId]; + skillCD.innerHTML = skill.initialCooldown - this.value + 1; + }; + skillLevel_1.ipt = skillLevel; + skillLevel_1.onclick = setIptToMyValue; + skillLevel_Max.ipt = skillLevel; + skillLevel_Max.onclick = setIptToMyValue; + + //已有觉醒的去除 + function deleteLatent() { + const aIdx = monEditLatents.filter(l => !l.classList.contains(className_displayNone)).findIndex(l => l == this); + editBox.latent.splice(aIdx, 1); + editBox.reCalculateAbility(); //重计算三维 + editBox.refreshLatent(editBox.latent, editBox.mid); //刷新潜觉 + } + monEditLatents.forEach(la => la.onclick = deleteLatent); + //可选觉醒的添加 + function addLatent() { + if (this.classList.contains("unallowable-latent")) return; //不能选的觉醒直接退出 + const lIdx = parseInt(this.getAttribute("data-latent-icon"), 10); //潜觉的序号 + const maxLatentCount = getMaxLatentCount(editBox.mid); //最大潜觉数量 + const usedHoleN = usedHole(editBox.latent); //已经使用了的格子 + const enabledHole = maxLatentCount - usedHoleN; //还剩余的格子 + + if (latentUseHole(lIdx) <= enabledHole) + editBox.latent.push(lIdx); + else + return; + + editBox.reCalculateAbility(); + editBox.refreshLatent(editBox.latent, editBox.mid); + } + monEditLatentsAllowable.forEach(la => la.onclick = addLatent); + + //编辑界面重新计算怪物的能力 + function reCalculateAbility() { + const monid = parseInt(monstersID.value || 0, 10); + const level = parseInt(monEditLv.value || 0, 10); + + const mAwokenNumIpt = monEditAwokensRow.querySelector("input[name='awoken-number']:checked"); + const awoken = mAwokenNumIpt ? parseInt(mAwokenNumIpt.value, 10) : 0; + const plus = [ + parseInt(monEditAddHp.value || 0, 10), + parseInt(monEditAddAtk.value || 0, 10), + parseInt(monEditAddRcv.value || 0, 10) + ]; + const latent = editBox.latent; + const tempMon = { + id: monid, + level: level, + plus: plus, + awoken: awoken, + latent: latent + }; + const abilitys = calculateAbility(tempMon, null, solo, teamsCount); + + monEditHpValue.innerHTML = abilitys ? abilitys[0][0].toLocaleString() : 0; + monEditAtkValue.innerHTML = abilitys ? abilitys[1][0].toLocaleString() : 0; + monEditRcvValue.innerHTML = 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 = parseInt(monstersID.value, 10); + const card = Cards[mon.id] || Cards[0]; + const skill = Skills[card.activeSkillId]; + + mon.level = parseInt(monEditLv.value, 10); + + const mAwokenNumIpt = monEditAwokensRow.querySelector("input[name='awoken-number']:checked"); + mon.awoken = mAwokenNumIpt ? parseInt(mAwokenNumIpt.value, 10) : 0; + if (card.superAwakenings.length) //如果支持超觉醒 + { + const mSAwokenChoIpt = monEditSAwokensRow.querySelector("input[name='sawoken-choice']:checked"); + mon.sawoken = mSAwokenChoIpt ? parseInt(mSAwokenChoIpt.value, 10) : -1; + } + + if (card.types.some(t => { return t == 0 || t == 12 || t == 14 || t == 15; }) && + (!card.overlay || mon.level >= card.maxLevel)) { //当4种特殊type的时候是无法297和打觉醒的，但是不能叠加的在未满级时可以 + mon.plus = [0, 0, 0]; + } else { + mon.plus[0] = parseInt(monEditAddHp.value) || 0; + mon.plus[1] = parseInt(monEditAddAtk.value) || 0; + mon.plus[2] = parseInt(monEditAddRcv.value) || 0; + if (!editBox.isAssist) { //如果不是辅助，则可以设定潜觉 + mon.latent = editBox.latent.concat() + .sort((a, b) => latentUseHole(b) - latentUseHole(a)); //并排序 + } + } + + const skillLevelNum = parseInt(skillLevel.value, 10); + if (skillLevelNum < skill.maxLevel) { + mon.skilllevel = skillLevelNum; + } + changeid(mon, editBox.monsterHead, editBox.memberIdx[1] ? null : editBox.latentBox); + + const teamAbilityDom = teamBigBox.querySelector(".team-ability"); + refreshAbility(teamAbilityDom, teamData, editBox.memberIdx[2]); //本人能力值 + + const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计 + if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData, editBox.memberIdx[0]); + const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计 + if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams); + + const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计 + if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom, teamData); + const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计 + if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams); + + //刷新改队员的CD + refreshMemberSkillCD(teamBox, teamData, editBox.memberIdx[2]); + creatNewUrl(); + editBox.hide(); + }; + window.onkeydown = function(e) { + if (!editBox.classList.contains(className_displayNone)) { + if (e.keyCode == 27) { //按下ESC时，自动关闭编辑窗 + btnCancel.onclick(); + } + } + }; + btnNull.onclick = function() { //空位置 + const mon = new Member(); + const teamBigBox = teamBigBoxs[editBox.memberIdx[0]]; + const teamData = formation.teams[editBox.memberIdx[0]]; + teamData[editBox.memberIdx[1]][editBox.memberIdx[2]] = mon; + + changeid(mon, editBox.monsterHead, editBox.latentBox); + + const teamAbilityDom = teamBigBox.querySelector(".team-ability"); + refreshAbility(teamAbilityDom, teamData, editBox.memberIdx[2]); //本人能力值 + + const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计 + if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData, editBox.memberIdx[0]); + const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计 + if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams); + + const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计 + if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom, teamData); + const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计 + if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams); + + //刷新改队员的CD + refreshMemberSkillCD(teamBigBox, teamData, editBox.memberIdx[2]); + + creatNewUrl(); + editBox.hide(); + }; + btnDelay.onclick = function() { //应对威吓 + const mon = new MemberDelay(); + const teamBigBox = teamBigBoxs[editBox.memberIdx[0]]; + const teamData = formation.teams[editBox.memberIdx[0]]; + teamData[editBox.memberIdx[1]][editBox.memberIdx[2]] = mon; + + changeid(mon, editBox.monsterHead, editBox.latentBox); + + const teamAbilityDom = teamBigBox.querySelector(".team-ability"); + refreshAbility(teamAbilityDom, teamData, editBox.memberIdx[2]); //本人能力值 + + const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计 + if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData, editBox.memberIdx[0]); + const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计 + if (formationTotalInfoDom) refreshFormationTotalHP(formationTotalInfoDom, formation.teams); + + const teamAwokenDom = teamBigBox.querySelector(".team-awoken"); //队伍觉醒合计 + if (teamAwokenDom) refreshTeamAwokenCount(teamAwokenDom, teamData); + const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计 + if (formationAwokenDom) refreshFormationAwokenCount(formationAwokenDom, formation.teams); + + //刷新改队员的CD + refreshMemberSkillCD(teamBigBox, teamData, editBox.memberIdx[2]); + + creatNewUrl(); + editBox.hide(); + }; + + //语言选择 + const langList = controlBox.querySelector(".languages"); + langList.onchange = function() { + creatNewUrl({ "language": this.value }); + history.go(); + }; + //数据源选择 + const dataList = controlBox.querySelector(".datasource"); + dataList.onchange = function() { + creatNewUrl({ datasource: this.value }); + history.go(); + }; + + /*添对应语言执行的JS*/ + const languageJS = document.head.appendChild(document.createElement("script")); + languageJS.id = "language-js"; + languageJS.type = "text/javascript"; + languageJS.src = "languages/" + currentLanguage.i18n + ".js"; + + if (isGuideMod) //图鉴模式直接打开搜索框 + { + showSearch([]); + //if (monstersID.value.length == 0) editBoxChangeMonId(0); + } } //从怪物头像获取队员的队伍编号 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 - ]; + 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将会打开链接 + 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))); + e.dataTransfer.setData('from', JSON.stringify(getMemberArrayIndexFromMonHead(this))); } //编辑界面每个怪物的头像的经过，阻止事件发生 function dropOverMonHead(e) { - e.preventDefault(); + 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将会打开链接 + 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 }); + 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"; - } + //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); - } - } + 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); + 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 changeType(member, isAssist) { + if (member.id == 0 || (isAssist && member.id == -1)) { + return new Member(); + } else { + const newMember = isAssist ? new MemberTeam() : new MemberAssist(); + newMember.loadFromMember(member); + return newMember; + } + } + const changeSwapToCopy = controlBox.querySelector("#change-swap-to-copy"); //储存交换“复制”和“替换” + const isCopy = changeSwapToCopy.checked; + let from = formation.teams[formArr[0]][formArr[1]][formArr[2]]; + let to = formation.teams[toArr[0]][toArr[1]][toArr[2]]; + if (formArr[1] != toArr[1]) //从武器拖到非武器才改变类型 + { + from = changeType(from, formArr[1]); + if (!isCopy) to = changeType(to, toArr[1]); + } else if (isCopy) { + const newFrom = new from.constructor(); + newFrom.loadFromMember(from); + from = newFrom; + } + formation.teams[toArr[0]][toArr[1]][toArr[2]] = from; + if (!isCopy) formation.teams[formArr[0]][formArr[1]][formArr[2]] = to; + + creatNewUrl(); //刷新URL + refreshAll(formation); //刷新全部 } //改变一个怪物头像 function changeid(mon, monDom, latentDom) { - let fragment = document.createDocumentFragment(); //创建节点用的临时空间 - const parentNode = monDom.parentNode; - fragment.appendChild(monDom); - const monId = mon.id; - const card = Cards[monId] || Cards[0]; //怪物固定数据 - monDom.setAttribute("data-cardid", monId); //设定新的id - if (monId < 0) //如果是延迟 - { - monDom.removeAttribute("href"); - monDom.removeAttribute("title"); - parentNode.classList.add("delay"); - parentNode.classList.remove("null"); - parentNode.appendChild(fragment); - if (latentDom) latentDom.classList.add(className_displayNone); - return; - } else if (monId == 0) //如果是空 - { - monDom.removeAttribute("href"); - monDom.removeAttribute("title"); - parentNode.classList.add("null"); - parentNode.classList.remove("delay"); - parentNode.appendChild(fragment); - if (latentDom) latentDom.classList.add(className_displayNone); - return; - } else if (monId > -1) //如果提供了id - { - parentNode.classList.remove("null"); - parentNode.classList.remove("delay"); - - monDom.setAttribute("data-cards-pic-idx", Math.ceil(monId / 100)); //添加图片编号 - const idxInPage = (monId - 1) % 100; //获取当前页面的总序号 - monDom.setAttribute("data-cards-pic-x", idxInPage % 10); //添加X方向序号 - monDom.setAttribute("data-cards-pic-y", Math.floor(idxInPage / 10)); //添加Y方向序号 - - monDom.querySelector(".property").setAttribute("data-property", card.attrs[0]); //主属性 - monDom.querySelector(".subproperty").setAttribute("data-property", card.attrs[1]); //副属性 - - monDom.title = "No." + monId + " " + (card.otLangName ? (card.otLangName[currentLanguage.searchlist[0]] || card.name) : card.name); - monDom.href = currentLanguage.guideURL(monId, card.name); - if (card.canAssist) - monDom.classList.add("allowable-assist"); - else - monDom.classList.remove("allowable-assist"); - if (card.awakenings.includes(49)) //武器 - monDom.classList.add("wepon"); - else - monDom.classList.remove("wepon"); - } - const levelDom = monDom.querySelector(".level"); - if (levelDom) //如果提供了等级 - { - const level = mon.level || 1; - levelDom.innerHTML = level; - if (level == card.maxLevel) { //如果等级刚好等于最大等级，则修改为“最大”的字 - levelDom.classList.add("max"); - } else { - levelDom.classList.remove("max"); - } - if (card.limitBreakIncr && level >= card.maxLevel) { //如果支持超觉，并且等级超过99，就添加支持超觉的蓝色 - levelDom.classList.add("_110"); - } else { - levelDom.classList.remove("_110"); - } - } - const awokenIcon = monDom.querySelector(".awoken-count"); - if (awokenIcon) { - if (card.awakenings.length < 1 || mon.awoken == 0) //没觉醒 - { - awokenIcon.classList.add(className_displayNone); - awokenIcon.innerHTML = ""; - } else if (mon.awoken > 0) //如果提供了觉醒 - { - awokenIcon.classList.remove(className_displayNone); - awokenIcon.innerHTML = mon.awoken; - if (mon.awoken == card.awakenings.length) { - awokenIcon.classList.add("full-awoken"); - } else { - awokenIcon.classList.remove("full-awoken"); - } - } - } - const sawoken = monDom.querySelector(".super-awoken"); - if (sawoken) //如果存在超觉醒的DOM且提供了超觉醒 - { - if (mon.sawoken != undefined && mon.sawoken >= 0 && card.superAwakenings.length) { - sawoken.classList.remove(className_displayNone); - const sawokenIcon = sawoken.querySelector(".awoken-icon"); - sawokenIcon.setAttribute("data-awoken-icon", card.superAwakenings[mon.sawoken]); - } else { - sawoken.classList.add(className_displayNone); - } - } - const m_id = monDom.querySelector(".id"); - if (m_id) //怪物ID - { - m_id.innerHTML = monId; - } - const plusArr = mon.plus || [0, 0, 0]; - const plusDom = monDom.querySelector(".plus"); - if (plusArr && plusDom) //如果提供了加值，且怪物头像内有加值 - { - const plusCount = plusArr[0] + plusArr[1] + plusArr[2]; - if (plusCount <= 0) { - plusDom.classList.add(className_displayNone); - } else if (plusCount >= 297) { - plusDom.classList.add("has297"); - plusDom.classList.remove(className_displayNone); - } else { - plusDom.querySelector(".hp").innerHTML = plusArr[0]; - plusDom.querySelector(".atk").innerHTML = plusArr[1]; - plusDom.querySelector(".rcv").innerHTML = plusArr[2]; - plusDom.classList.remove("has297"); - plusDom.classList.remove(className_displayNone); - } - } - if (latentDom) { - if (mon.latent) //如果提供了潜觉 - { - const latent = mon.latent; - if (latent.length < 1) { - latentDom.classList.add(className_displayNone); - } else { - const latentDoms = Array.from(latentDom.querySelectorAll("li")); - refreshLatent(latent, mon.id, latentDoms); - latentDom.classList.remove(className_displayNone); - } - } else { - latentDom.classList.add(className_displayNone); - } - } - - const skillCdDom = monDom.querySelector(".skill"); - if (skillCdDom) //如果存在技能CD DOM - { - //const skill = Skills[card.activeSkillId]; - if (card.activeSkillId == 0) { - skillCdDom.classList.add(className_displayNone); - } else { - skillCdDom.classList.remove(className_displayNone); - } - } - - parentNode.appendChild(fragment); + let fragment = document.createDocumentFragment(); //创建节点用的临时空间 + const parentNode = monDom.parentNode; + fragment.appendChild(monDom); + const monId = mon.id; + const card = Cards[monId] || Cards[0]; //怪物固定数据 + monDom.setAttribute("data-cardid", monId); //设定新的id + if (monId < 0) //如果是延迟 + { + monDom.removeAttribute("href"); + monDom.removeAttribute("title"); + parentNode.classList.add("delay"); + parentNode.classList.remove("null"); + parentNode.appendChild(fragment); + if (latentDom) latentDom.classList.add(className_displayNone); + return; + } else if (monId == 0) //如果是空 + { + monDom.removeAttribute("href"); + monDom.removeAttribute("title"); + parentNode.classList.add("null"); + parentNode.classList.remove("delay"); + parentNode.appendChild(fragment); + if (latentDom) latentDom.classList.add(className_displayNone); + return; + } else if (monId > -1) //如果提供了id + { + parentNode.classList.remove("null"); + parentNode.classList.remove("delay"); + + monDom.setAttribute("data-cards-pic-idx", Math.ceil(monId / 100)); //添加图片编号 + const idxInPage = (monId - 1) % 100; //获取当前页面的总序号 + monDom.setAttribute("data-cards-pic-x", idxInPage % 10); //添加X方向序号 + monDom.setAttribute("data-cards-pic-y", Math.floor(idxInPage / 10)); //添加Y方向序号 + + monDom.querySelector(".property").setAttribute("data-property", card.attrs[0]); //主属性 + monDom.querySelector(".subproperty").setAttribute("data-property", card.attrs[1]); //副属性 + + monDom.title = "No." + monId + " " + (card.otLangName ? (card.otLangName[currentLanguage.searchlist[0]] || card.name) : card.name); + monDom.href = currentLanguage.guideURL(monId, card.name); + if (card.canAssist) + monDom.classList.add("allowable-assist"); + else + monDom.classList.remove("allowable-assist"); + if (card.awakenings.includes(49)) //武器 + monDom.classList.add("wepon"); + else + monDom.classList.remove("wepon"); + } + const levelDom = monDom.querySelector(".level"); + if (levelDom) //如果提供了等级 + { + const level = mon.level || 1; + levelDom.innerHTML = level; + if (level == card.maxLevel) { //如果等级刚好等于最大等级，则修改为“最大”的字 + levelDom.classList.add("max"); + } else { + levelDom.classList.remove("max"); + } + if (card.limitBreakIncr && level >= card.maxLevel) { //如果支持超觉，并且等级超过99，就添加支持超觉的蓝色 + levelDom.classList.add("_110"); + } else { + levelDom.classList.remove("_110"); + } + } + const awokenIcon = monDom.querySelector(".awoken-count"); + if (awokenIcon) { + if (card.awakenings.length < 1 || mon.awoken == 0) //没觉醒 + { + awokenIcon.classList.add(className_displayNone); + awokenIcon.innerHTML = ""; + } else if (mon.awoken > 0) //如果提供了觉醒 + { + awokenIcon.classList.remove(className_displayNone); + awokenIcon.innerHTML = mon.awoken; + if (mon.awoken == card.awakenings.length) { + awokenIcon.classList.add("full-awoken"); + } else { + awokenIcon.classList.remove("full-awoken"); + } + } + } + const sawoken = monDom.querySelector(".super-awoken"); + if (sawoken) //如果存在超觉醒的DOM且提供了超觉醒 + { + if (mon.sawoken != undefined && mon.sawoken >= 0 && card.superAwakenings.length) { + sawoken.classList.remove(className_displayNone); + const sawokenIcon = sawoken.querySelector(".awoken-icon"); + sawokenIcon.setAttribute("data-awoken-icon", card.superAwakenings[mon.sawoken]); + } else { + sawoken.classList.add(className_displayNone); + } + } + const m_id = monDom.querySelector(".id"); + if (m_id) //怪物ID + { + m_id.innerHTML = monId; + } + const plusArr = mon.plus || [0, 0, 0]; + const plusDom = monDom.querySelector(".plus"); + if (plusArr && plusDom) //如果提供了加值，且怪物头像内有加值 + { + const plusCount = plusArr[0] + plusArr[1] + plusArr[2]; + if (plusCount <= 0) { + plusDom.classList.add(className_displayNone); + } else if (plusCount >= 297) { + plusDom.classList.add("has297"); + plusDom.classList.remove(className_displayNone); + } else { + plusDom.querySelector(".hp").innerHTML = plusArr[0]; + plusDom.querySelector(".atk").innerHTML = plusArr[1]; + plusDom.querySelector(".rcv").innerHTML = plusArr[2]; + plusDom.classList.remove("has297"); + plusDom.classList.remove(className_displayNone); + } + } + if (latentDom) { + if (mon.latent) //如果提供了潜觉 + { + const latent = mon.latent; + if (latent.length < 1) { + latentDom.classList.add(className_displayNone); + } else { + const latentDoms = Array.from(latentDom.querySelectorAll("li")); + refreshLatent(latent, mon.id, latentDoms); + latentDom.classList.remove(className_displayNone); + } + } else { + latentDom.classList.add(className_displayNone); + } + } + + const skillCdDom = monDom.querySelector(".skill"); + if (skillCdDom) //如果存在技能CD DOM + { + //const skill = Skills[card.activeSkillId]; + if (card.activeSkillId == 0) { + skillCdDom.classList.add(className_displayNone); + } else { + skillCdDom.classList.remove(className_displayNone); + } + } + + parentNode.appendChild(fragment); } //刷新潜觉 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); - } - } + 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(); + //数据 + 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.innerHTML = id; - const mRare = monInfoBox.querySelector(".monster-rare"); - mRare.setAttribute("data-rarity", card.rarity); - const mMP = monInfoBox.querySelector(".monster-mp"); - mMP.innerHTML = card.sellMP.toLocaleString(); - const mName = monInfoBox.querySelector(".monster-name"); - mName.innerHTML = returnMonsterNameArr(card, currentLanguage.searchlist, currentDataSource.code)[0]; - const mSeriesId = monInfoBox.querySelector(".monster-seriesId"); - mSeriesId.innerHTML = card.seriesId; - mSeriesId.setAttribute("data-seriesId", card.seriesId); - if (card.seriesId == 0) { - mSeriesId.classList.add(className_displayNone); - } else { - mSeriesId.classList.remove(className_displayNone); - } - const mCollabId = monInfoBox.querySelector(".monster-collabId"); - mCollabId.innerHTML = card.collabId; - mCollabId.setAttribute("data-collabId", card.collabId); - if (card.collabId == 0) { - mCollabId.classList.add(className_displayNone); - } else { - mCollabId.classList.remove(className_displayNone); - } - const mAltName = monInfoBox.querySelector(".monster-altName"); - mAltName.innerHTML = card.altName; - mAltName.setAttribute("data-altName", card.altName); - - if (card.altName.length == 0) { //当没有合作名 - mAltName.classList.add(className_displayNone); - } else { - mAltName.classList.remove(className_displayNone); - } - - const evoCardUl = settingBox.querySelector(".row-mon-id .evo-card-list"); - evoCardUl.style.display = "none"; - evoCardUl.innerHTML = ""; //据说直接清空HTML性能更好 - - const evoLinkCardsIdArray = Cards.filter(function(m) { - return m.evoRootId == card.evoRootId; - }).map(function(m) { return m.id; }); //筛选出相同进化链的 - - const createCardHead = editBox.createCardHead; - if (evoLinkCardsIdArray.length > 1) { - fragment = document.createDocumentFragment(); //创建节点用的临时空间 - evoLinkCardsIdArray.forEach(function(mid) { - const cli = createCardHead(mid); - if (mid == id) { - cli.classList.add("unable-monster"); - } - fragment.appendChild(cli); - }); - evoCardUl.appendChild(fragment); - evoCardUl.style.display = "block"; - } - - const mType = monInfoBox.querySelectorAll(".monster-type li"); - for (let ti = 0; ti < mType.length; ti++) { - if (ti < card.types.length && card.types[ti] >= 0) { - mType[ti].setAttribute("data-type-name", card.types[ti]); - mType[ti].querySelector(".type-icon").setAttribute("data-type-icon", card.types[ti]); - mType[ti].classList.remove(className_displayNone); - } else { - mType[ti].classList.add(className_displayNone); - } - } - - const monEditAwokensRow = settingBox.querySelector(".row-mon-awoken .awoken-ul"); - const mAwokenIcon = monEditAwokensRow.querySelectorAll(".awoken-icon"); - const mAwokenIpt = monEditAwokensRow.querySelectorAll("input[name='awoken-number']"); - if (card.canAssist) { - monEditAwokensRow.classList.add("allowable-assist"); - } else { - monEditAwokensRow.classList.remove("allowable-assist"); - } - for (let ai = 0; ai < mAwokenIcon.length; ai++) { - if (ai < card.awakenings.length) { - mAwokenIcon[ai].setAttribute("data-awoken-icon", card.awakenings[ai]); - mAwokenIcon[ai].classList.remove(`display-none`); - } else { - mAwokenIcon[ai].classList.add(`display-none`); - } - } - mAwokenIpt[card.awakenings.length].click(); //选择最后一个觉醒 - - //超觉醒 - const monEditSAwokensRow = settingBox.querySelector(".row-mon-super-awoken"); - const mSAwoken = monEditSAwokensRow.querySelectorAll(".awoken-ul .awoken-icon"); - if (card.superAwakenings.length > 0) //辅助时也还是加入超觉醒吧 - { - for (let ai = 0; ai < mSAwoken.length; ai++) { - if (ai < card.superAwakenings.length) { - mSAwoken[ai].setAttribute("data-awoken-icon", card.superAwakenings[ai]); - mSAwoken[ai].classList.remove(`display-none`); - } else { - mSAwoken[ai].classList.add(`display-none`); - } - } - monEditSAwokensRow.classList.remove(className_displayNone); - } else { - monEditSAwokensRow.classList.add(className_displayNone); - } - monEditSAwokensRow.querySelector("#sawoken-choice--1").click(); //选中隐藏的空超觉 - - const monEditLvMax = settingBox.querySelector(".m-level-btn-max"); - monEditLvMax.innerHTML = monEditLvMax.value = card.maxLevel; - const monEditLv = settingBox.querySelector(".m-level"); - monEditLv.max = monEditLv.value = card.maxLevel + (card.limitBreakIncr ? 11 : 0); //默认等级为110 - const monEditLv110 = settingBox.querySelector(".m-level-btn-110"); - if (card.limitBreakIncr) { - monEditLv110.classList.remove(className_displayNone); - } else { - monEditLv110.classList.add(className_displayNone); - } - const mCost = settingBox.querySelector(".monster-cost"); - mCost.innerHTML = 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 = new Set(); - card.types - .filter(i => i >= 0) - .map(type => type_allowable_latent[type]) - .forEach(tA => tA.forEach(t => allowLatent.add(t))); - - typekiller_for_type.forEach(type => { //显示允许的杀，隐藏不允许的杀 - const latentDom = monLatentAllowUl.querySelector(`.latent-icon[data-latent-icon='${type.latent}']`); - if (!latentDom) return; - if (allowLatent.has(type.latent)) { - latentDom.classList.remove("unallowable-latent"); - } else { - latentDom.classList.add("unallowable-latent"); - } - }) - - //怪物主动技能 - const rowSkill = settingBox.querySelector(".row-mon-skill"); - const skillBox = rowSkill.querySelector(".skill-box"); - const skillTitle = skillBox.querySelector(".skill-name"); - const skillCD = skillBox.querySelector(".skill-cd"); - const skillLevel = skillBox.querySelector(".m-skill-level"); - //const skillLevel_1 = skillBox.querySelector(".m-skill-lv-1"); - const skillLevel_Max = skillBox.querySelector(".m-skill-lv-max"); - const skillDetail = skillBox.querySelector(".skill-datail"); - - fragment = document.createDocumentFragment(); //创建节点用的临时空间 - fragment.appendChild(skillBox); - - skillTitle.innerHTML = descriptionToHTML(skill.name); - skillTitle.setAttribute("data-skillid", skill.id); - skillDetail.innerHTML = parseSkillDescription(skill); - const t_maxLevel = card.overlay || card.types.includes(15) ? 1 : skill.maxLevel; //遇到不能升技的，最大等级强制为1 - skillLevel.max = t_maxLevel; - skillLevel.value = t_maxLevel; - skillLevel_Max.value = t_maxLevel; - skillLevel_Max.innerHTML = skill.maxLevel; - skillCD.innerHTML = skill.initialCooldown - t_maxLevel + 1; - - rowSkill.appendChild(fragment); - - //怪物队长技能 - const rowLederSkill = settingBox.querySelector(".row-mon-leader-skill"); - const lskillBox = rowLederSkill.querySelector(".skill-box"); - const lskillTitle = lskillBox.querySelector(".skill-name"); - const lskillDetail = lskillBox.querySelector(".skill-datail"); - - fragment = document.createDocumentFragment(); //创建节点用的临时空间 - fragment.appendChild(lskillBox); - - lskillTitle.innerHTML = descriptionToHTML(leaderSkill.name); - lskillDetail.innerHTML = parseSkillDescription(leaderSkill); - - rowLederSkill.appendChild(fragment); - - if (card.overlay || card.types[0] == 15 && card.types[1] == -1) { //当可以叠加时，不能打297和潜觉 - rowPlus.classList.add("disabled"); - rowPlus.querySelector(".m-plus-hp").value = 0; - rowPlus.querySelector(".m-plus-atk").value = 0; - rowPlus.querySelector(".m-plus-rcv").value = 0; - - rowLatent.classList.add("disabled"); - skillLevel.setAttribute("readonly", true); - } else { - rowPlus.classList.remove("disabled"); - rowLatent.classList.remove("disabled"); - skillLevel.removeAttribute("readonly"); - } - - if (editBox.isAssist) { - const btnDone = editBox.querySelector(".button-done"); - if (!card.canAssist) { - btnDone.classList.add("cant-assist"); - btnDone.disabled = true; - } else { - btnDone.classList.remove("cant-assist"); - btnDone.disabled = false; - } - } - - const allKillerLatent = typekiller_for_type.map(type => type.latent); - //去除所有不能再打的潜觉 - editBox.latent = editBox.latent.filter(lat => - !allKillerLatent.includes(lat) || - allKillerLatent.includes(lat) && allowLatent.has(lat)); - editBox.refreshLatent(editBox.latent, id); - editBox.reCalculateExp(); - editBox.reCalculateAbility(); + const card = Cards[id] || Cards[0]; //怪物固定数据 + if (card.id == 0) { + id = 0; + } + const skill = Skills[card.activeSkillId]; + const leaderSkill = Skills[card.leaderSkillId]; + + let fragment = null; + + const monInfoBox = editBox.querySelector(".monsterinfo-box"); + const settingBox = editBox.querySelector(".setting-box"); + + //id搜索 + const monHead = monInfoBox.querySelector(".monster"); + changeid({ id: id }, monHead); //改变图像 + const mId = monInfoBox.querySelector(".monster-id"); + mId.innerHTML = id; + const mRare = monInfoBox.querySelector(".monster-rare"); + mRare.setAttribute("data-rarity", card.rarity); + const mMP = monInfoBox.querySelector(".monster-mp"); + mMP.innerHTML = card.sellMP.toLocaleString(); + const mName = monInfoBox.querySelector(".monster-name"); + mName.innerHTML = returnMonsterNameArr(card, currentLanguage.searchlist, currentDataSource.code)[0]; + const mSeriesId = monInfoBox.querySelector(".monster-seriesId"); + mSeriesId.innerHTML = card.seriesId; + mSeriesId.setAttribute("data-seriesId", card.seriesId); + if (card.seriesId == 0) { + mSeriesId.classList.add(className_displayNone); + } else { + mSeriesId.classList.remove(className_displayNone); + } + const mCollabId = monInfoBox.querySelector(".monster-collabId"); + mCollabId.innerHTML = card.collabId; + mCollabId.setAttribute("data-collabId", card.collabId); + if (card.collabId == 0) { + mCollabId.classList.add(className_displayNone); + } else { + mCollabId.classList.remove(className_displayNone); + } + const mAltName = monInfoBox.querySelector(".monster-altName"); + mAltName.innerHTML = card.altName; + mAltName.setAttribute("data-altName", card.altName); + + if (card.altName.length == 0) { //当没有合作名 + mAltName.classList.add(className_displayNone); + } else { + mAltName.classList.remove(className_displayNone); + } + + const evoCardUl = settingBox.querySelector(".row-mon-id .evo-card-list"); + evoCardUl.style.display = "none"; + evoCardUl.innerHTML = ""; //据说直接清空HTML性能更好 + + const evoLinkCardsIdArray = Cards.filter(function(m) { + return m.evoRootId == card.evoRootId; + }).map(function(m) { return m.id; }); //筛选出相同进化链的 + + const createCardHead = editBox.createCardHead; + if (evoLinkCardsIdArray.length > 1) { + fragment = document.createDocumentFragment(); //创建节点用的临时空间 + evoLinkCardsIdArray.forEach(function(mid) { + const cli = createCardHead(mid); + if (mid == id) { + cli.classList.add("unable-monster"); + } + fragment.appendChild(cli); + }); + evoCardUl.appendChild(fragment); + evoCardUl.style.display = "block"; + } + + const mType = monInfoBox.querySelectorAll(".monster-type li"); + for (let ti = 0; ti < mType.length; ti++) { + if (ti < card.types.length && card.types[ti] >= 0) { + mType[ti].setAttribute("data-type-name", card.types[ti]); + mType[ti].querySelector(".type-icon").setAttribute("data-type-icon", card.types[ti]); + mType[ti].classList.remove(className_displayNone); + } else { + mType[ti].classList.add(className_displayNone); + } + } + + const monEditAwokensRow = settingBox.querySelector(".row-mon-awoken .awoken-ul"); + const mAwokenIcon = monEditAwokensRow.querySelectorAll(".awoken-icon"); + const mAwokenIpt = monEditAwokensRow.querySelectorAll("input[name='awoken-number']"); + if (card.canAssist) { + monEditAwokensRow.classList.add("allowable-assist"); + } else { + monEditAwokensRow.classList.remove("allowable-assist"); + } + for (let ai = 0; ai < mAwokenIcon.length; ai++) { + if (ai < card.awakenings.length) { + mAwokenIcon[ai].setAttribute("data-awoken-icon", card.awakenings[ai]); + mAwokenIcon[ai].classList.remove(`display-none`); + } else { + mAwokenIcon[ai].classList.add(`display-none`); + } + } + mAwokenIpt[card.awakenings.length].click(); //选择最后一个觉醒 + + //超觉醒 + const monEditSAwokensRow = settingBox.querySelector(".row-mon-super-awoken"); + const mSAwoken = monEditSAwokensRow.querySelectorAll(".awoken-ul .awoken-icon"); + if (card.superAwakenings.length > 0) //辅助时也还是加入超觉醒吧 + { + for (let ai = 0; ai < mSAwoken.length; ai++) { + if (ai < card.superAwakenings.length) { + mSAwoken[ai].setAttribute("data-awoken-icon", card.superAwakenings[ai]); + mSAwoken[ai].classList.remove(`display-none`); + } else { + mSAwoken[ai].classList.add(`display-none`); + } + } + monEditSAwokensRow.classList.remove(className_displayNone); + } else { + monEditSAwokensRow.classList.add(className_displayNone); + } + monEditSAwokensRow.querySelector("#sawoken-choice--1").click(); //选中隐藏的空超觉 + + const monEditLvMax = settingBox.querySelector(".m-level-btn-max"); + monEditLvMax.innerHTML = monEditLvMax.value = card.maxLevel; + const monEditLv = settingBox.querySelector(".m-level"); + monEditLv.max = monEditLv.value = card.maxLevel + (card.limitBreakIncr ? 11 : 0); //默认等级为110 + const monEditLv110 = settingBox.querySelector(".m-level-btn-110"); + if (card.limitBreakIncr) { + monEditLv110.classList.remove(className_displayNone); + } else { + monEditLv110.classList.add(className_displayNone); + } + const mCost = settingBox.querySelector(".monster-cost"); + mCost.innerHTML = 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 = new Set(); + card.types + .filter(i => i >= 0) + .map(type => type_allowable_latent[type]) + .forEach(tA => tA.forEach(t => allowLatent.add(t))); + + typekiller_for_type.forEach(type => { //显示允许的杀，隐藏不允许的杀 + const latentDom = monLatentAllowUl.querySelector(`.latent-icon[data-latent-icon='${type.latent}']`); + if (!latentDom) return; + if (allowLatent.has(type.latent)) { + latentDom.classList.remove("unallowable-latent"); + } else { + latentDom.classList.add("unallowable-latent"); + } + }) + + //怪物主动技能 + const rowSkill = settingBox.querySelector(".row-mon-skill"); + const skillBox = rowSkill.querySelector(".skill-box"); + const skillTitle = skillBox.querySelector(".skill-name"); + const skillCD = skillBox.querySelector(".skill-cd"); + const skillLevel = skillBox.querySelector(".m-skill-level"); + //const skillLevel_1 = skillBox.querySelector(".m-skill-lv-1"); + const skillLevel_Max = skillBox.querySelector(".m-skill-lv-max"); + const skillDetail = skillBox.querySelector(".skill-datail"); + + fragment = document.createDocumentFragment(); //创建节点用的临时空间 + fragment.appendChild(skillBox); + + skillTitle.innerHTML = descriptionToHTML(skill.name); + skillTitle.setAttribute("data-skillid", skill.id); + skillDetail.innerHTML = parseSkillDescription(skill); + const t_maxLevel = card.overlay || card.types.includes(15) ? 1 : skill.maxLevel; //遇到不能升技的，最大等级强制为1 + skillLevel.max = t_maxLevel; + skillLevel.value = t_maxLevel; + skillLevel_Max.value = t_maxLevel; + skillLevel_Max.innerHTML = skill.maxLevel; + skillCD.innerHTML = skill.initialCooldown - t_maxLevel + 1; + + rowSkill.appendChild(fragment); + + //怪物队长技能 + const rowLederSkill = settingBox.querySelector(".row-mon-leader-skill"); + const lskillBox = rowLederSkill.querySelector(".skill-box"); + const lskillTitle = lskillBox.querySelector(".skill-name"); + const lskillDetail = lskillBox.querySelector(".skill-datail"); + + fragment = document.createDocumentFragment(); //创建节点用的临时空间 + fragment.appendChild(lskillBox); + + lskillTitle.innerHTML = descriptionToHTML(leaderSkill.name); + lskillDetail.innerHTML = parseSkillDescription(leaderSkill); + + rowLederSkill.appendChild(fragment); + + if (card.overlay || card.types[0] == 15 && card.types[1] == -1) { //当可以叠加时，不能打297和潜觉 + rowPlus.classList.add("disabled"); + rowPlus.querySelector(".m-plus-hp").value = 0; + rowPlus.querySelector(".m-plus-atk").value = 0; + rowPlus.querySelector(".m-plus-rcv").value = 0; + + rowLatent.classList.add("disabled"); + skillLevel.setAttribute("readonly", true); + } else { + rowPlus.classList.remove("disabled"); + rowLatent.classList.remove("disabled"); + skillLevel.removeAttribute("readonly"); + } + + if (editBox.isAssist) { + const btnDone = editBox.querySelector(".button-done"); + if (!card.canAssist) { + btnDone.classList.add("cant-assist"); + btnDone.disabled = true; + } else { + btnDone.classList.remove("cant-assist"); + btnDone.disabled = false; + } + } + + const allKillerLatent = typekiller_for_type.map(type => type.latent); + //去除所有不能再打的潜觉 + editBox.latent = editBox.latent.filter(lat => + !allKillerLatent.includes(lat) || + allKillerLatent.includes(lat) && allowLatent.has(lat)); + editBox.refreshLatent(editBox.latent, id); + editBox.reCalculateExp(); + editBox.reCalculateAbility(); } //搜索并显示合作 function searchColla(collabId) { - if (typeof(collabId) == "string") collabId = parseInt(collabId, 10); - showSearch(Cards.filter(card => { return card.collabId == collabId; })); + if (typeof(collabId) == "string") collabId = parseInt(collabId, 10); + showSearch(Cards.filter(card => { return card.collabId == collabId; })); } //刷新整个队伍 function refreshAll(formationData) { - let fragment = document.createDocumentFragment(); //创建节点用的临时空间 - const titleBox = fragment.appendChild(formationBox.querySelector(".title-box")); - const detailBox = formationBox.querySelector(".detail-box"); - const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计 - const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计 - - while (formationBox.childNodes.length > 0) { - fragment.appendChild(formationBox.childNodes[0]); - } - - const txtTitle = titleBox.querySelector(".title"); - const txtDetail = detailBox.querySelector(".detail"); - txtTitle.value = formationData.title || ""; - txtDetail.value = formationData.detail || ""; - const txtTitleDisplay = titleBox.querySelector(".title-display"); - const txtDetailDisplay = detailBox.querySelector(".detail-display"); - txtTitleDisplay.innerHTML = descriptionToHTML(txtTitle.value); - txtDetailDisplay.innerHTML = descriptionToHTML(txtDetail.value); - if (txtTitle.value.length == 0) - titleBox.classList.add("edit"); - else - titleBox.classList.remove("edit"); - if (txtDetail.value.length == 0) - detailBox.classList.add("edit"); - else - detailBox.classList.remove("edit"); - - teamBigBoxs.forEach((teamBigBox, teamNum) => { - const teamBox = teamBigBox.querySelector(".team-box"); - const teamData = formationData.teams[teamNum]; - const badgeBox = teamBigBox.querySelector(".team-badge"); - if (badgeBox) { - const badge = badgeBox.querySelector(`#team-${teamNum+1}-badge-${teamData[2] || 0}`); - badge.checked = true; - } - - const membersDom = teamBox.querySelector(".team-members"); - const latentsDom = teamBox.querySelector(".team-latents"); - const assistsDom = teamBox.querySelector(".team-assist"); - const teamAbilityDom = teamBigBox.querySelector(".team-ability"); - for (let ti = 0, ti_len = membersDom.querySelectorAll(".member").length; ti < ti_len; ti++) { - const member = membersDom.querySelector(`.member-${ti+1} .monster`); - const latent = latentsDom.querySelector(`.latents-${ti+1} .latent-ul`); - const assist = assistsDom.querySelector(`.member-${ti+1} .monster`); - changeid(teamData[0][ti], member, latent); //队员 - changeid(teamData[1][ti], assist); //辅助 - refreshMemberSkillCD(teamBox, teamData, ti); //技能CD - refreshAbility(teamAbilityDom, teamData, ti); //本人能力值 - } - const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计 - if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData, 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(); //这个需要放在显示出来后再改才能生效 + let fragment = document.createDocumentFragment(); //创建节点用的临时空间 + const titleBox = fragment.appendChild(formationBox.querySelector(".title-box")); + const detailBox = formationBox.querySelector(".detail-box"); + const formationTotalInfoDom = formationBox.querySelector(".formation-total-info"); //所有队伍能力值合计 + const formationAwokenDom = formationBox.querySelector(".formation-awoken"); //所有队伍觉醒合计 + + while (formationBox.childNodes.length > 0) { + fragment.appendChild(formationBox.childNodes[0]); + } + + const txtTitle = titleBox.querySelector(".title"); + const txtDetail = detailBox.querySelector(".detail"); + txtTitle.value = formationData.title || ""; + txtDetail.value = formationData.detail || ""; + const txtTitleDisplay = titleBox.querySelector(".title-display"); + const txtDetailDisplay = detailBox.querySelector(".detail-display"); + txtTitleDisplay.innerHTML = descriptionToHTML(txtTitle.value); + txtDetailDisplay.innerHTML = descriptionToHTML(txtDetail.value); + if (txtTitle.value.length == 0) + titleBox.classList.add("edit"); + else + titleBox.classList.remove("edit"); + if (txtDetail.value.length == 0) + detailBox.classList.add("edit"); + else + detailBox.classList.remove("edit"); + + teamBigBoxs.forEach((teamBigBox, teamNum) => { + const teamBox = teamBigBox.querySelector(".team-box"); + const teamData = formationData.teams[teamNum]; + const badgeBox = teamBigBox.querySelector(".team-badge"); + if (badgeBox) { + const badge = badgeBox.querySelector(`#team-${teamNum+1}-badge-${teamData[2] || 0}`); + badge.checked = true; + } + + const membersDom = teamBox.querySelector(".team-members"); + const latentsDom = teamBox.querySelector(".team-latents"); + const assistsDom = teamBox.querySelector(".team-assist"); + const teamAbilityDom = teamBigBox.querySelector(".team-ability"); + for (let ti = 0, ti_len = membersDom.querySelectorAll(".member").length; ti < ti_len; ti++) { + const member = membersDom.querySelector(`.member-${ti+1} .monster`); + const latent = latentsDom.querySelector(`.latents-${ti+1} .latent-ul`); + const assist = assistsDom.querySelector(`.member-${ti+1} .monster`); + changeid(teamData[0][ti], member, latent); //队员 + changeid(teamData[1][ti], assist); //辅助 + refreshMemberSkillCD(teamBox, teamData, ti); //技能CD + refreshAbility(teamAbilityDom, teamData, ti); //本人能力值 + } + const teamTotalInfoDom = teamBigBox.querySelector(".team-total-info"); //队伍能力值合计 + if (teamTotalInfoDom) refreshTeamTotalHP(teamTotalInfoDom, teamData, 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 refreshTeamAwokenCount(awokenDom, team) { - let fragment = document.createDocumentFragment(); //创建节点用的临时空间 - const awokenUL = fragment.appendChild(awokenDom.querySelector(".awoken-ul")); - - function setCount(aicon, number) { - if (!aicon) return; //没有这个觉醒就撤回 - const ali = aicon.parentNode; - const countDom = ali.querySelector(".count"); - countDom.innerHTML = number; - if (number) - ali.classList.remove(className_displayNone); - else - ali.classList.add(className_displayNone); - } - for (let ai = 1; ai <= 72; ai++) { - const aicon = awokenUL.querySelector(`.awoken-icon[data-awoken-icon='${ai}']`); - if (!aicon) continue; //如果没有这个觉醒图，直接跳过 - //搜索等效觉醒 - const equalIndex = equivalent_awoken.findIndex(eak => eak.small === ai || eak.big === ai); - if (equalIndex >= 0) { - const equivalentAwoken = equivalent_awoken[equalIndex]; - if (equivalentAwoken.small === ai) { - const totalNum = awokenCountInTeam(team, equivalentAwoken.small, solo, teamsCount) + - awokenCountInTeam(team, equivalentAwoken.big, solo, teamsCount) * equivalentAwoken.times; - setCount(aicon, totalNum); - } else { - continue; - } - } else { - setCount(aicon, awokenCountInTeam(team, ai, solo, teamsCount)); - } - } - awokenDom.appendChild(fragment); + let fragment = document.createDocumentFragment(); //创建节点用的临时空间 + const awokenUL = fragment.appendChild(awokenDom.querySelector(".awoken-ul")); + + function setCount(aicon, number) { + if (!aicon) return; //没有这个觉醒就撤回 + const ali = aicon.parentNode; + const countDom = ali.querySelector(".count"); + countDom.innerHTML = number; + if (number) + ali.classList.remove(className_displayNone); + else + ali.classList.add(className_displayNone); + } + for (let ai = 1; ai <= 72; ai++) { + const aicon = awokenUL.querySelector(`.awoken-icon[data-awoken-icon='${ai}']`); + if (!aicon) continue; //如果没有这个觉醒图，直接跳过 + //搜索等效觉醒 + const equalIndex = equivalent_awoken.findIndex(eak => eak.small === ai || eak.big === ai); + if (equalIndex >= 0) { + const equivalentAwoken = equivalent_awoken[equalIndex]; + if (equivalentAwoken.small === ai) { + const totalNum = awokenCountInTeam(team, equivalentAwoken.small, solo, teamsCount) + + awokenCountInTeam(team, equivalentAwoken.big, solo, teamsCount) * equivalentAwoken.times; + setCount(aicon, totalNum); + } else { + continue; + } + } else { + setCount(aicon, awokenCountInTeam(team, ai, solo, teamsCount)); + } + } + awokenDom.appendChild(fragment); } //刷新阵型觉醒统计 function refreshFormationAwokenCount(awokenDom, teams) { - let fragment = document.createDocumentFragment(); //创建节点用的临时空间 - const awokenUL = fragment.appendChild(awokenDom.querySelector(".awoken-ul")); - - function setCount(aicon, number) { - if (!aicon) return; //没有这个觉醒就撤回 - const ali = aicon.parentNode; - const countDom = ali.querySelector(".count"); - countDom.innerHTML = number; - if (number) - ali.classList.remove(className_displayNone); - else - ali.classList.add(className_displayNone); - } - - for (let ai = 1; ai <= 72; ai++) { - const aicon = awokenUL.querySelector(`.awoken-icon[data-awoken-icon='${ai}']`); - if (!aicon) continue; //如果没有这个觉醒图，直接跳过 - //搜索等效觉醒 - const equalIndex = equivalent_awoken.findIndex(eak => eak.small === ai || eak.big === ai); - if (equalIndex >= 0) { - const equivalentAwoken = equivalent_awoken[equalIndex]; - if (equivalentAwoken.small === ai) { - const totalNum = awokenCountInFormation(teams, equivalentAwoken.small, solo) + - awokenCountInFormation(teams, equivalentAwoken.big, solo) * equivalentAwoken.times; - setCount(aicon, totalNum); - } else { - continue; - } - } else { - setCount(aicon, awokenCountInFormation(teams, ai, solo)); - } - } - awokenDom.appendChild(fragment); + let fragment = document.createDocumentFragment(); //创建节点用的临时空间 + const awokenUL = fragment.appendChild(awokenDom.querySelector(".awoken-ul")); + + function setCount(aicon, number) { + if (!aicon) return; //没有这个觉醒就撤回 + const ali = aicon.parentNode; + const countDom = ali.querySelector(".count"); + countDom.innerHTML = number; + if (number) + ali.classList.remove(className_displayNone); + else + ali.classList.add(className_displayNone); + } + + for (let ai = 1; ai <= 72; ai++) { + const aicon = awokenUL.querySelector(`.awoken-icon[data-awoken-icon='${ai}']`); + if (!aicon) continue; //如果没有这个觉醒图，直接跳过 + //搜索等效觉醒 + const equalIndex = equivalent_awoken.findIndex(eak => eak.small === ai || eak.big === ai); + if (equalIndex >= 0) { + const equivalentAwoken = equivalent_awoken[equalIndex]; + if (equivalentAwoken.small === ai) { + const totalNum = awokenCountInFormation(teams, equivalentAwoken.small, solo) + + awokenCountInFormation(teams, equivalentAwoken.big, solo) * equivalentAwoken.times; + setCount(aicon, totalNum); + } else { + continue; + } + } else { + setCount(aicon, awokenCountInFormation(teams, ai, solo)); + } + } + awokenDom.appendChild(fragment); } //刷新能力值 function refreshAbility(abilityDom, team, idx) { - const memberData = team[0][idx]; - const assistData = team[1][idx]; - //基底三维，如果辅助是武器，还要加上辅助的觉醒 - const mainAbility = calculateAbility(memberData, assistData, solo, teamsCount); - if (mainAbility && memberData.ability) { - for (let ai = 0; ai < 3; ai++) { - memberData.ability[ai] = mainAbility[ai][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.innerHTML = memberData.ability[ai]; - } else { - div.classList.add(className_displayNone); - div.innerHTML = 0; - } - }); + 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.innerHTML = memberData.ability[ai]; + } else { + div.classList.add(className_displayNone); + div.innerHTML = 0; + } + }); } //刷新队伍能力值合计 function refreshTeamTotalHP(totalDom, team, teamIdx) { - //计算总的生命值 - if (!totalDom) return; - const tHpDom = totalDom.querySelector(".tIf-total-hp"); - const tRcvDom = totalDom.querySelector(".tIf-total-rcv"); - const tMoveDom = totalDom.querySelector(".tIf-total-move"); - - const teams = formation.teams; - - const leader1id = team[0][0].id; - const leader2id = teamsCount===2 ? (teamIdx === 1 ? teams[0][0][0].id : teams[1][0][0].id) : team[0][5].id; - - if (tHpDom) { - - const teamHPArr = countTeamHp(team[0], leader1id, leader2id, solo); - const teamHPNoAwokenArr = countTeamHp(team[0], leader1id, leader2id, solo, true); - - const tHP = teamHPArr.reduce((pv, v) => pv + v); //队伍计算的总HP - const 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; - } - - /*tHpDom.innerHTML = Math.round(tHP).toString() + - (teamHPAwoken > 0 || badgeHPScale != 1 ? - ("(" + Math.round(Math.round(tHP * (1 + 0.05 * teamHPAwoken)) * badgeHPScale).toString() + ")") : - "");*/ - tHpDom.innerHTML = Math.round(Math.round(tHP * (1 + 0.05 * teamHPAwoken)) * badgeHPScale) + - ` (${Math.round(Math.round(tHPNoAwoken) * badgeHPScale)})`; - } - - if (tMoveDom) { - const moveTime = countMoveTime(team, leader1id, leader2id, teamIdx); - //tMoveDom.innerHTML = moveTime.fixed ? moveTime.duration : (moveTime.duration + badgeMoveTime); - tMoveDom.innerHTML = moveTime.duration; - if (moveTime.fixed) - tMoveDom.classList.add("fixed-move-time"); - else - tMoveDom.classList.remove("fixed-move-time"); - } + //计算总的生命值 + if (!totalDom) return; + const tHpDom = totalDom.querySelector(".tIf-total-hp"); + const tRcvDom = totalDom.querySelector(".tIf-total-rcv"); + const tMoveDom = totalDom.querySelector(".tIf-total-move"); + + const teams = formation.teams; + + const leader1id = team[0][0].id; + const leader2id = teamsCount===2 ? (teamIdx === 1 ? teams[0][0][0].id : teams[1][0][0].id) : team[0][5].id; + + if (tHpDom) { + + const teamHPArr = countTeamHp(team[0], leader1id, leader2id, solo); + const teamHPNoAwokenArr = countTeamHp(team[0], leader1id, leader2id, solo, true); + + const tHP = teamHPArr.reduce((pv, v) => pv + v); //队伍计算的总HP + const 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; + } + + /*tHpDom.innerHTML = Math.round(tHP).toString() + + (teamHPAwoken > 0 || badgeHPScale != 1 ? + ("(" + Math.round(Math.round(tHP * (1 + 0.05 * teamHPAwoken)) * badgeHPScale).toString() + ")") : + "");*/ + tHpDom.innerHTML = Math.round(Math.round(tHP * (1 + 0.05 * teamHPAwoken)) * badgeHPScale) + + ` (${Math.round(Math.round(tHPNoAwoken) * badgeHPScale)})`; + } + + if (tMoveDom) { + const moveTime = countMoveTime(team, leader1id, leader2id, teamIdx); + //tMoveDom.innerHTML = moveTime.fixed ? moveTime.duration : (moveTime.duration + badgeMoveTime); + tMoveDom.innerHTML = moveTime.duration; + if (moveTime.fixed) + tMoveDom.classList.add("fixed-move-time"); + else + tMoveDom.classList.remove("fixed-move-time"); + } } //刷新所有队伍能力值合计 function refreshFormationTotalHP(totalDom, teams) { - //计算总的生命值 - if (!totalDom) return; - const tHpDom = totalDom.querySelector(".tIf-total-hp"); - const tRcvDom = totalDom.querySelector(".tIf-total-rcv"); - - if (tHpDom) { - //因为目前仅用于2P，所以直接在外面固定写了 - const leader1id = teams[0][0][0].id; - const leader2id = teams[1][0][0].id; - const tHPArr = teams.map(function(team) { - const teamHPArr = countTeamHp(team[0], leader1id, leader2id, solo); - - const teamTHP = teamHPArr.reduce((pv, v) => pv + v); //队伍计算的总HP - const teamHPAwoken = awokenCountInTeam(team, 46, solo, teamsCount); //全队大血包个数 - - return 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); - - tHpDom.innerHTML = tHP.toString() + - ` (${tHPNoAwoken})`; - } + //计算总的生命值 + if (!totalDom) return; + const tHpDom = totalDom.querySelector(".tIf-total-hp"); + const tRcvDom = totalDom.querySelector(".tIf-total-rcv"); + + if (tHpDom) { + //因为目前仅用于2P，所以直接在外面固定写了 + const leader1id = teams[0][0][0].id; + const leader2id = teams[1][0][0].id; + const tHPArr = teams.map(function(team) { + const teamHPArr = countTeamHp(team[0], leader1id, leader2id, solo); + + const teamTHP = teamHPArr.reduce((pv, v) => pv + v); //队伍计算的总HP + const teamHPAwoken = awokenCountInTeam(team, 46, solo, teamsCount); //全队大血包个数 + + return 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); + + tHpDom.innerHTML = tHP.toString() + + ` (${tHPNoAwoken})`; + } } //刷新单人技能CD function refreshMemberSkillCD(teamDom, team, idx) { - const memberMonDom = teamDom.querySelector(`.team-members .member-${idx+1} .monster`); - const assistMonDom = teamDom.querySelector(`.team-assist .member-${idx+1} .monster`); - const member = team[0][idx]; - const assist = team[1][idx]; - - const memberCard = Cards[member.id] || Cards[0]; - const memberSkill = Skills[memberCard.activeSkillId]; - const assistCard = Cards[assist.id] || Cards[0]; - const assistSkill = Skills[assistCard.activeSkillId]; - - const memberSkillCdDom = memberMonDom.querySelector(".skill"); - const assistSkillCdDom = assistMonDom.querySelector(".skill"); - - const memberSkillCd = memberSkill ? (memberSkill.initialCooldown - (member.skilllevel || memberSkill.maxLevel) + 1) : 0; - const assistSkillCd = assistSkill ? (assistSkill.initialCooldown - (assist.skilllevel || assistSkill.maxLevel) + 1) : 0; - memberSkillCdDom.innerHTML = memberSkillCd; - assistSkillCdDom.innerHTML = memberSkillCd + assistSkillCd; - - if (member.skilllevel != undefined && member.skilllevel < memberSkill.maxLevel) { - memberSkillCdDom.classList.remove("max-skill"); - } else { - memberSkillCdDom.classList.add("max-skill"); - } - if (assist.skilllevel != undefined && assist.skilllevel < assistSkill.maxLevel) { - assistSkillCdDom.classList.remove("max-skill"); - } else { - assistSkillCdDom.classList.add("max-skill"); - } + const memberMonDom = teamDom.querySelector(`.team-members .member-${idx+1} .monster`); + const assistMonDom = teamDom.querySelector(`.team-assist .member-${idx+1} .monster`); + const member = team[0][idx]; + const assist = team[1][idx]; + + const memberCard = Cards[member.id] || Cards[0]; + const memberSkill = Skills[memberCard.activeSkillId]; + const assistCard = Cards[assist.id] || Cards[0]; + const assistSkill = Skills[assistCard.activeSkillId]; + + const memberSkillCdDom = memberMonDom.querySelector(".skill"); + const assistSkillCdDom = assistMonDom.querySelector(".skill"); + + const memberSkillCd = memberSkill ? (memberSkill.initialCooldown - (member.skilllevel || memberSkill.maxLevel) + 1) : 0; + const assistSkillCd = assistSkill ? (assistSkill.initialCooldown - (assist.skilllevel || assistSkill.maxLevel) + 1) : 0; + memberSkillCdDom.innerHTML = memberSkillCd; + assistSkillCdDom.innerHTML = memberSkillCd + assistSkillCd; + + if (member.skilllevel != undefined && member.skilllevel < memberSkill.maxLevel) { + memberSkillCdDom.classList.remove("max-skill"); + } else { + memberSkillCdDom.classList.add("max-skill"); + } + if (assist.skilllevel != undefined && assist.skilllevel < assistSkill.maxLevel) { + assistSkillCdDom.classList.remove("max-skill"); + } else { + assistSkillCdDom.classList.add("max-skill"); + } } function localisation($tra) { - if (!$tra) return; - document.title = $tra.webpage_title; - formationBox.querySelector(".title-box .title").placeholder = $tra.title_blank; - formationBox.querySelector(".detail-box .detail").placeholder = $tra.detail_blank; - - const s_sortList = editBox.querySelector(".search-box .sort-div .sort-list"); - const sortOptions = Array.from(s_sortList.options); - sortOptions.forEach(opt => { - const tag = opt.getAttribute("data-tag"); - const trans = $tra.sort_name[tag]; - if (trans) { - opt.text = trans; - } - }); + 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; + } + }); } \ No newline at end of file diff --git a/solo.html b/solo.html index d8094a76..d352d268 100644 --- a/solo.html +++ b/solo.html @@ -17,7 +17,6 @@ const teamsCount = 1; - @@ -34,7 +33,7 @@ var formation = new Formation(teamsCount,6);
- +
diff --git a/style.css b/style.css index 374dc502..d5292841 100644 --- a/style.css +++ b/style.css @@ -44,6 +44,10 @@ body{ .help-link::before{ content: "Help & Tips"; } +.datasource-updatetime +{ + cursor: pointer; +} .title, .title-display { diff --git a/triple.html b/triple.html index 2c581343..0cdd60c0 100644 --- a/triple.html +++ b/triple.html @@ -17,7 +17,6 @@ const teamsCount = 3; - @@ -47,7 +46,7 @@ var formation = new Formation(teamsCount,6);
- +