fix

src/abstraction/repository/programSeriesRepository.js

@@ -21,6 +21,16 @@ export default class ProgramSeriesRepository {
             return getJson(response.data.data);
         }
     }
+    async update({ courseId, seriesId }, data) {
+        let json = setData(data);
+        let response = await axios.put(
+            url("updateSeries", { course: courseId, series: seriesId }),
+            json
+        );
+        if (response.status === 200) {
+            return response.data.data;
+        }
+    }
     async delete(data) {
         await axios.delete(url("destroySeries", { series: data }));
     }

src/components/ProgramSeries/Item.vue

@@ -11,9 +11,7 @@
       <v-row>
         <v-col cols="3">
           <div>
-            <div class="series__name">
-              series {{ seriesNumber }}: {{ series.name }}
-            </div>
+            <div class="series__name">series {{ seriesNumber }}: {{ series.name }}</div>
           </div>
         </v-col>
         <v-col cols="3">
@@ -49,6 +47,7 @@
             width="48"
             class="ml-1 custom-btn"
             icon="WMi-pencil"
+            @click.native.prevent="$_openModal('add_series', { data: series })"
           />
           <RectangleButton
             v-if="role === 'admin'"
@@ -119,4 +118,4 @@ export default {
   word-wrap: break-word;
   overflow: hidden;
 }
-</style>
+</style>

src/components/ProgramSeries/Modals/AddSeriesModal.vue

@@ -5,6 +5,7 @@
     tag="vee-form"
     @submit="addSeries"
     ref="modal"
+    @open="openModal"
   >
     <template #header>
       <div class="close__modal">
@@ -76,7 +77,7 @@
         <RectangleButton
           height="29"
           class="btn__modal--confirm custom-btn wa__f__m__eb"
-          text="add"
+          :text="`${form.id ? 'edit' : 'add'}`"
           type="submit"
         />
       </div>
@@ -101,14 +102,28 @@ export default {
     },
   }),
   methods: {
-    ...mapActions("programSeries", ["addSeriesToProgram"]),
+    ...mapActions("programSeries", ["addSeriesToProgram", "updateSeriesToProgram"]),
+    openModal({ data }) {
+      this.form = { ...data };
+    },
     async addSeries() {
-      let response = await this.addSeriesToProgram({
-        data: this.form,
-        courseId: Number(this.programId),
-      });
-      if (response) {
-        this.$_closeModal();
+      if (this.form.id) {
+        let response = await this.updateSeriesToProgram({
+          data: this.form,
+          courseId: +this.programId,
+          seriesId: +this.form.id,
+        });
+        if (response) {
+          this.$_closeModal();
+        }
+      } else {
+        let response = await this.addSeriesToProgram({
+          data: this.form,
+          courseId: Number(this.programId),
+        });
+        if (response) {
+          this.$_closeModal();
+        }
       }
     },
   },

src/router/url.js

@@ -37,9 +37,10 @@ const urls = {
   // join workout to series
   joinWorkoutToSeries: "trainer/series/:series/workout/:workout",
   destroyWorkoutFromSeries: "trainer/series/:series/workout/:workout",
-  //  series
+  // programs -> series
   indexSeries: "trainer/courses/:course/series",
   storeSeries: "trainer/course/:course/series",
+  updateSeries: "trainer/course/:course/series/:series",
   destroySeries: "trainer/series/:series",
   // programs -> series -> workouts
   indexSeriesWorkouts: "trainer/courses/:course/series/:series/workouts",

src/store/modules/programSeries/actions.js

@@ -26,6 +26,11 @@ export default {
             return resource
         }
     },
+    async updateSeriesToProgram({ commit }, { data, courseId, seriesId }) {
+        let repository = new ProgramSeriesRepository();
+        const resource = await repository.update({ courseId, seriesId }, data);
+        commit("UPDATE_SERIES_TO_PROGRAM", resource);
+    },
     async deleteSeriesFromProgram({ commit }, seriesId) {
         let repository = new ProgramSeriesRepository();
         await repository.delete(seriesId);