{"version":3,"sources":["webpack:///./src/modules/question/preview-question-excercise-thieu/answers/multiple-answers/MultipleAnswer.vue?653d","webpack:///./src/modules/question/preview-question-excercise-thieu/answers/multiple-answers/MultipleAnswer.vue?373b","webpack:///src/modules/question/preview-question-excercise-thieu/answers/multiple-answers/MultipleAnswer.vue","webpack:///./src/modules/question/preview-question-excercise-thieu/answers/multiple-answers/MultipleAnswer.vue?a1b1","webpack:///./src/modules/question/preview-question-excercise-thieu/answers/multiple-answers/MultipleAnswer.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","parent","attrs","nameField","domProps","dataSource","content","imageUrl","success","err","answerContent","on","$event","handleChangeAnswer","location","type","questionId","isDontShowResultSaved","statusCorrect","_v","_s","code","_e","staticRenderFns","name","mixins","data","mounted","methods","evt","console","component"],"mappings":"2IAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,+BAA+BC,MAAO,WAAcP,EAAIQ,OAAW,MAAI,CAACJ,EAAG,QAAQ,CAACK,MAAM,CAAC,KAAOT,EAAIU,UAAU,KAAO,YAAYC,SAAS,CAAC,MAAQX,EAAIY,WAAWC,QAAUb,EAAIY,WAAWC,QAAUb,EAAIY,WAAWE,SAAS,QAAUd,EAAIY,WAAWG,SAAWf,EAAIY,WAAWI,KAAOhB,EAAIY,WAAWK,eAAeC,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOnB,EAAIoB,mBAAmBD,EAAQ,CAACE,SAAUrB,EAAIqB,SAAUC,KAAMtB,EAAIQ,OAAOc,KAAMC,WAAYvB,EAAIY,WAAWW,WAAYX,WAAYZ,EAAIY,iBAAiBR,EAAG,QAAQ,CAACE,YAAY,sBAAsBC,MAAM,CACrpB,aAAgBP,EAAIwB,uBAA+C,QAAtBxB,EAAIyB,cACrD,cAAiBzB,EAAIwB,uBAA+C,YAAtBxB,EAAIyB,gBAChD,CAACrB,EAAG,OAAO,CAACE,YAAY,4BAA4BF,EAAG,OAAO,CAACE,YAAY,kCAAkC,CAAEN,EAAIY,WAAe,KAAER,EAAG,IAAI,CAACJ,EAAI0B,GAAG1B,EAAI2B,GAAG3B,EAAIY,WAAWgB,MAAM,OAAO5B,EAAI6B,KAAKzB,EAAG,OAAO,CAACO,SAAS,CAAC,UAAYX,EAAI2B,GAAG3B,EAAIY,WAAWC,mBACxPiB,EAAkB,G,YCkBtB,GACAC,sBACAC,gBACAC,KAHA,WAIA,UAGAC,QAPA,aASAC,SACAf,mBADA,SACAgB,EAAAH,GAEA,mBACAA,gCACAI,+CAEA,0BCtCoZ,I,wBCQhZC,EAAY,eACd,EACAvC,EACA+B,GACA,EACA,KACA,WACA,MAIa,aAAAQ,E","file":"js/chunk-42712e0c.7e0b349f.js","sourcesContent":["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!./MultipleAnswer.vue?vue&type=style&index=0&id=314f064c&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"answer-checkbox position-rel\",class:(\"answer--\" + (_vm.parent.type))},[_c('input',{attrs:{\"name\":_vm.nameField,\"type\":\"checkbox\"},domProps:{\"value\":_vm.dataSource.content ? _vm.dataSource.content : _vm.dataSource.imageUrl,\"checked\":_vm.dataSource.success || _vm.dataSource.err || _vm.dataSource.answerContent},on:{\"change\":function($event){return _vm.handleChangeAnswer($event, {location: _vm.location, type: _vm.parent.type, questionId: _vm.dataSource.questionId, dataSource: _vm.dataSource})}}}),_c('label',{staticClass:\"display-flex-center\",class:{\n        'answer__err': !_vm.isDontShowResultSaved && _vm.statusCorrect === 'err',\n\t\t\t\t'answer__true': !_vm.isDontShowResultSaved && _vm.statusCorrect === 'success'\n\t\t\t}},[_c('span',{staticClass:\"check-icon position-rel\"}),_c('span',{staticClass:\"check-data display-flex-center\"},[(_vm.dataSource.code)?_c('b',[_vm._v(_vm._s(_vm.dataSource.code)+\" \")]):_vm._e(),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.dataSource.content)}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"answer-checkbox position-rel\" :class=\"`answer--${parent.type}`\">\r\n\t\t<input :name=\"nameField\" type=\"checkbox\" :value=\"dataSource.content ? dataSource.content : dataSource.imageUrl\" :checked=\"dataSource.success || dataSource.err || dataSource.answerContent\" @change=\"handleChangeAnswer($event, {location, type: parent.type, questionId: dataSource.questionId, dataSource})\">\r\n\t\t<label\r\n\t\t\tclass=\"display-flex-center\"\r\n\t\t\t:class=\"{\r\n        'answer__err': !isDontShowResultSaved && statusCorrect === 'err',\r\n\t\t\t\t'answer__true': !isDontShowResultSaved && statusCorrect === 'success'\r\n\t\t\t}\"\r\n\t\t>\r\n\t\t\t<span class=\"check-icon position-rel\"></span>\r\n\t\t\t<span class=\"check-data display-flex-center\">\r\n\t\t\t\t<b v-if=\"dataSource.code\">{{ dataSource.code }} </b>\r\n\t\t\t\t<span v-html=\"dataSource.content\"></span>\r\n\t\t\t</span>\r\n\t\t</label>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport mixinsQuestionPreview from './../../_store/mixinsQuestionPreview'\r\n\r\n\texport default {\r\n\t\tname: 'MultipleAnswer',\r\n\t\tmixins: [ mixinsQuestionPreview ],\r\n\t\tdata () {\r\n\t\t\treturn {\r\n\t\t\t}\r\n\t\t},\r\n\t\tmounted(){\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\thandleChangeAnswer(evt, data) {\r\n\t\t\t\t\r\n\t\t\t\tif(!evt.target.checked) {\r\n\t\t\t\t\tdata.dataSource.answerContent = null\r\n\t\t\t\t\tconsole.log(data.dataSource.answerContent,'xóa')\r\n\t\t\t\t}\r\n\t\t\t\tthis.changeAnswer(evt, data)\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\t@import './../../../../../assets/scss/mixins';\r\n\t@import './../../../../../assets/scss/variables';\r\n\t@import './../../../../../assets/scss/general';\r\n\r\n\t.answer-checkbox {\r\n\t\tmargin-bottom: 15px;\r\n\r\n\t\tinput {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tcursor: pointer;\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: 1;\r\n\r\n\t\t\t&:checked ~ label {\r\n\t\t\t\t&:not(.answer__err) {\r\n\t\t\t\t\t.check-icon {\r\n\t\t\t\t\t\tborder-color: $color_success;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.check-icon:after {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tlabel {\r\n\t\t\tcolor: $color_txt;\r\n\r\n\t\t\tb {\r\n\t\t\t\tmargin-right: 15px;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t// &:before, &:after {\r\n\t\t\t// \tcontent: \"\";\r\n\t\t\t// }\r\n\r\n\t\t\t.check-icon {\r\n\t\t\t\twidth: 20px;\r\n\t\t\t\theight: 20px;\r\n\t\t\t\tborder: 1px solid #ccc;\r\n\t\t\t\tmargin-right: 8px;\r\n\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\twidth: 16px;\r\n\t\t\t\t    height: 16px;\r\n\t\t\t\t    position: absolute;\r\n\t\t\t\t    left: 1px;\r\n\t\t\t\t    opacity: 0;\r\n\t\t\t\t    @extend .position-center-y;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.check-data display-flex-center {\r\n\t\t\t\twidth: calc(100% - 28px);\r\n\t\t\t}\r\n\r\n\r\n\t\t\t&:not(.answer__error) {\r\n\t\t\t\t.check-icon:after {\r\n\t\t\t\t\tbackground: url('./../../../../../assets/images/tick.png') no-repeat;\r\n\t\t\t\t\tbackground-size: 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.answer__err {\r\n\t\t\t\tcolor: $color_err_question;\r\n\t\t\t\t.check-icon {\r\n\t\t\t\t\tborder-color: $color_err_question;\r\n\t\t\t\t\t\r\n\t\t\t\t\t&:after {\r\n\t\t\t\t\t\tbackground: url('./../../../../../assets/images/tick-error.png') no-repeat;\r\n\t\t\t\t\t\tbackground-size: 100%;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.answer--x_mark_answer {\r\n\t\t\tlabel {\r\n\t\t\t\t.check-icon {\r\n\r\n\t\t\t\t\t&:after {\r\n\t\t\t\t\t\tbackground: url('./../../../../../assets/images/x-mark.png') no-repeat;\r\n\t\t\t\t\t\tbackground-size: 80%;\r\n\t    \t\t\t\tbackground-position: center;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.answer__err {\r\n\t\t\t\t\t.check-icon {\r\n\r\n\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\tbackground: url('./../../../../../assets/images/x-mark-error.png') no-repeat;\r\n\t\t\t\t\t\t\tbackground-size: 80%;\r\n\t    \t\t\t\t\tbackground-position: center;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.answer--circle_answer {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tlabel {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tpadding: 6px 15px;\r\n\r\n\t\t\t\t.check-icon {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\topacity: 0;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// &:not(.answer__err) {\r\n\t\t\t\t// \t&:before {\r\n\t\t\t\t// \t\tborder: 1px solid $primary_color;\r\n\t\t\t\t// \t}\r\n\t\t\t\t// }\r\n\t\t\t}\r\n\r\n\t\t\tinput:checked ~ label:before {\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tborder: 1px solid $primary_color;\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t}\r\n\r\n\t.question--circle_answer {\r\n\t\t.answer__true {\r\n\t\t\tlabel:before, input:checked ~ label:before {\r\n\t\t\t\tborder: 1px solid $color_success;\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.answer__err {\r\n\t\t\tlabel:before, input:checked ~ label:before {\r\n\t\t\t\tborder: 1px solid $color_err_question;\r\n\t\t\t}\r\n\t\t}\r\n\t}\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!./MultipleAnswer.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!./MultipleAnswer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MultipleAnswer.vue?vue&type=template&id=314f064c&scoped=true&\"\nimport script from \"./MultipleAnswer.vue?vue&type=script&lang=js&\"\nexport * from \"./MultipleAnswer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MultipleAnswer.vue?vue&type=style&index=0&id=314f064c&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  \"314f064c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}