From 71ce91cd353042021acc3ccb03f9aa9ad01457e4 Mon Sep 17 00:00:00 2001
From: roberts <robert.stertz1@hs-augsburg.de>
Date: Sat, 3 Jun 2023 18:25:46 +0200
Subject: [PATCH] resolved remove button issue

---
 src/components/ExerciseList.vue   |  4 ++--
 src/stores/storeInput.js          |  5 +++--
 src/views/weight/WeightsInput.vue | 31 ++++++++++++-------------------
 3 files changed, 17 insertions(+), 23 deletions(-)

diff --git a/src/components/ExerciseList.vue b/src/components/ExerciseList.vue
index b57a9be..a2a83f1 100644
--- a/src/components/ExerciseList.vue
+++ b/src/components/ExerciseList.vue
@@ -7,7 +7,7 @@
     <div class="flex">
     <div class="exerciseList">
       <ul class="exerciseItem" v-for="exercise in filterExercises()" :key="exercise.name">
-        <button @click="exerciseClick(exercise); addSets()" class="btn bg-secondary-button hover:bg-accent text-white font-bold py-2 px-2 rounded" >{{ exercise.name }}</button>
+        <button @click="exerciseClick(exercise); initSetInput()" class="btn bg-secondary-button hover:bg-accent text-white font-bold py-2 px-2 rounded" >{{ exercise.name }}</button>
       </ul>
     </div>
     <div v-if="selectedExercise">
@@ -69,7 +69,7 @@
     selectedExercise.value = exercise;
   };
 
-  const addSets = () => {
+  const initSetInput = () => {
     weightInput.initSetsInputs(selectedExercise.value);
   };
 
diff --git a/src/stores/storeInput.js b/src/stores/storeInput.js
index 4ac88be..2481e6c 100644
--- a/src/stores/storeInput.js
+++ b/src/stores/storeInput.js
@@ -42,7 +42,7 @@ export const useWeightInputStore = defineStore('weightInput', () => {
         if(!exercises.value[selectedExercise]) {
           return;
         }
-        exercises.value[selectedExercise].workingSet.pop({
+        exercises.value[selectedExercise].warmUpSet.pop({
           warmUpSetReps: [],
           warmUpSetsWeight: [],
         })
@@ -68,7 +68,7 @@ export const useWeightInputStore = defineStore('weightInput', () => {
                 workingSet: [],
                 warmUpSet: [],
               };
-        exercises.value[selectedExercise].workingSet.push({
+          exercises.value[selectedExercise].workingSet.push({
             workingSetReps: [],
             workingSetWeight: [],
           });
@@ -77,6 +77,7 @@ export const useWeightInputStore = defineStore('weightInput', () => {
             warmSetWeight: [],
           });
         }
+        console.log('Init sets inputs:', exercises.value[selectedExercise], selectedExercise);
       }     
 
     return { 
diff --git a/src/views/weight/WeightsInput.vue b/src/views/weight/WeightsInput.vue
index 51f03d5..ca4471a 100644
--- a/src/views/weight/WeightsInput.vue
+++ b/src/views/weight/WeightsInput.vue
@@ -1,19 +1,22 @@
 <template>
+
     <div class="w-2/3 mx-auto">
-      <div class="warmup-sets mt-2">
+      <div class="mt-2">
         <label>Warm-Up Sets</label>
         <button @click="weightInput.addWarmUpSet(selectedExercise)" 
                 class="bg-accent hover:bg-primary-button text-white font-bold py-2 px-2 rounded ml-5">
                 Add
         </button>
-        <button :disabled="!warmUpSetSmallerOne"
-                @click="weightInput.removeWarmUpSet()"
+        <!-- https://www.designcise.com/web/tutorial/how-to-conditionally-disable-a-button-in-vue-js -->
+        <button :disabled="weightInput.getWarmUpSetCount(selectedExercise) <= 1"
+                @click="weightInput.removeWarmUpSet(selectedExercise)"
                 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[selectedExercise].warmUpSet" :key="warmUpSetCount" class="item flex justify-smart mt-1">
-            <label class="break-normal"> {{ warmUpSetCount + 1 }}. Set</label>
+        
+          <div v-for="(warmUpSet, warmUpSetCount) in weightInput.exercises[selectedExercise].warmUpSet" :key="warmUpSetCount" 
+          class="flex ml-2">
+          <label>Set {{ warmUpSetCount + 1 }}</label>
           <div class="ml-3">
             <input 
             v-model="warmUpSet.warmUpWeight" 
@@ -31,7 +34,7 @@
             onkeypress='return event.charCode >= 48 && event.charCode <= 57'/>
           </div>
         </div>  
-      </div>
+      
 
       <div class="working-set mt-5">
         <label>Working Sets</label>
@@ -39,7 +42,7 @@
                 class="bg-accent hover:bg-primary-button text-white font-bold py-2 px-2 rounded ml-7">
                 Add
       </button>
-      <button :disabled="!workingSetSmallerOne"
+      <button  :disabled="weightInput.getWorkingSetCount(selectedExercise) <= 1"
                 @click="weightInput.removeWorkingSet(selectedExercise)"
                 class="bg-accent hover:bg-primary-button text-white font-bold py-2 px-2 rounded ml-5 disabled:opacity-25">
                 Remove
@@ -69,6 +72,7 @@
       </div>
     </div>  
     </div>
+
 </template>
 
 <script setup>
@@ -82,15 +86,4 @@ const selectedExercise = defineProps({
 const weightInput = useWeightInputStore();
 weightInput.selectedExercise = ref(selectedExercise.selectedExercise);
 
-// const addWorkingSet = () => {
-// weightInput.addWorkingSet(selectedExercise.selectedExercise);}
-
-  const warmUpSetSmallerOne = () =>  {
-    weightInput.getWarmUpSetCount <= 1 ? false : true;
-  };
-
-  const workingSetSmallerOne = () => {
-    weightInput.getWorkingSetCount <= 1 ? false : true;
-  };
-
 </script>
\ No newline at end of file