{"version":3,"sources":["webpack:///./src/developing/components/classroom-stats/index.vue?5d80","webpack:///src/developing/components/classroom-stats/index.vue","webpack:///./src/developing/components/classroom-stats/index.vue?f888","webpack:///./src/developing/components/classroom-stats/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_b","updating","totalStudent","classroomStats","studentInEachUnit","series","options","chartOptions","studentAccessHeatmap","staticRenderFns","components","TotalStudent","StudentInEachUnit","StudentAccessHeatmap","props","dev","type","Boolean","default","devData","Object","classroomId","String","data","methods","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,8BAA8B,CAACF,EAAG,MAAM,CAACG,YAAY,eAAe,CAACH,EAAG,MAAM,CAACG,YAAY,mCAAmCH,EAAG,MAAM,CAACG,YAAY,kCAAkC,CAACH,EAAG,eAAeJ,EAAIQ,GAAG,CAACF,MAAM,CAAC,SAAWN,EAAIS,SAASC,eAAe,eAAeV,EAAIU,cAAa,KAAS,KAAKN,EAAG,MAAM,CAACG,YAAY,eAAe,CAACH,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACH,EAAG,oBAAoB,CAACE,MAAM,CAAC,SAAWN,EAAIS,SAASE,eAAe,YAAcX,EAAIY,kBAAkBC,OAAO,aAAeb,EAAIY,kBAAkBE,QAAQC,iBAAiB,KAAKX,EAAG,MAAM,CAACG,YAAY,eAAe,CAACH,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACH,EAAG,uBAAuB,CAACE,MAAM,CAAC,SAAWN,EAAIS,SAASE,eAAe,YAAcX,EAAIgB,qBAAqBH,OAAO,aAAeb,EAAIgB,qBAAqBF,QAAQC,iBAAiB,QACv6BE,EAAkB,G,kECiCtB,GACEC,WAAY,CACVC,aAAc,WAAlB,6FACIC,kBAAmB,WAAvB,6FACIC,qBAAsB,WAA1B,8FAEEC,MAAO,CACLC,IAAK,CACHC,KAAMC,QACNC,SAAS,GAEXC,QAAS,CACPH,KAAMI,OACNF,QAAS,MAEXG,YAAa,CACXL,KAAMM,OACNJ,QAAS,OAGbK,KApBF,WAqBI,MAAO,CACLtB,SAAU,CACRC,cAAc,EACdC,gBAAgB,GAElBD,aAAc,EAApB,kBACME,kBAAmB,EAAzB,6BACMI,qBAAsB,EAA5B,4BAGEgB,QAAS,CACP,oBADJ,WACA,qKACA,2BACA,mBACA,uCAHA,SAMA,oEANA,OAMA,EANA,OAQA,GACA,uBACA,2CAGA,2BAbA,8CAeI,kBAhBJ,WAgBA,yKACA,6BADA,SAEA,yEAFA,gBAEA,EAFA,EAEA,SAFA,EAEA,KAEA,YACA,2DACA,qDAEA,6BARA,8CAUI,kCA1BJ,WA0BA,8KACA,0FADA,OACA,EADA,OAGA,IACA,8BAJA,+CAQE,YAjEF,WAiEA,wKACA,wBADA,uBAEA,sBAFA,+CCnG6W,I,YCOzWC,EAAY,eACd,EACAlC,EACAkB,GACA,EACA,KACA,KACA,MAIa,aAAAgB,E","file":"js/chunk-2d0c46f3.b47f1692.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"classroom-stats-component\"}},[_c('div',{staticClass:\"vx-row my-2\"},[_c('div',{staticClass:\"vx-col w-full lg:w-2/3 mb-base\"}),_c('div',{staticClass:\"vx-col w-full lg:w-1/3 mb-base\"},[_c('TotalStudent',_vm._b({attrs:{\"updating\":_vm.updating.totalStudent}},'TotalStudent',_vm.totalStudent,false))],1)]),_c('div',{staticClass:\"vx-row my-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('StudentInEachUnit',{attrs:{\"updating\":_vm.updating.classroomStats,\"chartSeries\":_vm.studentInEachUnit.series,\"chartOptions\":_vm.studentInEachUnit.options.chartOptions}})],1)]),_c('div',{staticClass:\"vx-row my-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('StudentAccessHeatmap',{attrs:{\"updating\":_vm.updating.classroomStats,\"chartSeries\":_vm.studentAccessHeatmap.series,\"chartOptions\":_vm.studentAccessHeatmap.options.chartOptions}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"classroom-stats-component\">\n    <div class=\"vx-row my-2\">\n      <div class=\"vx-col w-full lg:w-2/3 mb-base\">\n        <!-- <vx-card\n          class=\"overflow-hidden\">\n          <div slot=\"no-body\">\n            <div>Classroom Stats</div>\n          </div>\n        </vx-card> -->\n      </div>\n\n      <div class=\"vx-col w-full lg:w-1/3 mb-base\">\n        <TotalStudent :updating=\"updating.totalStudent\" v-bind=\"totalStudent\" />\n      </div>\n    </div>\n    \n    <div class=\"vx-row my-2\">\n      <div class=\"vx-col w-full\">\n        <StudentInEachUnit :updating=\"updating.classroomStats\" :chartSeries=\"studentInEachUnit.series\" :chartOptions=\"studentInEachUnit.options.chartOptions\" />\n      </div>\n    </div>\n    \n    <div class=\"vx-row my-2\">\n      <div class=\"vx-col w-full\">\n        <StudentAccessHeatmap :updating=\"updating.classroomStats\" :chartSeries=\"studentAccessHeatmap.series\" :chartOptions=\"studentAccessHeatmap.options.chartOptions\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { state } from \"./data.js\";\n\nexport default {\n  components: {\n    TotalStudent: () => import(\"./subcomponents/TotalStudent.vue\"),\n    StudentInEachUnit: () => import(\"./subcomponents/StudentInEachUnit.vue\"),\n    StudentAccessHeatmap: () => import(\"./subcomponents/StudentAccessHeatmap.vue\"),\n  },\n  props: {\n    dev: {\n      type: Boolean,\n      default: false\n    },\n    devData: {\n      type: Object,\n      default: null\n    },\n    classroomId: {\n      type: String,\n      default: null\n    }\n  },\n  data() {\n    return {\n      updating: {\n        totalStudent: true,\n        classroomStats: true,\n      },\n      totalStudent: state.totalStudent,\n      studentInEachUnit: state.studentInEachUnitSeries,\n      studentAccessHeatmap: state.studentAccessHeatmap,\n    }\n  },\n  methods: {\n    async getTotalStudentData() {\n      this.updating.totalStudent = true;\n      if (this.dev && this.devData) {\n        this.totalStudent = this.devData.totalStudent;\n      }\n\n      const classroom = await this.$store.dispatch(\"ClassroomStats/getClassroom\", { id: this.classroomId });\n\n      if (classroom) {\n        if (this.classroomId === classroom.id) {\n          this.totalStudent.total = classroom.studentRegisterQty;\n        }\n      }\n      this.updating.totalStudent = false;\n    },\n    async getClassroomStats() {\n      this.updating.classroomStats = true;\n      const { status, data } = await this.$store.dispatch(\"ClassroomStats/getClassroomStats\", { id: this.classroomId })\n\n      if (status.success) {\n        this.studentInEachUnit.series = data.seriesTotalStudentInEachUnits;\n        this.studentAccessHeatmap.series = data.seriesStudentAccess;\n      }\n      this.updating.classroomStats = false;\n    },\n    async getClassroomStudentInEachUnitData() {\n      const series = await this.$store.dispatch(\"ClassroomStats/getClassroomStudentInEachUnitStats\", { id: this.classroomId })\n\n      if (series) {\n        this.studentInEachUnit.series = series;\n      }\n    }\n  },\n  async beforeMount() {\n    await this.getTotalStudentData();\n    await this.getClassroomStats();\n  },\n}\n</script>\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=79c37dec&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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":""}