解决不能隐藏觉醒统计和能力值的Bug

This commit is contained in:
枫谷剑仙 2022-10-16 04:53:17 +08:00
parent 03d689ded1
commit bc59752332
2 changed files with 46 additions and 62 deletions

View File

@ -942,17 +942,6 @@ class LeaderSkillType{
};
}
}
//切换通用的切换className显示的函数
function toggleDomClassName(addClass, className, dom = document.body) {
return dom.classList.toggle(className, addClass);
//dom.classList[addClass ? "add" : "remove"](className);
//if (addClass) {
// dom.classList.add(className);
//} else {
// dom.classList.remove(className);
//}
}
//清除数据
function clearData()
{
@ -1662,7 +1651,7 @@ function initialize(event) {
const btnShowMonId = document.getElementById("show-mon-id");
btnShowMonId.checked = localStorage_getBoolean(cfgPrefix + btnShowMonId.id, true);
btnShowMonId.onchange = function(e){
toggleDomClassName(!this.checked, 'not-show-mon-id');
document.body.classList.toggle(this.id, this.checked);
if (e) localStorage.setItem(cfgPrefix + this.id, Number(this.checked));
};
btnShowMonId.onchange(false);
@ -1671,7 +1660,7 @@ function initialize(event) {
const btnShowMonSkillCd = document.getElementById("show-mon-skill-cd");
btnShowMonSkillCd.checked = localStorage_getBoolean(cfgPrefix + btnShowMonSkillCd.id, true);
btnShowMonSkillCd.onchange = function(e){
toggleDomClassName(this.checked, this.id);
document.body.classList.toggle(this.id, this.checked);
if (e) localStorage.setItem(cfgPrefix + this.id, Number(this.checked));
};
btnShowMonSkillCd.onchange(false);
@ -1680,7 +1669,7 @@ function initialize(event) {
const btnShowMonAwoken = document.getElementById("show-mon-awoken");
btnShowMonAwoken.checked = localStorage_getBoolean(cfgPrefix + btnShowMonAwoken.id);
btnShowMonAwoken.onchange = function(e){
toggleDomClassName(this.checked, this.id);
document.body.classList.toggle(this.id, this.checked);
if (e) localStorage.setItem(cfgPrefix + this.id, Number(this.checked));
};
btnShowMonAwoken.onchange(false);
@ -1690,7 +1679,7 @@ function initialize(event) {
if (btnShowAwokenCount) {
btnShowAwokenCount.checked = localStorage_getBoolean(cfgPrefix + btnShowAwokenCount.id, true);
btnShowAwokenCount.onchange = function(e){
toggleDomClassName(this.checked, this.id);
document.body.classList.toggle(this.id, this.checked);
if (e) localStorage.setItem(cfgPrefix + this.id, Number(this.checked));
};
btnShowAwokenCount.onchange(false);
@ -2904,7 +2893,7 @@ function initialize(event) {
function s_types_onchange(){
const newClassName = `type-killer-${this.value}`;
toggleDomClassName(this.checked && s_typeAndOr.checked, newClassName, s_typesUl);
s_typesUl.classList.toggle(newClassName, this.checked && s_typeAndOr.checked);
}
s_types.forEach(checkBox=>checkBox.onchange = s_types_onchange);
@ -2922,7 +2911,7 @@ function initialize(event) {
s_typeAndOr.onchange = function(){
s_types.forEach(checkBox=>checkBox.onchange());
toggleDomClassName(this.checked, className_displayNone, s_types_latentUl);
s_types_latentUl.classList.toggle(className_displayNone, this.checked);;
};
s_typeAndOr.onchange();
@ -2985,7 +2974,7 @@ function initialize(event) {
const s_boxHave = document.getElementById("box-have");
s_boxHave.checked = localStorage_getBoolean(cfgPrefix + s_boxHave.id);
s_boxHave.onchange = function(e) {
toggleDomClassName(this.checked, "emphasize-box-have");
document.body.classList.toggle("emphasize-box-have", this.checked);;
if (e) localStorage.setItem(cfgPrefix + this.id, Number(this.checked));
};
s_boxHave.onchange(false);
@ -3003,7 +2992,7 @@ function initialize(event) {
const s_sawokens = s_sawokensLi.map(li => li.querySelector(".sawoken-check"));
const s_includeSuperAwoken = searchBox.querySelector("#include-super-awoken"); //搜索超觉醒
s_includeSuperAwoken.onchange = function() {
toggleDomClassName(this.checked, className_displayNone, s_sawokensDiv);
s_sawokensDiv.classList.toggle(className_displayNone, this.checked);;
};
s_includeSuperAwoken.onchange();
@ -3029,8 +3018,8 @@ function initialize(event) {
sawokenSorting.forEach(appendLi, {iconLis: s_sawokensLi, fragment: fragmentSawoken});
const className = "official-awoken-sorting";
toggleDomClassName(checked, className, s_awokensDiv);
toggleDomClassName(checked, className, s_sawokensDiv);
s_awokensDiv.classList.toggle(className, checked);;
s_sawokensDiv.classList.toggle(className, checked);;
s_awokensUl.appendChild(fragmentAwoken);
s_sawokensUl.appendChild(fragmentSawoken);
@ -3529,7 +3518,7 @@ function initialize(event) {
const card = Cards[editBox.mid ?? 0];
const value = parseInt(this.value, 10);
awokenCountLabel.setAttribute(dataAttrName, value);
toggleDomClassName(value > 0 && value == card.awakenings.length, "full-awoken", awokenCountLabel);
awokenCountLabel.classList.toggle("full-awoken", value > 0 && value == card.awakenings.length);;
reCalculateAbility();
}
@ -3697,8 +3686,8 @@ function initialize(event) {
showSkillOriginal.checked = localStorage_getBoolean(cfgPrefix + showSkillOriginal.id);
showSkillOriginal.onchange = function(event) {
if (event instanceof MouseEvent) localStorage.setItem(cfgPrefix + this.id, Number(this.checked));
toggleDomClassName(this.checked, this.id, skillBox);
toggleDomClassName(this.checked, this.id, leaderSkillBox);
skillBox.classList.toggle(this.id, this.checked);;
leaderSkillBox.classList.toggle(this.id, this.checked);;
};
showSkillOriginal.onchange(false);
@ -3792,7 +3781,7 @@ function initialize(event) {
};
const abilitys = calculateAbility(tempMon, null, solo, teamsCount);
toggleDomClassName(level > 110, "level-super-break", monEditLatentUl); //切换潜觉为120级
monEditLatentUl.classList.toggle("level-super-break", level > 110);; //切换潜觉为120级
monEditHpValue.textContent = abilitys ? abilitys[0][0].toLocaleString() : 0;
monEditAtkValue.textContent = abilitys ? abilitys[1][0].toLocaleString() : 0;
@ -4091,9 +4080,9 @@ function changeid(mon, monDom, latentDom, assist) {
monDom.title = "No." + monId + " " + (card.otLangName ? (card.otLangName[currentLanguage.searchlist[0]] || card.name) : card.name);
monDom.href = currentLanguage.guideURL(monId, card.name);
toggleDomClassName(card.canAssist, "allowable-assist", monDom); //可作为辅助
monDom.classList.toggle("allowable-assist", card.canAssist);; //可作为辅助
toggleDomClassName(card.awakenings.includes(49), "wepon", monDom); //武器
monDom.classList.toggle("wepon", card.awakenings.includes(49));; //武器
}
const levelDom = monDom.querySelector(".level");
if (levelDom) { //如果提供了等级
@ -4101,7 +4090,7 @@ function changeid(mon, monDom, latentDom, assist) {
const level = mon.level ?? 1;
levelDom.setAttribute(dataAttrName, level);
toggleDomClassName(level === card.maxLevel, "max", levelDom);
levelDom.classList.toggle("max", level === card.maxLevel);;
//如果等级刚好等于最大等级,则修改为“最大”的字
if (level >= 111 && level <= 120 && card.limitBreakIncr) {
levelDom.setAttribute("data-level-range", "120");
@ -4121,7 +4110,7 @@ function changeid(mon, monDom, latentDom, assist) {
if (awokenIcon) {
awokenIcon.setAttribute(dataAttrName, mon.awoken || 0);
if (mon.awoken != null) { //如果提供了觉醒
toggleDomClassName(card.awakenings.length > 0 && mon.awoken >= card.awakenings.length, "full-awoken", awokenIcon);
awokenIcon.classList.toggle("full-awoken", card.awakenings.length > 0 && mon.awoken >= card.awakenings.length);;
}else if(card.awakenings.length) {
awokenIcon.classList.add("full-awoken");
}
@ -4178,7 +4167,7 @@ function changeid(mon, monDom, latentDom, assist) {
refreshLatent(latent, mon.id, latentDom, {sort:true});
latentDom.classList.remove(className_displayNone);
}
toggleDomClassName(level > 110, "level-super-break", latentDom); //切换潜觉为120级
latentDom.classList.toggle("level-super-break", level > 110);; //切换潜觉为120级
} else {
latentDom.classList.add(className_displayNone);
}
@ -4187,7 +4176,7 @@ function changeid(mon, monDom, latentDom, assist) {
const skillCdDom = monDom.querySelector(".skill-cd");
if (skillCdDom) //如果存在技能CD DOM
{
toggleDomClassName(!card.activeSkillId, className_displayNone, skillCdDom);
skillCdDom.classList.toggle(className_displayNone, !card.activeSkillId);;
}
const switchLeaderDom = monDom.querySelector(".switch-leader");
@ -4195,7 +4184,7 @@ function changeid(mon, monDom, latentDom, assist) {
{
const skills = getCardActiveSkills(card, [93, 227]); //更换队长的技能
toggleDomClassName(!skills.length, className_displayNone, switchLeaderDom);
switchLeaderDom.classList.toggle(className_displayNone, !skills.length);;
}
const m_rarity = monDom.querySelector(".rarity");
@ -4316,9 +4305,9 @@ function editMon(teamNum, isAssist, indexInTeam) {
editBox.latent = mon.latent ? mon.latent.concat() : [];
editBox.refreshLatent(editBox.latent, mon.id);
}
toggleDomClassName(isAssist, className_displayNone, rowMonLatent);
toggleDomClassName(isAssist, "edit-box-title-assist", editBoxTitle);
toggleDomClassName(!isAssist, className_displayNone, btnDelay);
rowMonLatent.classList.toggle(className_displayNone, isAssist);;
editBoxTitle.classList.toggle("edit-box-title-assist", isAssist);;
btnDelay.classList.toggle(className_displayNone, !isAssist);;
editBox.reCalculateExp();
if (mon.awoken !== undefined && monEditAwokens[mon.awoken])
@ -4359,13 +4348,13 @@ function editBoxChangeMonId(id) {
//mSeriesId.textContent = card.seriesId;
mSeriesId.setAttribute(dataAttrName, card.seriesId);
toggleDomClassName(!card.seriesId, className_displayNone, mSeriesId);
mSeriesId.classList.toggle(className_displayNone, !card.seriesId);;
const mCollabId = monInfoBox.querySelector(".monster-collabId");
//mCollabId.textContent = card.collabId;
mCollabId.setAttribute(dataAttrName, card.collabId);
toggleDomClassName(!card.collabId, className_displayNone, mCollabId);
mCollabId.classList.toggle(className_displayNone, !card.collabId);;
const mAltName = monInfoBox.querySelector(".monster-altName");
//mAltName.textContent = card.altName.join("|");
@ -4373,7 +4362,7 @@ function editBoxChangeMonId(id) {
//mAltName.setAttribute("data-monId", card.id);
//没有合作名就隐藏
toggleDomClassName(card.altName.length < 1 && card?.otTags?.length < 1, className_displayNone, mAltName);
mAltName.classList.toggle(className_displayNone, card.altName.length < 1 && card?.otTags?.length < 1);;
const evoLinkCardsIdArray = buildEvoTreeIdsArray(card);
@ -4400,7 +4389,7 @@ function editBoxChangeMonId(id) {
}
const searchEvolutionByThis = settingBox.querySelector(".row-mon-id .search-evolution-by-this");
//对于进化型才显示
toggleDomClassName(!card.types.includes(0), className_displayNone, searchEvolutionByThis);
searchEvolutionByThis.classList.toggle(className_displayNone, !card.types.includes(0));;
const mType = monInfoBox.querySelectorAll(".monster-type li");
for (let ti = 0; ti < mType.length; ti++) {
@ -4416,12 +4405,12 @@ function editBoxChangeMonId(id) {
const monEditAwokensRow = settingBox.querySelector(".row-mon-awoken .awoken-ul");
const mAwokenIcon = monEditAwokensRow.querySelectorAll(".awoken-icon");
const mAwokenIpt = monEditAwokensRow.querySelectorAll("input[name='awoken-number']");
toggleDomClassName(card.canAssist, "allowable-assist", monEditAwokensRow);
monEditAwokensRow.classList.toggle("allowable-assist", card.canAssist);;
for (let ai = 0; ai < mAwokenIcon.length; ai++) {
if (ai < card.awakenings.length) {
mAwokenIcon[ai].setAttribute("data-awoken-icon", card.awakenings[ai]);
}
toggleDomClassName(ai >= card.awakenings.length, className_displayNone, mAwokenIcon[ai]);
mAwokenIcon[ai].classList.toggle(className_displayNone, ai >= card.awakenings.length);;
}
mAwokenIpt[card.awakenings.length].click(); //选择最后一个觉醒
@ -4434,7 +4423,7 @@ function editBoxChangeMonId(id) {
if (ai < card.superAwakenings.length) {
mSAwoken[ai].setAttribute("data-awoken-icon", card.superAwakenings[ai]);
}
toggleDomClassName(ai >= card.superAwakenings.length, className_displayNone, mSAwoken[ai]);
mSAwoken[ai].classList.toggle(className_displayNone, ai >= card.superAwakenings.length);;
}
monEditSAwokensRow.classList.remove(className_displayNone);
} else {
@ -4452,8 +4441,8 @@ function editBoxChangeMonId(id) {
const monEditLv120 = settingBox.querySelector(".m-level-btn-120");
monEditLv110.setAttribute("data-limit-break-incr",card.limitBreakIncr);
toggleDomClassName(!card.limitBreakIncr, className_displayNone, monEditLv110);
toggleDomClassName(!card.limitBreakIncr, className_displayNone, monEditLv120);
monEditLv110.classList.toggle(className_displayNone, !card.limitBreakIncr);;
monEditLv120.classList.toggle(className_displayNone, !card.limitBreakIncr);;
const mCost = settingBox.querySelector(".monster-cost");
mCost.textContent = card.cost;
@ -4467,7 +4456,7 @@ function editBoxChangeMonId(id) {
const latentIcons = Array.from(monLatentAllowUl.querySelectorAll(`.latent-icon[data-latent-icon]`));
latentIcons.forEach(icon => { //显示允许的潜觉,隐藏不允许的潜觉
const ltId = parseInt(icon.getAttribute("data-latent-icon"),10);
toggleDomClassName(!allowLatent.includes(ltId), "unallowable-latent", icon);
icon.classList.toggle("unallowable-latent", !allowLatent.includes(ltId));;
});
//怪物主动技能
@ -4575,8 +4564,8 @@ function refreshAll(formationData) {
txtDetailDisplay.innerHTML = '';
txtDetailDisplay.appendChild(descriptionToHTML(txtDetail.value));
toggleDomClassName(!txtTitle.value.length, "edit", titleBox);
toggleDomClassName(!txtDetail.value.length, "edit", detailBox);
titleBox.classList.toggle("edit", !txtTitle.value.length);;
detailBox.classList.toggle("edit", !txtDetail.value.length);;
//地下城强化的显示,稀有度没有现成的,所以这里来循环生成
const dge = formationData.dungeonEnchance;

View File

@ -540,7 +540,7 @@ ul{
left: 5px;
bottom: 15px;
}
.not-show-mon-id .monster .id{
body:not(.show-mon-id) .monster .id{
display: none;
}
.monster .id::before{
@ -553,7 +553,7 @@ ul{
content:"CD";
font-size: 10px;
}
.monster .skill-cd{
.monster .skill-cd {
font-size: 13px;
line-height: 13px;
color:white;
@ -562,12 +562,9 @@ ul{
right:0;
bottom:0;
}
.monster .skill-cd.max-skill{
body:not(.show-mon-skill-cd) .monster .skill-cd.max-skill {
display: none;
}
.show-mon-skill-cd .monster .skill-cd.max-skill{
display: block;
}
/*显示怪物星级*/
.show-mon-awoken .monster .rarity::before{
position: absolute;
@ -632,17 +629,17 @@ ul{
opacity: 0.5;
}
.not-show-awoken-count:not(.solo) .formation-box .team-total-info, /*单个队伍血量统计*/
.not-show-awoken-count .formation-box .team-ability, /*单个队伍三维*/
.not-show-awoken-count .formation-box .team-awoken /*单个队伍觉醒统计*/
body:not(.show-awoken-count):not(.solo) .formation-box .team-total-info, /*单个队伍血量统计*/
body:not(.show-awoken-count) .formation-box .team-ability, /*单个队伍三维*/
body:not(.show-awoken-count) .formation-box .team-awoken /*单个队伍觉醒统计*/
{
display: none !important;
}
.not-show-awoken-count:not(.solo) .formation-box .team-bigbox
body:not(.show-awoken-count):not(.solo) .formation-box .team-bigbox
{
margin-bottom: 5px;
}
.not-show-awoken-count:not(.solo) .formation-box .team-badge
body:not(.show-awoken-count):not(.solo) .formation-box .team-badge
{
position: absolute;
z-index: 10;
@ -2694,10 +2691,8 @@ icon.inflicts::after
.control-box .multi-link::before{
content: "Jump To 2-Player Version";
}
/*.control-box .btn-show-mon-id::before{
content: "隐藏怪物ID";
}
.not-show-mon-id .control-box .btn-show-mon-skill-cd::before{
/*
.control-box .btn-show-mon-skill-cd::before{
content: "显示怪物ID";
}
.show-mon-skill-cd .control-box .btn-show-mon-skill-cd::before{