{"version":3,"sources":["webpack:///./src/components/task/components/dialogs/examChart.vue","webpack:///src/components/task/components/dialogs/examChart.vue","webpack:///./src/components/task/components/dialogs/examChart.vue?e37d","webpack:///./src/components/task/components/dialogs/examChart.vue?f6c5"],"names":["render","_vm","this","_c","_self","attrs","on","visibleChanged","model","value","showSidebar","callback","$$v","expression","staticClass","_l","obj","questions","q","i","key","domProps","_s","concat","question","answers","a","ai","_v","class","point","answer","count","map","legend","show","chart","width","type","labels","filter","x","reduce","sum","_ref","_ref2","staticRenderFns","components","apexchart","VueApexCharts","props","id","Number","default","data","rdy","mounted","init","computed","frmId","watch","val","methods","_this","request","api","method","url","params","examId","store","$store","then","res","e","Object","assign","$data","$options","$emit","component"],"mappings":"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","file":"js/chunk-2d213a79.32e2980d.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-sidebar',{attrs:{\"right\":\"\",\"shadow\":\"\",\"backdrop\":\"\",\"width\":\"98%\",\"title\":\"Шалгалтын график\"},on:{\"change\":_vm.visibleChanged},model:{value:(_vm.showSidebar),callback:function ($$v) {_vm.showSidebar=$$v},expression:\"showSidebar\"}},[_c('div',{staticClass:\"bg-white\"},_vm._l((_vm.obj.questions),function(q,i){return _c('div',{key:i,staticClass:\"mg-b-10\"},[_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-60p\"},_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' : ''}`,domProps:{\"innerHTML\":_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-15p\"},[_c('apexchart',{attrs:{\"type\":\"pie\",\"series\":q.answers.map(a => {\n                return a.count;\n              }),\"options\":{\n              legend: { show: false },\n              chart: { width: 250, type: 'pie' },\n              labels: q.answers.map(a => {\n                return a.answer;\n              })\n            }}})],1),_c('div',{staticClass:\"wd-25p\"},[_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(x => x.point > 0) .reduce((sum, { count }) => sum + count, 0))+\" \")]),_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\"}})]),_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(x => x.point == 0) .reduce((sum, { count }) => sum + count, 0))+\" \")]),_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\"}})]),_c('h6',{staticClass:\"tx-uppercase tx-spacing-1 tx-semibold tx-10 tx-color-02 mg-b-2\"},[_vm._v(\" Буруу хариулсан \")])])])])])])}),0)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-sidebar\n    right\n    shadow\n    backdrop\n    v-model=\"showSidebar\"\n    width=\"98%\"\n    @change=\"visibleChanged\"\n    title=\"Шалгалтын график\"\n  >\n    <div class=\"bg-white\">\n      <div v-for=\"(q, i) in obj.questions\" :key=\"i\" class=\"mg-b-10\">\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-60p\">\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\n                :class=\"`pd-l-5 pd-y-5 ${a.point > 0 ? 'text-primary' : ''}`\"\n                v-html=\"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-15p\">\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-25p\">\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>\n    </div>\n  </b-sidebar>\n</template>\n\n<script>\nimport { request } from \"@/api/all\";\nimport VueApexCharts from \"vue-apexcharts\";\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  computed: {\n    frmId() {\n      return this.id;\n    }\n  },\n  watch: {\n    frmId(val) {\n      if (val > 0) {\n        this.init();\n      }\n    }\n  },\n  methods: {\n    init() {\n      request({\n        api: { method: \"GET\", url: \"Form/GetExamFilledChartData\" },\n        params: { examId: this.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      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!./examChart.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!./examChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./examChart.vue?vue&type=template&id=4d6a3253\"\nimport script from \"./examChart.vue?vue&type=script&lang=js\"\nexport * from \"./examChart.vue?vue&type=script&lang=js\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}