From b4a0563e5f27fc28f6471cc0d7783c20258bcf37 Mon Sep 17 00:00:00 2001
From: I Made Setia Baruna <setia.baruna@sprintasia.co.id>
Date: Fri, 5 Feb 2021 00:31:02 +0800
Subject: [PATCH] Update talent calculator input

---
 src/routes/calculator/_character.svelte | 32 +++++++++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

diff --git a/src/routes/calculator/_character.svelte b/src/routes/calculator/_character.svelte
index 26e7afb9..9f9184f6 100644
--- a/src/routes/calculator/_character.svelte
+++ b/src/routes/calculator/_character.svelte
@@ -73,6 +73,11 @@
     second: 1,
     third: 1,
   };
+  let targetTalentLevel = {
+    first: 1,
+    second: 1,
+    third: 1,
+  };
   let talentMaterial = {
     items: {},
     mora: 0,
@@ -281,7 +286,7 @@
 
   function calculateTalent() {
     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;
 
         const currentBook = selectedCharacter.material.book[talent.book.rarity - 2];
@@ -525,7 +530,6 @@
           <Check on:change={onChange} bind:checked={withTalent}>Calculate Talent Material?</Check>
         {/if}
         {#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>
           <div class="grid grid-cols-3 gap-2 mt-2">
             <Input
@@ -550,6 +554,30 @@
               bind:value={currentTalentLevel.third}
               placeholder="3rd talent lvl" />
           </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}
       </div>
     </div>