mapaler
/
PADDashFormation
1
0
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

全部 .dialog 切换到 <dialog>

This commit is contained in:
枫谷剑仙 2024-03-22 17:25:41 +08:00
parent bdf85e9dc1
commit a01c0f86b8
10 changed files with 392 additions and 399 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
languages/en.css
View File

@ -445,7 +445,7 @@ label[for="box-have"]::after
.control-div .search-share::before{ .control-div .search-share::before{
content: "Share Search"; content: "Share Search";
} }
.dialog-search-string .dialog-title::before #dialog-search-string .dialog-title::before
{ {
content: "Search by Tags"; content: "Search by Tags";
} }

4
languages/ja.css
View File

@ -288,7 +288,7 @@ label[for="show-rich-text-tools"]::after{
content: " 秒"; content: " 秒";
} }
.dialog-hp-detail .dialog-title::before #dialog-hp-detail .dialog-title::before
{ {
content: "HP 範囲減傷の詳細"; content: "HP 範囲減傷の詳細";
} }
@ -439,7 +439,7 @@ label[for="box-have"]::after
.control-div .search-share::before{ .control-div .search-share::before{
content: "検索を分け合う"; content: "検索を分け合う";
} }
.dialog-search-string .dialog-title::before #dialog-search-string .dialog-title::before
{ {
content: "タグで検索"; content: "タグで検索";
} }

4
languages/ko.css
View File

@ -283,7 +283,7 @@ label[for="show-rich-text-tools"]::after{
content: " 초"; content: " 초";
} }
.dialog-hp-detail .dialog-title::before #dialog-hp-detail .dialog-title::before
{ {
content: "HP 범위 손상 감소 세부 정보"; content: "HP 범위 손상 감소 세부 정보";
} }
@ -430,7 +430,7 @@ label[for="not-weapon"]::after
.control-div .search-share::before{ .control-div .search-share::before{
content: "검색 공유하기"; content: "검색 공유하기";
} }
.dialog-search-string .dialog-title::before #dialog-search-string .dialog-title::before
{ {
content: "태그로 검색"; content: "태그로 검색";
} }

4
languages/zh-hans.css
View File

@ -288,7 +288,7 @@ label[for="show-rich-text-tools"]::after{
content: " 秒"; content: " 秒";
} }
.dialog-hp-detail .dialog-title::before #dialog-hp-detail .dialog-title::before
{ {
content: "HP 階段減傷詳情"; content: "HP 階段減傷詳情";
} }
@ -439,7 +439,7 @@ label[for="box-have"]::after
.control-div .search-share::before{ .control-div .search-share::before{
content: "分享搜索"; content: "分享搜索";
} }
.dialog-search-string .dialog-title::before #dialog-search-string .dialog-title::before
{ {
content: "以標簽搜索"; content: "以標簽搜索";
} }

4
languages/zh-hant.css
View File

@ -289,7 +289,7 @@ label[for="show-rich-text-tools"]::after{
content: " 秒"; content: " 秒";
} }
.dialog-hp-detail .dialog-title::before #dialog-hp-detail .dialog-title::before
{ {
content: "HP 階段減傷詳情"; content: "HP 階段減傷詳情";
} }
@ -440,7 +440,7 @@ label[for="box-have"]::after
.control-div .search-share::before{ .control-div .search-share::before{
content: "分享搜索"; content: "分享搜索";
} }
.dialog-search-string .dialog-title::before #dialog-search-string .dialog-title::before
{ {
content: "以標簽搜索"; content: "以標簽搜索";
} }

175
multi.html
View File

