{"version":3,"sources":["webpack:///./src/views/pages/Examination/Main/data/data-handlers.js","webpack:///./src/views/pages/Examination/Main/subcomponents/editor-edit-exam.vue?7217","webpack:///src/views/pages/Examination/Main/subcomponents/editor-edit-exam.vue","webpack:///./src/views/pages/Examination/Main/subcomponents/editor-edit-exam.vue?9bac","webpack:///./src/views/pages/Examination/Main/subcomponents/editor-edit-exam.vue?18ad","webpack:///./src/views/pages/Examination/Main/subcomponents/editor-edit-exam.vue?f14e"],"names":["submitForm","payload","store","dispatch","result","handleDeleteListItem","tr","sure","confirm","id","alert","loadData","render","_vm","this","_h","$createElement","_c","_self","attrs","_m","staticClass","on","save","_v","staticRenderFns","components","Block","data","local","selection","form","list","input","computed","subjectOptions","courseOutlineOptions","courseOutlineRemainOptions","used","includes","item","remain","methods","handleCourseOutlineUnitSelect","courseOutlineUnitId","multipleValues","vdoSetUnitInput","unitSeq","handleRemarkInput","remark","component"],"mappings":"8PA+BaA,EAAU,yDAAG,WAAOC,GAAP,uGACHC,OAAMC,SAAS,sBAAuBF,GADnC,cAClBG,EADkB,yBAEjBA,GAFiB,2CAAH,sDAsDVC,EAAoB,yDAAG,WAAOC,GAAP,4FAC5BC,EAAOC,QAAQ,aAEbC,EAAOH,EAAPG,IACJF,EAJ8B,gCAK1BL,OAAMC,SAAS,oEAAqE,CAAEM,OAL5D,OAMhCC,MAAM,kBACNC,iBAPgC,2CAAH,uD,oECrFjC,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,wBAAwB,CAACN,EAAIO,GAAG,GAAGH,EAAG,MAAM,CAACI,YAAY,SAAS,CAACJ,EAAG,MAAM,CAACI,YAAY,iBAAiB,CAACJ,EAAG,YAAY,CAACK,GAAG,CAAC,MAAQT,EAAIU,OAAO,CAACV,EAAIW,GAAG,aAAa,QACzRC,EAAkB,CAAC,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACI,YAAY,WAAW,CAACJ,EAAG,MAAM,CAACI,YAAY,WAAW,CAACJ,EAAG,OAAO,CAACJ,EAAIW,GAAG,gBAAgBP,EAAG,OAAO,CAACI,YAAY,cAAc,CAACR,EAAIW,GAAG,qB,gHC0D7P,G,8BAAA,CACEE,WAAY,CACVC,MAAJ,QAEEC,KAJF,WAKI,MAAO,CACLC,MAAO,EAAb,WACM3B,MAAO,EAAb,WACM4B,UAAW,EAAjB,2BACMC,KAAM,EAAZ,gBACMC,KAAM,EAAZ,gBACMC,MAAO,KAGXC,SAAU,CACRC,eADJ,WAEM,OAAO,EAAb,oCAEIC,qBAJJ,WAKM,OAAO,EAAb,0CAEIC,2BAPJ,WASM,IAAN,0DAEA,iEAEQ,OAAQC,EAAKC,SAASC,EAAK/B,OAG7B,OAAOgC,IAGXC,QAAS,CACPC,8BADJ,SACA,GACM7B,KAAKiB,KAAKa,oBAAsBhB,EAAKiB,eAAeD,oBACpD9B,KAAKiB,KAAKe,gBAAgBC,QAAUnB,EAAKiB,eAAeE,SAE1DC,kBALJ,YAKA,aACMlC,KAAKiB,KAAKe,gBAAgBG,OAASrB,GAErC,KARJ,WAQA,uKACA,GACA,gCACA,4CACA,kCACA,mCALA,SAOA,kBAPA,OAOA,EAPA,OAQA,mBACA,qDACA,2BACA,kBAXA,iDCpGsZ,I,wBCQlZsB,EAAY,eACd,EACAtC,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAyB,E,2CCnBf","file":"js/chunk-9da99a30.c713cb7d.js","sourcesContent":["/* ********************************\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(\"Examination/addExam\", payload);\n  return result;\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\n// export 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: \"EditVdoSetUnit\", 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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"vdo-set-unit-editor\"}},[_vm._m(0),_c('div',{staticClass:\"-body\"},[_c('div',{staticClass:\"--controllers\"},[_c('vs-button',{on:{\"click\":_vm.save}},[_vm._v(\" Save \")])],1)])])}\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\")])]),_c('span',{staticClass:\"--subtitle\"},[_vm._v(\"เพิ่มข้อสอบ\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"vdo-set-unit-editor\">\n    <div class=\"-header\">\n      <div class=\"--title\">\n        <span>Add Exam</span>\n      </div>\n      <span class=\"--subtitle\">เพิ่มข้อสอบ</span>\n    </div>\n\n    <div class=\"-body\">\n      <!-- <div class=\"--item-container\"\n        v-if=\"courseOutlineOptions.length > 0\"\n      >\n        <div class=\"--title\"><span>เลือกวิชาจาก Course Outline</span></div>\n        <div class=\"--item\" v-for=\"(item) in courseOutlineRemainOptions\" :key=\"item.id\">\n          <vx-card>\n            <vs-row vs-type=\"flex\" vs-justify=\"center\">\n              <vs-col vs-type=\"flex\" vs-justify=\"flex-start\" vs-align=\"center\" style=\"width: 32px; margin-right: 10px; margin-left: -30px\">\n                <vs-checkbox v-model=\"input\" :vs-value=\"item\" />\n              </vs-col>\n              \n              <vs-col vs-w=\"6\" vs-type=\"flex\" vs-justify=\"flex-start\" vs-align=\"center\">\n                <span><strong>{{ item.subject.code }} </strong> {{ item.subject.nameLocal }}</span>\n              </vs-col>\n              \n              <vs-col vs-w=\"5\" vs-type=\"flex\" vs-justify=\"flex-end\" vs-align=\"center\">\n                <span><strong>อาจารย์ </strong> {{ item.teacher.firstNameLocal }} {{ item.teacher.lastNameLocal }}</span>\n              </vs-col>\n            </vs-row>\n          </vx-card>\n        </div>\n      </div>\n      <div v-else>\n        ยังไม่มี Course Outline สำหรับกลุ่มวิชานี้\n      </div> -->\n      <!-- {{ form.filter }} -->\n      <div class=\"--controllers\">\n        <vs-button\n          @click=\"save\"\n        >\n          <!-- :disabled=\"!isAvailableToCreate\" -->\n          Save\n        </vs-button>\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 { submitForm } 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      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    subjectOptions() {\n      return state.local.selectorOptions.subject;\n    },\n    courseOutlineOptions() {\n      return state.local.selectorOptions.courseOutline;\n    },\n    courseOutlineRemainOptions() {\n      // console.log(this.list);\n      const used = this.list.map(item => item.courseOutline.id);\n      // console.log(\"used\", used);\n      const remain = state.local.selectorOptions.courseOutline.filter(item => {\n        // console.log(item);\n        return !used.includes(item.id);\n      })\n      // console.log(remain);\n      return remain;\n    }\n  },\n  methods: {\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 payload = {\n        degreeId: this.form.filter.degreeId,\n        subjectGroupId: this.form.filter.subjectGroupId,\n        subjectId: this.form.filter.subjectId,\n        teacherId: this.form.filter.teacherId,\n      };\n      const result = await submitForm(payload);\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 #vdo-set-unit-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-edit-exam.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-edit-exam.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./editor-edit-exam.vue?vue&type=template&id=2ebeb29d&scoped=true&\"\nimport script from \"./editor-edit-exam.vue?vue&type=script&lang=js&\"\nexport * from \"./editor-edit-exam.vue?vue&type=script&lang=js&\"\nimport style0 from \"./editor-edit-exam.vue?vue&type=style&index=0&id=2ebeb29d&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  \"2ebeb29d\",\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-edit-exam.vue?vue&type=style&index=0&id=2ebeb29d&lang=scss&scoped=true&\""],"sourceRoot":""}