{"version":3,"sources":["webpack:///./src/components/common-ui/loader-block/index.vue?029d","webpack:///src/components/common-ui/loader-block/index.vue","webpack:///./src/components/common-ui/loader-block/index.vue?30d5","webpack:///./src/components/common-ui/loader-block/index.vue?e0df","webpack:///./src/components/common-ui/loader-block/index.vue?be31","webpack:///./src/utils/dialogs.js","webpack:///./src/views/pages/Teacher/CourseFaq/Components/CourseFaqEditForm.vue?0cbc","webpack:///src/views/pages/Teacher/CourseFaq/Components/CourseFaqEditForm.vue","webpack:///./src/views/pages/Teacher/CourseFaq/Components/CourseFaqEditForm.vue?6cc5","webpack:///./src/views/pages/Teacher/CourseFaq/Components/CourseFaqEditForm.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","cover","small","attrs","name","_t","_e","_v","staticRenderFns","computed","hasDefaultSlot","$slots","default","props","type","String","defaultName","Boolean","close","methods","openLoader","$vs","loading","container","scale","closeLoader","mounted","makeid","length","component","confirmDelete","vs","acceptFunc","payload","dialog","color","title","i18n","t","text","acceptText","cancelText","accept","confirmSave","confirmUpload","scopedSlots","_u","key","fn","ref","invalid","courseFaqProcessing","courseOutlineProcessing","_s","$t","rtl","courseOutlineUnits","seq","nameLocal","option","model","value","callback","$$v","selectCourseOutlineUnit","expression","errors","questionEditorOption","courseFaq","$set","directives","rawName","answerEditorOption","on","$event","preventDefault","onSaveClick","onCancelClick"],"mappings":"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","file":"js/chunk-accaa826.2d847abd.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"loader-block vs-con-loading__container\",class:{\n    '_cover': _vm.cover,\n    '_small': _vm.small\n  },attrs:{\"id\":(\"loader-block-\" + _vm.name)}},[(_vm.hasDefaultSlot)?_vm._t(\"default\"):_c('div',[(!_vm.small)?_c('h6',{staticClass:\"text-primary mt-32\"},[_vm._v(\"Loading\")]):_vm._e()])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :id=\"`loader-block-${name}`\"\n    class=\"loader-block vs-con-loading__container\"\n    :class=\"{\n      '_cover': cover,\n      '_small': small\n    }\"\n  >\n    <slot v-if=\"hasDefaultSlot\"/>\n    <div v-else>\n      <h6 v-if=\"!small\" class=\"text-primary mt-32\">Loading</h6>\n    </div>\n  </div>\n</template>\n\n<script>\nconst defaultName = makeid(5);\n\nexport default {\n  name: \"Loader\",\n  computed: {\n    hasDefaultSlot () {\n      return !!this.$slots.default\n    }\n  },\n  props: {\n    name: {\n      type: String,\n      default: defaultName\n    },\n    cover: {\n      type: Boolean,\n      default: false,\n    },\n    small: {\n      type: Boolean,\n      default: false\n    },\n    close: () => {\n      this.closeLoader();\n    }\n  },\n  methods: {\n    openLoader(){\n      this.$vs.loading({\n        container: `#loader-block-${this.name}`,\n        scale: 1\n      })\n    },\n    closeLoader() {\n      this.$vs.loading,close(`#loader-block-${this.name} > .con-vs-loading`)\n    }\n  },\n  mounted() {\n    this.openLoader();\n  }\n}\n\nfunction makeid(length) {\n   var result           = '';\n   var characters       = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n   var charactersLength = characters.length;\n   for ( var i = 0; i < length; i++ ) {\n      result += characters.charAt(Math.floor(Math.random() * charactersLength));\n   }\n   return result;\n}\n</script>\n\n<style lang=\"scss\">\n.loader-block {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &._cover {\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n  }\n\n  &._small {\n    & .vs-loading {\n      transform: scale(0.7) !important;\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=0f67833c&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=scss&\"\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  null,\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!./index.vue?vue&type=style&index=0&lang=scss&\"","import {i18n} from '@/setup/i18n-setup';\n\nexport async function confirmDelete(vs, acceptFunc, payload) {\n\n  vs.dialog({\n    type: 'confirm',\n    color: 'danger',\n    title: i18n.t('general.confirmDelete'),\n    text: i18n.t('general.confirmDeleteMessage'),\n    acceptText: i18n.t('general.delete'),\n    cancelText: i18n.t('general.cancel'),\n    accept: async () => {\n      await acceptFunc(payload);\n    }\n  });\n\n}\n\nexport async function confirmSave(vs, acceptFunc, payload) {\n\n  vs.dialog({\n    type: 'confirm',\n    color: 'primary',\n    title: i18n.t('general.confirm-save'),\n    text: i18n.t('general.confirm-save-message'),\n    acceptText: i18n.t('general.save'),\n    cancelText: i18n.t('general.cancel'),\n    accept: async () => {\n      if(payload){\n        await acceptFunc(payload);\n      }else{\n        await acceptFunc();\n      }\n    }\n  });\n\n}\n\n\nexport async function confirmUpload(vs, acceptFunc, payload) {\n\n  vs.dialog({\n    type: 'confirm',\n    color: 'primary',\n    title: i18n.t('general.confirm-upload'),\n    text: i18n.t('general.confirm-upload-message'),\n    acceptText: i18n.t('general.upload'),\n    cancelText: i18n.t('general.cancel'),\n    accept: async () => {\n      if(payload){\n        await acceptFunc(payload);\n      }else{\n        await acceptFunc();\n      }\n    }\n  });\n\n}\n\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ValidationObserver',{scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar invalid = ref.invalid;\nreturn [(_vm.courseFaqProcessing || _vm.courseOutlineProcessing)?_c('Loader',{attrs:{\"cover\":\"\"}}):_c('vx-card',[_c('div',{staticClass:\"vx-row mb-4\"},[_c('div',{staticClass:\"vx-col sm:w-1/2\"},[_c('h4',{staticClass:\"mb-2\"},[_vm._v(_vm._s(_vm.$t('vdo-set.course-outline-unit-qty')))]),_c('v-select',{staticClass:\"mb-4 md:mb-0\",attrs:{\"clearable\":false,\"dir\":_vm.$vs.rtl ? 'rtl' : 'ltr',\"options\":_vm.courseOutlineUnits,\"label\":\"nameLocal\",\"selectOnTab\":\"\"},scopedSlots:_vm._u([{key:\"selected-option\",fn:function(ref){\nvar seq = ref.seq;\nvar nameLocal = ref.nameLocal;\nreturn [_vm._v(\" \"+_vm._s(seq)+\". \"+_vm._s(nameLocal)+\" \")]}},{key:\"option\",fn:function(option){return [_vm._v(\" \"+_vm._s(option.seq)+\". \"+_vm._s(option.nameLocal)+\" \")]}}]),model:{value:(_vm.selectCourseOutlineUnit),callback:function ($$v) {_vm.selectCourseOutlineUnit=$$v},expression:\"selectCourseOutlineUnit\"}})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('h4',{staticClass:\"mb-2\"},[_vm._v(_vm._s(_vm.$t('course-faq.question')))]),_c('ValidationProvider',{attrs:{\"name\":_vm.$t('course-faq.question'),\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('quill-editor',{attrs:{\"options\":_vm.questionEditorOption},model:{value:(_vm.courseFaq.question),callback:function ($$v) {_vm.$set(_vm.courseFaq, \"question\", $$v)},expression:\"courseFaq.question\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(errors[0]),expression:\"errors[0]\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(errors[0]))])]}}])})],1)]),_c('div',{staticClass:\"vx-row mt-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('h4',{staticClass:\"mb-2\"},[_vm._v(_vm._s(_vm.$t('course-faq.answer')))]),_c('ValidationProvider',{attrs:{\"name\":_vm.$t('course-faq.answer'),\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('quill-editor',{attrs:{\"options\":_vm.answerEditorOption},model:{value:(_vm.courseFaq.answer),callback:function ($$v) {_vm.$set(_vm.courseFaq, \"answer\", $$v)},expression:\"courseFaq.answer\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(errors[0]),expression:\"errors[0]\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(errors[0]))])]}}])})],1)]),_c('div',{staticClass:\"vx-row mt-4\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-button',{attrs:{\"disabled\":_vm.courseFaqProcessing || invalid},on:{\"click\":function($event){$event.preventDefault();return _vm.onSaveClick($event)}}},[_vm._v(\" \"+_vm._s(_vm.$t('general.save'))+\" \")]),_c('vs-button',{staticClass:\"ml-2\",attrs:{\"disabled\":_vm.courseFaqProcessing,\"color\":\"warning\"},on:{\"click\":function($event){$event.preventDefault();return _vm.onCancelClick($event)}}},[_vm._v(\" \"+_vm._s(_vm.$t('general.cancel'))+\" \")])],1)])])]}}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <ValidationObserver v-slot=\"{ invalid }\">\n    <Loader cover v-if=\"courseFaqProcessing || courseOutlineProcessing\"/>\n\n    <vx-card v-else>\n\n      <div class=\"vx-row mb-4\">\n        <div class=\"vx-col sm:w-1/2\">\n          <h4 class=\"mb-2\">{{ $t('vdo-set.course-outline-unit-qty') }}</h4>\n          <v-select :clearable=\"false\" :dir=\"$vs.rtl ? 'rtl' : 'ltr'\"\n                    :options=\"courseOutlineUnits\"\n                    class=\"mb-4 md:mb-0\"\n                    label=\"nameLocal\"\n                    selectOnTab\n                    v-model=\"selectCourseOutlineUnit\">\n\n            <!--label option-->\n            <template #selected-option=\"{ seq, nameLocal }\">\n              {{ seq }}. {{ nameLocal }}\n            </template>\n\n            <!--option list-->\n            <template v-slot:option=\"option\">\n              {{ option.seq }}. {{ option.nameLocal }}\n            </template>\n\n          </v-select>\n        </div>\n      </div>\n      <div class=\"vx-row\">\n        <div class=\"vx-col w-full\">\n          <h4 class=\"mb-2\">{{ $t('course-faq.question') }}</h4>\n          <ValidationProvider :name=\"$t('course-faq.question')\" rules=\"required\" v-slot=\"{ errors }\">\n            <quill-editor :options=\"questionEditorOption\" v-model=\"courseFaq.question\">\n            </quill-editor>\n            <span class=\"text-danger text-sm\" v-show=\"errors[0]\">{{errors[0]}}</span>\n          </ValidationProvider>\n        </div>\n      </div>\n\n      <div class=\"vx-row mt-2\">\n        <div class=\"vx-col w-full\">\n          <h4 class=\"mb-2\">{{ $t('course-faq.answer') }}</h4>\n          <ValidationProvider :name=\"$t('course-faq.answer')\" rules=\"required\" v-slot=\"{ errors }\">\n            <quill-editor :options=\"answerEditorOption\" v-model=\"courseFaq.answer\">\n            </quill-editor>\n            <span class=\"text-danger text-sm\" v-show=\"errors[0]\">{{errors[0]}}</span>\n          </ValidationProvider>\n        </div>\n      </div>\n\n      <!----------------------------------------- Actions Button ---------------------------------------------------->\n      <div class=\"vx-row mt-4\">\n        <div class=\"vx-col w-full\">\n          <vs-button :disabled=\"courseFaqProcessing || invalid\"\n                     @click.prevent=\"onSaveClick\">\n            {{ $t('general.save') }}\n          </vs-button>\n\n          <vs-button :disabled=\"courseFaqProcessing\"\n                     @click.prevent=\"onCancelClick\"\n                     class=\"ml-2\" color=\"warning\">\n            {{ $t('general.cancel') }}\n          </vs-button>\n        </div>\n\n      </div>\n    </vx-card>\n  </ValidationObserver>\n</template>\n\n<script>\n  import store from '../../../../../store';\n  import {createHelpers} from 'vuex-map-fields';\n  import {createNamespacedHelpers} from \"vuex\";\n  import CourseFaq from '../../../../../store/modules/class-room/course-faq/index';\n  import CourseOutline from '../../../../../store/modules/courses/course-outline/index';\n  import {confirmSave} from \"../../../../../utils/dialogs\";\n  import {showStateNotification} from \"../../../../../utils/notification\";\n  import Loader from '../../../../../components/common-ui/loader-block/index'\n  import vSelect from \"vue-select\";\n  import {quillEditor} from 'vue-quill-editor'\n  import 'quill/dist/quill.core.css'\n  import 'quill/dist/quill.snow.css'\n  import 'quill/dist/quill.bubble.css'\n\n  if (!store.state.CourseFaq) store.state.registerModule(`CourseFaq`, CourseFaq);\n  if (!store.state.CourseOutline) store.state.registerModule(`CourseOutline`, CourseOutline);\n\n  const {\n    mapActions: mapCourseFaqActions,\n  } = createNamespacedHelpers(`CourseFaq`);\n  const {\n    mapActions: mapCourseOutlineActions,\n  } = createNamespacedHelpers(`CourseOutline`);\n\n  const {\n    mapFields: mapCourseFaqFields,\n  } = createHelpers({\n    getterType: `CourseFaq/getField`,\n    mutationType: `CourseFaq/updateField`,\n  });\n  const {\n    mapFields: mapCourseOutlineFields,\n  } = createHelpers({\n    getterType: `CourseOutline/getField`,\n    mutationType: `CourseOutline/updateField`,\n  });\n\n  export default {\n    name: \"CourseFaqEditForm\",\n    data() {\n      return {\n        courseFaq: {\n          question: '',\n          answer: '',\n        },\n        courseOutlineUnits: [],\n        selectCourseOutlineUnit: null,\n        questionEditorOption: {\n          modules: {\n            toolbar: [\n              ['bold', 'italic', 'underline', 'strike'],        // toggled buttons\n              ['blockquote', 'code-block'],\n\n              [{'header': 1}, {'header': 2}],               // custom button values\n              [{'list': 'ordered'}, {'list': 'bullet'}],\n              [{'script': 'sub'}, {'script': 'super'}],      // superscript/subscript\n              [{'indent': '-1'}, {'indent': '+1'}],          // outdent/indent\n              [{'direction': 'rtl'}],                         // text direction\n\n              [{'size': ['small', false, 'large', 'huge']}],  // custom dropdown\n              [{'header': [1, 2, 3, 4, 5, 6, false]}],\n\n              [{'color': []}, {'background': []}],          // dropdown with defaults from theme\n              [{'font': []}],\n              [{'align': []}],\n\n              ['clean']                                         // remove formatting button\n            ],\n          }\n        },\n        answerEditorOption: {\n          modules: {\n            toolbar: [\n              ['bold', 'italic', 'underline', 'strike'],        // toggled buttons\n              ['blockquote', 'code-block'],\n\n              [{'header': 1}, {'header': 2}],               // custom button values\n              [{'list': 'ordered'}, {'list': 'bullet'}],\n              [{'script': 'sub'}, {'script': 'super'}],      // superscript/subscript\n              [{'indent': '-1'}, {'indent': '+1'}],          // outdent/indent\n              [{'direction': 'rtl'}],                         // text direction\n\n              [{'size': ['small', false, 'large', 'huge']}],  // custom dropdown\n              [{'header': [1, 2, 3, 4, 5, 6, false]}],\n\n              [{'color': []}, {'background': []}],          // dropdown with defaults from theme\n              [{'font': []}],\n              [{'align': []}],\n\n              ['clean'],                                         // remove formatting button\n\n              ['link'],\n            ],\n          }\n        },\n      }\n    },\n    components: {\n      Loader,\n      vSelect,\n      quillEditor,\n    },\n    computed: {\n      ...mapCourseFaqFields({\n        courseFaqProcessing: 'processing',\n        courseFaqError: 'error',\n        courseFaqSuccess: 'success'\n      }),\n      ...mapCourseOutlineFields({\n        courseOutlineProcessing: 'processing',\n      }),\n    },\n    watch: {\n      courseFaqSuccess(data) {\n        showStateNotification(this.$vs, data);\n      },\n      courseFaqError: async function (data) {\n        showStateNotification(this.$vs, data);\n      },\n    },\n    methods: {\n      //---------------------------------------- State Function ------------------------------------------------------//\n      ...mapCourseFaqActions({\n        getCourseFaq: 'getCourseFaq',\n        addCourseFaq: 'addCourseFaq',\n        updateCourseFaq: 'updateCourseFaq',\n      }),\n      ...mapCourseOutlineActions({\n        getCourseOutlineUnitsByCourseOutlineId: 'getCourseOutlineUnitsByCourseOutlineId',\n      }),\n      //---------------------------------------- Event Function ------------------------------------------------------//\n      async onSaveClick() {\n        let payload = {\n          courseOutlineUnitId: this.selectCourseOutlineUnit.id,\n          courseFAQInput: {\n            question: this.courseFaq.question,\n            answer: this.courseFaq.answer,\n          }\n        }\n        if (this.courseFaq.id) {\n          payload = {\n            id: this.courseFaq.id,\n            ...payload,\n          };\n        } else {\n          payload = {\n            classSectionId: this.$route.params.classSectionId,\n            ...payload,\n          };\n        }\n        await confirmSave(this.$vs, this.saveCourseFaq, payload);\n      },\n      onCancelClick() {\n        this.$router.push({\n          path: `/course-faq/${this.$route.params.classSectionId}/${this.$route.params.courseOutlineId}`,\n          params: {\n            courseOutlineUnitId: this.$route.params.courseOutlineUnitId,\n            classSectionId: this.$route.params.classSectionId,\n          }\n        });\n      },\n      //---------------------------------------- Local Function ------------------------------------------------------//\n      async saveCourseFaq(payload) {\n        let result;\n        if (payload.id) {\n          result = await this.updateCourseFaq(payload);\n        } else {\n          result = await this.addCourseFaq(payload);\n        }\n        if (result) {\n          this.onCancelClick();\n        }\n      },\n      async initData() {\n        const payload = {\n          courseOutlineId: this.$route.params.courseOutlineId,\n        };\n        this.courseOutlineUnits = await this.getCourseOutlineUnitsByCourseOutlineId(payload);\n        if (this.courseOutlineUnits && this.courseOutlineUnits.length > 0) {\n          this.selectCourseOutlineUnit = this.courseOutlineUnits.find(item => item.id === this.$route.params.courseOutlineUnitId);\n        }\n      },\n      async loadData() {\n        if (this.$route.params.id) {\n          const payload = {\n            id: this.$route.params.id\n          };\n          this.courseFaq = await this.getCourseFaq(payload);\n        }\n      },\n      clearData() {\n        this.courseFaq = {\n          question: '',\n          answer: '',\n        }\n      },\n    },\n    async beforeMount() {\n      this.clearData();\n      await this.initData();\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!./CourseFaqEditForm.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!./CourseFaqEditForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CourseFaqEditForm.vue?vue&type=template&id=357bef56&scoped=true&\"\nimport script from \"./CourseFaqEditForm.vue?vue&type=script&lang=js&\"\nexport * from \"./CourseFaqEditForm.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  \"357bef56\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}