@ -42,6 +42,9 @@ const teamsCount = 2;
){ ){
padding-left: var(--head-block-width); padding-left: var(--head-block-width);
} }
.formation-box .team-total-info {
display: flex;
}
</style> </style>
</head> </head>
@ -117,33 +120,33 @@ const teamsCount = 2;
</div> </div>
<ul class="teams"> <ul class="teams">
<li class="team-bigbox team-1 show-team-name-right"> <li class="team-bigbox team-1 show-team-name-right">
<div class="team-total-info-count">
<ul class="tIf-rarity">
<li><icon class="rarity" data-value="0"><!--稀有度--></icon></li>
</ul>
<ul class="tIf-attrs">
<li><icon class="attr" data-attr-icon="0"><!--火--></icon></li>
<li><icon class="attr" data-attr-icon="1"><!--水--></icon></li>
<li><icon class="attr" data-attr-icon="2"><!--木--></icon></li>
<li><icon class="attr" data-attr-icon="3"><!--光--></icon></li>
<li><icon class="attr" data-attr-icon="4"><!--暗--></icon></li>
</ul>
<ul class="tIf-types">
<li><icon class="type-icon" data-type-icon="5"><!--神--></icon></li>
<li><icon class="type-icon" data-type-icon="4"><!--龍--></icon></li>
<li><icon class="type-icon" data-type-icon="7"><!--惡魔--></icon></li>
<li><icon class="type-icon" data-type-icon="8"><!--机械--></icon></li>
<li><icon class="type-icon" data-type-icon="1"><!--平衡--></icon></li>
<li><icon class="type-icon" data-type-icon="6"><!--攻撃--></icon></li>
<li><icon class="type-icon" data-type-icon="2"><!--体力--></icon></li>
<li><icon class="type-icon" data-type-icon="3"><!--回復--></icon></li>
<li><icon class="type-icon" data-type-icon="0"><!--進化用--></icon></li>
<li><icon class="type-icon" data-type-icon="12"><!--能力覺醒用--></icon></li>
<li><icon class="type-icon" data-type-icon="14"><!--強化合成用--></icon></li>
<li><icon class="type-icon" data-type-icon="15"><!--販賣用--></icon></li>
</ul>
</div>
<div class="team-total-info"> <div class="team-total-info">
<div class="tIf-addition-info">
<ul class="tIf-rarity">
<li><icon class="rarity" data-value="0"><!--稀有度--></icon></li>
</ul>
<ul class="tIf-attrs">
<li><icon class="attr" data-attr-icon="0"><!--火--></icon></li>
<li><icon class="attr" data-attr-icon="1"><!--水--></icon></li>
<li><icon class="attr" data-attr-icon="2"><!--木--></icon></li>
<li><icon class="attr" data-attr-icon="3"><!--光--></icon></li>
<li><icon class="attr" data-attr-icon="4"><!--暗--></icon></li>
</ul>
<ul class="tIf-types">
<li><icon class="type-icon" data-type-icon="5"><!--神--></icon></li>
<li><icon class="type-icon" data-type-icon="4"><!--龍--></icon></li>
<li><icon class="type-icon" data-type-icon="7"><!--惡魔--></icon></li>
<li><icon class="type-icon" data-type-icon="8"><!--机械--></icon></li>
<li><icon class="type-icon" data-type-icon="1"><!--平衡--></icon></li>
<li><icon class="type-icon" data-type-icon="6"><!--攻撃--></icon></li>
<li><icon class="type-icon" data-type-icon="2"><!--体力--></icon></li>
<li><icon class="type-icon" data-type-icon="3"><!--回復--></icon></li>
<li><icon class="type-icon" data-type-icon="0"><!--進化用--></icon></li>
<li><icon class="type-icon" data-type-icon="12"><!--能力覺醒用--></icon></li>
<li><icon class="type-icon" data-type-icon="14"><!--強化合成用--></icon></li>
<li><icon class="type-icon" data-type-icon="15"><!--販賣用--></icon></li>
</ul>
</div>
<div class="tIf-total-move"> <div class="tIf-total-move">
<span class="general"></span> <span class="general"></span>
<span class="awoken-bind"></span> <span class="awoken-bind"></span>
@ -758,32 +761,32 @@ const teamsCount = 2;
<span class="general"></span> <span class="general"></span>
<span class="awoken-bind"></span> <span class="awoken-bind"></span>
</div> </div>
<div class="tIf-addition-info"> </div>
<ul class="tIf-rarity"> <div class="team-total-info-count">
<li><icon class="rarity" data-value="0"><!--稀有度--></icon></li> <ul class="tIf-rarity">
</ul> <li><icon class="rarity" data-value="0"><!--稀有度--></icon></li>
<ul class="tIf-attrs"> </ul>
<li><icon class="attr" data-attr-icon="0"><!--火--></icon></li> <ul class="tIf-attrs">
<li><icon class="attr" data-attr-icon="1"><!--水--></icon></li> <li><icon class="attr" data-attr-icon="0"><!--火--></icon></li>
<li><icon class="attr" data-attr-icon="2"><!--木--></icon></li> <li><icon class="attr" data-attr-icon="1"><!--水--></icon></li>
<li><icon class="attr" data-attr-icon="3"><!--光--></icon></li> <li><icon class="attr" data-attr-icon="2"><!--木--></icon></li>
<li><icon class="attr" data-attr-icon="4"><!--暗--></icon></li> <li><icon class="attr" data-attr-icon="3"><!--光--></icon></li>
</ul> <li><icon class="attr" data-attr-icon="4"><!--暗--></icon></li>
<ul class="tIf-types"> </ul>
<li><icon class="type-icon" data-type-icon="5"><!--神--></icon></li> <ul class="tIf-types">
<li><icon class="type-icon" data-type-icon="4"><!--龍--></icon></li> <li><icon class="type-icon" data-type-icon="5"><!--神--></icon></li>
<li><icon class="type-icon" data-type-icon="7"><!--惡魔--></icon></li> <li><icon class="type-icon" data-type-icon="4"><!--龍--></icon></li>
<li><icon class="type-icon" data-type-icon="8"><!--机械--></icon></li> <li><icon class="type-icon" data-type-icon="7"><!--惡魔--></icon></li>
<li><icon class="type-icon" data-type-icon="1"><!--平衡--></icon></li> <li><icon class="type-icon" data-type-icon="8"><!--机械--></icon></li>
<li><icon class="type-icon" data-type-icon="6"><!--攻撃--></icon></li> <li><icon class="type-icon" data-type-icon="1"><!--平衡--></icon></li>
<li><icon class="type-icon" data-type-icon="2"><!--体力--></icon></li> <li><icon class="type-icon" data-type-icon="6"><!--攻撃--></icon></li>
<li><icon class="type-icon" data-type-icon="3"><!--回復--></icon></li> <li><icon class="type-icon" data-type-icon="2"><!--体力--></icon></li>
<li><icon class="type-icon" data-type-icon="0"><!--進化用--></icon></li> <li><icon class="type-icon" data-type-icon="3"><!--回復--></icon></li>
<li><icon class="type-icon" data-type-icon="12"><!--能力覺醒用--></icon></li> <li><icon class="type-icon" data-type-icon="0"><!--進化用--></icon></li>
<li><icon class="type-icon" data-type-icon="14"><!--強化合成用--></icon></li> <li><icon class="type-icon" data-type-icon="12"><!--能力覺醒用--></icon></li>
<li><icon class="type-icon" data-type-icon="15"><!--販賣用--></icon></li> <li><icon class="type-icon" data-type-icon="14"><!--強化合成用--></icon></li>
</ul> <li><icon class="type-icon" data-type-icon="15"><!--販賣用--></icon></li>
</div> </ul>
</div> </div>
</li> </li>
</ul> </ul>
@ -802,11 +805,14 @@ const teamsCount = 2;
</div> </div>
<div class="detail-box"><textarea class="detail-code" placeholder="输入说明"></textarea><div class="detail-display rich-text" contenteditable="true"></div></div> <div class="detail-box"><textarea class="detail-code" placeholder="输入说明"></textarea><div class="detail-display rich-text" contenteditable="true"></div></div>
<div class="dialog dialog-hp-detail display-none"> <dialog id="dialog-hp-detail" class="dialog">
<div class="dialog-title"></div> <div class="dialog-title"></div>
<form method="dialog">
<div class="dialog-content"></div>
<div class="dialog-control"><button class="dialog-close brown-button" value="cancel" formmethod="dialog"></button></div>
</form>
<div class="dialog-content"></div> <div class="dialog-content"></div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div> </dialog>
</div>
</div> </div>
<div id="rich-text-tools"> <div id="rich-text-tools">
<button id="set-font-color" title="Set Font Color"></button><input id="color-chooser" type="color" title="Choose Font Color" /> <button id="set-font-color" title="Set Font Color"></button><input id="color-chooser" type="color" title="Choose Font Color" />
@ -1414,18 +1420,13 @@ const teamsCount = 2;
</div> </div>
</div> </div>
</div> </div>
<div class="dialog dialog-show-any-string display-none"> <dialog class="dialog" id="dialog-search-string">
<div class="dialog-title"></div> <div class="dialog-title"></div>
<div class="dialog-content"> <form method="dialog">
<input type="text" class="string-value" readonly /><button class="string-copy"></button> <div class="dialog-content"></div>
</div> <div class="dialog-control"><button class="dialog-close brown-button" value="cancel" formmethod="dialog"></button></div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div> </form>
</div> </dialog>
<div class="dialog dialog-search-string display-none">
<div class="dialog-title"></div>
<div class="dialog-content"></div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div>
</div>
<div class="mask mask-evolutionary-tree display-none"> <div class="mask mask-evolutionary-tree display-none">
<button class="mask-close brown-button"></button> <button class="mask-close brown-button"></button>
<div class="mask-content"></div> <div class="mask-content"></div>
@ -1507,10 +1508,11 @@ const teamsCount = 2;
</div> </div>
<a id="external-support" class="brown-button fa" href="doc/index.html#data-exchange-with-paddb"></a> <a id="external-support" class="brown-button fa" href="doc/index.html#data-exchange-with-paddb"></a>
</div> </div>
<div class="dialog dialog-dungeon-enchance display-none"> <dialog id="dialog-dungeon-enchance" class="dialog">
<div class="dialog-title"></div> <div class="dialog-title"></div>
<div class="dialog-content"> <form method="dialog" class="dialog-content">
<ul class="rare-list"> <ul class="rare-list">
<li><input type="checkbox" class="rare-check" name="dungeon-rare" value="1" id="dungeon-rare-1" /><label class="rare-icon" data-rare-icon="1" for="dungeon-rare-1"></label></li> <li><input type="checkbox" class="rare-check" name="dungeon-rare" value="1" id="dungeon-rare-1" /><label class="rare-icon" data-rare-icon="1" for="dungeon-rare-1"></label></li>
<li><input type="checkbox" class="rare-check" name="dungeon-rare" value="2" id="dungeon-rare-2" /><label class="rare-icon" data-rare-icon="2" for="dungeon-rare-2"></label></li> <li><input type="checkbox" class="rare-check" name="dungeon-rare" value="2" id="dungeon-rare-2" /><label class="rare-icon" data-rare-icon="2" for="dungeon-rare-2"></label></li>
@ -1556,18 +1558,22 @@ const teamsCount = 2;
<li><label for="dungeon-rcv"></label><input id="dungeon-rcv" type="number" min=0 step=1 value=1 /></li> <li><label for="dungeon-rcv"></label><input id="dungeon-rcv" type="number" min=0 step=1 value=1 /></li>
</ul> </ul>
<ul class="benefit-list"><!--阴阳加护--> <ul class="benefit-list"><!--阴阳加护-->
<li><input type="radio" class="benefit-check" name="dungeon-benefit" value="0" id="dungeon-benefit-0" /><label class="awoken-icon" data-awoken-icon="0" for="dungeon-benefit-0"></label></li><!--无--> <li><input type="radio" class="benefit-check" name="dungeon-benefit" value="0" id="dungeon-benefit-0" checked /><label class="awoken-icon" data-awoken-icon="0" for="dungeon-benefit-0"></label></li><!--无-->
<li><input type="radio" class="benefit-check" name="dungeon-benefit" value="1" id="dungeon-benefit-1" /><label class="awoken-icon" data-awoken-icon="128" for="dungeon-benefit-1"></label></li><!--阳--> <li><input type="radio" class="benefit-check" name="dungeon-benefit" value="1" id="dungeon-benefit-1" /><label class="awoken-icon" data-awoken-icon="128" for="dungeon-benefit-1"></label></li><!--阳-->
<li><input type="radio" class="benefit-check" name="dungeon-benefit" value="2" id="dungeon-benefit-2" /><label class="awoken-icon" data-awoken-icon="129" for="dungeon-benefit-2"></label></li><!--阴--> <li><input type="radio" class="benefit-check" name="dungeon-benefit" value="2" id="dungeon-benefit-2" /><label class="awoken-icon" data-awoken-icon="129" for="dungeon-benefit-2"></label></li><!--阴-->
<li><input type="radio" class="benefit-check" name="dungeon-benefit" value="3" id="dungeon-benefit-3" /><label class="awoken-icon yinyang" data-awoken-icon="128" for="dungeon-benefit-3"></label></li><!--阴阳--> <li><input type="radio" class="benefit-check" name="dungeon-benefit" value="3" id="dungeon-benefit-3" /><label class="awoken-icon yinyang" data-awoken-icon="128" for="dungeon-benefit-3"></label></li><!--阴阳-->
</ul> </ul>
<ul class="current-stage-list"><!--当前层数--> <ul class="current-stage-list"><!--当前层数-->
<li><label for="current-stage"></label><input id="current-stage" type="number" min="1" step="1" /></li> <li><label for="current-stage"></label><input id="current-stage" type="number" min=1 step=1 /></li>
</ul> </ul>
</div> <div class="dialog-control">
<div class="dialog-control"><button class="dialog-clear brown-button"></button><button class="dialog-close brown-button"></button><button class="dialog-confirm brown-button"></button></div> <button class="dialog-clear brown-button" type="reset"></button>
</div> <button class="dialog-close brown-button" value="cancel"></button>
<button class="dialog-confirm brown-button" type="submit"></button>
</div>
</form>
</dialog>
<div id="player-data-frame" class="mask display-none"> <div id="player-data-frame" class="mask display-none">
<div class="player-box-title fa"><!--玩家数据子--></div> <div class="player-box-title fa"><!--玩家数据子--></div>
<div class="control-button-box"> <div class="control-button-box">
@ -1697,5 +1703,26 @@ const teamsCount = 2;
</template> </template>
</div> </div>
</div> </div>
<dialog id="badge-choose" class="dialog">
<form method="dialog">
<ul class="team-badges">
</ul>
<div class="dialog-control">
<button class="dialog-close brown-button" formmethod="dialog" value="cancel"></button>
<button class="dialog-confirm brown-button" type="submit" value="submit"></button>
</div>
</form>
</dialog>
<dialog class="dialog" id="dialog-show-any-string">
<div class="dialog-title"></div>
<form method="dialog">
<div class="dialog-content">
<input type="text" class="string-value" readonly /><button class="string-copy" type="button"></button>
</div>
<div class="dialog-control"><button class="dialog-close brown-button" value="cancel" formmethod="dialog"></button></div>
</form>
</dialog>
</body> </body>
</html> </html>

