Update talent calculator input

pull/1/head
I Made Setia Baruna 2021-02-05 00:31:02 +08:00
parent 8f95c5651d
commit b4a0563e5f
1 changed files with 30 additions and 2 deletions

View File

@ -73,6 +73,11 @@
second: 1, second: 1,
third: 1, third: 1,
}; };
let targetTalentLevel = {
first: 1,
second: 1,
third: 1,
};
let talentMaterial = { let talentMaterial = {
items: {}, items: {},
mora: 0, mora: 0,
@ -281,7 +286,7 @@
function calculateTalent() { function calculateTalent() {
Object.keys(currentTalentLevel).forEach((i) => { Object.keys(currentTalentLevel).forEach((i) => {
talent.slice(currentTalentLevel[i] - 1, maxTalentLevel - 1).forEach((talent) => { talent.slice(currentTalentLevel[i] - 1, targetTalentLevel[i] - 1).forEach((talent) => {
talentMaterial.mora = talentMaterial.mora + talent.mora; talentMaterial.mora = talentMaterial.mora + talent.mora;
const currentBook = selectedCharacter.material.book[talent.book.rarity - 2]; const currentBook = selectedCharacter.material.book[talent.book.rarity - 2];
@ -525,7 +530,6 @@
<Check on:change={onChange} bind:checked={withTalent}>Calculate Talent Material?</Check> <Check on:change={onChange} bind:checked={withTalent}>Calculate Talent Material?</Check>
{/if} {/if}
{#if withTalent} {#if withTalent}
<p class="text-white text-center mt-3">Will calculate all talent to level {maxTalentLevel}</p>
<p class="text-white text-center mt-3">Input the 1st, 2nd & 3rd current talent level</p> <p class="text-white text-center mt-3">Input the 1st, 2nd & 3rd current talent level</p>
<div class="grid grid-cols-3 gap-2 mt-2"> <div class="grid grid-cols-3 gap-2 mt-2">
<Input <Input
@ -550,6 +554,30 @@
bind:value={currentTalentLevel.third} bind:value={currentTalentLevel.third}
placeholder="3rd talent lvl" /> placeholder="3rd talent lvl" />
</div> </div>
<p class="text-white text-center mt-3">to level</p>
<div class="grid grid-cols-3 gap-2 mt-2">
<Input
on:change={onChange}
type="number"
min={currentTalentLevel.first}
max={maxTalentLevel}
bind:value={targetTalentLevel.first}
placeholder="1st talent lvl" />
<Input
on:change={onChange}
type="number"
min={currentTalentLevel.second}
max={maxTalentLevel}
bind:value={targetTalentLevel.second}
placeholder="2nd talent lvl" />
<Input
on:change={onChange}
type="number"
min={currentTalentLevel.third}
max={maxTalentLevel}
bind:value={targetTalentLevel.third}
placeholder="3rd talent lvl" />
</div>
{/if} {/if}
</div> </div>
</div> </div>