{"version":3,"sources":["webpack:///./src/views/pages/VdoSet/data.js","webpack:///./src/views/pages/VdoSet/EditVdoSet.vue?0630","webpack:///src/views/pages/VdoSet/EditVdoSet.vue","webpack:///./src/views/pages/VdoSet/EditVdoSet.vue?293f","webpack:///./src/views/pages/VdoSet/EditVdoSet.vue"],"names":["state","store","_store","local","Vue","observable","isProcessing","selectedSubject","selectedTeacher","subjects","teachers","courseOutlines","vdoSetEdit","courseOutline","vdoSetInfo","selectedVdoSet","form","id","degreeId","courseOutlineId","subjectGroupId","subjectId","teacherId","vdoSetInput","subjectCode","teacherCode","code","description","totalVdoLength","vdoSetUnitEdit","selectedVdoSetUnit","name","vdoSetUnitInput","remark","status","vdoSetTopicEdit","selectedVdoSetTopic","vdoSetTopicInput","no","nameLocal","nameEng","vdoLength","vdoStreamPath","isEnabled","descriptionLocal","descriptionEng","thumbnail","isUploading","showPreviewVideoPopUp","setEmptyVdoSetTopicForm","vdoSetTopics","length","render","_vm","this","_h","$createElement","_c","_self","attrs","_e","staticClass","on","$event","preventDefault","onBackClick","_v","_s","$t","staticRenderFns","component"],"mappings":"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","file":"js/chunk-758c5cb3.9825d925.js","sourcesContent":["import Vue from 'vue';\nimport _store from '@/store';\n\nexport {_store as store};\n\n//------------------------------------------------------------------------------------------------------//\n//                                                                                                      //\n//                                Variable                                                              //\n//                                                                                                      //\n//------------------------------------------------------------------------------------------------------//\nexport const state = {\n  store: _store.state,\n  // States from Vuex store\n  local: Vue.observable({\n    // Setup local state here (States which don't shared or long-term keeping);\n\n    isProcessing: false,\n\n    //manual data\n    selectedSubject: null,\n    selectedTeacher: null,\n    subjects: [],\n    teachers: [],\n    courseOutlines: [],\n\n    //vdoSetEdit page\n    vdoSetEdit: {\n      courseOutline: null,\n    },\n    //vdoSet info page\n    vdoSetInfo: {\n      selectedVdoSet: null,\n      form: {\n        id: '',\n        degreeId: null,\n        courseOutlineId: null,\n        subjectGroupId: null,\n        subjectId: null,\n        teacherId: null,\n        vdoSetInput: {\n          subjectCode: '',\n          teacherCode: '',\n          code: '',\n          description: '',\n          totalVdoLength: 0,\n        },\n\n      }\n\n    },\n    //vdoSetUnit Edit page\n    vdoSetUnitEdit: {\n      selectedVdoSetUnit: null,\n      form: {\n        name: '',\n        vdoSetUnitInput: {\n          remark: '',\n          status: false,\n        },\n      }\n    },\n    //vdoSetTopic Edit page\n    vdoSetTopicEdit: {\n      selectedVdoSetTopic: null,\n      form: {\n        vdoSetTopicInput: {\n          no: '',\n          nameLocal: '',\n          nameEng: '',\n          vdoLength: '',\n          vdoStreamPath: '',\n          isEnabled: true,\n          remark: '',\n          descriptionLocal: '',\n          descriptionEng: '',\n          thumbnail: null,\n        },\n      }\n    },\n    isUploading: false,\n\n\n    //preview page\n    showPreviewVideoPopUp: false,\n\n  })\n};\n\nexport const template = {\n  table: {\n    header: [\n      {title: 'vdo-set.no', id: 'no'},\n      {title: 'vdo-set.subject-code', id: 'SubjectCode'},\n      {title: 'vdo-set.subject-name', id: 'subjectName'},\n      {title: 'vdo-set.credit', id: 'credit'},\n      {title: 'vdo-set.teacher', id: 'teacher'},\n      {title: 'vdo-set.course-outline-unit-qty', id: 'courseOutlineUnitQty'},\n      {title: 'vdo-set.vdo-set-total-qty', id: 'vdoSetQty'},\n      {title: '', id: ''},\n    ]\n  },\n};\n\n\n//------------------------------------------------------------------------------------------------------//\n//                                                                                                      //\n//                                Function                                                              //\n//                                                                                                      //\n//------------------------------------------------------------------------------------------------------//\n\nexport const loadData = async (func) => {\n\n  //must select some filter to load data to prevent load too many date\n  if ((state.local.selectedSubject && state.local.selectedSubject.id)\n    || (state.local.selectedTeacher && state.local.selectedTeacher.id)) {\n\n    let payload = {\n      courseOutlineFilterInput: {\n        subjectId: state.local.selectedSubject ? state.local.selectedSubject.id : '',\n        teacherId: state.local.selectedTeacher ? state.local.selectedTeacher.id : '',\n      }\n    };\n\n    if (func.getCourseOutlinesByFilterForTable) {\n      state.local.courseOutlines = await func.getCourseOutlinesByFilterForTable(payload);\n    }\n  } else {\n    state.local.courseOutlines = [];\n  }\n\n};\n\nexport const setEmptyVdoSetTopicForm = () => {\n  state.local.vdoSetTopicEdit.selectedVdoSetTopic = null\n\n  let no = 1;\n  if (state.local.vdoSetUnitEdit.selectedVdoSetUnit\n    && state.local.vdoSetUnitEdit.selectedVdoSetUnit.vdoSetTopics\n    && state.local.vdoSetUnitEdit.selectedVdoSetUnit.vdoSetTopics.length > 0) {\n    no = state.local.vdoSetUnitEdit.selectedVdoSetUnit.vdoSetTopics[\n    state.local.vdoSetUnitEdit.selectedVdoSetUnit.vdoSetTopics.length - 1].no + 1;\n  }\n  state.local.vdoSetTopicEdit.form.vdoSetTopicInput.no = no;\n  state.local.vdoSetTopicEdit.form.vdoSetTopicInput.nameLocal = '';\n  state.local.vdoSetTopicEdit.form.vdoSetTopicInput.nameEng = '';\n  state.local.vdoSetTopicEdit.form.vdoSetTopicInput.vdoLength = '';\n  state.local.vdoSetTopicEdit.form.vdoSetTopicInput.isEnabled = true\n  state.local.vdoSetTopicEdit.form.vdoSetTopicInput.remark = '';\n}\n\n//------------------------------------------------------------------------------------------------------//\n//                                                                                                      //\n//                                Private Function                                                      //\n//                                                                                                      //\n//------------------------------------------------------------------------------------------------------//\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.local.isProcessing)?_c('Loader',{attrs:{\"cover\":\"\"}}):_vm._e(),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-2/3 w-full mb-4\"},[_c('CourseOutlineInfo',{attrs:{\"courseOutline\":_vm.local.courseOutlineId}})],1),_c('div',{staticClass:\"vx-col sm:w-1/3 w-full mb-4\"},[_c('VdoSetInfo')],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('VdoSetUnitEdit')],1)]),_c('div',{staticClass:\"vx-row pt-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-button',{attrs:{\"color\":\"success\",\"disabled\":_vm.isUploading,\"type\":\"border\"},on:{\"click\":function($event){$event.preventDefault();return _vm.onBackClick($event)}}},[_vm._v(\" \"+_vm._s(_vm.$t('general.back'))+\" \")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\n  <div>\n    <Loader cover v-if=\"local.isProcessing\"/>\n\n    <div class=\"vx-row\">\n      <div class=\"vx-col sm:w-2/3 w-full mb-4\">\n        <CourseOutlineInfo :courseOutline=\"local.courseOutlineId\"/>\n      </div>\n      <div class=\"vx-col sm:w-1/3 w-full mb-4\">\n        <VdoSetInfo/>\n      </div>\n    </div>\n\n    <div class=\"vx-row\">\n      <div class=\"vx-col w-full\">\n        <VdoSetUnitEdit/>\n      </div>\n    </div>\n\n    <!----------------------------------------- Actions Button ---------------------------------------------------->\n    <div class=\"vx-row pt-2\">\n      <div class=\"vx-col w-full\">\n        <vs-button @click.prevent=\"onBackClick\" color=\"success\"\n                   :disabled=\"isUploading\"\n                   type=\"border\">\n          {{ $t('general.back') }}\n        </vs-button>\n      </div>\n    </div>\n\n  </div>\n\n</template>\n\n<script>\n  import {state} from './data';\n\n  import CourseOutline from '@/store/modules/courses/course-outline/index';\n  import {createNamespacedHelpers} from \"vuex\";\n  import {createHelpers} from \"vuex-map-fields\";\n\n  if (!state.store.CourseOutline) state.registerModule(`CourseOutline`, CourseOutline);\n\n  const {\n    mapActions: mapCourseOutlineActions,\n  } = createNamespacedHelpers(`CourseOutline`);\n\n\n  const {\n    mapFields: mapCourseOutlineFields,\n  } = createHelpers({\n    getterType: `CourseOutline/getField`,\n    mutationType: `CourseOutline/updateField`,\n  });\n\n  export default {\n    props: {\n      courseOutlineId: {\n        type: String,\n        require: true,\n      }\n    },\n    components: {\n      Loader: () => import('@/components/common-ui/loader-block/index.vue'),\n      CourseOutlineInfo: () => import('./SubComponents/CourseOutlineInfo'),\n      VdoSetInfo: () => import('./SubComponents/VdoSetInfo'),\n      VdoSetUnitEdit: () => import('./SubComponents/VdoSetUnitEdit'),\n    },\n    computed: {\n      ...mapCourseOutlineFields({\n        courseOutlineProcessing: 'processing',\n      }),\n      isUploading() {\n        return this.local.isUploading;\n      },\n    },\n    watch: {\n      courseOutlineProcessing(data) {\n        this.local.isProcessing = data;\n      },\n    },\n    data() {\n      return {\n        store: state.store,\n        local: state.local,\n\n      }\n    },\n    methods: {\n      //---------------------------------------- State Function ------------------------------------------------------//\n      ...mapCourseOutlineActions({\n        getCourseOutline: 'getCourseOutline',\n      }),\n      //---------------------------------------- Event Function ------------------------------------------------------//\n      onBackClick() {\n        this.$router.push(\n          {\n            name: \"vdo-set\",\n          }\n        );\n      },\n      //---------------------------------------- Local Function ------------------------------------------------------//\n      async loadData() {\n        // this.local.classSections = await this.getClassSectionsByFilter(payload);\n        let localCourseOutline = await this.getCourseOutline({id: this.$route.params.courseOutlineId});\n        // deep copy state to local variables so we can edit them\n        this.local.vdoSetEdit.courseOutline = JSON.parse(JSON.stringify(localCourseOutline));\n\n        //set vdoSet selected item\n        if (this.local.vdoSetEdit.courseOutline.vdoSets && this.local.vdoSetEdit.courseOutline.vdoSets.length > 0) {\n          this.local.vdoSetInfo.selectedVdoSet = this.local.vdoSetEdit.courseOutline.vdoSets[0];\n          //set vdoSetUnit selected item\n          if (this.local.vdoSetInfo.selectedVdoSet.vdoSetUnits && this.local.vdoSetInfo.selectedVdoSet.vdoSetUnits.length > 0) {\n            this.local.vdoSetUnitEdit.selectedVdoSetUnit = this.local.vdoSetInfo.selectedVdoSet.vdoSetUnits[0];\n          }else{\n            this.local.vdoSetInfo.selectedVdoSet.vdoSetUnits = [];\n          }\n          //set vdoSetTopic\n        }else{\n          this.local.vdoSetEdit.courseOutline.vdoSets = []\n        }\n\n      },\n\n    },\n    async created() {\n      await this.loadData();\n    },\n  }\n</script>\n\n<style scoped>\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditVdoSet.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditVdoSet.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditVdoSet.vue?vue&type=template&id=0895d4ce&scoped=true&\"\nimport script from \"./EditVdoSet.vue?vue&type=script&lang=js&\"\nexport * from \"./EditVdoSet.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0895d4ce\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}