增加2P与3P的觉醒统计

multi.html

@@ -38,6 +38,11 @@ var formation = new Formation(teamsCount,5);
 {
 	display: none;
 }
+.show-team-name-left .team-menber-awoken,
+.show-team-name-left .team-assist-awoken
+{
+	padding-left: var(--head-block-width);
+}
 </style>
 </head>
 
@@ -59,8 +64,9 @@ var formation = new Formation(teamsCount,5);
 			<a class="help-link" target="_blank" href="https://github.com/Mapaler/PADDashFormation/blob/master/help.md"></a>
 		</div>
 		<div>
-			<input type="checkbox" class="config-checkbox-ipt" name="show-mon-id" id="show-mon-id" onclick="toggleDomClassName(this,'not-show-mon-id',false);" checked><label class="config-checkbox-lbl show-mon-id-lbl" for="show-mon-id"><div class="config-checkbox-lbl-cicle"></div></label>
 			<input type="checkbox" class="config-checkbox-ipt" name="btn-show-mon-skill-cd" id="btn-show-mon-skill-cd"><label class="config-checkbox-lbl btn-show-mon-skill-cd-lbl" for="btn-show-mon-skill-cd"><div class="config-checkbox-lbl-cicle"></div></label>
+			<input type="checkbox" class="config-checkbox-ipt" name="btn-show-mon-awoken" id="btn-show-mon-awoken"><label class="config-checkbox-lbl btn-show-mon-awoken-lbl" for="btn-show-mon-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
+			<input type="checkbox" class="config-checkbox-ipt" name="show-mon-id" id="show-mon-id" onclick="toggleDomClassName(this,'not-show-mon-id',false);" checked><label class="config-checkbox-lbl show-mon-id-lbl" for="show-mon-id"><div class="config-checkbox-lbl-cicle"></div></label>
 			<input type="checkbox" class="config-checkbox-ipt" name="change-swap-to-copy" id="change-swap-to-copy"><label class="config-checkbox-lbl change-swap-to-copy-lbl" for="change-swap-to-copy"><div class="config-checkbox-lbl-cicle"></div></label>
 		</div>
 		<div class="status"><span class="icon"></span><span class="text"></span></div>
@@ -93,6 +99,50 @@ var formation = new Formation(teamsCount,5);
 						</ul>
 					</div>
 				</div>
+				<ul class="team-menber-awoken">
+					<li class="menber-awoken menber-awoken-1">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-2">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-3">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-4">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-5">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+				</ul>
+				<ul class="team-assist-awoken">
+					<li class="menber-awoken menber-awoken-1">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-2">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-3">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-4">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-5">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+				</ul>
 				<div class="team-box-name">
 					<div class="team-box">
 						<ul class="team-assist">
@@ -465,6 +515,50 @@ var formation = new Formation(teamsCount,5);
 						</ul>
 					</div>
 				</div>
+				<ul class="team-menber-awoken">
+					<li class="menber-awoken menber-awoken-2">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-3">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-4">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-5">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-1">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+				</ul>
+				<ul class="team-assist-awoken">
+					<li class="menber-awoken menber-awoken-2">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-3">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-4">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-5">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-1">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+				</ul>
 				<div class="team-total-info">
 					<div class="tIf-total-move">
 						<span class="general"></span>

script.js

