mapaler
/
PADDashFormation
Not watched
1
0
Fork 0
Code
Releases 163 Wiki evaluate Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain HPC
Browse Source

全部 .dialog 切换到 <dialog>

pull/1/head
枫谷剑仙 2 years ago
parent
bdf85e9dc1
commit
a01c0f86b8
10 changed files with 392 additions and 399 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +1
    -1
      languages/en.css
  2. +2
    -2
      languages/ja.css
  3. +2
    -2
      languages/ko.css
  4. +2
    -2
      languages/zh-hans.css
  5. +2
    -2
      languages/zh-hant.css
  6. +101
    -74
      multi.html
  7. +101
    -112
      script.js
  8. +23
    -15
      solo.html
  9. +16
    -14
      style.css
  10. +142
    -175
      triple.html

+ 1
- 1
languages/en.css View File

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


+ 2
- 2
languages/ja.css View File

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


+ 2
- 2
languages/ko.css View File

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


+ 2
- 2
languages/zh-hans.css View File

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


+ 2
- 2
languages/zh-hant.css View File

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


+ 101
- 74
multi.html View File

@@ -42,6 +42,9 @@ const teamsCount = 2;
){
padding-left: var(--head-block-width);
}
.formation-box .team-total-info {
display: flex;
}
</style>
</head>
@@ -117,33 +120,33 @@ const teamsCount = 2;
</div>
<ul class="teams">
<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="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">
<span class="general"></span>
<span class="awoken-bind"></span>
@@ -758,32 +761,32 @@ const teamsCount = 2;
<span class="general"></span>
<span class="awoken-bind"></span>
</div>
<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>
<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>
</li>
</ul>
@@ -802,11 +805,14 @@ const teamsCount = 2;
</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>
<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-control"><button class="dialog-close brown-button"></button></div>
</div>
</dialog>
</div>
<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" />
@@ -1414,18 +1420,13 @@ const teamsCount = 2;
</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-content">
<input type="text" class="string-value" readonly /><button class="string-copy"></button>
</div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div>
</div>
<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>
<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>
</dialog>
<div class="mask mask-evolutionary-tree display-none">
<button class="mask-close brown-button"></button>
<div class="mask-content"></div>
@@ -1507,10 +1508,11 @@ const teamsCount = 2;
</div>
<a id="external-support" class="brown-button fa" href="doc/index.html#data-exchange-with-paddb"></a>
</div>
<div class="dialog dialog-dungeon-enchance display-none">
<dialog id="dialog-dungeon-enchance" class="dialog">
<div class="dialog-title"></div>
<div class="dialog-content">
<form method="dialog" class="dialog-content">
<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="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>
</ul>
<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="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><!--阴阳-->
</ul>
<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>
</div>
<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>
</div>
<div class="dialog-control">
<button class="dialog-clear brown-button" type="reset"></button>
<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 class="player-box-title fa"><!--玩家数据子--></div>
<div class="control-button-box">
@@ -1697,5 +1703,26 @@ const teamsCount = 2;
</template>
</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>
</html>

+ 101
- 112
script.js View File

