diff --git a/script.js b/script.js
index c3e0d7ec..f69294b8 100644
--- a/script.js
+++ b/script.js
@@ -2155,7 +2155,7 @@ function loadData(force = false)
{
if (controlBox)
{
- const updateTime = controlBox.querySelector(".datasource-updatetime");
+ const updateTime = controlBox.querySelector("#datasource-updatetime");
updateTime.textContent = new Date(currentCkey.updateTime).toLocaleString(undefined, { hour12: false });
clearInterval(controlBoxHook);
}
@@ -2683,7 +2683,7 @@ function initialize() {
}
//▼添加语言列表开始
- const langSelectDom = controlBox.querySelector(".languages");
+ const langSelectDom = controlBox.querySelector("#languages");
languageList.forEach(lang =>
langSelectDom.options.add(new Option(lang.name, lang.i18n))
);
@@ -2693,7 +2693,7 @@ function initialize() {
//▲添加语言列表结束
//▼添加数据来源列表开始
- const dataSelectDom = controlBox.querySelector(".datasource");
+ const dataSelectDom = controlBox.querySelector("#datasource");
dataSourceList.forEach(ds =>
dataSelectDom.options.add(new Option(ds.source, ds.code))
);
@@ -4689,6 +4689,40 @@ function initialize() {
const specialFilterUl = s_specialDiv.querySelector(".special-filter-list");
const specialFilterFirstLi = specialFilterUl.querySelector("li");
const specialFirstSelect = specialFilterFirstLi.querySelector(".special-filter");
+ function filterCopy() {
+ const target = this.parentElement;
+ const newFilter = target.cloneNode(true);
+ const newSelect = newFilter.querySelector(".special-filter");
+ newSelect.selectedIndex = target.querySelector(".special-filter").selectedIndex;
+ filterBindOnclick(newFilter);
+ target.insertAdjacentElement('afterend', newFilter);
+ return newSelect;
+ }
+ function filterShiftUp() {
+ const parent = this.parentElement;
+ const target = parent.previousElementSibling;
+ if (target) {
+ target.insertAdjacentElement('beforebegin', parent);
+ }
+ }
+ function filterShiftDown() {
+ const parent = this.parentElement;
+ const target = parent.nextElementSibling;
+ if (target) {
+ target.insertAdjacentElement('afterend', parent);
+ }
+ }
+ function filterRemove() {
+ this.parentElement.remove();
+ }
+ //给这个特殊搜索绑定函数
+ function filterBindOnclick(li) {
+ li.querySelector(".copy-filter").onclick = filterCopy;
+ li.querySelector(".shift-up-filter").onclick = filterShiftUp;
+ li.querySelector(".shift-down-filter").onclick = filterShiftDown;
+ li.querySelector(".remove-filter").onclick = filterRemove;
+ }
+ filterBindOnclick(specialFilterFirstLi);
function newSpecialSearchOption(func, idx1, idx2)
{
@@ -4764,7 +4798,6 @@ function initialize() {
specialFilterUl.appendChild(specialFilterLi);
return specialFilterSelection;
}
- //specialAdd.onclick(); //先运行一次产生两个
specialClear.onclick = function() {
searchMonList.customAddition = null;
specialFilterUl.innerHTML = "";
@@ -4773,6 +4806,8 @@ function initialize() {
}
specialStar.onclick = function() {
const indexs = specialFirstSelect.value.split("|").map(Number);
+ if (indexs[0] === 0 && indexs.length === 1) return;
+
let markIdx = markedFilter.findIndex(arr=>arr[0] === indexs[0] && arr[1] === indexs[1]);
if (markIdx >= 0) {//已经存在的收藏
markedFilter.splice(markIdx,1);
@@ -4955,7 +4990,7 @@ function initialize() {
const specialFilterSelections = Array.from(specialFilterUl.querySelectorAll(".special-filter"));
//将筛选个数增加到需要的个数
for (let i = specialFilterSelections.length; i < specialFilters.length; i++) {
- specialFilterSelections.push(specialAdd.onclick());
+ specialFilterSelections.push(specialAdd.onclick.onclick());
}
//将每一个搜索都设置好
for (let i = 0; i < specialFilters.length; i++) {
@@ -5587,14 +5622,12 @@ function initialize() {
};
//语言选择
- const langList = controlBox.querySelector(".languages");
- langList.onchange = function() {
+ langSelectDom.onchange = function() {
createNewUrl({ "language": this.value });
history.go();
};
//数据源选择
- const dataList = controlBox.querySelector(".datasource");
- dataList.onchange = function() {
+ dataSelectDom.onchange = function() {
createNewUrl({ datasource: this.value });
history.go();
};
@@ -5603,7 +5636,7 @@ function initialize() {
const languageJS = document.head.appendChild(document.createElement("script"));
languageJS.id = "language-js";
languageJS.type = "text/javascript";
- languageJS.src = "languages/" + currentLanguage.i18n + ".js";
+ languageJS.src = `languages/${currentLanguage.i18n}.js`;
if (isGuideMod) //图鉴模式直接打开搜索框
{
@@ -7551,7 +7584,7 @@ function fastShowSkill(event) {
function localisation($tra) {
if (!$tra) return;
document.title = $tra.webpage_title;
- controlBox.querySelector(".datasource-updatetime").title = $tra.force_reload_data;
+ controlBox.querySelector("#datasource-updatetime").title = $tra.force_reload_data;
formationBox.querySelector(".title-box .title-code").placeholder = $tra.title_blank;
formationBox.querySelector(".title-box .title-display").setAttribute("placeholder",$tra.title_blank);
formationBox.querySelector(".detail-box .detail-code").placeholder = $tra.detail_blank;
diff --git a/service-worker.js b/service-worker.js
index d20e91ae..bb96e8ac 100644
--- a/service-worker.js
+++ b/service-worker.js
@@ -32289,9 +32289,13 @@ const cachesMap = new Map([
"sound/voice/ko/padv999.wav",
"698cf604dfbcb60921bcbea85b8e8feb"
],
+ [
+ "fonts/fa-regular-400.woff2",
+ "2d89b49ac28614e9ccd9c81308b5120c"
+ ],
[
"fonts/fa-solid-900.woff2",
- "1ec0ba058c021acf7feaa18081445d63"
+ "237f4a0afbdb652fb2330ee7e1567dd3"
],
[
"fonts/FOT-KurokaneStd-EB.woff2",
@@ -32311,7 +32315,7 @@ const cachesMap = new Map([
],
[
"multi.html",
- "20f7503e67106e457882ddd5848e422f"
+ "ef8b77ed22257043aa2feb5011d50711"
],
[
"script-custom_elements.js",
@@ -32331,11 +32335,11 @@ const cachesMap = new Map([
],
[
"script.js",
- "4f423034d218b6443b52cd4ad053aa3e"
+ "669ff567d056349838dd31918ba5d518"
],
[
"solo.html",
- "4973f9f1a8169d2660cf06205e1f814b"
+ "c56f8538c50ca10224097ec96487a7ca"
],
[
"style-monsterimages.css",
@@ -32343,7 +32347,7 @@ const cachesMap = new Map([
],
[
"style.css",
- "2074baa0c03382beb5858ae76469b4df"
+ "1a5c25f37b6f053d824f69a95ff2f0ac"
],
[
"temp.js",
@@ -32351,11 +32355,11 @@ const cachesMap = new Map([
],
[
"triple.html",
- "57ff5938b64613dc98dc842cc182c10f"
+ "ee62c5f5155957f3677e91cbe0cf9c42"
],
[
"languages/en.css",
- "8e6a6b48781076a0f548169412cbfc96"
+ "303c429e4dbff852fa693ee3554d50c7"
],
[
"languages/en.js",
@@ -32363,7 +32367,7 @@ const cachesMap = new Map([
],
[
"languages/ja.css",
- "86b9631b90553cfd9f876d48911e0719"
+ "cf65de21289e398c959063a2d08c833b"
],
[
"languages/ja.js",
@@ -32371,7 +32375,7 @@ const cachesMap = new Map([
],
[
"languages/ko.css",
- "c931cfd2d7f370991513b7ee8f7066c3"
+ "10b25940cb5923fd63b39a9c02b4b957"
],
[
"languages/ko.js",
@@ -32383,7 +32387,7 @@ const cachesMap = new Map([
],
[
"languages/zh-hans.css",
- "e402033bd75079423d580b6ad652d071"
+ "4c9116d3e9d22a171271346d8f79a2ae"
],
[
"languages/zh-hans.js",
@@ -32391,7 +32395,7 @@ const cachesMap = new Map([
],
[
"languages/zh-hant.css",
- "f7f098fd4f3959ba2d0d1185e0b296d0"
+ "a7ce01454f8233168f34fa711d35f349"
],
[
"languages/zh-hant.js",
diff --git a/solo.html b/solo.html
index 2e131226..2751f7a6 100644
--- a/solo.html
+++ b/solo.html
@@ -33,11 +33,11 @@ const teamsCount = 1;
@@ -89,7 +89,7 @@ const teamsCount = 1;
-
+
@@ -963,20 +963,28 @@ const teamsCount = 1;
-
+
@@ -1216,10 +1224,10 @@ const teamsCount = 1;
-
-
-
-
+
+
+
+
diff --git a/style.css b/style.css
index 733e134c..fbfe8024 100644
--- a/style.css
+++ b/style.css
@@ -16,9 +16,9 @@
url("./fonts/zpix.woff2") format('woff2');
font-weight: normal;
font-style: normal;
-}
+}
@font-face {
- font-family: 'Font Awesome';
+ font-family: 'Font Awesome Solid';
src:
local("FontAwesome"),
url("fonts/fa-solid-900.woff2") format("woff2");
@@ -26,6 +26,15 @@
font-weight: 900;
font-display: block;
}
+@font-face {
+ font-family: 'Font Awesome Regular';
+ src:
+ local("FontAwesome"),
+ url("fonts/fa-regular-400.woff2") format("woff2");
+ font-style: normal;
+ font-weight: 900;
+ font-display: block;
+}
@keyframes rotate-animate{
from {
transform: rotate(0deg);
@@ -39,7 +48,8 @@ body{
--head-block-height: 108px;
--search-icon-unchecked: 0.4;
--font-family : "Microsoft Yahei","Microsoft JhengHei","Source Han Sans",Arial, Helvetica, sans-serif, "Malgun Gothic", "맑은 고딕", "Gulim", AppleGothic;
- --icon-font-family : 'Font Awesome', "Microsoft Yahei","Microsoft JhengHei","Source Han Sans",Arial, Helvetica, sans-serif, "Malgun Gothic", "맑은 고딕", "Gulim", AppleGothic;
+ --icon-font-family : 'Font Awesome Solid', "Microsoft Yahei","Microsoft JhengHei","Source Han Sans",Arial, Helvetica, sans-serif, "Malgun Gothic", "맑은 고딕", "Gulim", AppleGothic;
+ --icon-regular-font-family : 'Font Awesome Regular', "Microsoft Yahei","Microsoft JhengHei","Source Han Sans",Arial, Helvetica, sans-serif, "Malgun Gothic", "맑은 고딕", "Gulim", AppleGothic;
--game-font-family : 'FOT-KurokaneStd-EB',"Microsoft Yahei","Microsoft JhengHei","Source Han Sans",Arial, Helvetica, sans-serif, "Malgun Gothic", "맑은 고딕", "Gulim", AppleGothic;
--border-width: 2px;
@@ -53,10 +63,6 @@ body{
details>summary:hover {
background-color: #00000044;
}
-.fa::before {
- font-family: var(--icon-font-family);
- margin-right: 3px;
-}
.control-box,
.formation-box
{
@@ -79,6 +85,17 @@ details>summary:hover {
details>summary {
cursor: pointer;
}
+.control-box :where(
+ label,
+ button,
+ a,
+)::before {
+ font-family: var(--icon-font-family);
+}
+
+.help-link {
+ cursor: help;
+}
.help-link::before{
content: "\f05a";
}
@@ -382,9 +399,10 @@ ul{
border-style: solid;
border-width: 2px;
border-image: linear-gradient(to bottom,#C38E5F,#2F2008) 1;
+ border-radius: 5px;
clip-path: inset(0 round 5px);
- font-size: 20px;
- line-height: 20px;
+ font-size: 1.5em;
+ line-height: 1em;
vertical-align: middle;
color: white;
font-family: var(--game-font-family);
@@ -392,6 +410,9 @@ ul{
cursor: pointer;
transition: transform 0.1s;
}
+.brown-button:hover {
+ color: lightgreen;
+}
.brown-button:active
{
transform: scale(1.1);
@@ -1786,6 +1807,9 @@ label[for="search-string"]::before {
grid-template-columns: 100px min-content 30px auto;
grid-gap: 3px;
}
+#search-attr .monster {
+ cursor: help;
+}
#search-attr .options {
grid-column: 1 / 5;
grid-row: 2 / 3;
@@ -2024,12 +2048,15 @@ label[for="search-string"]::before {
min-height: 32px;
box-sizing: border-box;
min-width: 320px;
- background-color: #00000044;
+ background-color: rgba(0,0,0,0.2);
border-radius: 6px;
box-shadow: inset black 0 0 3px;
display: inline-grid;
vertical-align: bottom;
- grid-gap: 0;
+ grid-gap: 1px;
+}
+.selected-awokens-div .awoken-clear {
+ font-size: 1em;
}
/*.search-box .awoken-div::before{
content: "觉醒";
@@ -2055,19 +2082,17 @@ label[for="search-string"]::before {
min-width: unset;
background-size: 100px 100px;
background-position-y: 40px;
- font-size: 18px;
- line-height: 28px;
padding: 0;
vertical-align: bottom;
}
-.search-box .rare-clear,
-.search-box .special-add,
-.search-box .special-clear,
-.search-box .special-star
-{
- min-width: 50px;
- font-size: 14px;
- line-height: 20px;
+.search-box :where(
+ .rare-clear,
+ .special-add,
+ .special-clear,
+ .special-star
+) {
+ font-size: 1em;
+ line-height: 1em;
}
@keyframes awoken-appear {
@@ -2227,14 +2252,62 @@ input[disabled]+.awoken-icon:active,
display: inline list-item;
}
+.special-div .button-div {
+ display: inline-flex;
+ column-gap: 5px;
+}
+.special-div .button-div button,
+.special-filter-list button {
+ font-family: var(--icon-font-family);
+}
+.special-div .button-div .brown-button,
+.special-filter-list .brown-button {
+ padding: 0 5px;
+}
+
+.special-div .special-add::before {
+ content: "\002b";
+}
+.special-div .special-clear::before {
+ content: "\f1f8";
+}
+.special-div .special-star::before {
+ content: "\f005";
+}
+.special-div .special-star:not(.marked) {
+ /*未选中时显示线条*/
+ font-family: var(--icon-regular-font-family);
+}
.special-filter-list>li{
margin-bottom: 5px;
margin-right: 3px;
+ display: grid;
+ gap: 2px;
+ grid-template-columns: auto max-content max-content max-content max-content;
}
-.special-filter-list select{
+.special-filter-list :where(select, button) {
font-size: 1.25em;
- max-width: 100%;
- box-sizing: border-box;
+}
+
+.special-filter-list .copy-filter::before {
+ content: "\f24d";
+}
+.special-filter-list .shift-up-filter::before {
+ content: "\f077";
+}
+.special-filter-list .shift-down-filter::before {
+ content: "\f078";
+}
+.special-filter-list .remove-filter::before {
+ content: "\f146";
+}
+.special-filter-list>li:first-child .remove-filter,
+.special-filter-list>li:first-child .shift-up-filter,
+.special-filter-list>li:last-child .shift-down-filter {
+ filter: grayscale(100%);
+ opacity: var(--search-icon-unchecked);
+ pointer-events: none;
+ cursor: not-allowed;
}
.control-div button{
@@ -2959,29 +3032,26 @@ a.series-search::before {
}
.edit-box .button-box{
- border-top: black solid 3px;
background-color: rgba(0,0,0,0.5);
padding: 5px;
height: 50px;
+ display: grid;
+ gap: 5px;
+ grid-template-columns: max-content max-content auto max-content max-content;
}
.edit-box .button-box .button-null,
.edit-box .button-box .button-delay,
.edit-box .button-box .button-cancel,
.edit-box .button-box .button-done{
- height: 50px;
box-sizing: border-box;
- font-size: 25px;
- font-weight: bold;
+ font-size: 1.5em;
+ border-width: 4px;
}
-.edit-box .button-box .button-null,
-.edit-box .button-box .button-delay{
- float: left;
- margin-right:5px;
+.edit-box .button-box .button-cancel{
+ grid-column: 4 / 5;
}
-.edit-box .button-box .button-cancel,
.edit-box .button-box .button-done{
- float: right;
- margin-left:5px;
+ grid-column: 5 / 6;
}
/*.edit-box .button-box .button-null::after{
content: "留空格子";
@@ -3131,6 +3201,12 @@ label[for="languages"]::before{
label[for="languages"]::after{
content: "Lanuage:";
}
+label[for="datasource"]::before{
+ content: "\f11b";
+}
+#datasource-updatetime::before{
+ content: "\f073";
+}
/*
.control-box .btn-show-mon-skill-cd::before{
@@ -3151,17 +3227,20 @@ label[for="languages"]::after{
font-size: 1.5em;
}
.control-box .btn-henshin::before{
- content: "▷";
+ content: "\f04e";
+ font-family: var(--icon-font-family);
}
.control-box .btn-henshin[data-step^="-"]::before{
- content: "◁";
+ content: "\f04a";
}
#btn-set-dungeon-enchance {
+ font-size: 1.2em;
margin-left: 1em;
}
#btn-set-dungeon-enchance::before
{
content: "\f6d9";
+ font-family: var(--icon-font-family);
}
.control-box .btn-remove-assist{
vertical-align: bottom;
diff --git a/triple.html b/triple.html
index 38913649..5ecd3b03 100644
--- a/triple.html
+++ b/triple.html
@@ -43,11 +43,11 @@ const teamsCount = 3;