weightinput is now being displayed and the state is safed. TODO safe state for each exercise.

src/stores/storeInput.js

@@ -8,27 +8,19 @@ export const useWeightInputStore = defineStore('weightInput', () => {
     
     function addWorkingSet(selectedExercise) {
         if (!exercises.value[selectedExercise]) {
-            exercises.value[selectedExercise] = {
+            return;
-              workingSet: [],
-            };
-            exercises.value[selectedExercise].workingSet.push({
-                workingSetReps: [],
-                workingSetWeight: [],});
           }
           exercises.value[selectedExercise].workingSet.push({
             workingSetReps: [],
             workingSetWeight: [],
           });
+
+          console.log('Added working set:', exercises.value[selectedExercise]);
     }
 
     function addWarmUpSet(selectedExercise) {
-        if (!exercises.value[selectedExercise]) {
+       if (!exercises.value[selectedExercise]) {
-            exercises.value[selectedExercise] = {
+           return;
-                warmUpSet: [],
-            };
-            exercises.value[selectedExercise].warmUpSet.push({
-                warmSetReps: [],
-                warmSetWeight: [],});
           }
           exercises.value[selectedExercise].warmUpSet.push({
             warmSetReps: [],
@@ -37,35 +29,37 @@ export const useWeightInputStore = defineStore('weightInput', () => {
     }
 
     function removeWorkingSet(selectedExercise) {
-        if(exercises.value[selectedExercise]) {
+        if(!exercises.value[selectedExercise]) {
-            exercises.workingSet.pop({
+          return
-            workingSetReps: [],
-            workingSetsWeight: [],
-            })
         }
+        exercises.value[selectedExercise].workingSet.pop({
+          workingSetReps: [],
+          workingSetsWeight: [],
+        })
     }
     
     function removeWarmUpSet(selectedExercise) {
-        if(exercises.value[selectedExercise]) {
+        if(!exercises.value[selectedExercise]) {
-            exercises.warmUpSet.pop({
+          return;
-            warmUpSetReps: [],
-            warmUpSetsWeight: [],
-            })
         }
+        exercises.value[selectedExercise].workingSet.pop({
+          warmUpSetReps: [],
+          warmUpSetsWeight: [],
+        })
     }
 
     function getWorkingSetCount(selectedExercise) {
         if (exercises.value[selectedExercise]) {
           return exercises.value[selectedExercise].workingSet.length;
         }
-        return 0;
+        return 1;
       }
     
       function getWarmUpSetCount(selectedExercise) {
         if (exercises.value[selectedExercise]) {
           return exercises.value[selectedExercise].warmUpSet.length;
         }
-        return 0;
+        return 1;
       }
 
       function initSetsInputs(selectedExercise) {
@@ -74,7 +68,6 @@ export const useWeightInputStore = defineStore('weightInput', () => {
                 workingSet: [],
                 warmUpSet: [],
               };
-            };
         exercises.value[selectedExercise].workingSet.push({
             workingSetReps: [],
             workingSetWeight: [],
@@ -83,9 +76,18 @@ export const useWeightInputStore = defineStore('weightInput', () => {
             warmSetReps: [],
             warmSetWeight: [],
           });
-    }     
+        }
+      }     
 
-    return { exercises, addWorkingSet, removeWorkingSet, addWarmUpSet, removeWarmUpSet, getWorkingSetCount, getWarmUpSetCount, initSetsInputs }
+    return { 
+      exercises, 
+      addWorkingSet, 
+      removeWorkingSet, 
+      addWarmUpSet, 
+      removeWarmUpSet, 
+      getWorkingSetCount, 
+      getWarmUpSetCount, 
+      initSetsInputs }
 
     }
 )

src/views/weight/WeightsInput.vue

@@ -7,26 +7,24 @@
                 Add
         </button>
         <button :disabled="!warmUpSetSmallerOne"
-                @click="weightInpug.removeWarmUpSet()"
+                @click="weightInput.removeWarmUpSet()"
                 class="bg-accent hover:bg-primary-button text-white font-bold py-2 px-2 rounded ml-5 disabled:opacity-25">
                 Remove
         </button>
         <div>
-          <div v-for="(warmUpSet, warmUpSetCount) in weightInput.exercises.warmUpSets" :key="warmUpSetCount" class="item flex justify-smart mt-1">
+          <div v-for="(warmUpSet, warmUpSetCount) in weightInput.exercises[selectedExercise].warmUpSet" :key="warmUpSetCount" class="item flex justify-smart mt-1">
-            {{ warmUpSet }}  
+            <label class="break-normal"> {{ warmUpSetCount + 1 }}. Set</label>
           <div class="ml-3">
-            <label class="ml-3 mt-2"> {{ warmUpSetCount }}. Set</label>
             <input 
-            v-model="weightInput.exercises.warmUpSets.warmUpSetsWeight[warmUpSetCount]" 
+            v-model="warmUpSet.warmUpWeight" 
             type="number" 
             class="mt-1 px-3 py-2 bg-black border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none block rounded-md sm:text-sm " 
             placeholder="Weight (kg)"
             onkeypress='return event.charCode >= 48 && event.charCode <= 57'/>
           </div>
-          <label class="ml-3 mt-2">Reps</label>
           <div class="ml-3">
             <input 
-            v-model="weightInput.exercises.warmUpSets.warmUpSetReps[warmUpSetCount]" 
+            v-model="warmUpSet.warmUpReps" 
             type="number" 
             class="mt-1 px-3 py-2 bg-black border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none block rounded-md sm:text-sm " 
             placeholder="Reps"
@@ -48,20 +46,19 @@
         </button>
         
         <div>
-          <div v-for="(workingset, workingSetCount) in weightInput.exercises.workingSets" :key="workingSetCount" class="item flex justify-smart mt-1">
+          <div v-for="(workingset, workingSetCount) in weightInput.exercises[selectedExercise].workingSet" :key="workingSetCount" class="item flex justify-smart mt-1">
-            {{ workingset }}  
+            <label class=""> {{ workingSetCount + 1 }}. Set</label>
           <div class="ml-3">
             <input
-            v-model="weightInput.exercises.workingSets.workingSetsWeight[workingSetCount]" 
+            v-model="workingset.workingSetWeight"
             type="number" 
             class="mt-1 px-3 py-2 bg-black border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none block rounded-md sm:text-sm " 
             placeholder="Weight (Kg)"
             onkeypress='return event.charCode >= 48 && event.charCode <= 57'/>
           </div>
-          <label class="ml-3 mt-2">Reps</label>
           <div class="ml-3">
             <input 
-            v-model="weightInput.exercises.workingSets.workingSetReps[workingSetCount]" 
+            v-model="workingset.workingSetReps" 
             type="number" 
             class="mt-1 px-3 py-2 bg-black border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none block rounded-md sm:text-sm " 
             placeholder="Reps"
@@ -89,21 +86,11 @@ weightInput.selectedExercise = ref(selectedExercise.selectedExercise);
 // weightInput.addWorkingSet(selectedExercise.selectedExercise);}
 
   const warmUpSetSmallerOne = () =>  {
-    if (weightInput.getWarmUpSetCount < 1) {
+    weightInput.getWarmUpSetCount <= 1 ? false : true;
-      return false;
-    } 
-    return true;
   };
 
   const workingSetSmallerOne = () => {
-    if (weightInput.getWorkingSetCount < 1) {
+    weightInput.getWorkingSetCount <= 1 ? false : true;
-      return false;
-    } 
-    return true;
   };
 
-</script>
+</script>
-
-<style> 
-
-</style>