{"version":3,"sources":["webpack:///./src/components/task/components/dialogs/examChartInPage.vue?69a1","webpack:///src/components/task/components/dialogs/examChartInPage.vue","webpack:///./src/components/task/components/dialogs/examChartInPage.vue?6376","webpack:///./src/components/task/components/dialogs/examChartInPage.vue?8c2e","webpack:///./src/components/task/components/dialogs/examChartInPage.vue?eaa0"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","obj","q","i","key","domProps","_s","a","ai","_v","class","point","answer","count","attrs","answers","map","legend","show","chart","width","type","labels","$route","params","ot","filter","x","reduce","sum","ref","_m","_e","staticRenderFns","components","apexchart","props","id","Number","default","data","showSidebar","rdy","questions","mounted","init","methods","_obj","header","aside","expanded","handleMainLayoutConfig","api","store","$store","visibleChanged","e","Object","assign","$data","$options","$emit","component"],"mappings":"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","file":"js/chunk-5a19e9a5.c5f3c353.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bg-white\"},_vm._l((_vm.obj.questions),function(q,i){return _c('div',{key:i,staticClass:\"mg-b-10 question\"},[_c('div',{staticClass:\"bd-y pd-5 bg-gray-100 font-weight-bolder\",domProps:{\"innerHTML\":_vm._s(((i + 1) + \". \" + (q.question)))}}),_c('div',{staticClass:\"d-flex align-items-center pd-x-20\"},[_c('div',{staticClass:\"wd-50p\"},_vm._l((q.answers),function(a,ai){return _c('div',{key:ai,staticClass:\"d-flex align-items-center bd-b\"},[_c('div',{staticClass:\"pd-r-10 bd-r\"},[_vm._v(_vm._s(ai + 1))]),_c('div',{class:(\"pd-l-5 pd-y-5 \" + (a.point > 0 ? 'text-primary' : ''))},[_vm._v(\" \"+_vm._s(a.answer)+\" \")]),_c('div',{staticClass:\"mg-l-auto bd-l pd-l-5 wd-60 text-right\"},[_vm._v(\" \"+_vm._s(a.count)+\" \")])])}),0),_c('div',{staticClass:\"wd-30p\"},[_c('apexchart',{attrs:{\"type\":\"pie\",\"series\":q.answers.map(function (a) {\n              return a.count;\n            }),\"options\":{\n            legend: { show: false },\n            chart: { width: 250, type: 'pie' },\n            labels: q.answers.map(function (a) {\n              return a.answer;\n            })\n          }}})],1),(_vm.$route.params.ot != 700)?_c('div',{staticClass:\"wd-20p\"},[_c('div',{staticClass:\"row row-sm\"},[_c('div',{staticClass:\"col-6 col-sm-4 col-md-3 col-lg\"},[_c('h4',{staticClass:\"tx-normal tx-rubik mg-b-10\"},[_vm._v(\" \"+_vm._s(q.answers .filter(function (x) { return x.point > 0; }) .reduce(function (sum, ref) {\n                    var count = ref.count;\n\n                    return sum + count;\n}, 0))+\" \")]),_vm._m(0,true),_c('h6',{staticClass:\"tx-uppercase tx-spacing-1 tx-semibold tx-10 tx-color-02 mg-b-2\"},[_vm._v(\" Зөв хариулсан \")])]),_c('div',{staticClass:\"col-6 col-sm-4 col-md-3 col-lg\"},[_c('h4',{staticClass:\"tx-normal tx-rubik mg-b-10\"},[_vm._v(\" \"+_vm._s(q.answers .filter(function (x) { return x.point == 0; }) .reduce(function (sum, ref) {\n                    var count = ref.count;\n\n                    return sum + count;\n}, 0))+\" \")]),_vm._m(1,true),_c('h6',{staticClass:\"tx-uppercase tx-spacing-1 tx-semibold tx-10 tx-color-02 mg-b-2\"},[_vm._v(\" Буруу хариулсан \")])])])]):_vm._e()])])}),0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"progress ht-2 mg-b-10\"},[_c('div',{staticClass:\"progress-bar wd-100p bg-success\",attrs:{\"role\":\"progressbar\",\"aria-valuenow\":\"100\",\"aria-valuemin\":\"0\",\"aria-valuemax\":\"100\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"progress ht-2 mg-b-10\"},[_c('div',{staticClass:\"progress-bar wd-100p bg-danger\",attrs:{\"role\":\"progressbar\",\"aria-valuenow\":\"100\",\"aria-valuemin\":\"0\",\"aria-valuemax\":\"100\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"bg-white\">\n    <div v-for=\"(q, i) in obj.questions\" :key=\"i\" class=\"mg-b-10 question\">\n      <div\n        class=\"bd-y pd-5 bg-gray-100 font-weight-bolder\"\n        v-html=\"`${i + 1}. ${q.question}`\"\n      ></div>\n      <div class=\"d-flex align-items-center pd-x-20\">\n        <div class=\"wd-50p\">\n          <div\n            v-for=\"(a, ai) in q.answers\"\n            :key=\"ai\"\n            class=\"d-flex align-items-center bd-b\"\n          >\n            <div class=\"pd-r-10 bd-r\">{{ ai + 1 }}</div>\n            <div :class=\"`pd-l-5 pd-y-5 ${a.point > 0 ? 'text-primary' : ''}`\">\n              {{ a.answer }}\n            </div>\n            <div class=\"mg-l-auto bd-l pd-l-5 wd-60 text-right\">\n              {{ a.count }}\n            </div>\n          </div>\n        </div>\n        <div class=\"wd-30p\">\n          <apexchart\n            type=\"pie\"\n            :series=\"\n              q.answers.map(a => {\n                return a.count;\n              })\n            \"\n            :options=\"{\n              legend: { show: false },\n              chart: { width: 250, type: 'pie' },\n              labels: q.answers.map(a => {\n                return a.answer;\n              })\n            }\"\n          ></apexchart>\n        </div>\n        <div class=\"wd-20p\" v-if=\"$route.params.ot != 700\">\n          <div class=\"row row-sm\">\n            <div class=\"col-6 col-sm-4 col-md-3 col-lg\">\n              <h4 class=\"tx-normal tx-rubik mg-b-10\">\n                {{\n                  q.answers\n                    .filter(x => x.point > 0)\n                    .reduce((sum, { count }) => sum + count, 0)\n                }}\n              </h4>\n              <div class=\"progress ht-2 mg-b-10\">\n                <div\n                  class=\"progress-bar wd-100p bg-success\"\n                  role=\"progressbar\"\n                  aria-valuenow=\"100\"\n                  aria-valuemin=\"0\"\n                  aria-valuemax=\"100\"\n                ></div>\n              </div>\n              <h6\n                class=\"tx-uppercase tx-spacing-1 tx-semibold tx-10 tx-color-02 mg-b-2\"\n              >\n                Зөв хариулсан\n              </h6>\n            </div>\n            <div class=\"col-6 col-sm-4 col-md-3 col-lg\">\n              <h4 class=\"tx-normal tx-rubik mg-b-10\">\n                {{\n                  q.answers\n                    .filter(x => x.point == 0)\n                    .reduce((sum, { count }) => sum + count, 0)\n                }}\n              </h4>\n              <div class=\"progress ht-2 mg-b-10\">\n                <div\n                  class=\"progress-bar wd-100p bg-danger\"\n                  role=\"progressbar\"\n                  aria-valuenow=\"100\"\n                  aria-valuemin=\"0\"\n                  aria-valuemax=\"100\"\n                ></div>\n              </div>\n              <h6\n                class=\"tx-uppercase tx-spacing-1 tx-semibold tx-10 tx-color-02 mg-b-2\"\n              >\n                Буруу хариулсан\n              </h6>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- <div class=\"d-flex align-items-center pd-x-20\">\n                 \n                  <div class=\"wd-30p\">\n                       <apexchart type=\"pie\" :series=\"q.answers.map((a)=>{ return a.count })\"\n                        :options=\"{legend:{show: false}, chart: { width: 250, type: 'pie', }, labels: q.answers.map((a)=>{ return a.answer }) }\"></apexchart>\n                  </div>\n                  <div class=\"wd-40p\" v-if=\"$route.params.ot!=700\">\n                      <div class=\"row row-sm\">\n                        <div class=\"col-6 col-sm-4 col-md-3 col-lg\">\n                            <h4 class=\"tx-normal tx-rubik mg-b-10\">{{q.answers.filter(x=>x.point>0).reduce( (sum, { count }) => sum + count, 0 )}}</h4>\n                            <div class=\"progress ht-2 mg-b-10\">\n                            <div class=\"progress-bar wd-100p bg-success\" role=\"progressbar\" aria-valuenow=\"100\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\n                            </div>\n                            <h6 class=\"tx-uppercase tx-spacing-1 tx-semibold tx-10 tx-color-02 mg-b-2\">Зөв хариулсан</h6>\n                        </div>\n                        <div class=\"col-6 col-sm-4 col-md-3 col-lg\">\n                            <h4 class=\"tx-normal tx-rubik mg-b-10\">{{q.answers.filter(x=>x.point==0).reduce( (sum, { count }) => sum + count, 0 )}}</h4>\n                            <div class=\"progress ht-2 mg-b-10\">\n                            <div class=\"progress-bar wd-100p bg-danger\" role=\"progressbar\" aria-valuenow=\"100\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\n                            </div>\n                            <h6 class=\"tx-uppercase tx-spacing-1 tx-semibold tx-10 tx-color-02 mg-b-2\">Буруу хариулсан</h6>\n                        </div>\n                      </div>\n                  </div>\n              </div> -->\n    </div>\n  </div>\n</template>\n<style scoped>\n.question {\n  page-break-before: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */\n  page-break-after: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */\n  page-break-inside: avoid; /* or 'auto' */\n}\n</style>\n<script>\nimport { request } from \"@/api/all\";\nimport VueApexCharts from \"vue-apexcharts\";\nimport { mapActions } from \"vuex\";\n\nexport default {\n  components: {\n    apexchart: VueApexCharts\n  },\n  props: {\n    id: {\n      type: Number,\n      default: () => 0\n    }\n  },\n  data() {\n    return {\n      showSidebar: false,\n      obj: {\n        rdy: false,\n        questions: []\n      }\n    };\n  },\n  mounted() {\n    this.init();\n  },\n  //   watch: {\n  //     frmId(val) {\n  //       if (val>0) {\n  //         this.init();\n  //       }\n  //     }\n  //   },\n  methods: {\n    ...mapActions([\"handleMainLayoutConfig\"]),\n    init() {\n      let _obj = this.$store.state.app.mainLayoutConfig;\n      //   if (!m) {\n\n      //   } else {\n      //     _obj.header = null;\n      //     _obj.expanded = true;\n      //   }\n      _obj.header = 0;\n      _obj.aside = false;\n      _obj.expanded = false;\n\n      this.handleMainLayoutConfig(_obj);\n      if (this.$route.params.ot == 700) {\n        request({\n          api: { method: \"GET\", url: \"Form/GetSurveyFilledChartData\" },\n          params: { examId: this.$route.params.id, courseId: this.$route.params.cid, lessonId: this.$route.params.lid },\n          store: this.$store\n        }).then(res => {\n          this.obj.questions = res.data.questions;\n          this.obj.rdy = true;\n          //console.log(res);\n        });\n      } else {\n        request({\n          api: { method: \"GET\", url: \"Form/GetExamFilledChartData\" },\n          params: { examId: this.$route.params.id },\n          store: this.$store\n        }).then(res => {\n          this.obj.questions = res.data.questions;\n          this.obj.rdy = true;\n          //console.log(res);\n        });\n      }\n\n      this.showSidebar = true;\n    },\n    visibleChanged(e) {\n      if (!e) {\n        Object.assign(this.$data, this.$options.data());\n        this.$emit(\"on-task-close\");\n      }\n    }\n  }\n};\n</script>\n\n<style></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!./examChartInPage.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!./examChartInPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./examChartInPage.vue?vue&type=template&id=60ba280e&scoped=true&\"\nimport script from \"./examChartInPage.vue?vue&type=script&lang=js&\"\nexport * from \"./examChartInPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./examChartInPage.vue?vue&type=style&index=0&id=60ba280e&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  \"60ba280e\",\n  null\n  \n)\n\nexport default component.exports","import mod 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!./examChartInPage.vue?vue&type=style&index=0&id=60ba280e&scoped=true&lang=css&\"; export default mod; 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!./examChartInPage.vue?vue&type=style&index=0&id=60ba280e&scoped=true&lang=css&\""],"sourceRoot":""}