将可否辅助修改为即时显示

multi.html

@@ -506,7 +506,6 @@ var formation = new Formation(teamsCount,5);
 			<div class="awoken-div"><!--觉醒-->
 				<button class="awoken-clear" ></button>
 				<div>
-					<input type="checkbox" name="can-assist" class="config-checkbox-ipt" id="can-assist"><label class="config-checkbox-lbl can-assist-label" for="can-assist"><div class="config-checkbox-lbl-cicle"></div></label>
 					<input type="checkbox" name="consider-equivalent-awoken" class="config-checkbox-ipt" id="consider-equivalent-awoken"><label class="config-checkbox-lbl consider-equivalent-awoken-label" for="consider-equivalent-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
 					<input type="checkbox" name="include-super-awoken" class="config-checkbox-ipt" id="include-super-awoken"><label class="config-checkbox-lbl include-super-awoken-label" for="include-super-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
 				</div>
@@ -666,6 +665,7 @@ var formation = new Formation(teamsCount,5);
 				<button class="search-start"><!--开始搜索--></button>
 				<button class="search-close"><!--关闭搜索--></button>
 				<button class="search-clear"><!--清空搜索条件--></button>
+				<input type="checkbox" name="can-assist" class="config-checkbox-ipt" id="can-assist"><label class="config-checkbox-lbl can-assist-label" for="can-assist"><div class="config-checkbox-lbl-cicle"></div></label>
 			</div>
 			<ul class="search-mon-list"></ul><!--搜索结果的显示列表-->
 		</div>

script.js

@@ -686,6 +686,7 @@ function initialize()
 	const searchOpen = settingBox.querySelector(".row-mon-id .open-search");
 	searchOpen.onclick = function(){
 		s_includeSuperAwoken.onclick();
+		s_canAssist.onclick();
 		searchBox.classList.toggle("display-none");
 	};
 
@@ -701,8 +702,16 @@ function initialize()
 		return it.querySelector(".count");
 	});
 	
+	const searchMonList = searchBox.querySelector(".search-mon-list"); //搜索结果列表
+
 	const s_awokensEquivalent = searchBox.querySelector("#consider-equivalent-awoken"); //搜索等效觉醒
 	const s_canAssist = searchBox.querySelector("#can-assist"); //只搜索辅助
+	s_canAssist.onclick = function(){
+		if (this.checked)
+		searchMonList.classList.add("only-display-can-assist");
+		else
+		searchMonList.classList.remove("only-display-can-assist");
+	}
 
 	const s_sawokenDiv = searchBox.querySelector(".sawoken-div");
 	
@@ -765,7 +774,6 @@ function initialize()
 	const searchStart = searchBox.querySelector(".control-div .search-start");
 	const searchClose = searchBox.querySelector(".control-div .search-close");
 	const searchClear = searchBox.querySelector(".control-div .search-clear");
-	const searchMonList = searchBox.querySelector(".search-mon-list");
 	function returnCheckedInput(ipt)
 	{
 		return ipt.checked == true;
@@ -833,17 +841,15 @@ function initialize()
 			awokensFilter,
 			sawokensFilter,
 			s_awokensEquivalent.checked,
-			s_canAssist.checked,
 			s_includeSuperAwoken.checked
 			);
-		console.debug("搜索条件：属性[%d,%d]，固定主副%s，类型：%o，觉醒：%o，超觉醒：%o，等效觉醒%s，可做辅助%s，搜超觉醒%s。\n搜索结果：%o",
+		console.debug("搜索条件：属性[%d,%d]，固定主副%s，类型：%o，觉醒：%o，超觉醒：%o，等效觉醒%s，搜超觉醒%s。\n搜索结果：%o",
 			attr1,attr2,
 			s_fixMainColor.checked,
 			typesFilter,
 			awokensFilter,
 			sawokensFilter,
 			s_awokensEquivalent.checked,
-			s_canAssist.checked,
 			s_includeSuperAwoken.checked,
 			searchResult
 			);
@@ -1461,6 +1467,10 @@ function changeid(mon,monDom,latentDom)
 		monDom.querySelector(".subproperty").className = "subproperty subproperty-" + card.attrs[1]; //副属性
 		monDom.title = "No." + monId + " " + (card.otLangName ? (card.otLangName[currentLanguage.searchlist[0]] || card.name) : card.name);
 		monDom.href = monId.toString().replace(/^(\d+)$/ig,currentLanguage.guideURL);
+		if (card.canAssist)
+			monDom.classList.add("allowable-assist");
+		else
+			monDom.classList.remove("allowable-assist");
 	}
 	const levelDom = monDom.querySelector(".level");
 	if (levelDom) //如果提供了等级
