{"version":3,"sources":["webpack:///./src/views/screens/surveys/SurveyMaker.vue?83a2","webpack:///src/views/screens/surveys/SurveyMaker.vue","webpack:///./src/views/screens/surveys/SurveyMaker.vue?2f05","webpack:///./src/views/screens/surveys/SurveyMaker.vue","webpack:///./src/views/screens/surveys/SurveyMaker.vue?909d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","model","value","surveyMetadata","callback","$$v","$set","expression","questionsList","defaultQuestion","_e","on","addNewQuestion","$event","$router","back","saveSurvey","staticRenderFns","name","data","addQuestion","description","is_open","topic_id","group_account_id","mounted","$root","$on","console","log","q","components","methods","updateQuestionsList","questionIndex","splice","question","push","JSON","parse","stringify","$emit","convertQuestionInputType","destroyed","closeLoading","component"],"mappings":"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","file":"js/chunk-5f04b0bc.b99dccea.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"survey-maker-containner\"},[_c('CCard',[_c('CCardHeader',[_c('h4',[_vm._v(\"Tạo khảo sát\")])]),_c('CCardBody',[_c('CCard',[_c('CCardBody',[_c('CInput',{attrs:{\"label\":\"Tên khảo sát\",\"placeholder\":\"Điền tên khảo sát\"},model:{value:(_vm.surveyMetadata.name),callback:function ($$v) {_vm.$set(_vm.surveyMetadata, \"name\", $$v)},expression:\"surveyMetadata.name\"}}),_c('CTextarea',{staticClass:\"mt-2\",attrs:{\"label\":\"Mô tả\",\"placeholder\":\"Nhập nội dung miêu tả cuộc khảo sát\",\"rows\":\"3\"},model:{value:(_vm.surveyMetadata.description),callback:function ($$v) {_vm.$set(_vm.surveyMetadata, \"description\", $$v)},expression:\"surveyMetadata.description\"}})],1)],1),_c('QuestionsView',{attrs:{\"questions\":_vm.questionsList,\"readOnly\":true}}),(_vm.addQuestion)?_c('div',[_c('SurveyBuilder',{attrs:{\"options\":_vm.defaultQuestion}})],1):_vm._e(),_c('vs-button',{staticClass:\"md:mt-2\",attrs:{\"square\":\"\",\"success\":\"\"},on:{\"click\":_vm.addNewQuestion}},[_c('i',{staticClass:\"bx bx-plus-medical\"}),_vm._v(\"   Thêm câu hỏi\")])],1),_c('CCardFooter',[_c('div',{staticClass:\"text-center\"},[_c('vs-button',{staticClass:\"d-inline custom_btn_search\",attrs:{\"square\":\"\",\"danger\":\"\"},on:{\"click\":function($event){return _vm.$router.back()}}},[_c('i',{staticClass:\"bx bx-left-arrow-alt\"}),_vm._v(\"  Quay lại\")]),_c('vs-button',{staticClass:\"d-inline\",attrs:{\"square\":\"\"},on:{\"click\":_vm.saveSurvey}},[_c('i',{staticClass:\"bx bx-save\"}),_vm._v(\"   Lưu khảo sát\")])],1)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport { mapActions } from \"vuex\";\r\nimport SurveyBuilder from './SurveyBuilder.vue';\r\nimport QuestionsView from './QuestionsView';\r\nimport sampleQuestionObj from './survey-builder.json';\r\nimport ClientFactory from \"@/api/ClientFactory\";\r\nconst surveyApi = ClientFactory.get(\"surveys\");\r\n\r\nexport default {\r\n  name: 'SurveyMaker',\r\n  data() {\r\n    return {\r\n      questionsList: [],\r\n      addQuestion: false,\r\n      defaultQuestion: '',\r\n      surveyMetadata: {\r\n        name: '',\r\n        description: '',\r\n        is_open: 1,\r\n        topic_id: 2,\r\n        group_account_id: 1 // Group: Toàn bộ nhân viên\r\n      }\r\n    };\r\n  },\r\n  mounted() {\r\n    this.$root.$on('add-update-question', q => {\r\n      console.log(q)\r\n      this.updateQuestionsList(q);\r\n    });\r\n  },\r\n  components: { SurveyBuilder, QuestionsView },\r\n  methods: {\r\n    ...mapActions(\"ui\", ['loading', 'closeLoading', 'notify']),\r\n    updateQuestionsList(data) {\r\n      const questionIndex = this.questionsList.findIndex(x => x.id === data.question.id);\r\n      if (questionIndex >= 0) {\r\n        this.questionsList.splice(questionIndex, 1, data.question);\r\n      } else {\r\n        this.questionsList.push(JSON.parse(JSON.stringify(data.question)));\r\n      }\r\n      this.addQuestion = false;\r\n      this.$root.$emit('selected-question', null);\r\n    },\r\n    addNewQuestion() {\r\n      this.defaultQuestion = JSON.parse(JSON.stringify(sampleQuestionObj));\r\n      this.addQuestion = true;\r\n    },\r\n    async saveSurvey() {\r\n      this.loading(this.$vs);\r\n      console.log(JSON.stringify(this.questionsList))\r\n      if(this.questionsList.length ==0) {\r\n        return this.notify({\r\n            error: true,\r\n            text: \"Hiện tại khảo sát đang chưa có câu hỏi nào.\",\r\n        })\r\n      }\r\n      //process input object\r\n      let questions = this.questionsList.map(q => {\r\n        return { \r\n          question_text: q.body,\r\n          input_type: this.convertQuestionInputType(q.type),\r\n          options: q.options.map(o=>{\r\n            return { \r\n              content: o.body\r\n            }\r\n          })\r\n        }\r\n      });\r\n\r\n      console.log({\r\n        survey: {\r\n          ...this.surveyMetadata,\r\n          questions: questions\r\n        }\r\n      })\r\n\r\n      //send to server\r\n      let response = await surveyApi.createSurvey({\r\n        survey: {\r\n          ...this.surveyMetadata,\r\n          questions: questions\r\n        }\r\n      });\r\n      if(typeof response.error !== 'undefined' || response.data.status === 'failed') {\r\n          this.closeLoading();\r\n          return this.notify({\r\n              error: true,\r\n              text: response.error || response.data.message,\r\n          })\r\n      }\r\n      this.closeLoading();\r\n      this.$router.push('/surveys/list');\r\n    },\r\n    convertQuestionInputType(type) {\r\n      switch(type) {\r\n        case 'SINGLE_CHOICE':\r\n          return 1\r\n        case 'MULTI_CHOICE':\r\n          return 2\r\n        case 'TEXT':\r\n          return 3\r\n        case 'BOOLEAN':\r\n          return 4\r\n        default:\r\n          return 0\r\n      }\r\n    }\r\n  },\r\n  destroyed() {\r\n    this.closeLoading();\r\n  },\r\n};\r\n</script>\r\n\r\n<template>\r\n  <div class=\"survey-maker-containner\">\r\n    <CCard>\r\n        <CCardHeader>\r\n            <h4>Tạo khảo sát</h4>\r\n        </CCardHeader>\r\n        <CCardBody>\r\n            <CCard>\r\n              <CCardBody>\r\n                <CInput\r\n                label=\"Tên khảo sát\"\r\n                v-model=\"surveyMetadata.name\"\r\n                placeholder=\"Điền tên khảo sát\"\r\n                />\r\n                <CTextarea\r\n                label=\"Mô tả\"\r\n                v-model=\"surveyMetadata.description\"\r\n                placeholder=\"Nhập nội dung miêu tả cuộc khảo sát\"\r\n                rows=\"3\"\r\n                class=\"mt-2\"\r\n                />\r\n              </CCardBody>\r\n            </CCard>\r\n            <QuestionsView :questions=\"questionsList\" :readOnly=\"true\" />\r\n            <div v-if=\"addQuestion\">\r\n                  <SurveyBuilder :options=\"defaultQuestion\" />\r\n              </div>\r\n              <vs-button square success class=\"md:mt-2\" @click=\"addNewQuestion\"><i class='bx bx-plus-medical'></i> &nbsp; Thêm câu hỏi</vs-button>\r\n        </CCardBody>\r\n        <CCardFooter>\r\n          <div class=\"text-center\">\r\n            <vs-button class=\"d-inline custom_btn_search\" square danger  @click=\"$router.back()\" ><i class='bx bx-left-arrow-alt'></i>&nbsp; Quay lại</vs-button>\r\n            <vs-button square class=\"d-inline\" @click=\"saveSurvey\"><i class='bx bx-save' ></i> &nbsp; Lưu khảo sát</vs-button>\r\n          </div>\r\n        </CCardFooter>\r\n    </CCard>\r\n  </div>\r\n</template>\r\n\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n<style scoped>\r\n.add_another_btn {\r\n  font-size: 14px;\r\n  background-color: transparent;\r\n  border-color: #4c8ce4;\r\n  color: #4c8ce4;\r\n  padding: 8px;\r\n  cursor: pointer;\r\n}\r\n.text-center {\r\n  text-align: center;\r\n}\r\n</style>\r\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!./SurveyMaker.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!./SurveyMaker.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SurveyMaker.vue?vue&type=template&id=293e14c4&scoped=true&\"\nimport script from \"./SurveyMaker.vue?vue&type=script&lang=js&\"\nexport * from \"./SurveyMaker.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SurveyMaker.vue?vue&type=style&index=0&id=293e14c4&scoped=true&lang=css&\"\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  \"293e14c4\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SurveyMaker.vue?vue&type=style&index=0&id=293e14c4&scoped=true&lang=css&\""],"sourceRoot":""}