@@ -3113,6 +3113,10 @@ function refreshTeamTotalHP(totalDom, team, teamIdx) {
 
 		setTextContentAndAttribute(tHpDom_general, tHP.bigNumberToString());
 		setTextContentAndAttribute(tHpDom_noAwoken, tHPNoAwoken.bigNumberToString());
+		if (totalReduce > 0)
+			tHpDom_reduce.classList.remove("no-reduce");
+		else
+			tHpDom_reduce.classList.add("no-reduce");
 		setTextContentAndAttribute(tHpDom_reduce.querySelector(".reduce-scale"), (totalReduce * 100).toFixed(2));
 		setTextContentAndAttribute(tHpDom_reduce.querySelector(".general"), tReduceHP.bigNumberToString());
 		setTextContentAndAttribute(tHpDom_reduce.querySelector(".awoken-bind"), tReduceHPNoAwoken.bigNumberToString());
@@ -3178,6 +3182,10 @@ function refreshFormationTotalHP(totalDom, teams) {
 
 		setTextContentAndAttribute(tHpDom_general, tHP.bigNumberToString());
 		setTextContentAndAttribute(tHpDom_noAwoken, tHPNoAwoken.bigNumberToString());
+		if (totalReduce > 0)
+			tHpDom_reduce.classList.remove("no-reduce");
+		else
+			tHpDom_reduce.classList.add("no-reduce");
 		setTextContentAndAttribute(tHpDom_reduce.querySelector(".reduce-scale"), (totalReduce * 100).toFixed(2));
 		setTextContentAndAttribute(tHpDom_reduce.querySelector(".general"), tReduceHP.bigNumberToString());
 		setTextContentAndAttribute(tHpDom_reduce.querySelector(".awoken-bind"), tReduceHPNoAwoken.bigNumberToString());

style.css

@@ -583,8 +583,8 @@ ul{
 .tIf-total-hp .general::before,
 .tIf-total-hp .awoken-bind::before,
 .tIf-total-hp .reduce .reduce-scale::before,
-.tIf-total-hp .reduce .equal-general::before,
-.tIf-total-hp .reduce .equal-awoken-bind::before,
+.tIf-total-hp .reduce .general::before,
+.tIf-total-hp .reduce .awoken-bind::before,
 .tIf-total-move .general::before,
 .tIf-total-move .awoken-bind::before,
 .tIf-total-move.fixed-move-time .general::after
@@ -596,14 +596,14 @@ ul{
 	height: 16px;
 }
 .tIf-total-hp .awoken-bind::before,
-.tIf-total-hp .reduce .equal-awoken-bind::before,
+.tIf-total-hp .reduce .awoken-bind::before,
 .tIf-total-move .awoken-bind::before
 {
 	background-image: url(images/icon-awoken-bind.png);
 }
 
 .tIf-total-hp .general::before,
-.tIf-total-hp .reduce .equal-general::before
+.tIf-total-hp .reduce .general::before
 {
 	background-image: url(images/icon-HP.png);
 }
@@ -612,10 +612,15 @@ ul{
 	background-image: url(images/icon-reduce.png);
 }
 .tIf-total-hp .reduce .reduce-scale::after{
+	content: "%⇔";
+}
+.tIf-total-hp .reduce.no-reduce .reduce-scale::after{
 	content: "%";
 }
-.tIf-total-hp .reduce .reduce-scale:not([data-value="0.00"])::after{
-	content: "%⇔";
+.tIf-total-hp .reduce.no-reduce .general,
+.tIf-total-hp .reduce.no-reduce .awoken-bind
+{
+	display: none;
 }
 
 .tIf-total-move .general::before{

triple.html

@@ -58,8 +58,9 @@ var formation = new Formation(teamsCount,6);
 			<a class="help-link" target="_blank" href="https://github.com/Mapaler/PADDashFormation/blob/master/help.md"></a>
 		</div>
 		<div>
-			<input type="checkbox" class="config-checkbox-ipt" name="show-mon-id" id="show-mon-id" onclick="toggleDomClassName(this,'not-show-mon-id',false);" checked><label class="config-checkbox-lbl show-mon-id-lbl" for="show-mon-id"><div class="config-checkbox-lbl-cicle"></div></label>
 			<input type="checkbox" class="config-checkbox-ipt" name="btn-show-mon-skill-cd" id="btn-show-mon-skill-cd"><label class="config-checkbox-lbl btn-show-mon-skill-cd-lbl" for="btn-show-mon-skill-cd"><div class="config-checkbox-lbl-cicle"></div></label>
+			<input type="checkbox" class="config-checkbox-ipt" name="btn-show-mon-awoken" id="btn-show-mon-awoken"><label class="config-checkbox-lbl btn-show-mon-awoken-lbl" for="btn-show-mon-awoken"><div class="config-checkbox-lbl-cicle"></div></label>
+			<input type="checkbox" class="config-checkbox-ipt" name="show-mon-id" id="show-mon-id" onclick="toggleDomClassName(this,'not-show-mon-id',false);" checked><label class="config-checkbox-lbl show-mon-id-lbl" for="show-mon-id"><div class="config-checkbox-lbl-cicle"></div></label>
 			<input type="checkbox" class="config-checkbox-ipt" name="btn-show-awoken-count" id="btn-show-awoken-count" onclick="toggleDomClassName(this,'not-show-awoken-count',false);" checked><label class="config-checkbox-lbl btn-show-awoken-count-lbl" for="btn-show-awoken-count"><div class="config-checkbox-lbl-cicle"></div></label>
 			<input type="checkbox" class="config-checkbox-ipt" name="change-swap-to-copy" id="change-swap-to-copy"><label class="config-checkbox-lbl change-swap-to-copy-lbl" for="change-swap-to-copy"><div class="config-checkbox-lbl-cicle"></div></label>
 		</div>
@@ -325,6 +326,58 @@ var formation = new Formation(teamsCount,6);
 						</ul>
 					</div>
 				</div>
+				<ul class="team-menber-awoken">
+					<li class="menber-awoken menber-awoken-1">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-2">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-3">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-4">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-5">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-6">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+				</ul>
+				<ul class="team-assist-awoken">
+					<li class="menber-awoken menber-awoken-1">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-2">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-3">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-4">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-5">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-6">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+				</ul>
 				<ul class="team-ability">
 					<li class="abilitys abilitys-1">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
@@ -686,6 +739,58 @@ var formation = new Formation(teamsCount,6);
 						</ul>
 					</div>
 				</div>
+				<ul class="team-menber-awoken">
+					<li class="menber-awoken menber-awoken-1">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-2">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-3">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-4">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-5">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-6">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+				</ul>
+				<ul class="team-assist-awoken">
+					<li class="menber-awoken menber-awoken-1">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-2">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-3">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-4">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-5">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-6">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+				</ul>
 				<ul class="team-ability">
 					<li class="abilitys abilitys-1">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>
@@ -1047,6 +1152,58 @@ var formation = new Formation(teamsCount,6);
 						</ul>
 					</div>
 				</div>
+				<ul class="team-menber-awoken">
+					<li class="menber-awoken menber-awoken-1">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-2">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-3">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-4">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-5">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-6">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+				</ul>
+				<ul class="team-assist-awoken">
+					<li class="menber-awoken menber-awoken-1">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-2">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-3">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-4">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-5">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+					<li class="menber-awoken menber-awoken-6">
+						<ul class="awoken-ul">
+						</ul>
+					</li>
+				</ul>
 				<ul class="team-ability">
 					<li class="abilitys abilitys-1">
 						<div class="hp"></div><div class="atk"></div><div class="rcv"></div>