From f6a9728bb0cf4a8ae9687371e6996604e5835eb1 Mon Sep 17 00:00:00 2001
From: sajjad <sajjad.t.dev@gmail.com>
Date: Thu, 31 Mar 2022 20:18:03 +0430
Subject: [PATCH] fix

---
 .../repository/sportCategoryRepository.js          |  8 +++++++-
 src/abstraction/resources/programResource.js       |  3 +--
 src/abstraction/resources/sportCategoryResource.js |  1 -
 src/components/ProgramSeries/Item.vue              |  5 +++--
 src/components/Programs/Add.vue                    | 14 ++++++--------
 src/store/modules/sportCategories/actions.js       |  8 +++++---
 src/store/modules/sportCategories/getters.js       |  1 +
 src/store/modules/sportCategories/mutations.js     |  3 +++
 src/store/modules/sportCategories/state.js         |  3 ++-
 9 files changed, 28 insertions(+), 18 deletions(-)

diff --git a/src/abstraction/repository/sportCategoryRepository.js b/src/abstraction/repository/sportCategoryRepository.js
index 893e3c2..6b5a6ce 100644
--- a/src/abstraction/repository/sportCategoryRepository.js
+++ b/src/abstraction/repository/sportCategoryRepository.js
@@ -2,7 +2,13 @@ import axios from "axios";
 import url from "@/router/url";
 import { getArray, getJson } from "../resources/sportCategoryResource";
 export default class SportCategoryRepository {
-    async index() {
+    async index(data) {
+        let response = await axios.get(url("indexSportCategories"), { params: data });
+        if (response.status === 200) {
+            return getArray(response.data);
+        }
+    }
+    async trainerIndex() {
         let response = await axios.get(url("indexClientSportCategories"));
         if (response.status === 200) {
             return getArray(response.data);
diff --git a/src/abstraction/resources/programResource.js b/src/abstraction/resources/programResource.js
index 87f6d62..e14f0b8 100644
--- a/src/abstraction/resources/programResource.js
+++ b/src/abstraction/resources/programResource.js
@@ -7,7 +7,7 @@ export const getJson = (data) => ({
     trainer_id: data.trainer_id,
     sport_category: data.trainer ? getJsonSportCategory(data.trainer) : {},
     sport_category_id: data.sport_category_id,
-    workout_category_id: data.workout_category?.id,
+    program_category_id: data.sport_category?.parent?.id,
     thumbnail: data.thumbnail,
     verified: data.verified,
     status: data.status,
@@ -22,7 +22,6 @@ export const getJson = (data) => ({
 });
 export const setData = (data) => ({
     sport_category_id: data.sport_category_id,
-    workout_category_id: data.workout_category_id,
     title: data.title,
     description: data.description,
     tags: data.tags,
diff --git a/src/abstraction/resources/sportCategoryResource.js b/src/abstraction/resources/sportCategoryResource.js
index 3d79bef..6f27d58 100644
--- a/src/abstraction/resources/sportCategoryResource.js
+++ b/src/abstraction/resources/sportCategoryResource.js
@@ -9,4 +9,3 @@ export const getArray = ({ data }) => {
     data = data.map((category) => getJson(category));
     return { data };
 };
-
diff --git a/src/components/ProgramSeries/Item.vue b/src/components/ProgramSeries/Item.vue
index 995b89e..9391057 100644
--- a/src/components/ProgramSeries/Item.vue
+++ b/src/components/ProgramSeries/Item.vue
@@ -11,7 +11,7 @@
       <v-row>
         <v-col cols="3">
           <div>
-            <div class="series__name">
+            <div class="series__name" :title="series.name">
               series {{ seriesNumber }}: {{ series.name }}
             </div>
           </div>
@@ -49,6 +49,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 +120,4 @@ export default {
   word-wrap: break-word;
   overflow: hidden;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/Programs/Add.vue b/src/components/Programs/Add.vue
index c87d3dc..9c316db 100644
--- a/src/components/Programs/Add.vue
+++ b/src/components/Programs/Add.vue
@@ -35,7 +35,7 @@
                     item-value="id"
                     label="program category"
                     :items="getSportCategories"
-                    v-model="form.sport_category_id"
+                    v-model="form.program_category_id"
                     @change="changeSportCategories"
                   ></v-autocomplete>
                 </v-col>
@@ -46,8 +46,8 @@
                     item-text="name"
                     item-value="id"
                     label="workout subcategory"
-                    :items="getWorkoutCategories"
-                    v-model="form.workout_category_id"
+                    :items="getSubSportCategories"
+                    v-model="form.sport_category_id"
                   ></v-autocomplete>
                 </v-col>
                 <v-col cols="3"
@@ -170,8 +170,7 @@ export default {
     },
   },
   computed: {
-    ...mapGetters("sportCategories", ["getSportCategories"]),
-    ...mapGetters("workoutCategories", ["getWorkoutCategories"]),
+    ...mapGetters("sportCategories", ["getSportCategories", "getSubSportCategories"]),
     ...mapGetters("programs", ["getProgram"]),
     programId() {
       return this.$route.params.id;
@@ -185,7 +184,6 @@ export default {
   },
   methods: {
     ...mapActions("sportCategories", ["loadSportCategories"]),
-    ...mapActions("workoutCategories", ["loadWorkoutCategories"]),
     ...mapActions("programs", ["addProgram", "updateProgram", "loadProgram"]),
     async submit() {
       try {
@@ -215,10 +213,10 @@ export default {
       this.form = this.getProgram;
       this.form["batch_id"] = RANDOM_TOKEN;
       // this.perviousCropData = this.fileForm.crop_data;
-      await this.loadWorkoutCategories(this.form.sport_category_id);
+      await this.loadSportCategories(this.form.program_category_id);
     },
     async changeSportCategories() {
-      await this.loadWorkoutCategories(this.form.sport_category_id);
+      await this.loadSportCategories(this.form.program_category_id);
     },
     removeTags(item) {
       this.form.tags.splice(this.form.tags.indexOf(item), 1);
diff --git a/src/store/modules/sportCategories/actions.js b/src/store/modules/sportCategories/actions.js
index 67f3c8e..844ba56 100644
--- a/src/store/modules/sportCategories/actions.js
+++ b/src/store/modules/sportCategories/actions.js
@@ -1,9 +1,11 @@
 import SportCategoryRepository from "@/abstraction/repository/sportCategoryRepository";
+import { UserStorage } from "@/utils/storage";
+let role = UserStorage.getRole() ? UserStorage.getRole() : null;
 export default {
-    async loadSportCategories({ commit }) {
+    async loadSportCategories({ commit }, parentId) {
         let repository = new SportCategoryRepository();
-        const resource = await repository.index();
-        commit("SET_SPORT_CATEGORIES", resource.data);
+        const resource = role === 'admin' ? await repository.index({ parent_id: parentId }) : await repository.trainerIndex({ parent_id: parentId });
+        parentId ? commit("SET_SUB_SPORT_CATEGORIES", resource.data) : commit("SET_SPORT_CATEGORIES", resource.data);
     },
     async loadSportCategory({ commit }, sportCategoryId) {
         let repository = new SportCategoryRepository();
diff --git a/src/store/modules/sportCategories/getters.js b/src/store/modules/sportCategories/getters.js
index c149907..d5a145d 100644
--- a/src/store/modules/sportCategories/getters.js
+++ b/src/store/modules/sportCategories/getters.js
@@ -1,4 +1,5 @@
 export default {
     getSportCategories: state => state.sportCategories,
+    getSubSportCategories: state => state.subSportCategories,
     getSportCategory: state => state.sportCategory,
 }
\ No newline at end of file
diff --git a/src/store/modules/sportCategories/mutations.js b/src/store/modules/sportCategories/mutations.js
index 4dff62a..b1f1d94 100644
--- a/src/store/modules/sportCategories/mutations.js
+++ b/src/store/modules/sportCategories/mutations.js
@@ -3,6 +3,9 @@ export default {
     SET_SPORT_CATEGORIES(state, payload) {
         Vue.set(state, "sportCategories", payload);
     },
+    SET_SUB_SPORT_CATEGORIES(state, payload) {
+        Vue.set(state, "subSportCategories", payload);
+    },
     SET_SPORT_CATEGORY(state, payload) {
         Vue.set(state, "sportCategory", payload);
     },
diff --git a/src/store/modules/sportCategories/state.js b/src/store/modules/sportCategories/state.js
index 187970d..559d94a 100644
--- a/src/store/modules/sportCategories/state.js
+++ b/src/store/modules/sportCategories/state.js
@@ -1,4 +1,5 @@
 export default {
     sportCategories: [],
-    sportCategory: []
+    subSportCategories: [],
+    sportCategory: [],
 };