Difference between revisions of "Widget:HealCalculator"

From Dragalia Lost Wiki
Jump to navigation Jump to search
>@DeletedUser41383047
>@DeletedUser41383047
Line 43: Line 43:
 
     <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div id="adv-hp" style="display:inline;"><input type="number" id="HP" class="a"></div></div>
 
     <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div id="adv-hp" style="display:inline;"><input type="number" id="HP" class="a"></div></div>
 
     </div>
 
     </div>
     <p>STR: <input type="number" id="STR" class='a'></p>
+
     <div style="width:100%">
     <p>Potency %: <input type="number" id="PTNCY" class='a'></p>
+
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>HP: </div></div>
     <p>Potency Buff %: <input type="number" id="PTNCYB" class='a'></p>
+
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div id="adv-hp" style="display:inline;"><input type="number" id="HP" class="a"></div></div>
     <p>CoAbility %: <input type="number" id="COBUFF" class='a'></p>
+
    </div>
     <p>Same Element?: <input type="checkbox" id="ELEM"> Check for yes.</p>
+
    <div style="width:100%">
     <p>Raid?: <input type= "checkbox" id="RAID">Check for yes.</p>
+
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>STR: </div></div>
     <p>Include Healing Over Time?<input type="checkbox" id="checkbox" onclick="display()">Check for yes.</p>
+
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div id="adv-hp" style="display:inline;"><input type="number" id="STR" class="a"></div></div>
 +
     </div>
 +
    <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>Potency %: </div></div>
 +
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div id="adv-hp" style="display:inline;"><input type="number" id="PTNCY" class="a"></div></div>
 +
     </div>
 +
    <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>Potency Buff %: </div></div>
 +
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div id="adv-hp" style="display:inline;"><input type="number" id="PTNCYB" class="a"></div></div>
 +
     </div>
 +
    <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>CoAbility %: </div></div>
 +
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div id="adv-hp" style="display:inline;"><input type="number" id="COBUFF" class="a"></div></div>
 +
     </div>
 +
    <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>Same Element?: </div></div>
 +
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div id="adv-hp" style="display:inline;"><input type="checkbox" id="ELEM">Check for yes.</div></div>
 +
     </div>
 +
    <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>Raid?: </div></div>
 +
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div id="adv-hp" style="display:inline;"><input type= "checkbox" id="RAID">Check for yes.</div></div>
 +
    </div>
 +
     <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>Include Healing Over Time?: </div></div>
 +
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div id="adv-hp" style="display:inline;"><input type="checkbox" id="checkbox" onclick="display()">Check for yes.</div></div>
 +
    </div>
 
     <div id="HOT" style="display:none">
 
     <div id="HOT" style="display:none">
      <p>REGEN%: <input type="number" id="REGEN" class='a'></p>
+
    <div style="width:100%">
      <p>DURATION: <input type="number" id="DUR"class='a'></p>
+
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>REGEN%: </div></div>
      <p>HEAL FREQUENCY: <input type="number" id="FREQ"class='a'></p>
+
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div id="adv-hp" style="display:inline;"><input type="number" id="REGEN" class="a"></div></div>
 +
    </div>
 +
    <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>DURATION: </div></div>
 +
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div id="adv-hp" style="display:inline;"><input type="number" id="DUR" class="a"></div></div>
 +
    </div>
 +
    <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>HEAL FREQUENCY: </div></div>
 +
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div id="adv-hp" style="display:inline;"><input type="number" id="FREQ" class="a"></div></div>
 +
    </div>
 +
    </div>
 +
    <div style="width:100%">
 +
    <div class="dt-term" style="display:inline-block;width:120px;text-align:right;padding: 3px 8px 3px 0;margin: 0 -6px 0 0;border-right:3px #528e52 solid;font-weight:bold;vertical-align:top"><div>Total Heal: </div></div>
 +
    <div class="dd-description" style="display:inline-block;width:150px;text-align:left;padding: 3px 0 3px 6px;border-left: 1px #528e52 solid;vertical-align:top"><div id="adv-hp" style="display:inline;"><id="total"></div></div>
 
     </div>
 
     </div>
    <p>Total Heal:</p>
 
    <p id="total"> </p>
 
 
     <button onclick="calculate()">
 
     <button onclick="calculate()">
 
       Calculate
 
       Calculate
 
     </button>
 
     </button>
 
</includeonly>
 
</includeonly>

Revision as of 11:01, 29 November 2018