{"version":3,"sources":["webpack:///./src/modules/class-school/_components/ViewQuestion.vue?5b0d","webpack:///./src/modules/class-school/_api/memberLearningTaskLessonServices.js","webpack:///./src/modules/question/preview-question-learning-task/_store/helperQuestionContent.js","webpack:///src/modules/class-school/_components/ViewQuestion.vue","webpack:///./src/modules/class-school/_components/ViewQuestion.vue?8e65","webpack:///./src/modules/class-school/_components/ViewQuestion.vue","webpack:///./src/modules/class-school/_api/learningTask.js","webpack:///./src/modules/class-school/_components/ViewQuestion.vue?fdc3"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isEnableWork","ref","attrs","questionSelect","valCorrect","listQuestion","isWorked","on","getResultQuestion","writedAnswer","isTrue","tabActive","tabGuide","$event","changeTab","guideContent","domProps","_s","_e","_v","tabAnswer","answerDetail","_l","item","index","key","questionId","handleOnChangeQuestion","handleSubmitQuestion","staticRenderFns","saveMemberLearningTaskLesson","params","apiEndpoint","HttpService","post","then","res","data","catch","e","appUrl","APP_CONFIG","urlQuestionImg","APP_URL_REPLACE","LINK_CMS","cmsLinkImg","setContentMediaEditorShow","question","type","result","JSON","stringify","parse","content","replaceAll","listQuestionChild","map","ques","answers","ans","components","PreviewQuestion","props","default","learningTaskId","isShowAnswer","created","lisDataQuestion","TYPE_RADIO","TYPE_CHECKBOX","TYPE_TRUE_FALSE_NO","TYPE_MATH_COL","TYPE_FILL_BLANK","TYPE_FILL_SENTENCE","TYPE_SELECT","TYPE_DOWN_ANSWER","TYPE_CIRCLE_ANSWER","TYPE_X_MARK","TYPE_DRAW_SHAPE_ANSWER","TYPE_GROUP","TYPE_FILL_INPUT_IMG","lessonClassSchoolId","classSchoolId","test","computed","mapState","mounted","correct","typeUserFill","methods","mapActions","tab","element","console","checkAnswer","self","isGroup","parent","setResultQuestionsSlider","value","id","setResultQuestionForSidebarOfAccFree","questionCorrect","questionInCorrect","questionNotDone","resetValKeyboard","senDataUserLearning","component","getListUserLearningTaskLesson","saveLearningTask","getListLearningTaskLesson","getListQuestion","deleteLearningTaskLesson","get","changeOrderUserLearningTask"],"mappings":"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","file":"js/chunk-50408fa2.80da7515.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap-question-answer\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-9 \",class:_vm.isEnableWork ? 'wrap-left' : 'wrap-left-modal'},[_c('div',{staticClass:\"listAnswer\"},[_c('PreviewQuestion',{ref:\"PreviewQuestion\",attrs:{\"id\":(\"question_\" + (0)),\"dataSource\":_vm.questionSelect,\"location\":0,\"valCorrectOld\":_vm.questionSelect.valCorrect,\"questions\":_vm.listQuestion,\"isDontShowResultSaved\":!_vm.questionSelect.isWorked},on:{\"getResultQuestion\":_vm.getResultQuestion,\"writedAnswer\":_vm.writedAnswer}})],1),(_vm.questionSelect.isTrue == true || _vm.questionSelect.isTrue == false)?_c('div',{staticClass:\"col-md-12\"},[_c('b-tabs',{attrs:{\"pills\":\"\"}},[_c('b-tab',{attrs:{\"title\":\"Hướng dẫn\",\"active\":_vm.tabActive == _vm.tabGuide},on:{\"click\":function($event){return _vm.changeTab(_vm.tabGuide)}}},[(_vm.questionSelect.guideContent != '')?_c('div',[(_vm.questionSelect.isShowAnswer)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.questionSelect.guideContent)}}):_vm._e()]):_c('div',{staticClass:\"margin-top-10 text-center\"},[_vm._v(\"\\n                            Dữ liệu đang được cập nhật\\n                        \")])]),_c('b-tab',{attrs:{\"title\":\"Lời giải chi tiết\",\"active\":_vm.tabActive == _vm.tabAnswer},on:{\"click\":function($event){return _vm.changeTab(_vm.tabAnswer)}}},[(_vm.questionSelect.answerDetail != '')?_c('div',[(_vm.questionSelect.isShowAnswer)?_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.questionSelect.answerDetail)}}):_vm._e()]):_c('div',{staticClass:\"margin-top-10 text-center\"},[_vm._v(\"\\n                            Dữ liệu đang được cập nhật\\n                        \")])])],1)],1):_vm._e()]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"row\"},_vm._l((_vm.lisDataQuestion),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 number-question\",class:{ 'is-choose': item.questionId == _vm.questionSelect.questionId, 'is-false-number': item.isTrue == false, 'is-true-number': item.isTrue == true },on:{\"click\":function($event){return _vm.handleOnChangeQuestion(item)}}},[_vm._v(\"\\n                    \"+_vm._s(index + 1)+\"\\n                \")])}),0),(_vm.isEnableWork)?_c('div',{staticClass:\"row display-flex justify-content-center\"},[_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center \\n                        justify-content-center line-height-1\",attrs:{\"disabled\":_vm.questionSelect.isTrue == null ? false : true,\"type\":\"button\"},on:{\"click\":_vm.handleSubmitQuestion}},[_vm._v(\"\\n                    Xác nhận\\n                \")])]):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import HttpService from \"@/utils/httpData\"\r\n\r\nexport const saveMemberLearningTaskLesson = params => {\r\n    let apiEndpoint = `MemberLearningTaskLesson/Create`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const listMemberLearningTaskLesson = params => {\r\n    let apiEndpoint = `MemberLearningTaskLesson/List`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const getDetail = id => {\r\n    let apiEndpoint = `MemberLearningTaskLesson/detail?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const deleteMemberLearningTaskLesson = id => {\r\n    let apiEndpoint = `MemberLearningTaskLesson/Delete?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n","import { APP_CONFIG } from '@/utils/constants'\r\n\r\nconst appUrl = APP_CONFIG.urlQuestionImg\r\nexport const APP_URL_REPLACE = 'APP_URL_REPLACE'\r\nexport const LINK_CMS = APP_CONFIG.cmsLinkImg\r\n\r\nexport const setContentMediaEditorShow = (question, type = '') => {\r\n  let result = JSON.stringify(question)\r\n  result = JSON.parse(result)\r\n  if (result.content) {\r\n    result.content = result.content.replaceAll(APP_URL_REPLACE, appUrl)\r\n    result.content = result.content.replaceAll(LINK_CMS, `${appUrl}/`)\r\n  }\r\n  if (type === 'group' && result.listQuestionChild) {\r\n    result.listQuestionChild.map(ques => {\r\n      ques.content = ques.content.replaceAll(APP_URL_REPLACE, appUrl)\r\n      ques.content = ques.content.replaceAll(LINK_CMS, `${appUrl}/`)\r\n      ques.answers && ques.answers.map(ans => {\r\n        if (ans.content) {\r\n          ans.content = ans.content.replaceAll(APP_URL_REPLACE, appUrl)\r\n          ans.content = ans.content.replaceAll(LINK_CMS, `${appUrl}/`)\r\n        }\r\n      })\r\n    })\r\n  } else {\r\n    result.answers && result.answers.map(ans => {\r\n      if (ans.content) {\r\n        ans.content = ans.content.replaceAll(APP_URL_REPLACE, appUrl)\r\n        ans.content = ans.content.replaceAll(LINK_CMS, `${appUrl}/`)\r\n      }\r\n    })\r\n  }\r\n  return result\r\n}\r\n","<template>\r\n    <div class=\"wrap-question-answer\">\r\n        <div class=\"row\">\r\n            <div class=\"col-md-9 \" :class=\"isEnableWork ? 'wrap-left' : 'wrap-left-modal'\">\r\n                <div class=\"listAnswer\">\r\n                    <PreviewQuestion  ref=\"PreviewQuestion\" :id=\"`question_${0}`\" \r\n                    :dataSource=\"questionSelect\" :location=\"0\"\r\n                    :valCorrectOld=\"questionSelect.valCorrect\"\r\n                    :questions=\"listQuestion\" @getResultQuestion=\"getResultQuestion\"\r\n                    :isDontShowResultSaved=\"!questionSelect.isWorked\" @writedAnswer=\"writedAnswer\" />\r\n                </div>\r\n\r\n                <div v-if=\"questionSelect.isTrue == true || questionSelect.isTrue == false\" class=\"col-md-12\">\r\n                    <b-tabs pills>\r\n                        <b-tab @click=\"changeTab(tabGuide)\" title=\"Hướng dẫn\" :active=\"tabActive == tabGuide\">\r\n                            <div v-if=\"questionSelect.guideContent != ''\">\r\n                                <div v-if=\"questionSelect.isShowAnswer\" v-html=\"questionSelect.guideContent\"></div>\r\n                            </div>\r\n                            <div class=\"margin-top-10 text-center\" v-else>\r\n                                Dữ liệu đang được cập nhật\r\n                            </div>\r\n                        </b-tab>\r\n                        <b-tab @click=\"changeTab(tabAnswer)\" title=\"Lời giải chi tiết\" :active=\"tabActive == tabAnswer\">\r\n                            <div v-if=\"questionSelect.answerDetail != ''\">\r\n                                <div v-if=\"questionSelect.isShowAnswer\" v-html=\"questionSelect.answerDetail\"></div>\r\n                            </div>\r\n                            <div class=\"margin-top-10 text-center\" v-else>\r\n                                Dữ liệu đang được cập nhật\r\n                            </div>\r\n                        </b-tab>\r\n                    </b-tabs>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-md-3\">\r\n                <div class=\"row\">\r\n                    <div @click=\"handleOnChangeQuestion(item)\" class=\"col-md-2 number-question\"\r\n                        v-for=\"(item, index) of lisDataQuestion\" :key=\"index\"\r\n                        :class=\"{ 'is-choose': item.questionId == questionSelect.questionId, 'is-false-number': item.isTrue == false, 'is-true-number': item.isTrue == true }\">\r\n                        {{ index + 1 }}\r\n                    </div>\r\n\r\n                </div>\r\n                <div v-if=\"isEnableWork\" class=\"row display-flex justify-content-center\">\r\n                    <button :disabled=\"questionSelect.isTrue == null ? false : true\" type=\"button\"\r\n                        @click=\"handleSubmitQuestion\" class=\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center \r\n                            justify-content-center line-height-1\">\r\n                        Xác nhận\r\n                    </button>\r\n                </div>\r\n            </div>\r\n            <!-- <div class=\"col-md-12 margin-top-10 text-center\">\r\n                <img @click=\"handlePrevQuestion\" class=\"icon-arrow\" src=\"@/assets/img/arrow-left.png\" />\r\n                &nbsp; &nbsp; &nbsp;\r\n                <img @click=\"handleNextquestion\" class=\"icon-arrow\" src=\"@/assets/img/arrow-right.png\" />\r\n            </div> -->\r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { mapState, mapActions } from \"vuex\";\r\n\r\nimport { saveMemberLearningTaskLesson } from './../_api/memberLearningTaskLessonServices'\r\nimport { setContentMediaEditorShow } from './../../question/preview-question-learning-task/_store/helperQuestionContent'\r\nimport PreviewQuestion from '@/modules/question/preview-question-excercise-thieu/PreviewQuestion.vue'\r\nimport store from '@/modules/question/preview-question-excercise-thieu/_store'\r\nimport { STORE_KEY as STORE_KEY_QUESTION, TYPE_GROUP, TYPE_DRAW_SHAPE_ANSWER, TYPE_DOWN_ANSWER, TYPE_FILL_BLANK, TYPE_SELECT, TYPE_MATH_COL } from '@/modules/question/preview-question-excercise-thieu/_store/constants'\r\nexport default {\r\n    components: {\r\n       \r\n        PreviewQuestion\r\n    },\r\n    props: {\r\n        listQuestion: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        learningTaskId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        isEnableWork: {\r\n            type: Boolean,\r\n            default: true\r\n        },\r\n        isShowAnswer: {\r\n            type: Boolean,\r\n            default: false\r\n        },\r\n    },\r\n    created() {\r\n        if (!(STORE_KEY_QUESTION in this.$store._modules.root._children)) {\r\n            this.$store.registerModule(STORE_KEY_QUESTION, store);\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            lisDataQuestion: [],\r\n            questionSelect: {},\r\n            TYPE_RADIO: 'radio',\r\n            TYPE_CHECKBOX: 'checkbox',\r\n            TYPE_TRUE_FALSE_NO: 'answer_t_f_no',\r\n            TYPE_MATH_COL: 'math_col',\r\n            TYPE_FILL_BLANK: 'fill_blank',\r\n            TYPE_FILL_SENTENCE: 'fill_sentence',\r\n            TYPE_SELECT: 'select',\r\n            TYPE_DOWN_ANSWER: 'down_answer',\r\n            TYPE_CIRCLE_ANSWER: 'circle_answer',\r\n            TYPE_X_MARK: 'x_mark_answer',\r\n            TYPE_DRAW_SHAPE_ANSWER: 'draw_shape_answer',\r\n            TYPE_GROUP: 'group',\r\n            TYPE_FILL_INPUT_IMG: 'fill_input_img',\r\n            lessonClassSchoolId: 0,\r\n            classSchoolId: 0,\r\n            tabActive: 1,\r\n            tabGuide: 1,\r\n            tabAnswer: 2,\r\n            test: false\r\n        }\r\n    },\r\n    computed:{\r\n        ...mapState('auth', ['loginPopupData']),\r\n        ...mapState('common', ['idBookActiveSuccess', 'setRouterHelp', 'versionApp', 'visiblePreviewSliderModal']),\r\n        ...mapState(STORE_KEY_QUESTION, ['valVituralKeyboard']),\r\n    },\r\n    mounted() {\r\n        if (this.listQuestion && this.listQuestion.length > 0) {\r\n            for (let i = 0; i < this.listQuestion.length; i++) {\r\n                let item = setContentMediaEditorShow(this.listQuestion[i]);\r\n                item.valCorrect = []\r\n                this.lisDataQuestion.push({ ...item, content: setContentMediaEditorShow(item.content), isShowAnswer: false, correct: item.correct ? item.correct : '', isTrue: item.isTrue ? item.isTrue : null, typeUserFill: 1 })\r\n            }\r\n            this.questionSelect = this.lisDataQuestion[0]\r\n            //this.setQuestion(this.questionSelect)\r\n            //console.log(this.questionSelect)\r\n        }\r\n        this.lessonClassSchoolId = this.$route.query.id\r\n        this.classSchoolId = this.$route.query.classSchoolId\r\n    },\r\n    methods: {\r\n        ...mapActions('common', ['setLoading', 'setToggleModalActivePage', 'acSetDataBookActiveWant', 'acToggleModalActiveBook', 'acToggleModaShowHelp', 'actionCheckRouterHelp', 'actionGetVideoHelp', 'acToggleModaShowError', 'actionSetBookIndexId', 'actionSetBookIdForError', 'setActionCheckQuestion', 'actionSetPageNoBook', 'actionCheckExcercise', 'actionCheckInfoExcercise', 'actionCheckPage']),\r\n        ...mapActions('auth', ['setToggleLoginForm']),\r\n        ...mapActions(STORE_KEY_QUESTION, ['setVituralKeyVal', 'setQuestionData4CheckAnswer', 'setQuestionList4CheckAnswer']),\r\n        changeTab(tab) {\r\n            this.tabActive = tab\r\n        },\r\n        handleOnChangeQuestion(question) {\r\n            this.questionSelect = question\r\n            if (this.isShowAnswer) {\r\n                for (let i = 0; i < this.questionSelect.answers.length; i++) {\r\n                    let element = this.questionSelect.answers[i];\r\n                    element.answerContent = element.correct\r\n                }\r\n\r\n                return\r\n            }\r\n        },\r\n        getResultQuestion(data) {\r\n            console.log(data)\r\n            if(data.questionWork.isTrue){\r\n                this.questionSelect.isTrue = true\r\n            }\r\n            else{\r\n                this.questionSelect.isTrue = false\r\n            }\r\n            this.questionSelect.isWorked = true\r\n            //gửi kết quả xuống cho server\r\n            this.senDataUserLearning()\r\n        },\r\n        async checkAnswer() {\r\n            console.log('checkAnswer')\r\n            let self = this;\r\n            self.resetValKeyboard()\r\n            if (self.questionSelect.type !== this.typeDownAnswer) {\r\n                self.setQuestionList4CheckAnswer([{ ...self.questionSelect }])\r\n                self.setQuestionData4CheckAnswer({ ...self.questionSelect })\r\n            }\r\n\r\n            if (self.questionSelect.type === this.typeGroup) {\r\n                self.txtMissingQuestionGroup = '';\r\n                self.setQuestionData4CheckAnswer({ ...self.questionSelect, isGroup: true, parent: parent.questionId })\r\n            }\r\n\r\n            if (self.questionSelect.type !== this.typeDownAnswer) {\r\n                await self.setActionCheckQuestion(true);\r\n            } else {\r\n                self.questionSelect = { ...self.questionSelect, isTrue: true }\r\n                self.saveQuestion2Local(self.questionSelect)\r\n            }\r\n            //this.questionSelect.isWorked =true\r\n        },\r\n        setResultQuestionsSlider(value = true) {\r\n            if (this.questionindexActive > 0) {\r\n                this.sliderQuestionList[this.questionindexActive - 1]['isWorked'] = true\r\n                this.sliderQuestionList[this.questionindexActive - 1]['isTrue'] = value\r\n            }\r\n            if (this.authInfo && this.authInfo.email === EMAIL_PUBLIC && this.sliderQuestionList.length > 0) {\r\n                this.setResultQuestionForSidebarOfAccFree()\r\n            } else if (this.keySidebarActive === 'info') {\r\n                this.questionIdCheckAnswer = { value, id: this.sliderQuestionList[this.questionindexActive - 1].questionId }\r\n            }\r\n        },\r\n        async setResultQuestionForSidebarOfAccFree() {\r\n            let questionCorrect = 0\r\n            let questionInCorrect = 0\r\n            let questionNotDone = 0\r\n            await this.sliderQuestionList.map(ques => {\r\n                if (ques.isWorked && ques.isTrue) {\r\n                    questionCorrect += 1\r\n                } else if (ques.isWorked && !ques.isTrue) {\r\n                    questionInCorrect += 1\r\n                } else {\r\n                    questionNotDone += 1\r\n                }\r\n            })\r\n\r\n            this.questionIdCheckAnswer = { ...this.questionIdCheckAnswer, questionCorrect, questionInCorrect, questionNotDone }\r\n        },\r\n        resetValKeyboard() {\r\n            this.valVituralKeyboard && this.setVituralKeyVal({});\r\n        },\r\n        writedAnswer(data) {\r\n        },\r\n        handleSubmitQuestion() {\r\n            this.checkAnswer()\r\n        },\r\n        senDataUserLearning() {\r\n            let params = {\r\n                lessonClassSchoolId: this.lessonClassSchoolId,\r\n                classSchoolId: this.classSchoolId,\r\n                isTrue: this.questionSelect.isTrue,\r\n                questionId: this.questionSelect.questionId,\r\n                correct: this.questionSelect.correct,\r\n                learningTaskId: this.learningTaskId\r\n            }\r\n            saveMemberLearningTaskLesson(params).then((res) => {\r\n\r\n            })\r\n        },\r\n\r\n    },\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.justify-content-center {\r\n    justify-content: center;\r\n}\r\n\r\n.wrap-left-modal {\r\n    border: 1px solid gray;\r\n    padding: 5px;\r\n    border-radius: 15px;\r\n    min-height: 36rem;\r\n}\r\n\r\n.wrap-left {\r\n    border: 1px solid gray;\r\n    padding: 5px;\r\n    border-radius: 15px;\r\n    min-height: 44rem;\r\n}\r\n\r\n.justify-content-end {\r\n    justify-content: end;\r\n}\r\n\r\n.number-question {\r\n    width: 100%;\r\n    border: 1px solid gray;\r\n    border-radius: 10px;\r\n    margin: 5px;\r\n    cursor: pointer;\r\n    color: black;\r\n}\r\n\r\n.is-choose {\r\n    border: 2px solid blue !important;\r\n}\r\n\r\n.is-false-number {\r\n    background-color: red;\r\n    color: white !important;\r\n}\r\n\r\n.is-true-number {\r\n    background-color: green;\r\n    color: white !important;\r\n}\r\n\r\n.is-true {\r\n    color: green;\r\n}\r\n\r\n.is-false {\r\n    color: red;\r\n}\r\n\r\n.wrap-question-answer {\r\n    background: white;\r\n    border-radius: 8px;\r\n    padding: 1rem;\r\n    height: 100%;\r\n}\r\n\r\n.icon-arrow {\r\n    width: 20px;\r\n    height: 30px;\r\n    cursor: pointer;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px;\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!./ViewQuestion.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!./ViewQuestion.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ViewQuestion.vue?vue&type=template&id=6a84aa5a&scoped=true&\"\nimport script from \"./ViewQuestion.vue?vue&type=script&lang=js&\"\nexport * from \"./ViewQuestion.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ViewQuestion.vue?vue&type=style&index=0&id=6a84aa5a&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  \"6a84aa5a\",\n  null\n  \n)\n\nexport default component.exports","import HttpService from \"@/utils/httpData\"\r\n\r\nexport const getListUserLearningTaskLesson = params => {\r\n    let apiEndpoint = `UserLearningTaskLesson/List`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\nexport const saveLearningTask = params => {\r\n    let apiEndpoint = `UserLearningTaskLesson/Create`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\nexport const getListLearningTaskLesson = params => {\r\n    let apiEndpoint = `UserLearningTaskLesson/GetList`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\nexport const getListQuestion = params => {\r\n    let apiEndpoint = `UserLearningTaskLesson/GetListQuestion`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\nexport const deleteLearningTaskLesson = id => {\r\n    let apiEndpoint = `UserLearningTaskLesson/Delete?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\nexport const changeOrderUserLearningTask = params => {\r\n    let apiEndpoint = `UserLearningTaskLesson/ChangeOrderUserLearningTask`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n","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!./ViewQuestion.vue?vue&type=style&index=0&id=6a84aa5a&lang=scss&scoped=true&\""],"sourceRoot":""}