213
script.js
View File

@ -4155,7 +4155,7 @@ function initialize() {
createNewUrl(); createNewUrl();
//badgeDialog.removeEventListener("close", returnFunc); //badgeDialog.removeEventListener("close", returnFunc);
}; };
teamBadge.onclick = function(){ if (teamBadge) teamBadge.onclick = function(){
_badgeThis = this; _badgeThis = this;
const currentBadge = teamBadgeUl.querySelector(`#choose-team-badge-${_badgeThis.dataset.badgeIcon}`); const currentBadge = teamBadgeUl.querySelector(`#choose-team-badge-${_badgeThis.dataset.badgeIcon}`);
if (currentBadge) currentBadge.checked = true; if (currentBadge) currentBadge.checked = true;
@ -4163,89 +4163,20 @@ function initialize() {
badgeDialog.addEventListener("close", returnFunc, {once: true}); badgeDialog.addEventListener("close", returnFunc, {once: true});
badgeDialog.showModal(); badgeDialog.showModal();
}; };
const reduceDetailsBar = teamBigBox.querySelector(".tIf-total-hp .reduce-details");
if (reduceDetailsBar) reduceDetailsBar.onclick = function(){
hpDetailDialog.initialing(this.reduceAttrRangesWithShieldAwoken, this.reduceAttrRanges, this.tHP, this.tHPNoAwoken);
hpDetailDialog.show();
}
}); });
//显示HP的详细值 //显示HP的详细值
const hpDetailDialog = formationBox.querySelector(".dialog-hp-detail"); const hpDetailDialog = document.getElementById("dialog-hp-detail");
hpDetailDialog.initialing = function(reduceAttrRanges, reduceAttrRangesWithOutAwoken, tHP, tHPNoAwoken) hpDetailDialog.initialing = function(reduceAttrRanges, reduceAttrRangesWithOutAwoken, tHP, tHPNoAwoken)
{ {
const dialogContent = this.querySelector(".dialog-content"); const dialogContent = this.querySelector(".dialog-content");
const fragment = document.createDocumentFragment(); const fragment = document.createDocumentFragment();
function insertHpRangeTable(reduceRanges, reduceRangesWithOutAwoken, tHP, tHPNoAwoken, attr)
{
const table = document.createElement("table");
table.className = "hp-range-table";
table.setAttribute("data-attr", attr);
table.createCaption();
const tHead = table.createTHead();
const tBody = table.createTBody();
const rangeRow = tHead.insertRow();
rangeRow.className = "hp-range";
rangeRow.appendChild(document.createElement("th"));
const rageHpRow = tBody.insertRow();
rageHpRow.className = "general";
rageHpRow.appendChild(document.createElement("th"));
const rageHpNoAwokenRow = tBody.insertRow();
rageHpNoAwokenRow.className = "awoken-bind";
rageHpNoAwokenRow.appendChild(document.createElement("th"));
const reduceRow = tBody.insertRow();
reduceRow.className = "reduce-scale";
reduceRow.appendChild(document.createElement("th"));
const reduceHpRow = tBody.insertRow();
reduceHpRow.className = "reduce-general";
const reduceHpRowTitle = reduceHpRow.appendChild(document.createElement("th"));
const reduceHpRowTitleSheild = reduceHpRowTitle.appendChild(document.createElement("icon"));
reduceHpRowTitleSheild.className = "sheild";
const reduceHpNoAwokenRow = tBody.insertRow();
reduceHpNoAwokenRow.className = "reduce-awoken-bind";
const reduceHpNoAwokenRowTitle = reduceHpNoAwokenRow.appendChild(document.createElement("th"));
const reduceHpNoAwokenRowTitleSheild = reduceHpNoAwokenRowTitle.appendChild(document.createElement("icon"));
reduceHpNoAwokenRowTitleSheild.className = "sheild";
for (let ri=0;ri<reduceRanges.length;ri++) {
const range = reduceRanges[ri];
const rangeWOA = reduceRangesWithOutAwoken[ri];
const hpRange = rangeRow.insertCell();
const hpRangeMin = hpRange.appendChild(document.createElement("span"));
hpRangeMin.className = "hp-range-min";
hpRangeMin.textContent = range.min;
hpRange.append(" ~ ");
const hpRangeMax = hpRange.appendChild(document.createElement("span"));
hpRangeMax.className = "hp-range-max";
hpRangeMax.textContent = range.max;
const hpGeneral = rageHpRow.insertCell();
hpGeneral.textContent = `${Math.round(tHP * (range.min / 100)).bigNumberToString()} ~ ${Math.round(tHP * (range.max/100)).bigNumberToString()}`;
const hpAwokenBind = rageHpNoAwokenRow.insertCell();
hpAwokenBind.textContent = `${Math.round(tHPNoAwoken * (range.min / 100)).bigNumberToString()} ~ ${Math.round(tHPNoAwoken * (range.max/100)).bigNumberToString()}`;
const reduce = reduceRow.insertCell();
const reduceScale = reduce.appendChild(document.createElement("span"));
reduceScale.textContent = `${parseFloat((range.scale * 100).toFixed(2))}`;
if (rangeWOA.scale !== range.scale) {
reduce.appendChild(document.createTextNode("/"));
const reduceScaleWithOutAwoken = reduce.appendChild(document.createElement("span"));
reduceScaleWithOutAwoken.textContent = `${parseFloat((rangeWOA.scale * 100).toFixed(2))}`;
}
if (range.probability < 1)
{
reduce.append("(");
const reduceProb = reduce.appendChild(document.createElement("span"));
reduceProb.className = "reduce-probability";
reduceProb.textContent = `${(range.probability * 100).toFixed(0)}`;
reduce.append(")");
}
const reduceGeneral = reduceHpRow.insertCell();
reduceGeneral.textContent = `${Math.round(tHP * (range.min / 100) / (1 - range.scale)).bigNumberToString()} ~ ${Math.round(tHP * (range.max/100) / (1 - range.scale)).bigNumberToString()}`;
const reduceAwokenBind = reduceHpNoAwokenRow.insertCell();
reduceAwokenBind.textContent = `${Math.round(tHPNoAwoken * (rangeWOA.min / 100) / (1 - rangeWOA.scale)).bigNumberToString()} ~ ${Math.round(tHPNoAwoken * (rangeWOA.max/100) / (1 - rangeWOA.scale)).bigNumberToString()}`;
}
return table;
}
if (reduceAttrRanges.some(r=>r != reduceAttrRanges[0])) //有指定属性减伤 if (reduceAttrRanges.some(r=>r != reduceAttrRanges[0])) //有指定属性减伤
{ {
for (let ri=0;ri<reduceAttrRanges.length;ri++) { for (let ri=0;ri<reduceAttrRanges.length;ri++) {
@ -4260,15 +4191,80 @@ function initialize() {
dialogContent.innerHTML = ""; dialogContent.innerHTML = "";
dialogContent.appendChild(fragment); dialogContent.appendChild(fragment);
} }
//初始化Dialog function insertHpRangeTable(reduceRanges, reduceRangesWithOutAwoken, tHP, tHPNoAwoken, attr)
dialogInitialing(hpDetailDialog); {
const table = document.createElement("table");
table.className = "hp-range-table";
table.setAttribute("data-attr", attr);
table.createCaption();
const tHead = table.createTHead();
const tBody = table.createTBody();
const rangeRow = tHead.insertRow();
rangeRow.className = "hp-range";
rangeRow.appendChild(document.createElement("th"));
const rageHpRow = tBody.insertRow();
rageHpRow.className = "general";
rageHpRow.appendChild(document.createElement("th"));
const rageHpNoAwokenRow = tBody.insertRow();
rageHpNoAwokenRow.className = "awoken-bind";
rageHpNoAwokenRow.appendChild(document.createElement("th"));
const reduceRow = tBody.insertRow();
reduceRow.className = "reduce-scale";
reduceRow.appendChild(document.createElement("th"));
const reduceHpRow = tBody.insertRow();
reduceHpRow.className = "reduce-general";
const reduceHpRowTitle = reduceHpRow.appendChild(document.createElement("th"));
const reduceHpRowTitleSheild = reduceHpRowTitle.appendChild(document.createElement("icon"));
reduceHpRowTitleSheild.className = "sheild";
const reduceHpNoAwokenRow = tBody.insertRow();
reduceHpNoAwokenRow.className = "reduce-awoken-bind";
const reduceHpNoAwokenRowTitle = reduceHpNoAwokenRow.appendChild(document.createElement("th"));
const reduceHpNoAwokenRowTitleSheild = reduceHpNoAwokenRowTitle.appendChild(document.createElement("icon"));
reduceHpNoAwokenRowTitleSheild.className = "sheild";
for (let ri=0;ri<reduceRanges.length;ri++) {
const range = reduceRanges[ri];
const rangeWOA = reduceRangesWithOutAwoken[ri];
const hpRange = rangeRow.insertCell();
const hpRangeMin = hpRange.appendChild(document.createElement("span"));
hpRangeMin.className = "hp-range-min";
hpRangeMin.textContent = range.min;
hpRange.append(" ~ ");
const hpRangeMax = hpRange.appendChild(document.createElement("span"));
hpRangeMax.className = "hp-range-max";
hpRangeMax.textContent = range.max;
const reduceDetailsBars = Array.from(formationBox.querySelectorAll(".tIf-total-hp .reduce-details")); const hpGeneral = rageHpRow.insertCell();
reduceDetailsBars.forEach(bar => { hpGeneral.textContent = `${Math.round(tHP * (range.min / 100)).bigNumberToString()} ~ ${Math.round(tHP * (range.max/100)).bigNumberToString()}`;
bar.onclick = function(){
hpDetailDialog.show(this.reduceAttrRangesWithShieldAwoken, this.reduceAttrRanges, this.tHP, this.tHPNoAwoken); const hpAwokenBind = rageHpNoAwokenRow.insertCell();
}; hpAwokenBind.textContent = `${Math.round(tHPNoAwoken * (range.min / 100)).bigNumberToString()} ~ ${Math.round(tHPNoAwoken * (range.max/100)).bigNumberToString()}`;
});
const reduce = reduceRow.insertCell();
const reduceScale = reduce.appendChild(document.createElement("span"));
reduceScale.textContent = `${parseFloat((range.scale * 100).toFixed(2))}`;
if (rangeWOA.scale !== range.scale) {
reduce.appendChild(document.createTextNode("/"));
const reduceScaleWithOutAwoken = reduce.appendChild(document.createElement("span"));
reduceScaleWithOutAwoken.textContent = `${parseFloat((rangeWOA.scale * 100).toFixed(2))}`;
}
if (range.probability < 1)
{
reduce.append("(");
const reduceProb = reduce.appendChild(document.createElement("span"));
reduceProb.className = "reduce-probability";
reduceProb.textContent = `${(range.probability * 100).toFixed(0)}`;
reduce.append(")");
}
const reduceGeneral = reduceHpRow.insertCell();
reduceGeneral.textContent = `${Math.round(tHP * (range.min / 100) / (1 - range.scale)).bigNumberToString()} ~ ${Math.round(tHP * (range.max/100) / (1 - range.scale)).bigNumberToString()}`;
const reduceAwokenBind = reduceHpNoAwokenRow.insertCell();
reduceAwokenBind.textContent = `${Math.round(tHPNoAwoken * (rangeWOA.min / 100) / (1 - rangeWOA.scale)).bigNumberToString()} ~ ${Math.round(tHPNoAwoken * (rangeWOA.max/100) / (1 - rangeWOA.scale)).bigNumberToString()}`;
}
return table;
}
//设置地下城倍率 //设置地下城倍率
const dungeonEnchanceDialog = document.getElementById("dialog-dungeon-enchance"); const dungeonEnchanceDialog = document.getElementById("dialog-dungeon-enchance");
@ -4396,7 +4392,7 @@ function initialize() {
} }
}; };
//以字符串搜索窗口 //以字符串搜索窗口
const stringSearchDialog = settingBox.querySelector(".dialog-search-string"); const stringSearchDialog = document.getElementById("dialog-search-string");
function searchByString(str) function searchByString(str)
{ // 考虑了一下onlyInTag被废弃了，因为和游戏内搜索不符 { // 考虑了一下onlyInTag被废弃了，因为和游戏内搜索不符
str = str.trim(); str = str.trim();
@ -4436,12 +4432,12 @@ function initialize() {
} }
//input.blur(); //取消焦点 //input.blur(); //取消焦点
} }
stringSearchDialog.initialing = function(originalStrArr = [], additionalStrArr = []) stringSearchDialog.initialing = function(originalStrArr = [], additionalStrArr = []) {
{
const stringSearchContent = this.querySelector(".dialog-content"); const stringSearchContent = this.querySelector(".dialog-content");
const fragment = document.createDocumentFragment(); const fragment = document.createDocumentFragment();
if (originalStrArr.length > 0 && originalStrArr[0].length > 0) originalStrArr = originalStrArr.map(Boolean)
{ additionalStrArr = additionalStrArr.map(Boolean)
if (originalStrArr.length) {
const ul_original = document.createElement("ul"); const ul_original = document.createElement("ul");
ul_original.className = "original-string"; ul_original.className = "original-string";
originalStrArr.forEach(str=>{ originalStrArr.forEach(str=>{
@ -4459,8 +4455,7 @@ function initialize() {
}); });
fragment.appendChild(ul_original); fragment.appendChild(ul_original);
} }
if (additionalStrArr.length > 0 && additionalStrArr[0].length > 0) if (additionalStrArr.length) {
{
const ul_additional = document.createElement("ul"); const ul_additional = document.createElement("ul");
ul_additional.className = "additional-string"; ul_additional.className = "additional-string";
additionalStrArr.forEach(str=>{ additionalStrArr.forEach(str=>{
@ -4478,10 +4473,6 @@ function initialize() {
stringSearchContent.innerHTML = ""; stringSearchContent.innerHTML = "";
stringSearchContent.appendChild(fragment); stringSearchContent.appendChild(fragment);
} }
stringSearchDialog.close = function()
{
this.classList.add(className_displayNone);
}
function dialogShowFunction(...arg){ function dialogShowFunction(...arg){
this?.initialing(...arg); //自身初始化 this?.initialing(...arg); //自身初始化
@ -4499,8 +4490,6 @@ function initialize() {
const closeButton = dialog.querySelector(".dialog-close"); const closeButton = dialog.querySelector(".dialog-close");
closeButton.onclick = dialogCloseButtonFunction; closeButton.onclick = dialogCloseButtonFunction;
} }
//初始化Dialog
dialogInitialing(stringSearchDialog);
const mAltName = monInfoBox.querySelector(".monster-altName"); const mAltName = monInfoBox.querySelector(".monster-altName");
mAltName.onclick = function() { //搜索合作 mAltName.onclick = function() { //搜索合作
@ -4508,7 +4497,8 @@ function initialize() {
const card = Cards[editBox.mid]; const card = Cards[editBox.mid];
if (card) if (card)
{ {
stringSearchDialog.show(card.altName, card.otTags); stringSearchDialog.initialing(card.altName, card.otTags);
stringSearchDialog.show();
} }
}; };
//创建一个新的怪物头像 //创建一个新的怪物头像
@ -5018,18 +5008,17 @@ function initialize() {
locationURL.searchParams.set('search-options', optionJSON); locationURL.searchParams.set('search-options', optionJSON);
const idArr = searchMonList.originalHeads?.map(head=>head.card.id) ?? []; const idArr = searchMonList.originalHeads?.map(head=>head.card.id) ?? [];
locationURL.searchParams.set('show-search', JSON.stringify(idArr)); locationURL.searchParams.set('show-search', JSON.stringify(idArr));
showAnyStringDialog.show(locationURL.toString()); showAnyStringDialog.showString(locationURL.toString(), true);
} }
const showAnyStringDialog = settingBox.querySelector(".dialog-show-any-string"); const showAnyStringDialog = document.getElementById("dialog-show-any-string");
showAnyStringDialog.initialing = function(str) { const showAnyStringDialogText = showAnyStringDialog.querySelector(".string-value");
const ipt = this.querySelector(".string-value"); showAnyStringDialog.showString = function(str, modal = false) {
ipt.value = str; showAnyStringDialogText.value = str;
modal ? this.showModal() : this.show();
} }
showAnyStringDialog.querySelector('.string-copy').onclick = function(){ showAnyStringDialog.querySelector('.string-copy').onclick = function(){
copyString(showAnyStringDialog.querySelector(".string-value")); copyString(showAnyStringDialogText);
} }
//初始化Dialog
dialogInitialing(showAnyStringDialog);
function returnCheckedInput(ipt) { function returnCheckedInput(ipt) {
return ipt.checked; return ipt.checked;
@ -6548,7 +6537,7 @@ function refreshAll(formationData) {
const teamBox = teamBigBox.querySelector(".team-box"); const teamBox = teamBigBox.querySelector(".team-box");
const teamData = formationData.teams[teamNum]; const teamData = formationData.teams[teamNum];
const badgeBox = teamBigBox.querySelector(".team-badge"); const badgeBox = teamBigBox.querySelector(".team-badge");
badgeBox.setAttribute("data-badge-icon", teamData[2] ?? 0); if (badgeBox) badgeBox.setAttribute("data-badge-icon", teamData[2] ?? 0);
const membersDom = teamBox.querySelector(".team-members"); const membersDom = teamBox.querySelector(".team-members");
const latentsDom = teamBox.querySelector(".team-latents"); const latentsDom = teamBox.querySelector(".team-latents");
@ -7292,11 +7281,11 @@ function refreshTeamTotalHP(totalDom, team, teamIdx) {
const teams = formation.teams; const teams = formation.teams;
const [teamsA=[], teamsB=[], teamsC=[]] = teams; const [teamsA=[], teamsB=[], teamsC=[]] = teams;
const [teamsA_members, teamsA_assists, teamsA_badge] = teamsA; const [teamsA_members, teamsA_assists, teamsA_badge, swapIdA] = teamsA;
const [teamsB_members, teamsB_assists, teamsB_badge] = teamsB; const [teamsB_members, teamsB_assists, teamsB_badge, swapIdB] = teamsB;
const leader1id = members[swapId || 0].id; const leader1id = members[swapId || 0].id;
const leader2id = teamsCount===2 ? (teamIdx === 1 ? teamsA_members[teamsA_badge || 0].id : teamsB_members[teamsB_badge || 0].id) : members[5].id; const leader2id = teamsCount===2 ? (teamIdx === 1 ? teamsA_members[swapIdA || 0].id : teamsB_members[swapIdB || 0].id) : members[5].id;
//计算当前队伍，2P时则是需要特殊处理 //计算当前队伍，2P时则是需要特殊处理
const team_2p = teamsCount===2 ? members.concat((teamIdx === 1 ? teamsA_members[0] : teamsB_members[0])) : members; const team_2p = teamsCount===2 ? members.concat((teamIdx === 1 ? teamsA_members[0] : teamsB_members[0])) : members;
@ -7492,8 +7481,8 @@ function refreshFormationTotalHP(totalDom, teams) {
const tEffectDom = totalDom.querySelector(".tIf-effect"); const tEffectDom = totalDom.querySelector(".tIf-effect");
const [teamsA=[], teamsB=[], teamsC=[]] = teams; const [teamsA=[], teamsB=[], teamsC=[]] = teams;
const [teamsA_members,,teamsA_badge] = teamsA; const [teamsA_members,,,teamsA_badge] = teamsA;
const [teamsB_members,,teamsB_badge] = teamsB; const [teamsB_members,,,teamsB_badge] = teamsB;
//因为目前仅用于2P，所以直接在外面固定写了 //因为目前仅用于2P，所以直接在外面固定写了
const leader1id = teamsA_members[teamsA_badge || 0].id; const leader1id = teamsA_members[teamsA_badge || 0].id;

38
solo.html
View File

@ -543,11 +543,14 @@ const teamsCount = 1;
</ul> </ul>
<div class="detail-box"><textarea class="detail-code" placeholder="输入说明"></textarea><div class="detail-display rich-text" contenteditable="true"></div></div> <div class="detail-box"><textarea class="detail-code" placeholder="输入说明"></textarea><div class="detail-display rich-text" contenteditable="true"></div></div>
<div class="dialog dialog-hp-detail display-none"> <dialog id="dialog-hp-detail" class="dialog">
<div class="dialog-title"></div> <div class="dialog-title"></div>
<form method="dialog">
<div class="dialog-content"></div>
<div class="dialog-control"><button class="dialog-close brown-button" value="cancel" formmethod="dialog"></button></div>
</form>
<div class="dialog-content"></div> <div class="dialog-content"></div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div> </dialog>
</div>
</div> </div>
<div id="rich-text-tools"> <div id="rich-text-tools">
<button id="set-font-color" title="Set Font Color"></button><input id="color-chooser" type="color" title="Choose Font Color" /> <button id="set-font-color" title="Set Font Color"></button><input id="color-chooser" type="color" title="Choose Font Color" />
@ -1155,18 +1158,13 @@ const teamsCount = 1;
</div> </div>
</div> </div>
</div> </div>
<div class="dialog dialog-show-any-string display-none"> <dialog class="dialog" id="dialog-search-string">
<div class="dialog-title"></div> <div class="dialog-title"></div>
<div class="dialog-content"> <form method="dialog">
<input type="text" class="string-value" readonly /><button class="string-copy"></button> <div class="dialog-content"></div>
</div> <div class="dialog-control"><button class="dialog-close brown-button" value="cancel" formmethod="dialog"></button></div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div> </form>
</div> </dialog>
<div class="dialog dialog-search-string display-none">
<div class="dialog-title"></div>
<div class="dialog-content"></div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div>
</div>
<div class="mask mask-evolutionary-tree display-none"> <div class="mask mask-evolutionary-tree display-none">
<button class="mask-close brown-button"></button> <button class="mask-close brown-button"></button>
<div class="mask-content"></div> <div class="mask-content"></div>
@ -1449,10 +1447,20 @@ const teamsCount = 1;
<ul class="team-badges"> <ul class="team-badges">
</ul> </ul>
<div class="dialog-control"> <div class="dialog-control">
<button class="dialog-close brown-button" value="cancel"></button> <button class="dialog-close brown-button" formmethod="dialog" value="cancel"></button>
<button class="dialog-confirm brown-button" type="submit" value="submit"></button> <button class="dialog-confirm brown-button" type="submit" value="submit"></button>
</div> </div>
</form> </form>
</dialog> </dialog>
<dialog class="dialog" id="dialog-show-any-string">
<div class="dialog-title"></div>
<form method="dialog">
<div class="dialog-content">
<input type="text" class="string-value" readonly /><button class="string-copy" type="button"></button>
</div>
<div class="dialog-control"><button class="dialog-close brown-button" value="cancel" formmethod="dialog"></button></div>
</form>
</dialog>
</body> </body>
</html> </html>

30
style.css
View File

@ -340,8 +340,7 @@ ul{
} }
/*弹出窗口相关*/ /*弹出窗口相关*/
.dialog .dialog {
{
color: white; color: white;
padding: 5px; padding: 5px;
font-family: var(--game-font-family); font-family: var(--game-font-family);
@ -352,11 +351,14 @@ ul{
box-shadow: black 2px 0px 1px,black 0px 2px 1px,black -2px 0px 1px,black 0px -2px 1px; box-shadow: black 2px 0px 1px,black 0px 2px 1px,black -2px 0px 1px,black 0px -2px 1px;
border: 2px ridge #D1D398; border: 2px ridge #D1D398;
border-radius: 6px; border-radius: 6px;
backdrop-filter: blur(3px);
}
.dialog {
background-color: unset;
} }
/*模态框背景*/ /*模态框背景*/
.dialog::backdrop { .dialog::backdrop {
background-color: rgba(0,0,0,0.8); background-color: rgba(0,0,0,0.8);
backdrop-filter: blur(3px);
} }
.dialog .dialog-title .dialog .dialog-title
{ {
@ -406,7 +408,7 @@ ul{
transform: scale(1.1); transform: scale(1.1);
} }
/* /*
.dialog-search-string .dialog-title::before #dialog-search-string .dialog-title::before
{ {
content: "以字符串搜索"; content: "以字符串搜索";
} }
@ -415,14 +417,14 @@ ul{
content: "关闭"; content: "关闭";
} }
*/ */
.dialog-show-any-string { #dialog-show-any-string {
width: 400px; width: 100%;
top: 100px;
position: fixed;
} }
.dialog-search-string #dialog-search-string
{ {
width: 260px; width: 260px;
top: 100px;
z-index: 2;
} }
.dialog .string-copy, .dialog .string-copy,
.dialog .string-search .dialog .string-search
@ -450,7 +452,7 @@ ul{
box-sizing: border-box; box-sizing: border-box;
width: calc(100% - 50px * 1); width: calc(100% - 50px * 1);
} }
.dialog-search-string .original-string .string-value #dialog-search-string .original-string .string-value
{ {
width: calc(100% - 50px * 2); width: calc(100% - 50px * 2);
} }
@ -1005,10 +1007,10 @@ label.badge {
{ {
box-shadow: red 0 0 3px; box-shadow: red 0 0 3px;
} }
.dialog-hp-detail
{ #dialog-hp-detail {
margin-left: calc(50% - 200px); top: 10px;
margin-top: 100px; z-index: 2;
} }
.hp-range-table .hp-range-table
{ {

317
triple.html
View File

@ -87,33 +87,34 @@ const teamsCount = 3;
<div class="dungeon-enchance"></div> <div class="dungeon-enchance"></div>
<ul class="teams"> <ul class="teams">
<li class="team-bigbox team-1 show-team-name-right"> <li class="team-bigbox team-1 show-team-name-right">
<div class="team-total-info-count">
<ul class="tIf-rarity">
<li><icon class="rarity" data-value="0"><!--稀有度--></icon></li>
</ul>
<ul class="tIf-attrs">
<li><icon class="attr" data-attr-icon="0"><!--火--></icon></li>
<li><icon class="attr" data-attr-icon="1"><!--水--></icon></li>
<li><icon class="attr" data-attr-icon="2"><!--木--></icon></li>
<li><icon class="attr" data-attr-icon="3"><!--光--></icon></li>
<li><icon class="attr" data-attr-icon="4"><!--暗--></icon></li>
</ul>
<ul class="tIf-types">
<li><icon class="type-icon" data-type-icon="5"><!--神--></icon></li>
<li><icon class="type-icon" data-type-icon="4"><!--龍--></icon></li>
<li><icon class="type-icon" data-type-icon="7"><!--惡魔--></icon></li>
<li><icon class="type-icon" data-type-icon="8"><!--机械--></icon></li>
<li><icon class="type-icon" data-type-icon="1"><!--平衡--></icon></li>
<li><icon class="type-icon" data-type-icon="6"><!--攻撃--></icon></li>
<li><icon class="type-icon" data-type-icon="2"><!--体力--></icon></li>
<li><icon class="type-icon" data-type-icon="3"><!--回復--></icon></li>
<li><icon class="type-icon" data-type-icon="0"><!--進化用--></icon></li>
<li><icon class="type-icon" data-type-icon="12"><!--能力覺醒用--></icon></li>
<li><icon class="type-icon" data-type-icon="14"><!--強化合成用--></icon></li>
<li><icon class="type-icon" data-type-icon="15"><!--販賣用--></icon></li>
</ul>
</div>
<div class="team-total-info"> <div class="team-total-info">
<div class="tIf-addition-info"> <button class="badge team-badge" data-badge-icon="1"></button>
<ul class="tIf-rarity">
<li><icon class="rarity" data-value="0"><!--稀有度--></icon></li>
</ul>
<ul class="tIf-attrs">
<li><icon class="attr" data-attr-icon="0"><!--火--></icon></li>
<li><icon class="attr" data-attr-icon="1"><!--水--></icon></li>
<li><icon class="attr" data-attr-icon="2"><!--木--></icon></li>
<li><icon class="attr" data-attr-icon="3"><!--光--></icon></li>
<li><icon class="attr" data-attr-icon="4"><!--暗--></icon></li>
</ul>
<ul class="tIf-types">
<li><icon class="type-icon" data-type-icon="5"><!--神--></icon></li>
<li><icon class="type-icon" data-type-icon="4"><!--龍--></icon></li>
<li><icon class="type-icon" data-type-icon="7"><!--惡魔--></icon></li>
<li><icon class="type-icon" data-type-icon="8"><!--机械--></icon></li>
<li><icon class="type-icon" data-type-icon="1"><!--平衡--></icon></li>
<li><icon class="type-icon" data-type-icon="6"><!--攻撃--></icon></li>
<li><icon class="type-icon" data-type-icon="2"><!--体力--></icon></li>
<li><icon class="type-icon" data-type-icon="3"><!--回復--></icon></li>
<li><icon class="type-icon" data-type-icon="0"><!--進化用--></icon></li>
<li><icon class="type-icon" data-type-icon="12"><!--能力覺醒用--></icon></li>
<li><icon class="type-icon" data-type-icon="14"><!--強化合成用--></icon></li>
<li><icon class="type-icon" data-type-icon="15"><!--販賣用--></icon></li>
</ul>
</div>
<div class="tIf-total-hp"> <div class="tIf-total-hp">
<span class="general"></span> <span class="general"></span>
<span class="awoken-bind"></span> <span class="awoken-bind"></span>
@ -124,14 +125,14 @@ const teamsCount = 3;
<canvas height="20" width="50" class="reduce-details display-none"></canvas> <canvas height="20" width="50" class="reduce-details display-none"></canvas>
</span> </span>
</div> </div>
<div class="tIf-total-skill-boost">
<span class="general"></span>
</div>
<div class="tIf-total-move">
<span class="general"></span>
<span class="awoken-bind"></span>
</div>
<div class="tIf-effect"> <div class="tIf-effect">
<div class="tIf-total-skill-boost">
<span class="general"></span>
</div>
<div class="tIf-total-move">
<span class="general"></span>
<span class="awoken-bind"></span>
</div>
<icon class="icon-skill display-none" data-icon-type="board-size-change"></icon> <icon class="icon-skill display-none" data-icon-type="board-size-change"></icon>
<icon class="icon-skill display-none" data-icon-type="no-skyfall"></icon> <icon class="icon-skill display-none" data-icon-type="no-skyfall"></icon>
<icon class="orb poison-no-effect display-none" data-orb-icon="7"></icon> <icon class="orb poison-no-effect display-none" data-orb-icon="7"></icon>
@ -552,59 +553,34 @@ const teamsCount = 3;
</div> </div>
</li> </li>
<li class="team-bigbox team-2 show-team-name-right"> <li class="team-bigbox team-2 show-team-name-right">
<ul class="team-badge"> <div class="team-total-info-count">
<li><input type="radio" name="team-2-badge" class="badge-radio" value="1" id="team-2-badge-1" checked><label class="badge" data-badge-icon="1" for="team-2-badge-1"></label></li> <ul class="tIf-rarity">
<li><input type="radio" name="team-2-badge" class="badge-radio" value="129" id="team-2-badge-129"><label class="badge" data-badge-icon="129" for="team-2-badge-129"></label></li> <li><icon class="rarity" data-value="0"><!--稀有度--></icon></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="22" id="team-2-badge-22"><label class="badge" data-badge-icon="22" for="team-2-badge-22"></label></li> </ul>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="23" id="team-2-badge-23"><label class="badge" data-badge-icon="23" for="team-2-badge-23"></label></li> <ul class="tIf-attrs">
<li><input type="radio" name="team-2-badge" class="badge-radio" value="2" id="team-2-badge-2"><label class="badge" data-badge-icon="2" for="team-2-badge-2"></label></li> <li><icon class="attr" data-attr-icon="0"><!--火--></icon></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="3" id="team-2-badge-3"><label class="badge" data-badge-icon="3" for="team-2-badge-3"></label></li> <li><icon class="attr" data-attr-icon="1"><!--水--></icon></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="4" id="team-2-badge-4"><label class="badge" data-badge-icon="4" for="team-2-badge-4"></label></li> <li><icon class="attr" data-attr-icon="2"><!--木--></icon></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="5" id="team-2-badge-5"><label class="badge" data-badge-icon="5" for="team-2-badge-5"></label></li> <li><icon class="attr" data-attr-icon="3"><!--光--></icon></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="6" id="team-2-badge-6"><label class="badge" data-badge-icon="6" for="team-2-badge-6"></label></li> <li><icon class="attr" data-attr-icon="4"><!--暗--></icon></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="7" id="team-2-badge-7"><label class="badge" data-badge-icon="7" for="team-2-badge-7"></label></li> </ul>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="8" id="team-2-badge-8"><label class="badge" data-badge-icon="8" for="team-2-badge-8"></label></li> <ul class="tIf-types">
<li><input type="radio" name="team-2-badge" class="badge-radio" value="9" id="team-2-badge-9"><label class="badge" data-badge-icon="9" for="team-2-badge-9"></label></li> <li><icon class="type-icon" data-type-icon="5"><!--神--></icon></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="11" id="team-2-badge-11"><label class="badge" data-badge-icon="11" for="team-2-badge-11"></label></li> <li><icon class="type-icon" data-type-icon="4"><!--龍--></icon></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="17" id="team-2-badge-17"><label class="badge" data-badge-icon="17" for="team-2-badge-17"></label></li> <li><icon class="type-icon" data-type-icon="7"><!--惡魔--></icon></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="18" id="team-2-badge-18"><label class="badge" data-badge-icon="18" for="team-2-badge-18"></label></li> <li><icon class="type-icon" data-type-icon="8"><!--机械--></icon></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="19" id="team-2-badge-19"><label class="badge" data-badge-icon="19" for="team-2-badge-19"></label></li> <li><icon class="type-icon" data-type-icon="1"><!--平衡--></icon></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="20" id="team-2-badge-20"><label class="badge" data-badge-icon="20" for="team-2-badge-20"></label></li> <li><icon class="type-icon" data-type-icon="6"><!--攻撃--></icon></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="21" id="team-2-badge-21"><label class="badge" data-badge-icon="21" for="team-2-badge-21"></label></li> <li><icon class="type-icon" data-type-icon="2"><!--体力--></icon></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="10" id="team-2-badge-10"><label class="badge" data-badge-icon="10" for="team-2-badge-10"></label></li> <li><icon class="type-icon" data-type-icon="3"><!--回復--></icon></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="12" id="team-2-badge-12"><label class="badge" data-badge-icon="12" for="team-2-badge-12"></label></li> <li><icon class="type-icon" data-type-icon="0"><!--進化用--></icon></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="13" id="team-2-badge-13"><label class="badge" data-badge-icon="13" for="team-2-badge-13"></label></li> <li><icon class="type-icon" data-type-icon="12"><!--能力覺醒用--></icon></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="14" id="team-2-badge-14"><label class="badge" data-badge-icon="14" for="team-2-badge-14"></label></li> <li><icon class="type-icon" data-type-icon="14"><!--強化合成用--></icon></li>
<li><input type="radio" name="team-2-badge" class="badge-radio" value="24" id="team-2-badge-24"><label class="badge" data-badge-icon="24" for="team-2-badge-24"></label></li> <li><icon class="type-icon" data-type-icon="15"><!--販賣用--></icon></li>
<li><input type="radio" name="team-2-badge" lass="badge-radio" value="25" id="team-2-badge-25"><label class="badge" data-badge-icon="25" for="team-2-badge-25"></label></li> </ul>
</ul> </div>
<div class="team-total-info"> <div class="team-total-info">
<div class="tIf-addition-info"> <button class="badge team-badge" data-badge-icon="1"></button>
<ul class="tIf-rarity">
<li><icon class="rarity" data-value="0"><!--稀有度--></icon></li>
</ul>
<ul class="tIf-attrs">
<li><icon class="attr" data-attr-icon="0"><!--火--></icon></li>
<li><icon class="attr" data-attr-icon="1"><!--水--></icon></li>
<li><icon class="attr" data-attr-icon="2"><!--木--></icon></li>
<li><icon class="attr" data-attr-icon="3"><!--光--></icon></li>
<li><icon class="attr" data-attr-icon="4"><!--暗--></icon></li>
</ul>
<ul class="tIf-types">
<li><icon class="type-icon" data-type-icon="5"><!--神--></icon></li>
<li><icon class="type-icon" data-type-icon="4"><!--龍--></icon></li>
<li><icon class="type-icon" data-type-icon="7"><!--惡魔--></icon></li>
<li><icon class="type-icon" data-type-icon="8"><!--机械--></icon></li>
<li><icon class="type-icon" data-type-icon="1"><!--平衡--></icon></li>
<li><icon class="type-icon" data-type-icon="6"><!--攻撃--></icon></li>
<li><icon class="type-icon" data-type-icon="2"><!--体力--></icon></li>
<li><icon class="type-icon" data-type-icon="3"><!--回復--></icon></li>
<li><icon class="type-icon" data-type-icon="0"><!--進化用--></icon></li>
<li><icon class="type-icon" data-type-icon="12"><!--能力覺醒用--></icon></li>
<li><icon class="type-icon" data-type-icon="14"><!--強化合成用--></icon></li>
<li><icon class="type-icon" data-type-icon="15"><!--販賣用--></icon></li>
</ul>
</div>
<div class="tIf-total-hp"> <div class="tIf-total-hp">
<span class="general"></span> <span class="general"></span>
<span class="awoken-bind"></span> <span class="awoken-bind"></span>
@ -615,14 +591,14 @@ const teamsCount = 3;
<canvas height="20" width="50" class="reduce-details display-none"></canvas> <canvas height="20" width="50" class="reduce-details display-none"></canvas>
</span> </span>
</div> </div>
<div class="tIf-total-skill-boost">
<span class="general"></span>
</div>
<div class="tIf-total-move">
<span class="general"></span>
<span class="awoken-bind"></span>
</div>
<div class="tIf-effect"> <div class="tIf-effect">
<div class="tIf-total-skill-boost">
<span class="general"></span>
</div>
<div class="tIf-total-move">
<span class="general"></span>
<span class="awoken-bind"></span>
</div>
<icon class="icon-skill display-none" data-icon-type="board-size-change"></icon> <icon class="icon-skill display-none" data-icon-type="board-size-change"></icon>
<icon class="icon-skill display-none" data-icon-type="no-skyfall"></icon> <icon class="icon-skill display-none" data-icon-type="no-skyfall"></icon>
<icon class="orb poison-no-effect display-none" data-orb-icon="7"></icon> <icon class="orb poison-no-effect display-none" data-orb-icon="7"></icon>
@ -1043,59 +1019,34 @@ const teamsCount = 3;
</div> </div>
</li> </li>
<li class="team-bigbox team-3 show-team-name-right"> <li class="team-bigbox team-3 show-team-name-right">
<ul class="team-badge"> <div class="team-total-info-count">
<li><input type="radio" name="team-3-badge" class="badge-radio" value="1" id="team-3-badge-1" checked><label class="badge" data-badge-icon="1" for="team-3-badge-1"></label></li> <ul class="tIf-rarity">
<li><input type="radio" name="team-3-badge" class="badge-radio" value="129" id="team-3-badge-129"><label class="badge" data-badge-icon="129" for="team-3-badge-129"></label></li> <li><icon class="rarity" data-value="0"><!--稀有度--></icon></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="22" id="team-3-badge-22"><label class="badge" data-badge-icon="22" for="team-3-badge-22"></label></li> </ul>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="23" id="team-3-badge-23"><label class="badge" data-badge-icon="23" for="team-3-badge-23"></label></li> <ul class="tIf-attrs">
<li><input type="radio" name="team-3-badge" class="badge-radio" value="2" id="team-3-badge-2"><label class="badge" data-badge-icon="2" for="team-3-badge-2"></label></li> <li><icon class="attr" data-attr-icon="0"><!--火--></icon></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="3" id="team-3-badge-3"><label class="badge" data-badge-icon="3" for="team-3-badge-3"></label></li> <li><icon class="attr" data-attr-icon="1"><!--水--></icon></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="4" id="team-3-badge-4"><label class="badge" data-badge-icon="4" for="team-3-badge-4"></label></li> <li><icon class="attr" data-attr-icon="2"><!--木--></icon></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="5" id="team-3-badge-5"><label class="badge" data-badge-icon="5" for="team-3-badge-5"></label></li> <li><icon class="attr" data-attr-icon="3"><!--光--></icon></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="6" id="team-3-badge-6"><label class="badge" data-badge-icon="6" for="team-3-badge-6"></label></li> <li><icon class="attr" data-attr-icon="4"><!--暗--></icon></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="7" id="team-3-badge-7"><label class="badge" data-badge-icon="7" for="team-3-badge-7"></label></li> </ul>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="8" id="team-3-badge-8"><label class="badge" data-badge-icon="8" for="team-3-badge-8"></label></li> <ul class="tIf-types">
<li><input type="radio" name="team-3-badge" class="badge-radio" value="9" id="team-3-badge-9"><label class="badge" data-badge-icon="9" for="team-3-badge-9"></label></li> <li><icon class="type-icon" data-type-icon="5"><!--神--></icon></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="11" id="team-3-badge-11"><label class="badge" data-badge-icon="11" for="team-3-badge-11"></label></li> <li><icon class="type-icon" data-type-icon="4"><!--龍--></icon></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="17" id="team-3-badge-17"><label class="badge" data-badge-icon="17" for="team-3-badge-17"></label></li> <li><icon class="type-icon" data-type-icon="7"><!--惡魔--></icon></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="18" id="team-3-badge-18"><label class="badge" data-badge-icon="18" for="team-3-badge-18"></label></li> <li><icon class="type-icon" data-type-icon="8"><!--机械--></icon></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="19" id="team-3-badge-19"><label class="badge" data-badge-icon="19" for="team-3-badge-19"></label></li> <li><icon class="type-icon" data-type-icon="1"><!--平衡--></icon></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="20" id="team-3-badge-20"><label class="badge" data-badge-icon="20" for="team-3-badge-20"></label></li> <li><icon class="type-icon" data-type-icon="6"><!--攻撃--></icon></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="21" id="team-3-badge-21"><label class="badge" data-badge-icon="21" for="team-3-badge-21"></label></li> <li><icon class="type-icon" data-type-icon="2"><!--体力--></icon></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="10" id="team-3-badge-10"><label class="badge" data-badge-icon="10" for="team-3-badge-10"></label></li> <li><icon class="type-icon" data-type-icon="3"><!--回復--></icon></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="12" id="team-3-badge-12"><label class="badge" data-badge-icon="12" for="team-3-badge-12"></label></li> <li><icon class="type-icon" data-type-icon="0"><!--進化用--></icon></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="13" id="team-3-badge-13"><label class="badge" data-badge-icon="13" for="team-3-badge-13"></label></li> <li><icon class="type-icon" data-type-icon="12"><!--能力覺醒用--></icon></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="14" id="team-3-badge-14"><label class="badge" data-badge-icon="14" for="team-3-badge-14"></label></li> <li><icon class="type-icon" data-type-icon="14"><!--強化合成用--></icon></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="24" id="team-3-badge-24"><label class="badge" data-badge-icon="24" for="team-3-badge-24"></label></li> <li><icon class="type-icon" data-type-icon="15"><!--販賣用--></icon></li>
<li><input type="radio" name="team-3-badge" class="badge-radio" value="25" id="team-3-badge-25"><label class="badge" data-badge-icon="25" for="team-3-badge-25"></label></li> </ul>
</ul> </div>
<div class="team-total-info"> <div class="team-total-info">
<div class="tIf-addition-info"> <button class="badge team-badge" data-badge-icon="1"></button>
<ul class="tIf-rarity">
<li><icon class="rarity" data-value="0"><!--稀有度--></icon></li>
</ul>
<ul class="tIf-attrs">
<li><icon class="attr" data-attr-icon="0"><!--火--></icon></li>
<li><icon class="attr" data-attr-icon="1"><!--水--></icon></li>
<li><icon class="attr" data-attr-icon="2"><!--木--></icon></li>
<li><icon class="attr" data-attr-icon="3"><!--光--></icon></li>
<li><icon class="attr" data-attr-icon="4"><!--暗--></icon></li>
</ul>
<ul class="tIf-types">
<li><icon class="type-icon" data-type-icon="5"><!--神--></icon></li>
<li><icon class="type-icon" data-type-icon="4"><!--龍--></icon></li>
<li><icon class="type-icon" data-type-icon="7"><!--惡魔--></icon></li>
<li><icon class="type-icon" data-type-icon="8"><!--机械--></icon></li>
<li><icon class="type-icon" data-type-icon="1"><!--平衡--></icon></li>
<li><icon class="type-icon" data-type-icon="6"><!--攻撃--></icon></li>
<li><icon class="type-icon" data-type-icon="2"><!--体力--></icon></li>
<li><icon class="type-icon" data-type-icon="3"><!--回復--></icon></li>
<li><icon class="type-icon" data-type-icon="0"><!--進化用--></icon></li>
<li><icon class="type-icon" data-type-icon="12"><!--能力覺醒用--></icon></li>
<li><icon class="type-icon" data-type-icon="14"><!--強化合成用--></icon></li>
<li><icon class="type-icon" data-type-icon="15"><!--販賣用--></icon></li>
</ul>
</div>
<div class="tIf-total-hp"> <div class="tIf-total-hp">
<span class="general"></span> <span class="general"></span>
<span class="awoken-bind"></span> <span class="awoken-bind"></span>
@ -1106,14 +1057,14 @@ const teamsCount = 3;
<canvas height="20" width="50" class="reduce-details display-none"></canvas> <canvas height="20" width="50" class="reduce-details display-none"></canvas>
</span> </span>
</div> </div>
<div class="tIf-total-skill-boost">
<span class="general"></span>
</div>
<div class="tIf-total-move">
<span class="general"></span>
<span class="awoken-bind"></span>
</div>
<div class="tIf-effect"> <div class="tIf-effect">
<div class="tIf-total-skill-boost">
<span class="general"></span>
</div>
<div class="tIf-total-move">
<span class="general"></span>
<span class="awoken-bind"></span>
</div>
<icon class="icon-skill display-none" data-icon-type="board-size-change"></icon> <icon class="icon-skill display-none" data-icon-type="board-size-change"></icon>
<icon class="icon-skill display-none" data-icon-type="no-skyfall"></icon> <icon class="icon-skill display-none" data-icon-type="no-skyfall"></icon>
<icon class="orb poison-no-effect display-none" data-orb-icon="7"></icon> <icon class="orb poison-no-effect display-none" data-orb-icon="7"></icon>
@ -1536,11 +1487,14 @@ const teamsCount = 3;
</ul> </ul>
<div class="detail-box"><textarea class="detail-code" placeholder="输入说明"></textarea><div class="detail-display rich-text" contenteditable="true"></div></div> <div class="detail-box"><textarea class="detail-code" placeholder="输入说明"></textarea><div class="detail-display rich-text" contenteditable="true"></div></div>
<div class="dialog dialog-hp-detail display-none"> <dialog id="dialog-hp-detail" class="dialog">
<div class="dialog-title"></div> <div class="dialog-title"></div>
<form method="dialog">
<div class="dialog-content"></div>
<div class="dialog-control"><button class="dialog-close brown-button" value="cancel" formmethod="dialog"></button></div>
</form>
<div class="dialog-content"></div> <div class="dialog-content"></div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div> </dialog>
</div>
</div> </div>
<div id="rich-text-tools"> <div id="rich-text-tools">
<button id="set-font-color" title="Set Font Color"></button><input id="color-chooser" type="color" title="Choose Font Color" /> <button id="set-font-color" title="Set Font Color"></button><input id="color-chooser" type="color" title="Choose Font Color" />
@ -2148,18 +2102,13 @@ const teamsCount = 3;
</div> </div>
</div> </div>
</div> </div>
<div class="dialog dialog-show-any-string display-none"> <dialog class="dialog" id="dialog-search-string">
<div class="dialog-title"></div> <div class="dialog-title"></div>
<div class="dialog-content"> <form method="dialog">
<input type="text" class="string-value" readonly /><button class="string-copy"></button> <div class="dialog-content"></div>
</div> <div class="dialog-control"><button class="dialog-close brown-button" value="cancel" formmethod="dialog"></button></div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div> </form>
</div> </dialog>
<div class="dialog dialog-search-string display-none">
<div class="dialog-title"></div>
<div class="dialog-content"></div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div>
</div>
<div class="mask mask-evolutionary-tree display-none"> <div class="mask mask-evolutionary-tree display-none">
<button class="mask-close brown-button"></button> <button class="mask-close brown-button"></button>
<div class="mask-content"></div> <div class="mask-content"></div>
@ -2241,10 +2190,11 @@ const teamsCount = 3;
</div> </div>
<a id="external-support" class="brown-button fa" href="doc/index.html#data-exchange-with-paddb"></a> <a id="external-support" class="brown-button fa" href="doc/index.html#data-exchange-with-paddb"></a>
</div> </div>
<div class="dialog dialog-dungeon-enchance display-none"> <dialog id="dialog-dungeon-enchance" class="dialog">
<div class="dialog-title"></div> <div class="dialog-title"></div>
<div class="dialog-content"> <form method="dialog" class="dialog-content">
<ul class="rare-list"> <ul class="rare-list">
<li><input type="checkbox" class="rare-check" name="dungeon-rare" value="1" id="dungeon-rare-1" /><label class="rare-icon" data-rare-icon="1" for="dungeon-rare-1"></label></li> <li><input type="checkbox" class="rare-check" name="dungeon-rare" value="1" id="dungeon-rare-1" /><label class="rare-icon" data-rare-icon="1" for="dungeon-rare-1"></label></li>
<li><input type="checkbox" class="rare-check" name="dungeon-rare" value="2" id="dungeon-rare-2" /><label class="rare-icon" data-rare-icon="2" for="dungeon-rare-2"></label></li> <li><input type="checkbox" class="rare-check" name="dungeon-rare" value="2" id="dungeon-rare-2" /><label class="rare-icon" data-rare-icon="2" for="dungeon-rare-2"></label></li>
@ -2290,18 +2240,22 @@ const teamsCount = 3;
<li><label for="dungeon-rcv"></label><input id="dungeon-rcv" type="number" min=0 step=1 value=1 /></li> <li><label for="dungeon-rcv"></label><input id="dungeon-rcv" type="number" min=0 step=1 value=1 /></li>
</ul> </ul>
<ul class="benefit-list"><!--阴阳加护--> <ul class="benefit-list"><!--阴阳加护-->
<li><input type="radio" class="benefit-check" name="dungeon-benefit" value="0" id="dungeon-benefit-0" /><label class="awoken-icon" data-awoken-icon="0" for="dungeon-benefit-0"></label></li><!--无--> <li><input type="radio" class="benefit-check" name="dungeon-benefit" value="0" id="dungeon-benefit-0" checked /><label class="awoken-icon" data-awoken-icon="0" for="dungeon-benefit-0"></label></li><!--无-->
<li><input type="radio" class="benefit-check" name="dungeon-benefit" value="1" id="dungeon-benefit-1" /><label class="awoken-icon" data-awoken-icon="128" for="dungeon-benefit-1"></label></li><!--阳--> <li><input type="radio" class="benefit-check" name="dungeon-benefit" value="1" id="dungeon-benefit-1" /><label class="awoken-icon" data-awoken-icon="128" for="dungeon-benefit-1"></label></li><!--阳-->
<li><input type="radio" class="benefit-check" name="dungeon-benefit" value="2" id="dungeon-benefit-2" /><label class="awoken-icon" data-awoken-icon="129" for="dungeon-benefit-2"></label></li><!--阴--> <li><input type="radio" class="benefit-check" name="dungeon-benefit" value="2" id="dungeon-benefit-2" /><label class="awoken-icon" data-awoken-icon="129" for="dungeon-benefit-2"></label></li><!--阴-->
<li><input type="radio" class="benefit-check" name="dungeon-benefit" value="3" id="dungeon-benefit-3" /><label class="awoken-icon yinyang" data-awoken-icon="128" for="dungeon-benefit-3"></label></li><!--阴阳--> <li><input type="radio" class="benefit-check" name="dungeon-benefit" value="3" id="dungeon-benefit-3" /><label class="awoken-icon yinyang" data-awoken-icon="128" for="dungeon-benefit-3"></label></li><!--阴阳-->
</ul> </ul>
<ul class="current-stage-list"><!--当前层数--> <ul class="current-stage-list"><!--当前层数-->
<li><label for="current-stage"></label><input id="current-stage" type="number" min="1" step="1" /></li> <li><label for="current-stage"></label><input id="current-stage" type="number" min=1 step=1 /></li>
</ul> </ul>
</div> <div class="dialog-control">
<div class="dialog-control"><button class="dialog-clear brown-button"></button><button class="dialog-close brown-button"></button><button class="dialog-confirm brown-button"></button></div> <button class="dialog-clear brown-button" type="reset"></button>
</div> <button class="dialog-close brown-button" value="cancel"></button>
<button class="dialog-confirm brown-button" type="submit"></button>
</div>
</form>
</dialog>
<div id="player-data-frame" class="mask display-none"> <div id="player-data-frame" class="mask display-none">
<div class="player-box-title fa"><!--玩家数据子--></div> <div class="player-box-title fa"><!--玩家数据子--></div>
<div class="control-button-box"> <div class="control-button-box">
@ -2434,9 +2388,22 @@ const teamsCount = 3;
<dialog id="badge-choose" class="dialog"> <dialog id="badge-choose" class="dialog">
<form method="dialog"> <form method="dialog">
<ul class="team-badge"> <ul class="team-badges">
</ul> </ul>
<div class="dialog-control"><button class="dialog-close brown-button" value="cancel"></button></div> <div class="dialog-control">
<button class="dialog-close brown-button" formmethod="dialog" value="cancel"></button>
<button class="dialog-confirm brown-button" type="submit" value="submit"></button>
</div>
</form>
</dialog>
<dialog class="dialog" id="dialog-show-any-string">
<div class="dialog-title"></div>
<form method="dialog">
<div class="dialog-content">
<input type="text" class="string-value" readonly /><button class="string-copy" type="button"></button>
</div>
<div class="dialog-control"><button class="dialog-close brown-button" value="cancel" formmethod="dialog"></button></div>
</form> </form>
</dialog> </dialog>
</body> </body>