Grad2 3240

frontend/src/components/Batch/Forms/FormInputs/SchoolInput.vue

@@ -67,7 +67,7 @@
             </div>
             <div>
               <strong>School Category:</strong>
-              {{ item.info.schoolCategoryCode }}
+              {{ displaySchoolCategoryCode(item.info.schoolCategoryCode) }}
             </div>
           </template>
           <template #bottom> </template>
@@ -216,7 +216,7 @@ export default {
   },
 
   computed: {
-    ...mapState(useAppStore, ["getSchoolsList", "getSchoolById"]),
+    ...mapState(useAppStore, ["getSchoolsList", "getSchoolById", "displaySchoolCategoryCode"]),
     isEmpty() {
       return this.students.length > 0;
     },

frontend/src/components/Common/SchoolDetailsDialog.vue

@@ -31,9 +31,7 @@
           </div>
           <div class="my-1">
             <strong>School Category </strong
-            >{{
-              getInstituteCategoryByCode(school.schoolCategoryCode)?.legacyCode
-            }}&nbsp;{{ school.schoolCategoryCode }}
+            >{{ displaySchoolCategoryCode(school.schoolCategoryCode) }}
           </div>
           <div class="my-1">
             <strong>Issue Transcripts </strong
@@ -65,7 +63,7 @@ export default {
   computed: {
     ...mapState(useAppStore, {
       getDistrictById: "getDistrictById",
-      getInstituteCategoryByCode: "getInstituteCategoryByCode",
+      displaySchoolCategoryCode: "displaySchoolCategoryCode",
     }),
   },
   methods: {

frontend/src/store/modules/app.js

@@ -44,6 +44,13 @@ export const useAppStore = defineStore("app", {
           (categoryCode) => code === categoryCode.schoolCategoryCode
         );
     },
+    displaySchoolCategoryCode: (state) => (code) => {
+      const categoryCode = state.instituteCategoryCodes.find(
+        (categoryCode) => code === categoryCode.schoolCategoryCode
+      )
+
+      return categoryCode?.legacyCode + " - " + categoryCode?.label
+    },
     getInstituteFacilityCodes: (state) => state.instituteFacilityCodes,
     getInstituteFacilityCode: (state) => {
       return (code) =>