@@ -4155,7 +4155,7 @@ function initialize() {
createNewUrl();
//badgeDialog.removeEventListener("close", returnFunc);
};
teamBadge.onclick = function(){
if (teamBadge) teamBadge.onclick = function(){
_badgeThis = this;
const currentBadge = teamBadgeUl.querySelector(`#choose-team-badge-${_badgeThis.dataset.badgeIcon}`);
if (currentBadge) currentBadge.checked = true;
@@ -4163,89 +4163,20 @@ function initialize() {
badgeDialog.addEventListener("close", returnFunc, {once: true});
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的详细值
const hpDetailDialog = formationBox.querySelector(".dialog-hp-detail");
const hpDetailDialog = document.getElementById("dialog-hp-detail");
hpDetailDialog.initialing = function(reduceAttrRanges, reduceAttrRangesWithOutAwoken, tHP, tHPNoAwoken)
{
const dialogContent = this.querySelector(".dialog-content");
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])) //有指定属性减伤
{
for (let ri=0;ri<reduceAttrRanges.length;ri++) {
@@ -4260,15 +4191,80 @@ function initialize() {
dialogContent.innerHTML = "";
dialogContent.appendChild(fragment);
}
//初始化Dialog
dialogInitialing(hpDetailDialog);
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))}`;
}
const reduceDetailsBars = Array.from(formationBox.querySelectorAll(".tIf-total-hp .reduce-details"));
reduceDetailsBars.forEach(bar => {
bar.onclick = function(){
hpDetailDialog.show(this.reduceAttrRangesWithShieldAwoken, this.reduceAttrRanges, this.tHP, this.tHPNoAwoken);
};
});
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");
@@ -4396,7 +4392,7 @@ function initialize() {
}
};
//以字符串搜索窗口
const stringSearchDialog = settingBox.querySelector(".dialog-search-string");
const stringSearchDialog = document.getElementById("dialog-search-string");
function searchByString(str)
{ // 考虑了一下onlyInTag被废弃了，因为和游戏内搜索不符
str = str.trim();
@@ -4436,12 +4432,12 @@ function initialize() {
}
//input.blur(); //取消焦点
}
stringSearchDialog.initialing = function(originalStrArr = [], additionalStrArr = [])
{
stringSearchDialog.initialing = function(originalStrArr = [], additionalStrArr = []) {
const stringSearchContent = this.querySelector(".dialog-content");
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");
ul_original.className = "original-string";
originalStrArr.forEach(str=>{
@@ -4459,8 +4455,7 @@ function initialize() {
});
fragment.appendChild(ul_original);
}
if (additionalStrArr.length > 0 && additionalStrArr[0].length > 0)
{
if (additionalStrArr.length) {
const ul_additional = document.createElement("ul");
ul_additional.className = "additional-string";
additionalStrArr.forEach(str=>{
@@ -4478,10 +4473,6 @@ function initialize() {
stringSearchContent.innerHTML = "";
stringSearchContent.appendChild(fragment);
}
stringSearchDialog.close = function()
{
this.classList.add(className_displayNone);
}
function dialogShowFunction(...arg){
this?.initialing(...arg); //自身初始化
@@ -4499,8 +4490,6 @@ function initialize() {
const closeButton = dialog.querySelector(".dialog-close");
closeButton.onclick = dialogCloseButtonFunction;
}
//初始化Dialog
dialogInitialing(stringSearchDialog);
const mAltName = monInfoBox.querySelector(".monster-altName");
mAltName.onclick = function() { //搜索合作
@@ -4508,7 +4497,8 @@ function initialize() {
const card = Cards[editBox.mid];
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);
const idArr = searchMonList.originalHeads?.map(head=>head.card.id) ?? [];
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");
showAnyStringDialog.initialing = function(str) {
const ipt = this.querySelector(".string-value");
ipt.value = str;
const showAnyStringDialog = document.getElementById("dialog-show-any-string");
const showAnyStringDialogText = showAnyStringDialog.querySelector(".string-value");
showAnyStringDialog.showString = function(str, modal = false) {
showAnyStringDialogText.value = str;
modal ? this.showModal() : this.show();
}
showAnyStringDialog.querySelector('.string-copy').onclick = function(){
copyString(showAnyStringDialog.querySelector(".string-value"));
copyString(showAnyStringDialogText);
}
//初始化Dialog
dialogInitialing(showAnyStringDialog);
function returnCheckedInput(ipt) {
return ipt.checked;
@@ -6548,7 +6537,7 @@ function refreshAll(formationData) {
const teamBox = teamBigBox.querySelector(".team-box");
const teamData = formationData.teams[teamNum];
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 latentsDom = teamBox.querySelector(".team-latents");
@@ -7292,11 +7281,11 @@ function refreshTeamTotalHP(totalDom, team, teamIdx) {
const teams = formation.teams;
const [teamsA=[], teamsB=[], teamsC=[]] = teams;
const [teamsA_members, teamsA_assists, teamsA_badge] = teamsA;
const [teamsB_members, teamsB_assists, teamsB_badge] = teamsB;
const [teamsA_members, teamsA_assists, teamsA_badge, swapIdA] = teamsA;
const [teamsB_members, teamsB_assists, teamsB_badge, swapIdB] = teamsB;
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时则是需要特殊处理
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 [teamsA=[], teamsB=[], teamsC=[]] = teams;
const [teamsA_members,,teamsA_badge] = teamsA;
const [teamsB_members,,teamsB_badge] = teamsB;
const [teamsA_members,,,teamsA_badge] = teamsA;
const [teamsB_members,,,teamsB_badge] = teamsB;
//因为目前仅用于2P，所以直接在外面固定写了
const leader1id = teamsA_members[teamsA_badge || 0].id;


+ 23
- 15
solo.html View File

@@ -543,11 +543,14 @@ const teamsCount = 1;
</ul>
<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>
<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-control"><button class="dialog-close brown-button"></button></div>
</div>
</dialog>
</div>
<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" />
@@ -1155,18 +1158,13 @@ const teamsCount = 1;
</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-content">
<input type="text" class="string-value" readonly /><button class="string-copy"></button>
</div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div>
</div>
<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>
<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>
</dialog>
<div class="mask mask-evolutionary-tree display-none">
<button class="mask-close brown-button"></button>
<div class="mask-content"></div>
@@ -1449,10 +1447,20 @@ const teamsCount = 1;
<ul class="team-badges">
</ul>
<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>
</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>
</html>

+ 16
- 14
style.css View File

@@ -340,8 +340,7 @@ ul{
}

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


+ 142
- 175
triple.html View File

@@ -87,33 +87,34 @@ const teamsCount = 3;
<div class="dungeon-enchance"></div>
<ul class="teams">
<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="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>
<button class="badge team-badge" data-badge-icon="1"></button>
<div class="tIf-total-hp">
<span class="general"></span>
<span class="awoken-bind"></span>
@@ -124,14 +125,14 @@ const teamsCount = 3;
<canvas height="20" width="50" class="reduce-details display-none"></canvas>
</span>
</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-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="no-skyfall"></icon>
<icon class="orb poison-no-effect display-none" data-orb-icon="7"></icon>
@@ -552,59 +553,34 @@ const teamsCount = 3;
</div>
</li>
<li class="team-bigbox team-2 show-team-name-right">
<ul class="team-badge">
<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>
<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><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>
<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>
<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><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><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><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><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><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>
<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>
<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><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><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><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><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><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><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><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><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><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><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><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><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>
<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="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>
<button class="badge team-badge" data-badge-icon="1"></button>
<div class="tIf-total-hp">
<span class="general"></span>
<span class="awoken-bind"></span>
@@ -615,14 +591,14 @@ const teamsCount = 3;
<canvas height="20" width="50" class="reduce-details display-none"></canvas>
</span>
</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-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="no-skyfall"></icon>
<icon class="orb poison-no-effect display-none" data-orb-icon="7"></icon>
@@ -1043,59 +1019,34 @@ const teamsCount = 3;
</div>
</li>
<li class="team-bigbox team-3 show-team-name-right">
<ul class="team-badge">
<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>
<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><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>
<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>
<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><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><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><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><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><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>
<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>
<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><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><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><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><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><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><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><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><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><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><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><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><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>
<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="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>
<button class="badge team-badge" data-badge-icon="1"></button>
<div class="tIf-total-hp">
<span class="general"></span>
<span class="awoken-bind"></span>
@@ -1106,14 +1057,14 @@ const teamsCount = 3;
<canvas height="20" width="50" class="reduce-details display-none"></canvas>
</span>
</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-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="no-skyfall"></icon>
<icon class="orb poison-no-effect display-none" data-orb-icon="7"></icon>
@@ -1536,11 +1487,14 @@ const teamsCount = 3;
</ul>
<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>
<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-control"><button class="dialog-close brown-button"></button></div>
</div>
</dialog>
</div>
<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" />
@@ -2148,18 +2102,13 @@ const teamsCount = 3;
</div>
</div>
</div>
<div class="dialog dialog-show-any-string display-none">
<div class="dialog-title"></div>
<div class="dialog-content">
<input type="text" class="string-value" readonly /><button class="string-copy"></button>
</div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div>
</div>
<div class="dialog dialog-search-string display-none">
<dialog class="dialog" id="dialog-search-string">
<div class="dialog-title"></div>
<div class="dialog-content"></div>
<div class="dialog-control"><button class="dialog-close brown-button"></button></div>
</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>
</dialog>
<div class="mask mask-evolutionary-tree display-none">
<button class="mask-close brown-button"></button>
<div class="mask-content"></div>
@@ -2241,10 +2190,11 @@ const teamsCount = 3;
</div>
<a id="external-support" class="brown-button fa" href="doc/index.html#data-exchange-with-paddb"></a>
</div>
<div class="dialog dialog-dungeon-enchance display-none">
<dialog id="dialog-dungeon-enchance" class="dialog">
<div class="dialog-title"></div>
<div class="dialog-content">
<form method="dialog" class="dialog-content">
<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="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>
</ul>
<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="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><!--阴阳-->
</ul>
<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>
</div>
<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>
</div>
<div class="dialog-control">
<button class="dialog-clear brown-button" type="reset"></button>
<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 class="player-box-title fa"><!--玩家数据子--></div>
<div class="control-button-box">
@@ -2434,9 +2388,22 @@ const teamsCount = 3;
<dialog id="badge-choose" class="dialog">
<form method="dialog">
<ul class="team-badge">
<ul class="team-badges">
</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>
</dialog>
</body>


Write Preview
Loading…
Cancel
Save