| @@ -38,6 +38,11 @@ var formation = new Formation(teamsCount,5); | |||||
| { | { | ||||
| display: none; | display: none; | ||||
| } | } | ||||
| .show-team-name-left .team-menber-awoken, | |||||
| .show-team-name-left .team-assist-awoken | |||||
| { | |||||
| padding-left: var(--head-block-width); | |||||
| } | |||||
| </style> | </style> | ||||
| </head> | </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> | <a class="help-link" target="_blank" href="https://github.com/Mapaler/PADDashFormation/blob/master/help.md"></a> | ||||
| </div> | </div> | ||||
| <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-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> | <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> | ||||
| <div class="status"><span class="icon"></span><span class="text"></span></div> | <div class="status"><span class="icon"></span><span class="text"></span></div> | ||||
| @@ -93,6 +99,50 @@ var formation = new Formation(teamsCount,5); | |||||
| </ul> | </ul> | ||||
| </div> | </div> | ||||
| </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-name"> | ||||
| <div class="team-box"> | <div class="team-box"> | ||||
| <ul class="team-assist"> | <ul class="team-assist"> | ||||
| @@ -465,6 +515,50 @@ var formation = new Formation(teamsCount,5); | |||||
| </ul> | </ul> | ||||
| </div> | </div> | ||||
| </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="team-total-info"> | ||||
| <div class="tIf-total-move"> | <div class="tIf-total-move"> | ||||
| <span class="general"></span> | <span class="general"></span> | ||||
| @@ -3113,6 +3113,10 @@ function refreshTeamTotalHP(totalDom, team, teamIdx) { | |||||
| setTextContentAndAttribute(tHpDom_general, tHP.bigNumberToString()); | setTextContentAndAttribute(tHpDom_general, tHP.bigNumberToString()); | ||||
| setTextContentAndAttribute(tHpDom_noAwoken, tHPNoAwoken.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(".reduce-scale"), (totalReduce * 100).toFixed(2)); | ||||
| setTextContentAndAttribute(tHpDom_reduce.querySelector(".general"), tReduceHP.bigNumberToString()); | setTextContentAndAttribute(tHpDom_reduce.querySelector(".general"), tReduceHP.bigNumberToString()); | ||||
| setTextContentAndAttribute(tHpDom_reduce.querySelector(".awoken-bind"), tReduceHPNoAwoken.bigNumberToString()); | setTextContentAndAttribute(tHpDom_reduce.querySelector(".awoken-bind"), tReduceHPNoAwoken.bigNumberToString()); | ||||
| @@ -3178,6 +3182,10 @@ function refreshFormationTotalHP(totalDom, teams) { | |||||
| setTextContentAndAttribute(tHpDom_general, tHP.bigNumberToString()); | setTextContentAndAttribute(tHpDom_general, tHP.bigNumberToString()); | ||||
| setTextContentAndAttribute(tHpDom_noAwoken, tHPNoAwoken.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(".reduce-scale"), (totalReduce * 100).toFixed(2)); | ||||
| setTextContentAndAttribute(tHpDom_reduce.querySelector(".general"), tReduceHP.bigNumberToString()); | setTextContentAndAttribute(tHpDom_reduce.querySelector(".general"), tReduceHP.bigNumberToString()); | ||||
| setTextContentAndAttribute(tHpDom_reduce.querySelector(".awoken-bind"), tReduceHPNoAwoken.bigNumberToString()); | setTextContentAndAttribute(tHpDom_reduce.querySelector(".awoken-bind"), tReduceHPNoAwoken.bigNumberToString()); | ||||
| @@ -583,8 +583,8 @@ ul{ | |||||
| .tIf-total-hp .general::before, | .tIf-total-hp .general::before, | ||||
| .tIf-total-hp .awoken-bind::before, | .tIf-total-hp .awoken-bind::before, | ||||
| .tIf-total-hp .reduce .reduce-scale::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 .general::before, | ||||
| .tIf-total-move .awoken-bind::before, | .tIf-total-move .awoken-bind::before, | ||||
| .tIf-total-move.fixed-move-time .general::after | .tIf-total-move.fixed-move-time .general::after | ||||
| @@ -596,14 +596,14 @@ ul{ | |||||
| height: 16px; | height: 16px; | ||||
| } | } | ||||
| .tIf-total-hp .awoken-bind::before, | .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 | .tIf-total-move .awoken-bind::before | ||||
| { | { | ||||
| background-image: url(images/icon-awoken-bind.png); | background-image: url(images/icon-awoken-bind.png); | ||||
| } | } | ||||
| .tIf-total-hp .general::before, | .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); | background-image: url(images/icon-HP.png); | ||||
| } | } | ||||
| @@ -612,10 +612,15 @@ ul{ | |||||
| background-image: url(images/icon-reduce.png); | background-image: url(images/icon-reduce.png); | ||||
| } | } | ||||
| .tIf-total-hp .reduce .reduce-scale::after{ | .tIf-total-hp .reduce .reduce-scale::after{ | ||||
| content: "%⇔"; | |||||
| } | |||||
| .tIf-total-hp .reduce.no-reduce .reduce-scale::after{ | |||||
| content: "%"; | 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{ | .tIf-total-move .general::before{ | ||||
| @@ -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> | <a class="help-link" target="_blank" href="https://github.com/Mapaler/PADDashFormation/blob/master/help.md"></a> | ||||
| </div> | </div> | ||||
| <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-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="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> | <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> | ||||
| @@ -325,6 +326,58 @@ var formation = new Formation(teamsCount,6); | |||||
| </ul> | </ul> | ||||
| </div> | </div> | ||||
| </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"> | <ul class="team-ability"> | ||||
| <li class="abilitys abilitys-1"> | <li class="abilitys abilitys-1"> | ||||
| <div class="hp"></div><div class="atk"></div><div class="rcv"></div> | <div class="hp"></div><div class="atk"></div><div class="rcv"></div> | ||||
| @@ -686,6 +739,58 @@ var formation = new Formation(teamsCount,6); | |||||
| </ul> | </ul> | ||||
| </div> | </div> | ||||
| </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"> | <ul class="team-ability"> | ||||
| <li class="abilitys abilitys-1"> | <li class="abilitys abilitys-1"> | ||||
| <div class="hp"></div><div class="atk"></div><div class="rcv"></div> | <div class="hp"></div><div class="atk"></div><div class="rcv"></div> | ||||
| @@ -1047,6 +1152,58 @@ var formation = new Formation(teamsCount,6); | |||||
| </ul> | </ul> | ||||
| </div> | </div> | ||||
| </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"> | <ul class="team-ability"> | ||||
| <li class="abilitys abilitys-1"> | <li class="abilitys abilitys-1"> | ||||
| <div class="hp"></div><div class="atk"></div><div class="rcv"></div> | <div class="hp"></div><div class="atk"></div><div class="rcv"></div> | ||||