{"version":3,"sources":["webpack:///./src/views/pages/LiveClass/VdoLiveSet/EditVdoLiveSet.vue?a7c9","webpack:///src/views/pages/LiveClass/VdoLiveSet/EditVdoLiveSet.vue","webpack:///./src/views/pages/LiveClass/VdoLiveSet/EditVdoLiveSet.vue?f3e8","webpack:///./src/views/pages/LiveClass/VdoLiveSet/EditVdoLiveSet.vue","webpack:///./src/views/pages/LiveClass/VdoLiveSet/data.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","local","attrs","_e","staticClass","isUploading","on","$event","preventDefault","onBackClick","_v","_s","$t","staticRenderFns","component","state","store","_store","Vue","observable","isProcessing","selectedDegree","selectedSubjectGroup","selectedSubject","selectedTeacher","selectedAcademicPeriod","currentAcademicPeriod","subjects","liveClassSchedules","vdoLiveSetEdit","vdoLiveSet","vdoLiveSetTopicEdit","selectedVdoLiveSetTopic","vdoLiveSetTopics","form","id","vdoLiveSetTopicInput","no","nameLocal","nameEng","vdoLength","vdoStreamPath","template","table","header","title","width","initData","func","getAcademicPeriods","AcademicPeriod","academicPeriods","length","getDegrees","Degree","degrees","getSubjectGroups","SubjectGroup","subjectGroups","getTeachersDdl","Teacher","teachers","getCurrentAcademicPeriodConfig","academicPeriodConfig","find","item","periodCode","learnPeriodCode","loadData","payload","liveClassScheduleFilterInput","academicPeriodId","degreeId","subjectGroupId","subjectId","teacherId","getLiveClassSchedulesByFilterForTable","setEmptyVdoLiveSetTopicForm"],"mappings":"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","file":"js/chunk-701ccce2.4b772d29.js","sourcesContent":["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 w-full mb-4\"},[_c('LiveClassScheduleInfo')],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('VdoLiveSetTopicEdit')],1)]),_c('div',{staticClass:\"vx-row pt-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-button',{attrs:{\"disabled\":_vm.isUploading,\"color\":\"success\",\"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 w-full mb-4\">\n        <LiveClassScheduleInfo/>\n      </div>\n    </div>\n\n    <div class=\"vx-row\">\n      <div class=\"vx-col w-full\">\n        <VdoLiveSetTopicEdit/>\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 :disabled=\"isUploading\" @click.prevent=\"onBackClick\"\n                   color=\"success\"\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 VdoLiveSet from '@/store/modules/live-class/vdo-live-set/index';\n  import {createNamespacedHelpers} from \"vuex\";\n  import {createHelpers} from \"vuex-map-fields\";\n\n  if (!state.store.VdoLiveSet) state.registerModule(`VdoLiveSet`, VdoLiveSet);\n\n  const {\n    mapActions: mapVdoLiveSetActions,\n  } = createNamespacedHelpers(`VdoLiveSet`);\n\n\n  const {\n    mapFields: mapVdoLiveSetFields,\n  } = createHelpers({\n    getterType: `VdoLiveSet/getField`,\n    mutationType: `VdoLiveSet/updateField`,\n  });\n\n  export default {\n    props: {\n      vdoLiveSetId: {\n        type: String,\n        require: true,\n      }\n    },\n    components: {\n      Loader: () => import('@/components/common-ui/loader-block/index.vue'),\n      LiveClassScheduleInfo: () => import('./SubComponents/LiveClassScheduleInfo'),\n      VdoLiveSetTopicEdit: () => import('./SubComponents/VdoLiveSetTopicEdit'),\n    },\n    computed: {\n      ...mapVdoLiveSetFields({\n        vdoLiveSetProcessing: 'processing',\n      }),\n      isUploading() {\n        return this.local.isUploading;\n      },\n    },\n    watch: {\n      vdoLiveSetProcessing(data) {\n        this.local.isProcessing = data;\n      },\n    },\n    data() {\n      return {\n        store: state.store,\n        local: state.local,\n\n        vdoLiveSetEdit: state.local.vdoLiveSetEdit,\n        vdoLiveSetTopicEdit: state.local.vdoLiveSetTopicEdit,\n\n      }\n    },\n    methods: {\n      //---------------------------------------- State Function ------------------------------------------------------//\n      ...mapVdoLiveSetActions({\n        getVdoLiveSetByLiveClassScheduleId: 'getVdoLiveSetByLiveClassScheduleId',\n      }),\n      //---------------------------------------- Event Function ------------------------------------------------------//\n      onBackClick() {\n        this.$router.push(\n          {\n            name: \"vdo-live-set\",\n          }\n        );\n      },\n      //---------------------------------------- Local Function ------------------------------------------------------//\n      async loadData() {\n\n        if (this.$route.params.liveClassScheduleId) {\n          let result = await this.getVdoLiveSetByLiveClassScheduleId({liveClassScheduleId: this.$route.params.liveClassScheduleId})\n          if (result) {\n            this.vdoLiveSetEdit.vdoLiveSet = JSON.parse(JSON.stringify(result));\n            this.vdoLiveSetTopicEdit.vdoLiveSetTopics = this.vdoLiveSetEdit.vdoLiveSet.vdoLiveSetTopics;\n          }\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!./EditVdoLiveSet.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!./EditVdoLiveSet.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditVdoLiveSet.vue?vue&type=template&id=241b21d9&scoped=true&\"\nimport script from \"./EditVdoLiveSet.vue?vue&type=script&lang=js&\"\nexport * from \"./EditVdoLiveSet.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  \"241b21d9\",\n  null\n  \n)\n\nexport default component.exports","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: true,\n\n    //manual data\n    selectedDegree: null,\n    selectedSubjectGroup: null,\n    selectedSubject: null,\n    selectedTeacher: null,\n    selectedAcademicPeriod: null,\n    currentAcademicPeriod: null,\n    subjects: [],\n    liveClassSchedules: [],\n\n\n    //vdoLiveSet edit\n    vdoLiveSetEdit: {\n      vdoLiveSet: null,\n    },\n    //vdoLiveSetTopic edit\n    vdoLiveSetTopicEdit: {\n      selectedVdoLiveSetTopic: null,\n      vdoLiveSetTopics: [],\n\n      form: {\n        id: '',\n        vdoLiveSetTopicInput: {\n          no: 1,\n          nameLocal: '',\n          nameEng: '',\n          vdoLength: 0,\n          vdoStreamPath: '',\n        }\n      }\n    },\n\n\n  })\n};\n\nexport const template = {\n  table: {\n    header: [\n      {title: 'live-class-schedule.no', id: 'no'},\n      {title: 'live-class-schedule.subject-code', id: 'subjectCode', width: 200},\n      // {title: 'live-class-schedule.subject-name', id: 'subjectName'},\n      {title: 'live-class-schedule.on-air-time', id: 'onAirTtime', width: 150},\n      {title: 'live-class-schedule.teacher', id: 'teacher', width: 200},\n      // {title: 'live-class-schedule.section', id: 'classSectionQty'},\n      // {title: 'live-class-schedule.unit', id: 'courseOutlineUnit'},\n      {title: 'live-class-schedule.topic', id: 'topic'},\n      {title: 'live-class-schedule.remark', id: 'remark'},\n      {title: 'live-class-schedule.is-enabled', id: 'isEnabled', width: 100},\n      {title: '', id: '', width: 30},\n    ]\n  },\n};\n\n\n//------------------------------------------------------------------------------------------------------//\n//                                                                                                      //\n//                                Function                                                              //\n//                                                                                                      //\n//------------------------------------------------------------------------------------------------------//\n\nexport const initData = async (func) => {\n  //use state\n  if (func.getAcademicPeriods && (!state.store.AcademicPeriod.academicPeriods || state.store.AcademicPeriod.academicPeriods.length === 0)) {\n    await func.getAcademicPeriods();\n  }\n  if (func.getDegrees && (!state.store.Degree.degrees || state.store.Degree.degrees.length === 0)) {\n    await func.getDegrees();\n  }\n  if (func.getSubjectGroups && (!state.store.SubjectGroup.subjectGroups || state.store.SubjectGroup.subjectGroups.length === 0)) {\n    await func.getSubjectGroups();\n  }\n  if (func.getTeachersDdl && (!state.store.Teacher.teachers || state.store.Teacher.teachers.length === 0)) {\n    await func.getTeachersDdl();\n  }\n\n  //use local\n  if (func.getCurrentAcademicPeriodConfig && !state.local.academicPeriodConfig) {\n    state.local.currentAcademicPeriod = await func.getCurrentAcademicPeriodConfig();\n    state.local.selectedAcademicPeriod = state.store.AcademicPeriod.academicPeriods.find(item => {\n      return item.periodCode === state.local.currentAcademicPeriod.learnPeriodCode\n    });\n  }\n\n};\n\nexport const loadData = async (func) => {\n  let payload = {\n    liveClassScheduleFilterInput: {\n      academicPeriodId: state.local.selectedAcademicPeriod ? state.local.selectedAcademicPeriod.id : '',\n      degreeId: state.local.selectedDegree ? state.local.selectedDegree.id : '',\n      subjectGroupId: state.local.selectedSubjectGroup ? state.local.selectedSubjectGroup.id : '',\n      subjectId: state.local.selectedSubject ? state.local.selectedSubject.id : '',\n      teacherId: state.local.selectedTeacher ? state.local.selectedTeacher.id : '',\n      // isEnabled: true,\n    }\n  };\n  if (func.getLiveClassSchedulesByFilterForTable) {\n    state.local.liveClassSchedules = await func.getLiveClassSchedulesByFilterForTable(payload);\n  }\n\n};\n\nexport const setEmptyVdoLiveSetTopicForm = () => {\n  state.local.vdoLiveSetTopicEdit.selectedVdoLiveSetTopic = null\n\n  let no = 1;\n  if (state.local.vdoLiveSetTopicEdit.vdoLiveSetTopics\n    && state.local.vdoLiveSetTopicEdit.vdoLiveSetTopics.length > 0) {\n    no = state.local.vdoLiveSetTopicEdit.vdoLiveSetTopics.length + 1;\n  }\n  state.local.vdoLiveSetTopicEdit.form.vdoLiveSetTopicInput.no = no;\n  state.local.vdoLiveSetTopicEdit.form.vdoLiveSetTopicInput.nameLocal = '';\n  state.local.vdoLiveSetTopicEdit.form.vdoLiveSetTopicInput.nameEng = '';\n  state.local.vdoLiveSetTopicEdit.form.vdoLiveSetTopicInput.vdoLength = '';\n  state.local.vdoLiveSetTopicEdit.form.vdoLiveSetTopicInput.vdoStreamPath = '';\n}\n\n//------------------------------------------------------------------------------------------------------//\n//                                                                                                      //\n//                                Private Function                                                      //\n//                                                                                                      //\n//------------------------------------------------------------------------------------------------------//\n"],"sourceRoot":""}