{"version":3,"sources":["webpack:///./src/views/SuperUserViews/Reporting/Aggregate/AggregateReportTemplate.vue","webpack:///./src/views/SuperUserViews/Reporting/Aggregate/AggregateReportTemplate.vue?dc14","webpack:///./src/views/SuperUserViews/Reporting/Aggregate/AggregateEsuReport.vue","webpack:///./src/views/SuperUserViews/Reporting/Aggregate/AggregateEsuReport.vue?9e96"],"names":["class","chart-options","chartOptions","chart-data","reportData","chart-id","chartId","dataset-id-key","datasetIdKey","css-classes","cssClasses","styles","width","height","register","name","components","Bar","props","type","String","default","Number","Object","setup","maxCount","value","responsive","indexAxis","plugins","legend","position","display","scales","x1","min","max","x2","__exports__","render","esuName","report-data","esuReport","AggregateReportTemplate","idEsu","labels","datasets","getReport","get_uri","a","get","then","result","data","districts","districtReports","i","length","totalUserCount","label","districtName","backgroundColor","Math","floor","random","toString","districtAdminEnrolledCount","districtAdminEnabledAccount","districtAdminDisabledCount","instructorEnrolledCount","instructorEnabledCount","instructorDisabledCount","paraEnrolledCount","paraEnabledCount","paraDisabledCount"],"mappings":"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","file":"js/chunk-626b034c.55a6331b.js","sourcesContent":["<template>\n  <div class=\"col-sm\">\n    <div class=\"card-body\">\n      <Bar\n          :chart-options=\"chartOptions\"\n          :chart-data=\"reportData\"\n          :chart-id=\"chartId\"\n          :dataset-id-key=\"datasetIdKey\"\n          :css-classes=\"cssClasses\"\n          :styles=\"styles\"\n          :width=\"width\"\n          :height=\"height\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport {Bar} from 'vue-chartjs'\n\nimport {Chart as ChartJS, Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale} from 'chart.js'\nimport {onBeforeMount, ref, watch} from \"vue\";\n\nChartJS.register(Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale)\n\nexport default {\n  name: \"AggregateReportTemplate\",\n  components: {Bar},\n  props: {\n    chartId: {\n      type: String,\n      default: 'bar-chart'\n    },\n    datasetIdKey: {\n      type: String,\n      default: 'label'\n    },\n    width: {\n      type: Number,\n      default: 400\n    },\n    height: {\n      type: Number,\n      default: 400\n    },\n    cssClasses: {\n      default: '',\n      type: String\n    },\n    styles: {\n      type: Object,\n      default: () => {\n      }\n    },\n    reportData: Object,\n\n  },\n  setup(props) {\n\n    const maxCount = ref();\n\n    onBeforeMount(() => {\n      maxCount.value = props.reportData.maxCount;\n    })\n\n\n    const chartOptions = ref({\n      responsive: true,\n      indexAxis: 'y',\n      plugins: {\n        legend: {\n          position: 'right',\n          display: true,\n        }\n      },\n      scales: {\n        x1: {\n          position: 'top',\n          display: true,\n          min: 0,\n          max: maxCount.value\n        },\n        x2: {\n          position: 'bottom',\n          display: true,\n          min: 0,\n          max: maxCount.value\n        }\n      }\n    })\n\n    return {\n      chartOptions\n    }\n  }\n}\n</script>\n\n<style scoped>\n\n</style>","import { render } from \"./AggregateReportTemplate.vue?vue&type=template&id=0fc4d2fe\"\nimport script from \"./AggregateReportTemplate.vue?vue&type=script&lang=js\"\nexport * from \"./AggregateReportTemplate.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <h2>{{ esuName }}'s Reports</h2>\n  <div class=\"row\">\n\n    <div class=\"col-sm-10\">\n      <div class=\"card\">\n        <div class=\"card-header\">\n          <div class=\"col-sm\">\n            Aggregate Reports for {{ esuName }}\n          </div>\n\n        </div>\n        <AggregateReportTemplate :report-data=\"esuReport\"/>\n      </div>\n    </div>\n    <div class=\"col-sm-2\">\n      <div class=\"card\">\n        <div class=\"card-header\">\n          About\n        </div>\n        <div class=\"card-body\">\n          <div class=\"row\">\n            <div class=\"col-sm\">\n              <p>This is a generalized aggregate report for Project Para Engagement </p>\n              <hr/>\n              <p>Other content, controls, or links to district reports could go here</p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nimport {API_URL} from \"../../../../../Constants\";\nimport {onBeforeMount, ref} from \"vue\";\nimport AggregateReportTemplate from \"@/views/SuperUserViews/Reporting/Aggregate/AggregateReportTemplate\";\n\nexport default {\n  name: \"AggregateEsuReport\",\n  components: {AggregateReportTemplate},\n  props: {\n    idEsu: Number\n  },\n  setup(props) {\n    const esuName = ref({});\n    const esuReport = ref({\n      labels: [\n        \"Total Users\",\n        \"Total District Admins\",\n        \"District Admins Active\",\n        \"District Admins Inactive\",\n        \"Total Instructors\",\n        \"Instructors Active\",\n        \"Instructors Inactive\",\n        \"Total Paras\",\n        \"Para Enabled Count\",\n        \"Para Disabled Count\",\n      ],\n      datasets: [],\n      maxCount: 0,\n    })\n\n    onBeforeMount(() => {\n      getReport();\n    })\n\n\n    async function getReport() {\n      let get_uri = API_URL + \"/reports/aggregate/byEsu?_idEsu=\" + props.idEsu\n\n      // will add authentication once display is normalized\n      await axios.get(get_uri)\n          .then((result) => {\n            esuName.value = result.data.esuName;\n\n            let districts = result.data.districtReports;\n            for (let i = 0; i < districts.length; i++) {\n\n              if (districts[i].totalUserCount > esuReport.value.maxCount) {\n                esuReport.value.maxCount = districts[i].totalUserCount\n              }\n\n              esuReport.value.datasets[i] = {\n                label: districts[i].districtName,\n                backgroundColor: '#' + Math.floor(Math.random() * 16777215).toString(16),\n                data: [\n                  districts[i].totalUserCount,\n                  districts[i].districtAdminEnrolledCount,\n                  districts[i].districtAdminEnabledAccount,\n                  districts[i].districtAdminDisabledCount,\n                  districts[i].instructorEnrolledCount,\n                  districts[i].instructorEnabledCount,\n                  districts[i].instructorDisabledCount,\n                  districts[i].paraEnrolledCount,\n                  districts[i].paraEnabledCount,\n                  districts[i].paraDisabledCount\n                ]\n              };\n            }\n          })\n    }\n\n    return {\n      esuReport,\n      esuName,\n    }\n  }\n}\n</script>\n\n<style scoped>\n\n</style>","import { render } from \"./AggregateEsuReport.vue?vue&type=template&id=908151d6\"\nimport script from \"./AggregateEsuReport.vue?vue&type=script&lang=js\"\nexport * from \"./AggregateEsuReport.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}