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

增加显示具体箱子内容的功能

This commit is contained in:
枫谷剑仙 2022-06-27 13:25:47 +08:00
parent 8bf2b08331
commit 8f58c16d04
11 changed files with 116 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
fonts/fa-solid-900.woff2
View File

Binary file not shown.

6
languages/en.css
View File

@ -660,7 +660,11 @@ label[for="qr-data-type-pdchu"]::before {
}
.player-card .set-default::before
{
content: "\f468 Bind Box";
content: "\f468 Bind Data";
}
.player-card .open-show-box::before
{
content: "\f468\A Show Box Data";
}
.player-card .lvexp::before
{

6
languages/ja.css
View File

@ -624,7 +624,11 @@ label[for="qr-data-type-pdchu"]::before {
}
.player-card .set-default::before
{
content: "\f468\A Boxバインド";
content: "\f468\A データをバインド";
}
.player-card .open-show-box::before
{
content: "\f468\A Box データを表示";
}
.player-card .lvexp::before
{

6
languages/ko.css
View File

@ -610,7 +610,11 @@ label[for="qr-data-type-pdchu"]::before {
}
.player-card .set-default::before
{
content: "\f468\A 상자를 바인딩";
content: "\f468\A 데이터를 바인딩";
}
.player-card .open-show-box::before
{
content: "\f468\A 상자 데이터를 표시";
}
.player-card .lvexp::before
{

6
languages/zh-TW.css
View File

@ -613,7 +613,11 @@ label[for="qr-data-type-pdchu"]::before {
}
.player-card .set-default::before
{
content: "\f468\A 綁定箱子";
content: "\f468\A 綁定數據";
}
.player-card .open-show-box::before
{
content: "\f468\A 顯示箱子數據";
}
.player-card .lvexp::before
{

6
languages/zh.css
View File

@ -611,7 +611,11 @@ label[for="qr-data-type-pdchu"]::before {
}
.player-card .set-default::before
{
content: "\f468\A 绑定箱子";
content: "\f56c\A 绑定数据";
}
.player-card .open-show-box::before
{
content: "\f468\A 显示箱子数据";
}
.player-card .lvexp::before
{

7
multi.html
View File

@ -1209,7 +1209,7 @@ var formation = new Formation(teamsCount,5);
</div>
<template id="template-card-a">
<a class="monster" target="_blank" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title=""><div class="property" data-property=""></div><div class="subproperty" data-property=""></div><div class="id"></div><div class="awoken-count-num"></div><div class="rarity"></div><div class="count-in-box"><span class="same-id"></span><span class="evo-tree"></span></div></a>
<a class="monster" target="_blank" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title=""><div class="property" data-property=""></div><div class="subproperty" data-property=""></div><div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div><div class="id"></div><div class="awoken-count-num"></div><div class="super-awoken display-none"><div class="awoken-icon"></div></div><div class="level"></div><div class="rarity"></div><div class="count-in-box"><span class="same-id"></span><span class="evo-tree"></span></div></a>
</template>
</div>
<svg id="interchange-line" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.2" height="100%" width="100%" style="display:none;">
@ -1398,6 +1398,11 @@ var formation = new Formation(teamsCount,5);
<ul class="deck-radio-list"></ul>
</td>
</tr>
<tr>
<td colspan="4">
<button class="brown-button open-show-box"></button>
</td>
</tr>
</tbody>
</table>
</li>

92
script.js
View File

@ -110,7 +110,7 @@ DBOpenRequest.onupgradeneeded = function(event) {
};
};
class Member2
/*class Member2
{
constructor(oldMenber, isAssist)
{
@ -140,7 +140,7 @@ class Member2
toJSON(){
}
}
}*/
//队员基本的留空
var Member = function() {
@ -632,6 +632,18 @@ class PlayerDataCard {
}
//console.log(b);
}
toOldMember()
{
const m = new Member();
m.id = this.id;
m.level = this.level;
m.awoken = this.awoken;
m.skilllevel = this.skillLevel;
m.plus = [this.plus.hp,this.plus.atk,this.plus.rcv];
m.sawoken = Cards[this.id].superAwakenings.indexOf(this.superAwoken);
m.latent = this.latent.concat();
return m;
}
static parseDataArray(datas)
{
let parsedCards = datas.map(ocard=>new PlayerDataCard(ocard));
@ -1958,6 +1970,12 @@ function initialize(event) {
checkInput.checked = true;
}
}
function openShowBox(e)
{
const table = this.parentNode.parentNode.parentNode.parentNode;
showSearch(table.data.parsedCards.map(m=>m.toOldMember()));
playerDataFrame.btnClose.onclick();
}
playerDataFrame.playerList.add = function(data) {
this.appendChild(this.newPlayerData(data));
}
@ -1973,8 +1991,14 @@ function initialize(event) {
tbody.querySelector(".set-default").onclick = setPlayerDataDefault;
tbody.querySelector(".delete").onclick = deletPlayerData;
tbody.querySelector(".open-show-box").onclick = openShowBox;
changeid({id: data.vs_icon}, tbody.querySelector(".avatar .monster"));
tbody.querySelector(".avatar .monster").onclick = function (){
}
let name = tbody.querySelector(".name");
name.textContent = data.name;
name.setAttribute("data-camp", data.camp);
@ -2043,7 +2067,7 @@ function initialize(event) {
if (dataCount && oldIdx >= 0) { //如果已经存在，就更新旧的数据
PlayerDatas.splice(oldIdx, 1, playerData);
const liArr = playerDataFrame.playerList.querySelectorAll(":scope>li");
liArr[oldIdx].remove();
liArr[oldIdx] && liArr[oldIdx].remove();
playerDataFrame.playerList.insertBefore(playerDataFrame.playerList.newPlayerData(playerData), liArr[oldIdx+1]);
} else {
PlayerDatas.push(playerData);
@ -2637,8 +2661,14 @@ function initialize(event) {
const cli = document.createElement("li");
const cdom = cli.head = createCardA(options);
cli.appendChild(cdom);
changeid({ id: id }, cdom);
const card = Cards[id];
let card;
if (id instanceof Member) {
changeid(id, cdom);
card = id.card;
} else {
changeid({ id: id }, cdom);
card = Cards[id];
}
cli.card = card;
if (card.canAssist)
cli.classList.add("allowable-assist");
@ -3086,20 +3116,21 @@ function initialize(event) {
const searchResultCount = searchBox.querySelector(".search-list-length");
showSearch = function(searchArr, customAdditionalFunction)
{
if (!Array.isArray(searchArr))
{ //如果不是数组就直接取消下一步
return;
}
if (searchArr.some(card=>typeof card == "number"))
{ //如果传入的是数字，就转成card对象
searchArr = searchArr.map(id=>typeof id == "object" ? id : Cards[id]);
if (typeof(searchArr) === "number") {
searchArr = [searchArr];
} else if (Array.isArray(searchArr)) { //如果传入的内容是数字，就转成card对象
searchArr = searchArr.map(id=>typeof(id) === "object" ? id : Cards[id]);
} else {
return; //如果不是数组就直接取消下一步
}
searchBox.classList.remove(className_displayNone);
editBox.show();
const createCardHead = editBox.createCardHead;
searchMonList.classList.add(className_displayNone);
searchMonList.innerHTML = ""; //清空旧的
//辅助回收内存
if (Array.isArray(searchMonList.originalHeads))
{
searchMonList.originalHeads.forEach(item=>item = null);
@ -3116,7 +3147,13 @@ function initialize(event) {
showAbilitiesWithAwoken: s_add_show_abilities_with_awoken.checked,
customAddition: Array.isArray(customAdditionalFunction) ? customAdditionalFunction : (typeof customAdditionalFunction == "function" ? [customAdditionalFunction] : [])
};
searchMonList.originalHeads = searchArr.map(card => createCardHead(card.id, additionalOption));
searchMonList.originalHeads = searchArr.map(card => {
if (card instanceof Member) {
return createCardHead(card, additionalOption);
} else {
return createCardHead(card.id, additionalOption);
}
});
searchMonList.customAddition = additionalOption.customAddition;
//对头像列表进行排序
const headsArray = sortHeadsArray(searchMonList.originalHeads);
@ -3870,19 +3907,24 @@ function changeid(mon, monDom, latentDom, assist) {
}
const levelDom = monDom.querySelector(".level");
if (levelDom) { //如果提供了等级
const level = mon.level ?? 1;
levelDom.setAttribute(dataAttrName, level);
toggleDomClassName(level === card.maxLevel, "max", levelDom);
//如果等级刚好等于最大等级，则修改为“最大”的字
if (level >= 111 && level <= 120 && card.limitBreakIncr) {
levelDom.setAttribute("data-level-range", "120");
} else if (level >= 99 && level <= 110 && card.limitBreakIncr) {
levelDom.setAttribute("data-level-range", "110");
} else if (level > card.maxLevel) {
levelDom.setAttribute("data-level-range", "error");
if (mon.level) {
const level = mon.level ?? 1;
levelDom.setAttribute(dataAttrName, level);
toggleDomClassName(level === card.maxLevel, "max", levelDom);
//如果等级刚好等于最大等级，则修改为“最大”的字
if (level >= 111 && level <= 120 && card.limitBreakIncr) {
levelDom.setAttribute("data-level-range", "120");
} else if (level >= 99 && level <= 110 && card.limitBreakIncr) {
levelDom.setAttribute("data-level-range", "110");
} else if (level > card.maxLevel) {
levelDom.setAttribute("data-level-range", "error");
} else {
levelDom.setAttribute("data-level-range", "99");
}
levelDom.classList.remove(className_displayNone);
} else {
levelDom.setAttribute("data-level-range", "99");
levelDom.classList.add(className_displayNone);
}
}
const awokenIcon = monDom.querySelector(".awoken-count-num");

7
solo.html
View File

@ -1077,7 +1077,7 @@ var formation = new Formation(teamsCount,6);
</div>
<template id="template-card-a">
<a class="monster" target="_blank" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title=""><div class="property" data-property=""></div><div class="subproperty" data-property=""></div><div class="id"></div><div class="awoken-count-num"></div><div class="rarity"></div><div class="count-in-box"><span class="same-id"></span><span class="evo-tree"></span></div></a>
<a class="monster" target="_blank" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title=""><div class="property" data-property=""></div><div class="subproperty" data-property=""></div><div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div><div class="id"></div><div class="awoken-count-num"></div><div class="super-awoken display-none"><div class="awoken-icon"></div></div><div class="level"></div><div class="rarity"></div><div class="count-in-box"><span class="same-id"></span><span class="evo-tree"></span></div></a>
</template>
</div>
<svg id="interchange-line" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.2" height="100%" width="100%" style="display:none;">
@ -1266,6 +1266,11 @@ var formation = new Formation(teamsCount,6);
<ul class="deck-radio-list"></ul>
</td>
</tr>
<tr>
<td colspan="4">
<button class="brown-button open-show-box"></button>
</td>
</tr>
</tbody>
</table>
</li>

6
style.css
View File

@ -1309,6 +1309,12 @@ icon.inflicts::after
bottom: 5px;
font-size: 20px;
}
.edit-box .search-box .search-mon-list .monster .level {
bottom: 23px;
}
.edit-box .search-box .search-mon-list .monster .plus {
top: 20px;
}
.detail-box .detail-mon{
width: 50px;

7
triple.html
View File

@ -2044,7 +2044,7 @@ var formation = new Formation(teamsCount,6);
</div>
<template id="template-card-a">
<a class="monster" target="_blank" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title=""><div class="property" data-property=""></div><div class="subproperty" data-property=""></div><div class="id"></div><div class="awoken-count-num"></div><div class="rarity"></div><div class="count-in-box"><span class="same-id"></span><span class="evo-tree"></span></div></a>
<a class="monster" target="_blank" data-cardid="" data-cards-pic-idx="" data-cards-pic-x="" data-cards-pic-y="" title=""><div class="property" data-property=""></div><div class="subproperty" data-property=""></div><div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div></div><div class="id"></div><div class="awoken-count-num"></div><div class="super-awoken display-none"><div class="awoken-icon"></div></div><div class="level"></div><div class="rarity"></div><div class="count-in-box"><span class="same-id"></span><span class="evo-tree"></span></div></a>
</template>
</div>
<svg id="interchange-line" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.2" height="100%" width="100%" style="display:none;">
@ -2233,6 +2233,11 @@ var formation = new Formation(teamsCount,6);
<ul class="deck-radio-list"></ul>
</td>
</tr>
<tr>
<td colspan="4">
<button class="brown-button open-show-box"></button>
</td>
</tr>
</tbody>
</table>
</li>