From b4dc44f10c2b525045c75c4fe42b6f05f41f0a1d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=AB=E8=B0=B7=E5=89=91=E4=BB=99?= <mapaler@163.com>
Date: Mon, 14 Dec 2020 11:06:17 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=BF=9B=E5=8C=96=E6=A0=91?=
 =?UTF-8?q?=E7=9A=84node?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 multi.html  |  5 +++++
 script.js   | 14 ++++++--------
 solo.html   |  5 +++++
 style.css   |  7 +++++++
 triple.html |  5 +++++
 5 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/multi.html b/multi.html
index 19c0e600..487b321e 100644
--- a/multi.html
+++ b/multi.html
@@ -719,6 +719,7 @@ var formation = new Formation(teamsCount,5);
 		</div>
 		<div class="setting-box">
 			<div class="setting-row row-mon-id">
+				<button class="open-evolutionary-tree"></button>
 				<button class="open-search"></button><!--搜索怪物按钮-->
 				<input type="search" class="m-id" list="monsters-name-list"/><button class="search-by-string"></button>
 				<datalist id="monsters-name-list"></datalist>
@@ -872,6 +873,10 @@ var formation = new Formation(teamsCount,5);
 				<div class="dialog-content"></div>
 				<div class="dialog-control"><button class="dialog-close"></button></div>
 			</div>
+			<div class="mask mask-evolutionary-tree display-none">
+				<div class="mask-content"></div>
+				<button class="mask-close"></button>
+			</div>
 		</div>
 		<div class="button-box">
 			<button class="button-null"><!--留空格子--></button>
diff --git a/script.js b/script.js
index 9dcf6343..8ddd42ea 100644
--- a/script.js
+++ b/script.js
@@ -836,11 +836,6 @@ function initialize() {
 			line.setAttribute("y2", p2.y);
 	};
 
-	/*const updateTime = controlBox.querySelector(".datasource-updatetime");
-	updateTime.onclick = function(){
-		loadData(true);
-	};*/
-
 	//标题和介绍文本框
 	const titleBox = formationBox.querySelector(".title-box");
 	const detailBox = formationBox.querySelector(".detail-box");
@@ -2364,11 +2359,10 @@ function editBoxChangeMonId(id) {
 	evoCardUl.style.display = "none";
 	evoCardUl.innerHTML = ""; //据说直接清空HTML性能更好
 
-	const evoLinkCardsIdArray = Cards.filter(function(m) {
-		return m.evoRootId == card.evoRootId;
-	}).map(function(m) { return m.id; }); //筛选出相同进化链的
+	const evoLinkCardsIdArray = Cards.filter(m=>m.evoRootId == card.evoRootId).map(m=>m.id); //筛选出相同进化链的
 
 	const createCardHead = editBox.createCardHead;
+	const openEvolutionaryTree = settingBox.querySelector(".row-mon-id .open-evolutionary-tree");
 	if (evoLinkCardsIdArray.length > 1) {
 		fragment = document.createDocumentFragment(); //创建节点用的临时空间
 		evoLinkCardsIdArray.forEach(function(mid) {
@@ -2380,6 +2374,10 @@ function editBoxChangeMonId(id) {
 		});
 		evoCardUl.appendChild(fragment);
 		evoCardUl.style.display = "block";
+		openEvolutionaryTree.classList.remove(className_displayNone);
+	}else
+	{
+		openEvolutionaryTree.classList.add(className_displayNone);
 	}
 
 	const mType = monInfoBox.querySelectorAll(".monster-type li");
diff --git a/solo.html b/solo.html
index f2870d00..8eed1236 100644
--- a/solo.html
+++ b/solo.html
@@ -669,6 +669,7 @@ var formation = new Formation(teamsCount,6);
 		</div>
 		<div class="setting-box">
 			<div class="setting-row row-mon-id">
+				<button class="open-evolutionary-tree"></button>
 				<button class="open-search"></button><!--搜索怪物按钮-->
 				<input type="search" class="m-id" list="monsters-name-list"/><button class="search-by-string"></button>
 				<datalist id="monsters-name-list"></datalist>
@@ -822,6 +823,10 @@ var formation = new Formation(teamsCount,6);
 				<div class="dialog-content"></div>
 				<div class="dialog-control"><button class="dialog-close"></button></div>
 			</div>
+			<div class="mask mask-evolutionary-tree display-none">
+				<div class="mask-content"></div>
+				<button class="mask-close"></button>
+			</div>
 		</div>
 		<div class="button-box">
 			<button class="button-null"><!--留空格子--></button>
diff --git a/style.css b/style.css
index 4b857416..5557a54d 100644
--- a/style.css
+++ b/style.css
@@ -2202,4 +2202,11 @@ ul{
 {
 	box-sizing: border-box;
 	width: calc(100% - 50px * 1);
+}
+.open-evolutionary-tree
+{
+}
+.open-evolutionary-tree::before
+{
+	content: "⛓️进化链";
 }
\ No newline at end of file
diff --git a/triple.html b/triple.html
index ee439280..ed829aa9 100644
--- a/triple.html
+++ b/triple.html
@@ -1364,6 +1364,7 @@ var formation = new Formation(teamsCount,6);
 		</div>
 		<div class="setting-box">
 			<div class="setting-row row-mon-id">
+				<button class="open-evolutionary-tree"></button>
 				<button class="open-search"></button><!--搜索怪物按钮-->
 				<input type="search" class="m-id" list="monsters-name-list"/><button class="search-by-string"></button>
 				<datalist id="monsters-name-list"></datalist>
@@ -1517,6 +1518,10 @@ var formation = new Formation(teamsCount,6);
 				<div class="dialog-content"></div>
 				<div class="dialog-control"><button class="dialog-close"></button></div>
 			</div>
+			<div class="mask mask-evolutionary-tree display-none">
+				<div class="mask-content"></div>
+				<button class="mask-close"></button>
+			</div>
 		</div>
 		<div class="button-box">
 			<button class="button-null"><!--留空格子--></button>