{"version":3,"sources":["webpack:///./src/assets/images/cards/AttendedCertificate.jpg","webpack:///./src/assets/images/cards/instructor.jpg","webpack:///./src/assets/images/cards/exam.png","webpack:///./src/assets/images/cards/cardwait.png","webpack:///./src/assets/images/cards/certificate.png","webpack:///./src/assets/images/cards/cardaccept.png","webpack:///./src/views/HomeStatistics.vue?09e2","webpack:///./src/assets/images/cards/company.jpg","webpack:///./src/views/HomeStatistics.vue?c816","webpack:///./src/store/home/moduleHomeState.js","webpack:///./src/store/home/moduleHomeMutations.js","webpack:///./src/store/home/moduleHomeActions.js","webpack:///./src/store/home/moduleHomeGetters.js","webpack:///./src/store/home/moduleHome.js","webpack:///src/views/HomeStatistics.vue","webpack:///./src/views/HomeStatistics.vue?5030","webpack:///./src/views/HomeStatistics.vue","webpack:///./src/assets/images/cards/classes.png","webpack:///./src/assets/images/cards/cardrefused.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","attrs","ref","customersPie","chartOptions","series","option","staticClass","_v","_s","$t","total","_l","item","index","key","Key","Value","on","$event","gotopage","slot","staticStyle","model","TraineeCount","InstructorCount","CustomerCount","CourseCount","CourseClassInMonthCount","UserMembershipCardAcceptCount","UserMembershipCardWaitCount","UserMembershipCardRefusedCount","TraineeCertificateCount","TraineeAttendedCertificateCount","staticRenderFns","HomeModel","SET_HomeModel","state","homeModel","fetchData","commit","Promise","resolve","reject","axios","get","then","response","data","catch","error","isRegistered","namespaced","mutations","actions","getters","components","ECharts","VueApexCharts","apexchart","AllUsers","ShowDegreeProgress","chart","width","type","dataLabels","enabled","responsive","breakpoint","options","legend","show","position","offsetY","height","title","text","left","textStyle","fontFamily","color","toolbox","iconStyle","borderColor","feature","magicType","restore","saveAsImage","name","tooltip","trigger","axisPointer","grid","right","bottom","containLabel","xAxis","axisTick","alignWithLabel","axisLabel","rotate","fontWeight","fontSize","yAxis","computed","$store","HomeList","watch","val","methods","id","labels","dispatch","created","registerModule","moduleHome","mounted","isMounted","component"],"mappings":"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","file":"js/chunk-02445f08.7a851e47.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/AttendedCertificate.5ae68540.jpg\";","module.exports = __webpack_public_path__ + \"img/instructor.e5bb7c9d.jpg\";","module.exports = __webpack_public_path__ + \"img/exam.d0ee6855.png\";","module.exports = __webpack_public_path__ + \"img/cardwait.22652c63.png\";","module.exports = __webpack_public_path__ + \"img/certificate.2e89ac1f.png\";","module.exports = __webpack_public_path__ + \"img/cardaccept.fef2208d.png\";","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!./HomeStatistics.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/company.0a7a1ef1.jpg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"page-user-edit\"}},[_c('div',[_c('apexchart',{ref:\"realtimeChart1\",attrs:{\"type\":\"donut\",\"width\":\"50%\",\"height\":\"50%\",\"options\":_vm.customersPie.chartOptions,\"series\":_vm.customersPie.series}}),_c('e-charts',{ref:\"bar\",attrs:{\"autoresize\":\"\",\"options\":_vm.option,\"auto-resize\":\"\"}}),_c('div',{staticClass:\"vx-row justify-center\"},[_c('span',{staticClass:\"text-xl text-primary mr-2 ml-2\"},[_vm._v(_vm._s(_vm.$t(\"Total\"))+\" \")]),_c('span',{staticClass:\"text-xl text-primary mr-2 ml-2\"},[_vm._v(\"\\n        \"+_vm._s(_vm.total)+\"\\n      \")]),_vm._l((_vm.AllUsers),function(item,index){return _c('div',{key:index,staticClass:\"vx-col\"},[_c('span',[_vm._v(_vm._s(_vm.$t(item.Key)))]),_c('span',{staticClass:\"text-xl mr-2 ml-2\"},[_vm._v(_vm._s(item.Value))])])})],2)],1),_c('div',{staticClass:\"vx-row p-1\"},[_c('div',{staticClass:\"vx-col w-full sm:w-1/2 lg:w-1/4 mb-base\",on:{\"click\":function($event){return _vm.gotopage(1)}}},[_c('vx-card',{staticClass:\" vx-col\"},[_c('div',{attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('img',{staticClass:\"card-img-top w-full\",attrs:{\"src\":require(\"@/assets/images/cards/classes.png\"),\"alt\":\"Card image cap\",\"title\":\"\"}})]),_c('h5',{staticStyle:{\"color\":\"#6A1C56\",\"font-weight\":\"bold\",\"text-align\":\"center\"}},[_vm._v(\"\\n            \\n    \"+_vm._s(_vm.$t('Trainees'))+\"\\n          \")]),_c('h5',{staticStyle:{\"color\":\"#6A1C56\",\"font-weight\":\"bold\",\"text-align\":\"center\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.model.TraineeCount)+\"\\n          \")])])],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 lg:w-1/4 mb-base\",on:{\"click\":function($event){return _vm.gotopage(2)}}},[_c('vx-card',{staticClass:\" vx-col\"},[_c('div',{attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('img',{staticClass:\"card-img-top w-full\",attrs:{\"src\":require(\"@/assets/images/cards/instructor.jpg\"),\"alt\":\"Card image cap\",\"title\":\"\"}})]),_c('h5',{staticStyle:{\"color\":\"#6A1C56\",\"font-weight\":\"bold\",\"text-align\":\"center\"}},[_vm._v(\"\\n            \\n    \"+_vm._s(_vm.$t('Instructors'))+\"\\n          \")]),_c('h5',{staticStyle:{\"color\":\"#6A1C56\",\"font-weight\":\"bold\",\"text-align\":\"center\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.model.InstructorCount)+\"\\n          \")])])],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 lg:w-1/4 mb-base\",on:{\"click\":function($event){return _vm.gotopage(3)}}},[_c('vx-card',{staticClass:\" vx-col\"},[_c('div',{attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('img',{staticClass:\"card-img-top w-full\",attrs:{\"src\":require(\"@/assets/images/cards/company.jpg\"),\"alt\":\"Card image cap\",\"title\":\"\"}})]),_c('h5',{staticStyle:{\"color\":\"#6A1C56\",\"font-weight\":\"bold\",\"text-align\":\"center\"}},[_vm._v(\"\\n            \\n    \"+_vm._s(_vm.$t('Customers'))+\"\\n          \")]),_c('h5',{staticStyle:{\"color\":\"#6A1C56\",\"font-weight\":\"bold\",\"text-align\":\"center\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.model.CustomerCount)+\"\\n          \")])])],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 lg:w-1/4 mb-base\",on:{\"click\":function($event){return _vm.gotopage(4)}}},[_c('vx-card',{staticClass:\" vx-col\"},[_c('div',{attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('img',{staticClass:\"card-img-top w-full\",attrs:{\"src\":require(\"@/assets/images/cards/exam.png\"),\"alt\":\"Card image cap\",\"title\":\"\"}})]),_c('h5',{staticStyle:{\"color\":\"#6A1C56\",\"font-weight\":\"bold\",\"text-align\":\"center\"}},[_vm._v(\"\\n            \\n    \"+_vm._s(_vm.$t('Courses'))+\"\\n          \")]),_c('h5',{staticStyle:{\"color\":\"#6A1C56\",\"font-weight\":\"bold\",\"text-align\":\"center\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.model.CourseCount)+\"\\n          \")])])],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 lg:w-1/4 mb-base\",on:{\"click\":function($event){return _vm.gotopage(5)}}},[_c('vx-card',{staticClass:\" vx-col\"},[_c('div',{attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('img',{staticClass:\"card-img-top w-full\",attrs:{\"src\":require(\"@/assets/images/cards/classes.png\"),\"alt\":\"Card image cap\",\"title\":\"\"}})]),_c('h5',{staticStyle:{\"color\":\"#6A1C56\",\"font-weight\":\"bold\",\"text-align\":\"center\"}},[_vm._v(\"\\n            \\n    \"+_vm._s(_vm.$t('CourseClassInMonthCount'))+\"\\n          \")]),_c('h5',{staticStyle:{\"color\":\"#6A1C56\",\"font-weight\":\"bold\",\"text-align\":\"center\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.model.CourseClassInMonthCount)+\"\\n          \")])])],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 lg:w-1/4 mb-base\",on:{\"click\":function($event){return _vm.gotopage(6)}}},[_c('vx-card',{staticClass:\" vx-col\"},[_c('div',{attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('img',{staticClass:\"card-img-top w-full\",attrs:{\"src\":require(\"@/assets/images/cards/cardaccept.png\"),\"alt\":\"Card image cap\",\"title\":\"\"}})]),_c('h5',{staticStyle:{\"color\":\"#6A1C56\",\"font-weight\":\"bold\",\"text-align\":\"center\"}},[_vm._v(\"\\n            \\n    \"+_vm._s(_vm.$t('UserMembershipCardAcceptCount'))+\"\\n          \")]),_c('h5',{staticStyle:{\"color\":\"#6A1C56\",\"font-weight\":\"bold\",\"text-align\":\"center\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.model.UserMembershipCardAcceptCount)+\"\\n          \")])])],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 lg:w-1/4 mb-base\",on:{\"click\":function($event){return _vm.gotopage(6)}}},[_c('vx-card',{staticClass:\" vx-col\"},[_c('div',{attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('img',{staticClass:\"card-img-top w-full\",attrs:{\"src\":require(\"@/assets/images/cards/cardwait.png\"),\"alt\":\"Card image cap\",\"title\":\"\"}})]),_c('h5',{staticStyle:{\"color\":\"#6A1C56\",\"font-weight\":\"bold\",\"text-align\":\"center\"}},[_vm._v(\"\\n            \\n    \"+_vm._s(_vm.$t('UserMembershipCardWaitCount'))+\"\\n          \")]),_c('h5',{staticStyle:{\"color\":\"#6A1C56\",\"font-weight\":\"bold\",\"text-align\":\"center\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.model.UserMembershipCardWaitCount)+\"\\n          \")])])],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 lg:w-1/4 mb-base\",on:{\"click\":function($event){return _vm.gotopage(6)}}},[_c('vx-card',{staticClass:\" vx-col\"},[_c('div',{attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('img',{staticClass:\"card-img-top w-full\",attrs:{\"src\":require(\"@/assets/images/cards/cardrefused.png\"),\"alt\":\"Card image cap\",\"title\":\"\"}})]),_c('h5',{staticStyle:{\"color\":\"#6A1C56\",\"font-weight\":\"bold\",\"text-align\":\"center\"}},[_vm._v(\"\\n            \\n    \"+_vm._s(_vm.$t('UserMembershipCardRefusedCount'))+\"\\n          \")]),_c('h5',{staticStyle:{\"color\":\"#6A1C56\",\"font-weight\":\"bold\",\"text-align\":\"center\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.model.UserMembershipCardRefusedCount)+\"\\n          \")])])],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 lg:w-1/4 mb-base\",on:{\"click\":function($event){return _vm.gotopage(7)}}},[_c('vx-card',{staticClass:\" vx-col\"},[_c('div',{attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('img',{staticClass:\"card-img-top w-full\",attrs:{\"src\":require(\"@/assets/images/cards/certificate.png\"),\"alt\":\"Card image cap\",\"title\":\"\"}})]),_c('h5',{staticStyle:{\"color\":\"#6A1C56\",\"font-weight\":\"bold\",\"text-align\":\"center\"}},[_vm._v(\"\\n            \\n    \"+_vm._s(_vm.$t('TraineeCertificateCount'))+\"\\n          \")]),_c('h5',{staticStyle:{\"color\":\"#6A1C56\",\"font-weight\":\"bold\",\"text-align\":\"center\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.model.TraineeCertificateCount)+\"\\n          \")])])],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 lg:w-1/4 mb-base\",on:{\"click\":function($event){return _vm.gotopage(8)}}},[_c('vx-card',{staticClass:\" vx-col\"},[_c('div',{attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('img',{staticClass:\"card-img-top w-full\",attrs:{\"src\":require(\"@/assets/images/cards/AttendedCertificate.jpg\"),\"alt\":\"Card image cap\",\"title\":\"\"}})]),_c('h5',{staticStyle:{\"color\":\"#6A1C56\",\"font-weight\":\"bold\",\"text-align\":\"center\"}},[_vm._v(\"\\n            \\n    \"+_vm._s(_vm.$t('TraineeAttendedCertificateCount'))+\"\\n          \")]),_c('h5',{staticStyle:{\"color\":\"#6A1C56\",\"font-weight\":\"bold\",\"text-align\":\"center\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.model.TraineeAttendedCertificateCount)+\"\\n          \")])])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/*=========================================================================================\r\n  File Name: moduleCalendarState.js\r\n  Description: Calendar Module State\r\n  ----------------------------------------------------------------------------------------\r\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n  Author: Pixinvent\r\n  Author URL: http://www.themeforest.net/user/pixinvent\r\n==========================================================================================*/\r\n\r\nexport default {\r\n  HomeModel:{},\r\n}\r\n","/*=========================================================================================\r\n  File Name: moduleCalendarMutations.js\r\n  Description: Calendar Module Mutations\r\n  ----------------------------------------------------------------------------------------\r\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n  Author: Pixinvent\r\n  Author URL: http://www.themeforest.net/user/pixinvent\r\n==========================================================================================*/\r\n\r\n\r\nexport default {\r\n \r\n  SET_HomeModel(state, homeModel) {\r\n    state.homeModel = homeModel\r\n  },\r\n \r\n}\r\n","/*=========================================================================================\r\n  File Name: moduleCalendarActions.js\r\n  Description: Calendar Module Actions\r\n  ----------------------------------------------------------------------------------------\r\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n  Author: Pixinvent\r\n  Author URL: http://www.themeforest.net/user/pixinvent\r\n==========================================================================================*/\r\n\r\nimport axios from \"@/axios.js\"\r\n\r\nexport default {\r\n  fetchData({ commit }) {\r\n    \r\n    return new Promise((resolve, reject) => {\r\n      axios.get(\"api/Home/HomeCounts\")\r\n        .then((response) => {\r\n          commit('SET_HomeModel', response.data)\r\n          resolve(response)\r\n        })\r\n        .catch((error) => { reject(error) })\r\n    })\r\n  }, \r\n\r\n}\r\n","/*=========================================================================================\r\n  File Name: moduleCalendarGetters.js\r\n  Description: Calendar Module Getters\r\n  ----------------------------------------------------------------------------------------\r\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n  Author: Pixinvent\r\n  Author URL: http://www.themeforest.net/user/pixinvent\r\n==========================================================================================*/\r\n\r\n\r\nexport default {\r\n  // getItem: state => (productId) => state.products.find((product) => product.id == productId),\r\n}\r\n","/*=========================================================================================\r\n  File Name: moduleDataList.js\r\n  Description: Calendar Module\r\n  ----------------------------------------------------------------------------------------\r\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n  Author: Pixinvent\r\n  Author URL: http://www.themeforest.net/user/pixinvent\r\n==========================================================================================*/\r\n\r\n\r\nimport state from './moduleHomeState.js'\r\nimport mutations from './moduleHomeMutations.js'\r\nimport actions from './moduleHomeActions.js'\r\nimport getters from './moduleHomeGetters.js'\r\n\r\nexport default {\r\n  isRegistered: false,\r\n  namespaced: true,\r\n  state: state,\r\n  mutations: mutations,\r\n  actions: actions,\r\n  getters: getters\r\n}\r\n\r\n","<!-- =========================================================================================\r\n  File Name: DataListListView.vue\r\n  Description: Data List - List View\r\n  ------------------------------------------------ ----------------------------------------\r\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n  Author: Pixinvent\r\n  Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n<template>\r\n\r\n      <!-- <div class=\"mt-8 flex flex-wrap items-center justify-end\">\r\n          <vs-checkbox v-model=\"isTermsConditionAccepted\" class=\"mt-6\">I accept the terms & conditions.</vs-checkbox>\r\n      </div> -->\r\n     <div  id=\"page-user-edit\">\r\n \r\n \r\n      \r\n<div>\r\n<apexchart type=\"donut\" width=\"50%\" height=\"50%\" ref=\"realtimeChart1\"  :options=\"customersPie.chartOptions\" :series=\"customersPie.series\" ></apexchart>\r\n\r\n<e-charts autoresize :options=\"option\" ref=\"bar\" auto-resize /> \r\n\r\n    <div class=\"vx-row justify-center\">\r\n      <span class=\"text-xl text-primary mr-2 ml-2\">{{ $t(\"Total\") }} </span>\r\n      <span class=\"text-xl text-primary mr-2 ml-2\">\r\n        {{ total }}\r\n      </span>\r\n      <div class=\"vx-col\" v-for=\"(item, index) in AllUsers\" :key=\"index\">\r\n        <span>{{ $t(item.Key) }}</span>\r\n        <span class=\"text-xl mr-2 ml-2\">{{ item.Value }}</span>\r\n      </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"vx-row p-1\">\r\n<!-- 1 trainee-->\r\n     <div class=\"vx-col w-full sm:w-1/2 lg:w-1/4 mb-base\" @click=\"gotopage(1)\">\r\n        <vx-card class=\" vx-col\" >\r\n          <div slot=\"no-body\">\r\n            <img\r\n              src=\"@/assets/images/cards/classes.png\"\r\n              alt=\"Card image cap\"\r\n              class=\"card-img-top w-full\"\r\n              title=\"\"\r\n              style=\"\"\r\n            />\r\n          </div>\r\n<h5  style=\"color:#6A1C56; font-weight: bold;text-align:center\">\r\n            \r\n    {{$t('Trainees')}}\r\n          </h5>\r\n          <h5  style=\"color:#6A1C56; font-weight: bold;text-align:center\">\r\n            {{model.TraineeCount}}\r\n          </h5>\r\n          \r\n        </vx-card>\r\n      </div>\r\n\r\n      <!-- 2 instracturs -->\r\n     <div class=\"vx-col w-full sm:w-1/2 lg:w-1/4 mb-base\" @click=\"gotopage(2)\">\r\n        <vx-card class=\" vx-col\" >\r\n          <div slot=\"no-body\">\r\n            <img\r\n              src=\"@/assets/images/cards/instructor.jpg\"\r\n              alt=\"Card image cap\"\r\n              class=\"card-img-top w-full\"\r\n              title=\"\"\r\n              style=\"\"\r\n            />\r\n          </div>\r\n<h5  style=\"color:#6A1C56; font-weight: bold;text-align:center\">\r\n            \r\n    {{$t('Instructors')}}\r\n          </h5>\r\n          <h5  style=\"color:#6A1C56; font-weight: bold;text-align:center\">\r\n            {{model.InstructorCount}}\r\n          </h5>\r\n          \r\n        </vx-card>\r\n      </div>\r\n\r\n      <!-- 3 customers -->\r\n     <div class=\"vx-col w-full sm:w-1/2 lg:w-1/4 mb-base\" @click=\"gotopage(3)\">\r\n        <vx-card class=\" vx-col\" >\r\n          <div slot=\"no-body\">\r\n            <img\r\n              src=\"@/assets/images/cards/company.jpg\"\r\n              alt=\"Card image cap\"\r\n              class=\"card-img-top w-full\"\r\n              title=\"\"\r\n              style=\"\"\r\n            />\r\n          </div>\r\n<h5  style=\"color:#6A1C56; font-weight: bold;text-align:center\">\r\n            \r\n    {{$t('Customers')}}\r\n          </h5>\r\n          <h5  style=\"color:#6A1C56; font-weight: bold;text-align:center\">\r\n            {{model.CustomerCount}}\r\n          </h5>\r\n          \r\n        </vx-card>\r\n      </div>\r\n\r\n      \r\n      <!-- 4 courses -->\r\n     <div class=\"vx-col w-full sm:w-1/2 lg:w-1/4 mb-base\" @click=\"gotopage(4)\">\r\n        <vx-card class=\" vx-col\" >\r\n          <div slot=\"no-body\">\r\n            <img\r\n              src=\"@/assets/images/cards/exam.png\"\r\n              alt=\"Card image cap\"\r\n              class=\"card-img-top w-full\"\r\n              title=\"\"\r\n              style=\"\"\r\n            />\r\n          </div>\r\n<h5  style=\"color:#6A1C56; font-weight: bold;text-align:center\">\r\n            \r\n    {{$t('Courses')}}\r\n          </h5>\r\n          <h5  style=\"color:#6A1C56; font-weight: bold;text-align:center\">\r\n            {{model.CourseCount}}\r\n          </h5>\r\n          \r\n        </vx-card>\r\n      </div>\r\n\r\n      <!-- 5 classes -->\r\n     <div class=\"vx-col w-full sm:w-1/2 lg:w-1/4 mb-base\" @click=\"gotopage(5)\">\r\n        <vx-card class=\" vx-col\" >\r\n          <div slot=\"no-body\">\r\n            <img\r\n              src=\"@/assets/images/cards/classes.png\"\r\n              alt=\"Card image cap\"\r\n              class=\"card-img-top w-full\"\r\n              title=\"\"\r\n              style=\"\"\r\n            />\r\n          </div>\r\n<h5  style=\"color:#6A1C56; font-weight: bold;text-align:center\">\r\n            \r\n    {{$t('CourseClassInMonthCount')}}\r\n          </h5>\r\n          <h5  style=\"color:#6A1C56; font-weight: bold;text-align:center\">\r\n            {{model.CourseClassInMonthCount}}\r\n          </h5>\r\n          \r\n        </vx-card>\r\n      </div>\r\n\r\n      <!-- 6 cards accept -->\r\n     <div class=\"vx-col w-full sm:w-1/2 lg:w-1/4 mb-base\" @click=\"gotopage(6)\">\r\n        <vx-card class=\" vx-col\" >\r\n          <div slot=\"no-body\">\r\n            <img\r\n              src=\"@/assets/images/cards/cardaccept.png\"\r\n              alt=\"Card image cap\"\r\n              class=\"card-img-top w-full\"\r\n              title=\"\"\r\n              style=\"\"\r\n            />\r\n          </div>\r\n<h5  style=\"color:#6A1C56; font-weight: bold;text-align:center\">\r\n            \r\n    {{$t('UserMembershipCardAcceptCount')}}\r\n          </h5>\r\n          <h5  style=\"color:#6A1C56; font-weight: bold;text-align:center\">\r\n            {{model.UserMembershipCardAcceptCount}}\r\n          </h5>\r\n          \r\n        </vx-card>\r\n      </div>\r\n\r\n\r\n      <!-- 7 cards wait -->\r\n     <div class=\"vx-col w-full sm:w-1/2 lg:w-1/4 mb-base\" @click=\"gotopage(6)\">\r\n        <vx-card class=\" vx-col\" >\r\n          <div slot=\"no-body\">\r\n            <img\r\n              src=\"@/assets/images/cards/cardwait.png\"\r\n              alt=\"Card image cap\"\r\n              class=\"card-img-top w-full\"\r\n              title=\"\"\r\n              style=\"\"\r\n            />\r\n          </div>\r\n<h5  style=\"color:#6A1C56; font-weight: bold;text-align:center\">\r\n            \r\n    {{$t('UserMembershipCardWaitCount')}}\r\n          </h5>\r\n          <h5  style=\"color:#6A1C56; font-weight: bold;text-align:center\">\r\n            {{model.UserMembershipCardWaitCount}}\r\n          </h5>\r\n          \r\n        </vx-card>\r\n      </div>\r\n\r\n       <!-- 8 cards refused -->\r\n <div class=\"vx-col w-full sm:w-1/2 lg:w-1/4 mb-base\" @click=\"gotopage(6)\">\r\n        <vx-card class=\" vx-col\" >\r\n          <div slot=\"no-body\">\r\n            <img\r\n              src=\"@/assets/images/cards/cardrefused.png\"\r\n              alt=\"Card image cap\"\r\n              class=\"card-img-top w-full\"\r\n              title=\"\"\r\n              style=\"\"\r\n            />\r\n          </div>\r\n<h5  style=\"color:#6A1C56; font-weight: bold;text-align:center\">\r\n            \r\n    {{$t('UserMembershipCardRefusedCount')}}\r\n          </h5>\r\n          <h5  style=\"color:#6A1C56; font-weight: bold;text-align:center\">\r\n            {{model.UserMembershipCardRefusedCount}}\r\n          </h5>\r\n          \r\n        </vx-card>\r\n      </div>\r\n\r\n      <!-- 9 certificate -->\r\n    \r\n      <div class=\"vx-col w-full sm:w-1/2 lg:w-1/4 mb-base\" @click=\"gotopage(7)\">\r\n        <vx-card class=\" vx-col\" >\r\n          <div slot=\"no-body\">\r\n            <img\r\n              src=\"@/assets/images/cards/certificate.png\"\r\n              alt=\"Card image cap\"\r\n              class=\"card-img-top w-full\"\r\n              title=\"\"\r\n              style=\"\"\r\n            />\r\n          </div>\r\n<h5  style=\"color:#6A1C56; font-weight: bold;text-align:center\">\r\n            \r\n    {{$t('TraineeCertificateCount')}}\r\n          </h5>\r\n          <h5  style=\"color:#6A1C56; font-weight: bold;text-align:center\">\r\n            {{model.TraineeCertificateCount}}\r\n          </h5>\r\n          \r\n        </vx-card>\r\n      </div>\r\n\r\n       <div class=\"vx-col w-full sm:w-1/2 lg:w-1/4 mb-base\" @click=\"gotopage(8)\">\r\n        <vx-card class=\" vx-col\" >\r\n          <div slot=\"no-body\">\r\n            <img\r\n              src=\"@/assets/images/cards/AttendedCertificate.jpg\"\r\n              alt=\"Card image cap\"\r\n              class=\"card-img-top w-full\"\r\n              title=\"\"\r\n              style=\"\"\r\n            />\r\n          </div>\r\n<h5  style=\"color:#6A1C56; font-weight: bold;text-align:center\">\r\n            \r\n    {{$t('TraineeAttendedCertificateCount')}}\r\n          </h5>\r\n          <h5  style=\"color:#6A1C56; font-weight: bold;text-align:center\">\r\n            {{model.TraineeAttendedCertificateCount}}\r\n          </h5>\r\n          \r\n        </vx-card>\r\n      </div>\r\n</div>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n\r\n<script>\r\n\r\nimport moduleHome from \"@/store/home/moduleHome.js\";\r\nimport ECharts from \"vue-echarts/components/ECharts\";\r\nimport \"echarts/lib/component/tooltip\";\r\nimport \"echarts-gl\";\r\nimport VueApexCharts from 'vue-apexcharts'\r\nexport default {\r\n  components: {\r\nECharts,\r\n    VueApexCharts,\r\n    apexchart: VueApexCharts\r\n  },\r\n  data() {\r\n    return {\r\n      model:{},\r\n      AllUsers:[],\r\n      ShowDegreeProgress:false,\r\n      total:0,\r\n       customersPie: {\r\n     \r\n         series: [],\r\n          chartOptions: {\r\n            chart: {\r\n              width: 380,\r\n              type: 'donut',\r\n            },\r\n            dataLabels: {\r\n              enabled: true\r\n            },\r\n            responsive: [{\r\n              breakpoint: 480,\r\n              options: {\r\n                chart: {\r\n                  width: 200\r\n                },\r\n                legend: {\r\n                  show: false\r\n                }\r\n              }\r\n            }],\r\n            legend: {\r\n              position: 'right',\r\n              offsetY: 0,\r\n              height: 230,\r\n            }\r\n          },\r\n    },\r\n option: {\r\n        title: {\r\n          text: this.$t(\"SomeStatistics\") ,\r\n          left: this.$vs.rtl ? \"right\" : \"left\",\r\n          textStyle: {\r\n            fontFamily: \"Cairo\",\r\n            color: this.$store.state.theme === \"dark\" ? \"white\" : \"black\"\r\n          }\r\n        },\r\n        toolbox: {\r\n          iconStyle: {\r\n            borderColor: this.$store.state.theme === \"dark\" ? \"white\" : \"black\"\r\n          },\r\n          left: this.$vs.rtl ? \"left\" : \"right\",\r\n          feature: {\r\n            magicType: {\r\n              show: true,\r\n              title: this.$t(\"ChangeType\"),\r\n              type: [\"line\", \"bar\"]\r\n            },\r\n            restore: { show: true, title: this.$t(\"Reset\") },\r\n            saveAsImage: {\r\n              title: this.$t(\"Save\"),\r\n              type: \"png\",\r\n\r\n              name: \"Save\"\r\n            }\r\n          }\r\n        },\r\n        color: [\"#9DA6D3\"],\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"shadow\" // 默认为直线，可选为：'line' | 'shadow'\r\n          }\r\n        },\r\n        grid: {\r\n          left: \"3%\",\r\n          right: \"4%\",\r\n          bottom: \"3%\",\r\n          containLabel: true\r\n        },\r\n        xAxis: [\r\n          {\r\n            type: \"category\",\r\n\r\n            data: [],\r\n            axisTick: {\r\n              alignWithLabel: true\r\n            },\r\n            axisLabel: {\r\n              rotate: 45,\r\n              fontWeight: \"bold\",\r\n              color: this.$store.state.theme === \"dark\" ? \"white\" : \"black\",\r\n              fontSize: 10\r\n            }\r\n          }\r\n        ],\r\n        yAxis: [\r\n          {\r\n            type: \"value\",\r\n            axisLabel: {\r\n              color: this.$store.state.theme === \"dark\" ? \"white\" : \"black\"\r\n            }\r\n          }\r\n        ],\r\n        series: [\r\n          {\r\n            type: \"bar\",\r\n            data: []\r\n          }\r\n        ]\r\n      },\r\n\r\n    };\r\n  },\r\n  computed: {\r\n   homeModel(){\r\n      return this.$store.state.HomeList.HomeModel;\r\n  },\r\n\r\n  },\r\n watch: {\r\n    \"$store.state.theme\"(val) {\r\n      if (val === \"dark\") {\r\n        this.option.title.textStyle.color = \"white\";\r\n        this.option.toolbox.iconStyle.borderColor = \"white\";\r\n        this.option.xAxis[0].axisLabel.color = \"white\";\r\n        this.option.yAxis[0].axisLabel.color = \"white\";\r\n      } else {\r\n        this.option.title.textStyle.color = \"black\";\r\n        this.option.toolbox.iconStyle.borderColor = \"black\";\r\n        this.option.xAxis[0].axisLabel.color = \"black\";\r\n        this.option.yAxis[0].axisLabel.color = \"black\";\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    gotopage(id){\r\n    if(id==1){\r\n      this.$router.push('/User/Trainee')\r\n    }\r\n    else if(id==2){\r\n      this.$router.push('/instructor')\r\n    }\r\n     else if(id==3){\r\n      this.$router.push('/User/Organization')\r\n    }\r\n     else if(id==4){\r\n      this.$router.push('/CourseDeploma/0')\r\n    }\r\n     else if(id==5){\r\n      this.$router.push('/CourseClass')\r\n    }\r\n     else if(id==6){\r\n      this.$router.push('/Setting/UserMembershipCardRequest')\r\n    }\r\n     else if(id==7){\r\n      this.$router.push('/trainee/TraineeCertificationForAdmin')\r\n    }\r\n     else if(id==8){\r\n      this.$router.push('/TraineeAttendedCertification')\r\n    }\r\n    },\r\n fetchData() {\r\n      debugger\r\n      this.option.series[0].data = [];\r\n      this.option.xAxis[0].data = [];\r\n        this.customersPie.series = [];\r\n      this.customersPie.chartOptions.labels=[];\r\n      this.total = 0;\r\n      debugger;\r\n      this.$store.dispatch(\"HomeList/fetchData\").then(response => {\r\n        this.AllUsers = response.data.UsersStistics;\r\n        this.model = response.data;\r\n        debugger\r\n       \r\n        response.data.UsersStistics.forEach(element => {\r\n          var key = this.$t(element.Key)\r\n\r\n          this.customersPie.series.push(element.Value);\r\n          this.customersPie.chartOptions.labels.push((key).toString());\r\n          this.option.series[0].data.push(element.Value);\r\n          this.option.xAxis[0].data.push(key);\r\n        });\r\n          this.$refs.realtimeChart1.updateOptions({ labels: this.customersPie.chartOptions.labels, });\r\n\r\n        response.data.UsersStistics.forEach(element => {\r\n          this.total += Number(element.Value);\r\n        });\r\n        this.ShowDegreeProgress = true;\r\n        this.total = (this.total / response.data.statistic.length).toFixed(2)\r\n        return this.total ;\r\n      });\r\n    },\r\n \r\n\r\n  },\r\n\r\n  created() {\r\n  if (!moduleHome.isRegistered) {\r\n      this.$store.registerModule(\"HomeList\", moduleHome);\r\n      moduleHome.isRegistered = true;\r\n    }\r\n    this.fetchData();\r\n\r\n  },\r\n  mounted() {\r\n    this.isMounted = true;\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@media (max-width: 550px) {\r\n  .con-select {\r\n    flex-direction: column;\r\n  }\r\n  .con-select .vs-select {\r\n    width: 100%\r\n  }\r\n}\r\n  .con-select-example {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n#data-list-list-view {\r\n  .vs-con-table {\r\n    .product-name {\r\n      max-width: 23rem;\r\n    }\r\n\r\n    .vs-table--header {\r\n      display: flex;\r\n      flex-wrap: wrap-reverse;\r\n      margin-left: 1.5rem;\r\n      margin-right: 1.5rem;\r\n      > span {\r\n        display: flex;\r\n        flex-grow: 1;\r\n      }\r\n\r\n      .vs-table--search {\r\n        padding-top: 0;\r\n\r\n        .vs-table--search-input {\r\n          padding: 0.9rem 2.5rem;\r\n          font-size: 1rem;\r\n\r\n          & + i {\r\n            left: 1rem;\r\n          }\r\n\r\n          &:focus + i {\r\n            left: 1rem;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .vs-table {\r\n      border-collapse: separate;\r\n      border-spacing: 0 1.3rem;\r\n      padding: 0 1rem;\r\n\r\n      tr {\r\n        box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);\r\n        td {\r\n          padding: 20px;\r\n          &:first-child {\r\n            border-top-left-radius: 0.5rem;\r\n            border-bottom-left-radius: 0.5rem;\r\n          }\r\n          &:last-child {\r\n            border-top-right-radius: 0.5rem;\r\n            border-bottom-right-radius: 0.5rem;\r\n          }\r\n        }\r\n        td.td-check {\r\n          padding: 20px !important;\r\n        }\r\n      }\r\n    }\r\n\r\n    .vs-table--thead {\r\n      th {\r\n        padding-top: 0;\r\n        padding-bottom: 0;\r\n\r\n        .vs-table-text {\r\n          text-transform: uppercase;\r\n          font-weight: 600;\r\n        }\r\n      }\r\n      th.td-check {\r\n        padding: 0 15px !important;\r\n      }\r\n      tr {\r\n        background: none;\r\n        box-shadow: none;\r\n      }\r\n    }\r\n\r\n    .vs-table--pagination {\r\n      justify-content: center;\r\n    }\r\n\r\n  }\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!./HomeStatistics.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!./HomeStatistics.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HomeStatistics.vue?vue&type=template&id=8a3a2922&\"\nimport script from \"./HomeStatistics.vue?vue&type=script&lang=js&\"\nexport * from \"./HomeStatistics.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HomeStatistics.vue?vue&type=style&index=0&lang=scss&\"\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","module.exports = __webpack_public_path__ + \"img/classes.d120d3aa.png\";","module.exports = __webpack_public_path__ + \"img/cardrefused.9e5e984a.png\";"],"sourceRoot":""}