{"version":3,"sources":["webpack:///./src/views/pages/Examination/ExamBySubject/subcomponents/editor-preview-exam-question.vue?bbfd","webpack:///src/views/pages/Examination/ExamBySubject/subcomponents/editor-preview-exam-question.vue","webpack:///./src/views/pages/Examination/ExamBySubject/subcomponents/editor-preview-exam-question.vue?9cb1","webpack:///./src/views/pages/Examination/ExamBySubject/subcomponents/editor-preview-exam-question.vue?b68a","webpack:///./src/views/pages/Examination/ExamBySubject/subcomponents/editor-preview-exam-question.vue?3661","webpack:///./src/views/pages/Examination/ExamBySubject/data/data-handlers.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_m","staticClass","on","$event","preview","_v","_s","directives","name","rawName","value","form","input","expression","modifiers","domProps","target","composing","$set","_n","$forceUpdate","handleImportAll","handleImportSelected","_l","local","table","sheet","index","key","toString","data","scopedSlots","_u","fn","ref","tr","indextr","staticStyle","slot","Array","isArray","selectedSheet","_i","$$a","$$el","$$c","checked","$$v","$$i","concat","slice","_e","staticRenderFns","components","Block","computed","methods","component","submitForm","payload","store","dispatch","result","importAllExamQuestion","workbook","transformData","state","importSelectedExamQuestion","iteration","map","question","examId","subjectId","teacherId","examQuestionInput","subjectCode","teacherCode","unitSeq","questionTypeCode","CHOICE3","length","nameLocal","QUESTION","nameEng","picturePath","score","isRandomChoice","RANDOM","isActive","examAnswersInput","no","CHOICE1","isCorrected","ANSWER","CHOICE2","CHOICE4","handleEdit","editor","mode","active","handleDeleteListItem","sure","confirm","id","alert","loadData"],"mappings":"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","file":"js/chunk-5747f024.3e61c620.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"exam-by-subject-editor\"}},[_vm._m(0),_c('div',{staticClass:\"-body\"},[_c('div',{staticClass:\"--controllers\"},[_c('vs-button',{on:{\"click\":function($event){_vm.preview = !_vm.preview}}},[_vm._v(_vm._s(_vm.preview ? 'ปิดตัวอย่าง' : 'ดูตัวอย่าง'))]),_c('label',[_vm._v(\"คะแนนต่อข้อ\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.form.input.score),expression:\"form.input.score\",modifiers:{\"number\":true}}],attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.form.input.score)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form.input, \"score\", _vm._n($event.target.value))},\"blur\":function($event){return _vm.$forceUpdate()}}}),_c('vs-button',{on:{\"click\":_vm.handleImportAll}},[_vm._v(\"Import ทั้งหมด\")]),_c('vs-button',{on:{\"click\":_vm.handleImportSelected}},[_vm._v(\"Import ข้อสอบที่เลือก\")])],1),(_vm.preview)?_c('div',{staticClass:\"--preview\"},[_c('vs-tabs',[_vm._l((_vm.local.table.set),function(sheet,index){return [_c('vs-tab',{key:index,attrs:{\"label\":(index + 1).toString() + ' ' + sheet}},[_c('div',{staticClass:\"con-tab-ejemplo\"},[_c('vs-table',{attrs:{\"data\":_vm.local.table.data[index]},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,staticStyle:{\"border-bottom\":\"1px solid #ddd\"}},[_c('vs-td',{attrs:{\"data\":indextr,\"width\":\"30\"}},[_vm._v(\" \"+_vm._s(indextr + 1)+\" \")]),_c('vs-td',{attrs:{\"data\":data[indextr]['QUESTION']}},[_vm._v(\" \"+_vm._s(data[indextr][\"QUESTION\"])+\" \")]),_c('vs-td',{attrs:{\"data\":data[indextr]['ANSWER'],\"width\":\"100\"}},[_vm._v(\" \"+_vm._s(data[indextr][\"ANSWER\"])+\" \")]),_c('vs-td',{attrs:{\"data\":data[indextr]['CHOICE1'],\"width\":\"90\"}},[_vm._v(\" \"+_vm._s(data[indextr][\"CHOICE1\"])+\" \")]),_c('vs-td',{attrs:{\"data\":data[indextr]['CHOICE2'],\"width\":\"90\"}},[_vm._v(\" \"+_vm._s(data[indextr][\"CHOICE2\"])+\" \")]),_c('vs-td',{attrs:{\"data\":data[indextr]['CHOICE3'],\"width\":\"90\"}},[_vm._v(\" \"+_vm._s(data[indextr][\"CHOICE3\"])+\" \")]),_c('vs-td',{attrs:{\"data\":data[indextr]['CHOICE4'],\"width\":\"90\"}},[_vm._v(\" \"+_vm._s(data[indextr][\"CHOICE4\"])+\" \")]),_c('vs-td',{attrs:{\"data\":data[indextr]['CHOICE4'],\"width\":\"80\"}},[_vm._v(\" \"+_vm._s(data[indextr][\"RANDOM\"] === 0 ? \"ไม่ใช่\" : \"ใช่\")+\" \")])],1)})}}],null,true)},[_c('template',{slot:\"header\"},[_c('h3',[_vm._v(\" ข้อสอบ \"+_vm._s(sheet)+\" \")]),_c('label',[_vm._v(\"เลือกข้อสอบนี้\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.selectedSheet),expression:\"form.selectedSheet\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"value\":index,\"checked\":Array.isArray(_vm.form.selectedSheet)?_vm._i(_vm.form.selectedSheet,index)>-1:(_vm.form.selectedSheet)},on:{\"change\":function($event){var $$a=_vm.form.selectedSheet,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=index,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.form, \"selectedSheet\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.form, \"selectedSheet\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.form, \"selectedSheet\", $$c)}}}})]),_c('template',{slot:\"thead\"},[_c('vs-th',[_vm._v(\" No. \")]),_c('vs-th',[_vm._v(\" คำถาม \")]),_c('vs-th',[_vm._v(\" คำตอบ \")]),_c('vs-th',[_vm._v(\" ตัวเลือก 1 \")]),_c('vs-th',[_vm._v(\" ตัวเลือก 2 \")]),_c('vs-th',[_vm._v(\" ตัวเลือก 3 \")]),_c('vs-th',[_vm._v(\" ตัวเลือก 4 \")]),_c('vs-th',[_vm._v(\" สุ่ม \")])],1)],2)],1)])]})],2)],1):_vm._e()])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"-header\"},[_c('div',{staticClass:\"--title\"},[_c('span',[_vm._v(\"Add Exam Question\")])]),_c('span',{staticClass:\"--subtitle\"},[_vm._v(\"เพิ่มข้อสอบ\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"exam-by-subject-editor\">\n    <div class=\"-header\">\n      <div class=\"--title\">\n        <span>Add Exam Question</span>\n      </div>\n      <span class=\"--subtitle\">เพิ่มข้อสอบ</span>\n    </div>\n\n    <div class=\"-body\">\n      <div class=\"--controllers\">\n        <vs-button @click=\"preview = !preview\">{{ preview ? 'ปิดตัวอย่าง' : 'ดูตัวอย่าง' }}</vs-button>\n        <label>คะแนนต่อข้อ</label>\n        <input type=\"text\" v-model.number=\"form.input.score\">\n        <vs-button @click=\"handleImportAll\">Import ทั้งหมด</vs-button>\n        <vs-button @click=\"handleImportSelected\">Import ข้อสอบที่เลือก</vs-button>\n      </div>\n      <div class=\"--preview\" v-if=\"preview\">\n        <vs-tabs>\n          <template v-for=\"(sheet, index) in local.table.set\">\n            <vs-tab :label=\"(index + 1).toString() + ' ' + sheet\" :key=\"index\">\n              <div class=\"con-tab-ejemplo\">\n                <vs-table :data=\"local.table.data[index]\">\n                  <template slot=\"header\">\n                    <h3>\n                      ข้อสอบ {{ sheet }}\n                    </h3>\n                    <label>เลือกข้อสอบนี้</label>\n                    <input v-model=\"form.selectedSheet\" :value=\"index\" type=\"checkbox\">\n                  </template>\n\n                  <template slot=\"thead\">\n                    <vs-th>\n                      No.\n                    </vs-th>\n                    <vs-th>\n                      คำถาม\n                    </vs-th>\n                    <vs-th>\n                      คำตอบ\n                    </vs-th>\n                    <vs-th>\n                      ตัวเลือก 1\n                    </vs-th>\n                    <vs-th>\n                      ตัวเลือก 2\n                    </vs-th>\n                    <vs-th>\n                      ตัวเลือก 3\n                    </vs-th>\n                    <vs-th>\n                      ตัวเลือก 4\n                    </vs-th>\n                    <vs-th>\n                      สุ่ม\n                    </vs-th>\n                  </template>\n\n                  <template slot-scope=\"{data}\">\n                    <vs-tr :key=\"indextr\" v-for=\"(tr, indextr) in data\" style=\"border-bottom: 1px solid #ddd\">\n                      <vs-td :data=\"indextr\" width=\"30\">\n                        {{ indextr + 1 }}\n                      </vs-td>\n\n                      <vs-td :data=\"data[indextr]['QUESTION']\">\n                        {{ data[indextr][\"QUESTION\"] }}\n                      </vs-td>\n\n                      <vs-td :data=\"data[indextr]['ANSWER']\" width=\"100\">\n                        {{ data[indextr][\"ANSWER\"] }}\n                      </vs-td>\n\n                      <vs-td :data=\"data[indextr]['CHOICE1']\" width=\"90\">\n                        {{ data[indextr][\"CHOICE1\"] }}\n                      </vs-td>\n\n                      <vs-td :data=\"data[indextr]['CHOICE2']\" width=\"90\">\n                        {{ data[indextr][\"CHOICE2\"] }}\n                      </vs-td>\n\n                      <vs-td :data=\"data[indextr]['CHOICE3']\" width=\"90\">\n                        {{ data[indextr][\"CHOICE3\"] }}\n                      </vs-td>\n\n                      <vs-td :data=\"data[indextr]['CHOICE4']\" width=\"90\">\n                        {{ data[indextr][\"CHOICE4\"] }}\n                      </vs-td>\n                      \n                      <vs-td :data=\"data[indextr]['CHOICE4']\" width=\"80\">\n                        {{ data[indextr][\"RANDOM\"] === 0 ? \"ไม่ใช่\" : \"ใช่\" }}\n                      </vs-td>\n\n                    </vs-tr>\n                  </template>\n                </vs-table>\n              </div>\n            </vs-tab>\n          </template>\n        </vs-tabs>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable no-unused-vars, vue/no-unused-components */\nimport { state } from \"../data\";\nimport { loadData } from '../data/data-loader';\nimport { importAllExamQuestion, importSelectedExamQuestion } from \"../data/data-handlers\";\n// import { transformCheckboxInputToCourseOutlineRegistrationInput } from \"../data/data-modellers\";\nimport Block from \"@/components/common-ui/block/index.vue\";\nimport InputBox from \"@/components/common-ui/forms/input-box/index.vue\";\nimport TextArea from \"@/components/common-ui/forms/textarea/index.vue\";\nimport SelectBox from \"@/components/common-ui/forms/select-box/index.vue\";\n\nexport default {\n  components: {\n    Block\n  },\n  data() {\n    return {\n      local: state.local,\n      preview: false,\n      // store: state.store,\n      // selection: state.local.filterSelection,\n      form: state.local.form,\n      // list: state.local.list,\n      // input: [],\n    }\n  },\n  computed: {\n    \n  },\n  methods: {\n    async handleImportAll() {\n      await importAllExamQuestion();\n\n    },\n    async handleImportSelected() {\n      await importSelectedExamQuestion();\n    }\n    // handleCourseOutlineUnitSelect(data) {\n    //   this.form.courseOutlineUnitId = data.multipleValues.courseOutlineUnitId;\n    //   this.form.vdoSetUnitInput.unitSeq = data.multipleValues.unitSeq;\n    // },\n    // handleRemarkInput({ data }) {\n    //   this.form.vdoSetUnitInput.remark = data;\n    // },\n    // async save() {\n    //   const courseOutlineRegistrationInput = this.input.map(item => {\n    //     const input = { ...this.form.filter };\n    //     input.academicPeriodId = this.selection.academicPeriod.id; // Fill by filter\n    //     input.periodCode = this.selection.academicPeriod.periodCode; // Fill by filter\n    //     input.degreeId = item.degree.id;\n    //     input.subjectGroupId = item.subjectGroup.id;\n    //     input.subjectId = item.subject.id;\n    //     input.subjectCode = item.subject.code;\n    //     input.subjectName = item.subject.nameLocal;\n    //     input.courseOutlineId = item.id;\n    //     input.teacherId = item.teacher.id;\n    //     input.teacherCode = item.teacherCode;\n    //     return input;\n    //   });\n    //   // this.form.courseOutlineRegistrationInput = courseOutlineRegistrationInput;\n\n    //   const result = await submitForm({ courseOutlineRegistrationInput });\n\n    //   if (result.status.success) {\n    //     alert(\"Add new Course Outline Registration success\");\n    //     this.local.editor = { active: false };\n    //     loadData();\n    //   }\n    // }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n// @import \"common-scoped\";\n\n.editor #exam-by-subject-editor {\n  width: 100%;\n  height: 100%;\n  padding-bottom: 100px;\n\n  & .-header {\n    width: 100%;\n    display: block;\n    margin-bottom: 20px;\n\n    & .--title {\n      font-size: 2rem;\n      color: #6f66b9;\n      padding-bottom: 1rem;\n      width: 100%;\n      height: 3rem;\n      border-bottom: 2px solid #e8e8e8;\n    }\n    & .--subtitle {\n      margin-top: 1rem;\n      font-size: 1rem;\n    }\n  }\n\n  & .-body {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n\n    & .--title {\n      margin-bottom: 20px;\n      margin-top: 20px;\n      text-align: center;\n\n      & > span {\n        font-size: 1.4rem;\n        font-weight: 400;\n      }\n    }\n\n    & .--item-container {\n      display: block;\n      width: 100%;\n\n      & .--item {\n        display: block;\n        width: 100%;\n        margin-bottom: 10px;\n      }\n    }\n\n    & .--controllers {\n      margin-top: 20px;\n    }\n  }\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!./editor-preview-exam-question.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!./editor-preview-exam-question.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./editor-preview-exam-question.vue?vue&type=template&id=38c38422&scoped=true&\"\nimport script from \"./editor-preview-exam-question.vue?vue&type=script&lang=js&\"\nexport * from \"./editor-preview-exam-question.vue?vue&type=script&lang=js&\"\nimport style0 from \"./editor-preview-exam-question.vue?vue&type=style&index=0&id=38c38422&lang=scss&scoped=true&\"\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  \"38c38422\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./editor-preview-exam-question.vue?vue&type=style&index=0&id=38c38422&lang=scss&scoped=true&\"","/* ********************************\n *         Data Handlers\n * ********************************\n */\n\n/* eslint-disable no-unused-vars */\nimport { state } from \"./index\";\nimport store from \"@/store\";\nimport router from \"@/router\";\nimport { loadData } from \"./data-loader\";\n\n\n/** \n  *  Submit Form Data\n  *  \n  *   @param  {Object} payload Contain requires inputs for adding data\n  *     @property {Object, required} courseOutlineRegistrationInput : {\n          academicPeriodId: \"\", // {String} Get it from filter selection.\n          periodCode: \"\",       // {String} Get it from filter selection.\n          degreeId: \"\",         // {String} Get it from filter selection.\n          subjectGroupId: \"\",   // {String} Get it from filter selection.\n          subjectId: \"\",        // {String} Get it from Course Outline Selection.\n          subjectCode: \"\",      // {String} \"----------------------------------\"\n          subjectName: \"\",      // {String} \"----------------------------------\"\n          courseOutlineId: \"\",  // {String} \"----------------------------------\"\n          teacherId: \"\",        // {String} \"----------------------------------\"\n          teacherCode: \"\",      // {String} \"----------------------------------\"\n        }\n  * \n  */\n\nexport const submitForm = async (payload) => {\n  const result = await store.dispatch(\"Courses/CourseOutlineRegistration/addCourseOutlineRegistration\", payload);\n  return result;\n}\n\n\n/** \n  *  Import All Exam Question\n  *  \n  *   @param  {Object} payload Contain requires inputs for adding data\n  *     @property {Object, required} courseOutlineRegistrationInput : {\n          academicPeriodId: \"\", // {String} Get it from filter selection.\n          periodCode: \"\",       // {String} Get it from filter selection.\n          degreeId: \"\",         // {String} Get it from filter selection.\n          subjectGroupId: \"\",   // {String} Get it from filter selection.\n          subjectId: \"\",        // {String} Get it from Course Outline Selection.\n          subjectCode: \"\",      // {String} \"----------------------------------\"\n          subjectName: \"\",      // {String} \"----------------------------------\"\n          courseOutlineId: \"\",  // {String} \"----------------------------------\"\n          teacherId: \"\",        // {String} \"----------------------------------\"\n          teacherCode: \"\",      // {String} \"----------------------------------\"\n        }\n  * \n  */\n\nexport const importAllExamQuestion = async () => {\n  const workbook = transformData(state.local.table.data, state.local.form.input);\n  const result = await store.dispatch(\"Examination/bulkAddExamQuestion\", { workbook });\n  return result;\n}\n\n/** \n  *  Import Selected Exam Question Sheet\n  *  \n  *   @param  {Object} payload Contain requires inputs for adding data\n  *     @property {Object, required} courseOutlineRegistrationInput : {\n          academicPeriodId: \"\", // {String} Get it from filter selection.\n          periodCode: \"\",       // {String} Get it from filter selection.\n          degreeId: \"\",         // {String} Get it from filter selection.\n          subjectGroupId: \"\",   // {String} Get it from filter selection.\n          subjectId: \"\",        // {String} Get it from Course Outline Selection.\n          subjectCode: \"\",      // {String} \"----------------------------------\"\n          subjectName: \"\",      // {String} \"----------------------------------\"\n          courseOutlineId: \"\",  // {String} \"----------------------------------\"\n          teacherId: \"\",        // {String} \"----------------------------------\"\n          teacherCode: \"\",      // {String} \"----------------------------------\"\n        }\n  * \n  */\n\n export const importSelectedExamQuestion = async () => {\n  const workbook = transformData(state.local.table.data, state.local.form.input);\n  const result = await store.dispatch(\"Examination/bulkAddExamQuestion\", { workbook });\n  return result;\n}\n\nfunction transformData(iteration, input) {\n  return iteration.map((sheet, index) => {\n    return sheet.map(question => {\n      return {\n        examId: input.examId,\n        subjectId: input.subjectId,\n        teacherId: input.teacherId,\n        examQuestionInput: {\n          subjectCode: input.subjectCode,\n          teacherCode: input.teacherCode,\n          unitSeq: index + 1,\n          questionTypeCode: question.CHOICE3.length < 1 ? \"TF\" : \"MP\",\n          nameLocal: question.QUESTION,\n          nameEng: question.QUESTION,\n          picturePath: \"\",\n          score: input.score,\n          isRandomChoice: question.RANDOM === \"1\",\n          isActive: true,\n        },\n        examAnswersInput: [\n          {\n            no: \"1\",\n            nameLocal: question.CHOICE1,\n            nameEng: question.CHOICE1,\n            isCorrected: question.ANSWER === \"1\" ? true : false\n          },\n          {\n            no: \"2\",\n            nameLocal: question.CHOICE2,\n            nameEng: question.CHOICE2,\n            isCorrected: question.ANSWER === \"2\" ? true : false\n          },\n          {\n            no: \"3\",\n            nameLocal: question.CHOICE3,\n            nameEng: question.CHOICE3,\n            isCorrected: question.ANSWER === \"3\" ? true : false\n          },\n          {\n            no: \"4\",\n            nameLocal: question.CHOICE4,\n            nameEng: question.CHOICE4,\n            isCorrected: question.ANSWER === \"4\" ? true : false\n          },\n        ]\n      }\n    })\n  });\n}\n\n// export const addData = async (payload) => {\n//   const sample = {\n//     courseOutlineRegistrationInput: {\n//       academicPeriodId: \"\",\n//       periodCode: \"\",\n//       courseOutlineId: \"\",\n//       degreeId: \"\",\n//       subjectGroupId: \"\",\n//       subjectId: \"\",\n//       subjectCode: \"\",\n//       subjectName: \"\",\n//       teacherId: \"\",\n//       teacherCode: \"\",\n//     }\n//   };\n//   store.dispatch(\"Courses/CourseOutlineRegistration/addCourseOutlineRegistration\", sample);\n// };\n\n\n\n// export const handleSelectedListItem = (tr) => {\n//   const id = tr.id || null;\n//   if (id) {\n//     router.push(\n//       {\n//         name: \"vdo-set-topic\",\n//         params: {\n//           vdoSetUnitId: id\n//         }\n//       }\n//     )\n//   }\n// }\n\n\nexport const handleEdit = (data) => {\n  if (data) {\n    // state.local.form.id = data.id;\n    // state.local.form.teacherId = data.teacher.id;\n    // state.local.form.vdoSetUnitInput.unitSeq = data.unitSeq;\n    // state.local.form.vdoSetUnitInput.code = state.local.vdoSet.code;\n    // state.local.form.vdoSetUnitInput.totalVdoLength = data.vdoSet.totalVdoLength;\n    // state.local.form.vdoSetUnitInput.status = \"\"\n    // state.local.form.vdoSetUnitInput.remark = \"\"\n    state.local.editor = { name: \"EditExamQuestion\", mode: \"edit\", active: true };\n  }\n}\n\n\nexport const handleDeleteListItem = async (tr) => {\n  const sure = confirm(\"Yes or No\");\n  // const sure = confirm(`ยืนยันการลบ Vdo Set Unit\\nวิชา ${tr.subject.nameLocal} (${tr.code})\\nสอนโดย ${tr.teacher.firstNameLocal} ${tr.teacher.lastNameLocal} ใช่หรือไม่?`);\n  const { id } = tr;\n  if (sure) {\n    await store.dispatch(\"Courses/CourseOutlineRegistration/deleteCourseOutlineRegistration\", { id });\n    alert('Delete Success');\n    loadData();\n  }\n}\n\n\n// export const submitForm = (formInput) => {\n//   if (formInput) {\n//     if (state.local.editor.mode === \"edit\") {\n//       _store.dispatch('VdoSet/Units/updateVdoSetUnit', formInput);\n//     } else {\n//       _store.dispatch('VdoSet/Units/addVdoSetUnit', formInput);\n//     }\n//   } else {\n//     alert(\"Requires to fill up the form\");\n//   }\n// }\n"],"sourceRoot":""}