@@ -1496,27 +1506,17 @@ function changeid(mon,monDom,latentDom)
 			if (mon.awoken == card.awakenings.length)
 			{
 				awokenIcon.classList.add("full-awoken");
-				if (card.canAssist)
-				{//可以辅助的满觉醒打黄色星星
-					awokenIcon.classList.add("allowable-assist");
-					if (card.awakenings.indexOf(49)>=0)
-					{//武器
-						awokenIcon.classList.add("wepon");
-					}else
-					{
-						awokenIcon.classList.remove("wepon");
-					}
-				}else 
-				{
-					awokenIcon.classList.remove("allowable-assist");
-				}
 			}else
 			{
 				awokenIcon.classList.remove("full-awoken");
-				awokenIcon.classList.remove("allowable-assist");
+			}
+			if (card.awakenings.indexOf(49)>=0)
+			{//武器
+				awokenIcon.classList.add("wepon");
+			}else
+			{
 				awokenIcon.classList.remove("wepon");
 			}
-			
 		}
 	}
 	const sawoken = monDom.querySelector(".super-awoken");

solo.html

@@ -458,7 +458,6 @@ var formation = new Formation(teamsCount,6);
 			<div class="awoken-div"><!--觉醒-->
 				<button class="awoken-clear" ></button>
 				<div>
-					<input type="checkbox" name="can-assist" class="config-checkbox-ipt" id="can-assist"><label class="config-checkbox-lbl can-assist-label" for="can-assist"><div class="config-checkbox-lbl-cicle"></div></label>
 					<input type="checkbox" name="consider-equivalent-awoken" class="config-checkbox-ipt" id="consider-equivalent-awoken"><label class="config-checkbox-lbl consider-equivalent-awoken-label" for="consider-equivalent-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
 					<input type="checkbox" name="include-super-awoken" class="config-checkbox-ipt" id="include-super-awoken"><label class="config-checkbox-lbl include-super-awoken-label" for="include-super-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
 				</div>
@@ -618,6 +617,7 @@ var formation = new Formation(teamsCount,6);
 				<button class="search-start"><!--开始搜索--></button>
 				<button class="search-close"><!--关闭搜索--></button>
 				<button class="search-clear"><!--清空搜索条件--></button>
+				<input type="checkbox" name="can-assist" class="config-checkbox-ipt" id="can-assist"><label class="config-checkbox-lbl can-assist-label" for="can-assist"><div class="config-checkbox-lbl-cicle"></div></label>
 			</div>
 			<ul class="search-mon-list"></ul><!--搜索结果的显示列表-->
 		</div>

style.css

@@ -268,16 +268,16 @@ ul{
 .monster .awoken-count.full-awoken::before{
 	content: "★";
 }
-.monster .awoken-count.allowable-assist.full-awoken::before{
-	content: none;
-}
-.monster .awoken-count.allowable-assist{
+.monster.allowable-assist .awoken-count.full-awoken{
 	font-size: 0;
 	text-shadow: none;
 	background-position: 0 -38px;
 }
+.monster.allowable-assist .awoken-count.full-awoken::before{
+	content: none;
+}
 /*武器*/
-.monster .awoken-count.allowable-assist.wepon{
+.monster.allowable-assist .awoken-count.full-awoken.wepon{
 	transform: scale(0.80) translateY(4px);
 	width:32px;height:32px;
     background-image: url(images/awoken.png);
@@ -885,6 +885,12 @@ ul{
 	border-radius: 5px;
 	background: grey;
 }
+.search-mon-list.only-display-can-assist .monster{
+	opacity: 0.3;
+}
+.search-mon-list.only-display-can-assist .monster.allowable-assist{
+	opacity: 1;
+}
 .setting-box .row-mon-id .open-search{
 	float: right;
 }

triple.html

@@ -1092,7 +1092,6 @@ var formation = new Formation(teamsCount,6);
 			<div class="awoken-div"><!--觉醒-->
 				<button class="awoken-clear" ></button>
 				<div>
-					<input type="checkbox" name="can-assist" class="config-checkbox-ipt" id="can-assist"><label class="config-checkbox-lbl can-assist-label" for="can-assist"><div class="config-checkbox-lbl-cicle"></div></label>
 					<input type="checkbox" name="consider-equivalent-awoken" class="config-checkbox-ipt" id="consider-equivalent-awoken"><label class="config-checkbox-lbl consider-equivalent-awoken-label" for="consider-equivalent-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
 					<input type="checkbox" name="include-super-awoken" class="config-checkbox-ipt" id="include-super-awoken"><label class="config-checkbox-lbl include-super-awoken-label" for="include-super-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
 				</div>
@@ -1252,6 +1251,7 @@ var formation = new Formation(teamsCount,6);
 				<button class="search-start"><!--开始搜索--></button>
 				<button class="search-close"><!--关闭搜索--></button>
 				<button class="search-clear"><!--清空搜索条件--></button>
+				<input type="checkbox" name="can-assist" class="config-checkbox-ipt" id="can-assist"><label class="config-checkbox-lbl can-assist-label" for="can-assist"><div class="config-checkbox-lbl-cicle"></div></label>
 			</div>
 			<ul class="search-mon-list"></ul><!--搜索结果的显示列表-->
 		</div>