{"version":3,"sources":["webpack:///./src/modules/question/preview-question-excercise-thieu/PreviewAnswerItem.vue?9b0b","webpack:///src/modules/question/preview-question-excercise-thieu/PreviewAnswerItem.vue","webpack:///./src/modules/question/preview-question-excercise-thieu/PreviewAnswerItem.vue?84b3","webpack:///./src/modules/question/preview-question-excercise-thieu/PreviewAnswerItem.vue","webpack:///./src/modules/question/preview-question-excercise-thieu/PreviewAnswerItem.vue?3210"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isDontShowResultSaved","parent","statusWorked","isWorked","answer__err","statusCorrect","answer__true","isNoAnswer","type","types","TYPE_RADIO","dataSource","success","content","correct","answerContent","isLoadChange","attrs","on","$event","nameField","location","disabled","changeAnswer","_e","TYPE_CHECKBOX","TYPE_X_MARK","TYPE_CIRCLE_ANSWER","TYPE_FILL_BLANK","TYPE_SELECT","TYPE_MATH_COL","TYPE_TRUE_FALSE_NO","TYPE_FILL_INPUT_IMG","TYPE_DOWN_ANSWER","changeAnswerEdittorCK","staticRenderFns","name","props","default","components","EdittorCKAnswer","MultipleChoice","MultipleAnswer","fillBlankOrSelect","FillInputImg","MathCol","TrueFalseAnswer","Loading","data","watch","setTimeout","created","CHANGE_TXT_ANSWER","destroyed","methods","evt","position","handleChangeTxtAnswer","val","value","component"],"mappings":"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","file":"js/chunk-7dc0f28a.5466b175.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"answer__wrap answer-content position-rel\",class:{\n    'evt-none':\n      !_vm.isDontShowResultSaved && (_vm.parent.statusWorked || _vm.parent.isWorked),\n    answer__err: !_vm.isDontShowResultSaved && (_vm.statusCorrect === 'err'),\n    answer__true:\n      (!_vm.isDontShowResultSaved &&\n        ((_vm.statusCorrect === 'success' && !_vm.parent.isNoAnswer) ||\n          (_vm.statusCorrect === 'success' &&\n            _vm.parent.isNoAnswer &&\n            _vm.parent.type === _vm.types.TYPE_RADIO) ||\n          _vm.dataSource.success ||\n          (_vm.parent.statusWorked &&\n            ((_vm.dataSource.content &&\n              _vm.dataSource.content === _vm.dataSource.correct) ||\n              (!_vm.dataSource.content && _vm.dataSource.answerContent))))) ||\n      (_vm.isDontShowResultSaved &&\n        _vm.dataSource.answerContent &&\n        _vm.type === _vm.types.TYPE_RADIO),\n  }},[(!_vm.isLoadChange)?[(_vm.type === _vm.types.TYPE_RADIO)?_c('MultipleChoice',{attrs:{\"dataSource\":_vm.dataSource,\"nameField\":_vm.nameField,\"location\":_vm.location,\"parent\":_vm.parent,\"disabled\":_vm.disabled},on:{\"changeAnswer\":_vm.changeAnswer}}):_vm._e(),(\n        _vm.type === _vm.types.TYPE_CHECKBOX ||\n        _vm.type === _vm.types.TYPE_X_MARK ||\n        _vm.type === _vm.types.TYPE_CIRCLE_ANSWER\n      )?_c('MultipleAnswer',{attrs:{\"dataSource\":_vm.dataSource,\"nameField\":_vm.nameField,\"location\":_vm.location,\"parent\":_vm.parent,\"statusCorrect\":_vm.statusCorrect,\"isDontShowResultSaved\":_vm.isDontShowResultSaved},on:{\"changeAnswer\":_vm.changeAnswer}}):(_vm.type === _vm.types.TYPE_FILL_BLANK || _vm.type === _vm.types.TYPE_SELECT)?_c('fillBlankOrSelect',{attrs:{\"dataSource\":_vm.dataSource,\"nameField\":_vm.nameField,\"location\":_vm.location,\"parent\":_vm.parent,\"isDontShowResultSaved\":_vm.isDontShowResultSaved},on:{\"changeAnswer\":_vm.changeAnswer}}):(_vm.type === _vm.types.TYPE_MATH_COL)?_c('MathCol',{attrs:{\"dataSource\":_vm.dataSource,\"nameField\":_vm.nameField,\"location\":_vm.location,\"parent\":_vm.parent,\"isDontShowResultSaved\":_vm.isDontShowResultSaved},on:{\"changeAnswer\":_vm.changeAnswer}}):(_vm.type === _vm.types.TYPE_TRUE_FALSE_NO)?_c('TrueFalseAnswer',{attrs:{\"dataSource\":_vm.dataSource,\"nameField\":_vm.nameField,\"location\":_vm.location,\"parent\":_vm.parent},on:{\"changeAnswer\":_vm.changeAnswer}}):(_vm.type === _vm.types.TYPE_FILL_INPUT_IMG)?_c('FillInputImg',{attrs:{\"dataSource\":_vm.dataSource,\"nameField\":_vm.nameField,\"location\":_vm.location,\"parent\":_vm.parent},on:{\"changeAnswer\":_vm.changeAnswer}}):(_vm.type === _vm.types.TYPE_DOWN_ANSWER)?_c('EdittorCKAnswer',{attrs:{\"disabled\":_vm.disabled,\"contentEditor\":_vm.dataSource.answerContent,\"fillBlank\":false,\"position\":(\"answer_\" + (_vm.dataSource.questionId))},on:{\"changeAnswerEdittorCK\":_vm.changeAnswerEdittorCK}}):_vm._e()]:[_c('loading',{attrs:{\"active\":_vm.isLoadChange,\"is-full-page\":true,\"color\":\"#0f3dba\"},on:{\"update:active\":function($event){_vm.isLoadChange=$event}}})]],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"answer__wrap answer-content position-rel\" :class=\"{\r\n    'evt-none':\r\n      !isDontShowResultSaved && (parent.statusWorked || parent.isWorked),\r\n    answer__err: !isDontShowResultSaved && (statusCorrect === 'err'),\r\n    answer__true:\r\n      (!isDontShowResultSaved &&\r\n        ((statusCorrect === 'success' && !parent.isNoAnswer) ||\r\n          (statusCorrect === 'success' &&\r\n            parent.isNoAnswer &&\r\n            parent.type === types.TYPE_RADIO) ||\r\n          dataSource.success ||\r\n          (parent.statusWorked &&\r\n            ((dataSource.content &&\r\n              dataSource.content === dataSource.correct) ||\r\n              (!dataSource.content && dataSource.answerContent))))) ||\r\n      (isDontShowResultSaved &&\r\n        dataSource.answerContent &&\r\n        type === types.TYPE_RADIO),\r\n  }\">\r\n    <template v-if=\"!isLoadChange\">\r\n      <MultipleChoice v-if=\"type === types.TYPE_RADIO\" :dataSource=\"dataSource\" :nameField=\"nameField\"\r\n        :location=\"location\" :parent=\"parent\" :disabled=\"disabled\" @changeAnswer=\"changeAnswer\" />\r\n      <MultipleAnswer v-if=\"\r\n        type === types.TYPE_CHECKBOX ||\r\n        type === types.TYPE_X_MARK ||\r\n        type === types.TYPE_CIRCLE_ANSWER\r\n      \" :dataSource=\"dataSource\" :nameField=\"nameField\" :location=\"location\" :parent=\"parent\"\r\n        :statusCorrect=\"statusCorrect\" :isDontShowResultSaved=\"isDontShowResultSaved\" @changeAnswer=\"changeAnswer\" />\r\n      <fillBlankOrSelect v-else-if=\"type === types.TYPE_FILL_BLANK || type === types.TYPE_SELECT\"\r\n        :dataSource=\"dataSource\" :nameField=\"nameField\" :location=\"location\" :parent=\"parent\"\r\n        :isDontShowResultSaved=\"isDontShowResultSaved\" @changeAnswer=\"changeAnswer\" />\r\n      <MathCol v-else-if=\"type === types.TYPE_MATH_COL\" :dataSource=\"dataSource\" :nameField=\"nameField\"\r\n        :location=\"location\" :parent=\"parent\" :isDontShowResultSaved=\"isDontShowResultSaved\"\r\n        @changeAnswer=\"changeAnswer\" />\r\n      <TrueFalseAnswer v-else-if=\"type === types.TYPE_TRUE_FALSE_NO\" :dataSource=\"dataSource\" :nameField=\"nameField\"\r\n        :location=\"location\" :parent=\"parent\" @changeAnswer=\"changeAnswer\" />\r\n      <FillInputImg v-else-if=\"type === types.TYPE_FILL_INPUT_IMG\" :dataSource=\"dataSource\" :nameField=\"nameField\"\r\n        :location=\"location\" :parent=\"parent\" @changeAnswer=\"changeAnswer\" />\r\n      <!-- <DrawShapeAnswer \r\n\t\t\t\tv-else-if=\"type === types.TYPE_DRAW_SHAPE_ANSWER\"\r\n\t\t\t\t:dataSource=\"dataSource\"\r\n\t\t\t\t:nameField=\"nameField\"\r\n\t\t\t\t:location=\"location\"\r\n\t\t\t\t:parent=\"parent\"\r\n\t\t\t\t@changeAnswer=\"changeAnswer\"\r\n\t\t\t/> -->\r\n      <EdittorCKAnswer v-else-if=\"type === types.TYPE_DOWN_ANSWER\" :disabled=\"disabled\"\r\n        :contentEditor=\"dataSource.answerContent\" :fillBlank=\"false\" :position=\"`answer_${dataSource.questionId}`\"\r\n        @changeAnswerEdittorCK=\"changeAnswerEdittorCK\" />\r\n    </template>\r\n    <template v-else>\r\n      <loading :active.sync=\"isLoadChange\" :is-full-page=\"true\" color=\"#0f3dba\" />\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as types from \"./_store/constants\";\r\nimport { CHANGE_TXT_ANSWER } from \"@/store/common/constants\";\r\n// import { mapGetters, mapActions } from 'vuex'\r\nimport Loading from \"vue-loading-overlay\";\r\n\r\nexport default {\r\n  name: \"PreviewAnswerItem\",\r\n  props: {\r\n    type: String,\r\n    dataSource: Object,\r\n    nameField: String,\r\n    location: Number,\r\n    parent: Object,\r\n    statusCorrect: String,\r\n    isDontShowResultSaved: Boolean,\r\n    disabled: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  components: {\r\n    EdittorCKAnswer: () => import(\"@/modules/question/EdittorCKAnswer.vue\"),\r\n    MultipleChoice: () =>\r\n      import(\"./answers/multiple-choice/MultipleChoice.vue\"),\r\n    MultipleAnswer: () =>\r\n      import(\"./answers/multiple-answers/MultipleAnswer.vue\"),\r\n    fillBlankOrSelect: () =>\r\n      import(\"./answers/fill-blank-select/fillBlankOrSelect.vue\"),\r\n    FillInputImg: () => import(\"./answers/fill-input-img/FillInputImg.vue\"),\r\n    MathCol: () => import(\"./answers/math-col/MathCol.vue\"),\r\n    TrueFalseAnswer: () => import(\"./answers/true-false/TrueFalseAnswer.vue\"),\r\n    // DrawShapeAnswer: () => import('./answers/draw-shape/DrawShapeAnswer.vue'),\r\n    Loading,\r\n  },\r\n  data() {\r\n    return {\r\n      isLoadChange: false,\r\n      types,\r\n    };\r\n  },\r\n  watch: {\r\n\r\n    parent() {\r\n      // Reset missing answer content\r\n      this.isLoadChange = true;\r\n      setTimeout(() => {\r\n        this.isLoadChange = false;\r\n      }, 1);\r\n    },\r\n  },\r\n  created() {\r\n    this.$bus.on(\r\n      `${CHANGE_TXT_ANSWER}_${this.dataSource.questionId}`,\r\n      this.handleChangeTxtAnswer\r\n    );\r\n  },\r\n  destroyed() {\r\n    this.$bus.off(\r\n      `${CHANGE_TXT_ANSWER}_${this.dataSource.questionId}`,\r\n      this.handleChangeTxtAnswer\r\n    );\r\n  },\r\n  methods: {\r\n    changeAnswer(evt, data) {\r\n      let valueEmit = { ...data, evt, position: data.location };\r\n      delete valueEmit.location;\r\n      this.$emit(\"changeAnswer\", valueEmit);\r\n    },\r\n    handleChangeTxtAnswer(val) {\r\n      // console.log('Data answer senf:', val)\r\n      // let valueEmit = {type: types.TYPE_DOWN_ANSWER, questionId: parseInt(val.question), value: val.html, position: 0};\r\n      this.dataSource.answerContent = val.html;\r\n      // this.$emit('changeAnswer', valueEmit)\r\n    },\r\n    changeAnswerEdittorCK(value) {\r\n      this.dataSource.answerContent = value;\r\n      this.$emit(\"changeAnswerEdittorCK\", this.dataSource);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.answer-val * {\r\n  &:not(.msupsub) {\r\n    font-size: 16px;\r\n    color: #000;\r\n  }\r\n}\r\n\r\ndiv.answer-down {\r\n  background-image: -webkit-linear-gradient(right,\r\n      rgba(255, 255, 255, 1) 5%,\r\n      rgba(255, 255, 255, 1) 90%,\r\n      rgba(255, 255, 255, 0) 11%,\r\n      rgba(255, 255, 255, 0) 100%),\r\n    -webkit-linear-gradient(bottom, rgba(128, 128, 128, 1) 5%, rgba(128,\r\n        128,\r\n        128,\r\n        0) 8%, rgba(128, 128, 128, 0) 100%);\r\n\r\n  -webkit-background-size: 12px 24px;\r\n  -moz-background-size: 12px 24px;\r\n  -ms-background-size: 12px 24px;\r\n  -o-background-size: 12px 24px;\r\n  background-size: 12px 24px;\r\n  line-height: 31px;\r\n  padding: 8px 10px;\r\n  width: 100%;\r\n  border: none;\r\n  display: block;\r\n  min-height: 80px;\r\n}\r\n\r\n.answer-fill-sentence:not(.answer-select-select)>label>b {\r\n  padding-top: 3px;\r\n}\r\n\r\n.answer-fill-sentence>label>b {\r\n  min-width: 30px;\r\n  margin-right: 5px;\r\n}\r\n\r\n.sentence-content {\r\n  margin-bottom: 8px;\r\n  width: calc(100% - 35px);\r\n}\r\n\r\n.select-success,\r\n.select-error {\r\n  display: inherit;\r\n}\r\n\r\n.answer-match-item {\r\n  padding: 7px 10px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .sectence-content {\r\n    overflow: auto !important;\r\n  }\r\n}\r\n</style>","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!./PreviewAnswerItem.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!./PreviewAnswerItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PreviewAnswerItem.vue?vue&type=template&id=27be7815&scoped=true&\"\nimport script from \"./PreviewAnswerItem.vue?vue&type=script&lang=js&\"\nexport * from \"./PreviewAnswerItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PreviewAnswerItem.vue?vue&type=style&index=0&id=27be7815&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  \"27be7815\",\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/index.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!./PreviewAnswerItem.vue?vue&type=style&index=0&id=27be7815&lang=scss&scoped=true&\""],"sourceRoot":""}