fix

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);

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,

src/abstraction/resources/sportCategoryResource.js

@@ -9,4 +9,3 @@ export const getArray = ({ data }) => {
     data = data.map((category) => getJson(category));
     return { data };
 };
-

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>
+</style>

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);

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();

src/store/modules/sportCategories/getters.js

@@ -1,4 +1,5 @@
 export default {
     getSportCategories: state => state.sportCategories,
+    getSubSportCategories: state => state.subSportCategories,
     getSportCategory: state => state.sportCategory,
 }

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);
     },

src/store/modules/sportCategories/state.js

@@ -1,4 +1,5 @@
 export default {
     sportCategories: [],
-    sportCategory: []
+    subSportCategories: [],
+    sportCategory: [],
 };