{"version":3,"sources":["webpack:///./src/modules/components/TableForAttendance.vue?f05c","webpack:///./src/components/Chart/GroupBarChart.js","webpack:///./src/assets/styles/modules/pages/Attendance.css?8549","webpack:///./src/modules/pages/Attendance.vue","webpack:///./src/modules/components/TableForAttendance.vue","webpack:///src/modules/components/TableForAttendance.vue","webpack:///./src/modules/components/TableForAttendance.vue?c869","webpack:///./src/modules/components/TableForAttendance.vue?830b","webpack:///src/modules/pages/Attendance.vue","webpack:///./src/modules/pages/Attendance.vue?a5ef","webpack:///./src/modules/pages/Attendance.vue?b97a"],"names":["reactiveProp","mixins","extends","Bar","props","chartData","type","Object","default","options","mounted","this","renderChart","render","_vm","_c","_self","attrs","staticClass","require","_v","_m","countries","model","value","selectedCountry","callback","$$v","expression","slot","camps","selectedCamp","schools","selectedSchool","_s","barChartData","compareyears","_l","setNoOfRows","i","key","j","summaryBoxData","length","directives","name","rawName","checkedItems","class","cssId","domProps","Array","isArray","_i","on","$event","$$a","$$el","target","$$c","checked","$$i","concat","slice","difference","_e","tableData","staticRenderFns","setCountryColumn","school","index","replaceAll","totalBeforeIns","data","style","borderStyle","skills","denominator","totalAfterIns","totalDifference","maleBeforeIns","maleAfterIns","maleDifference","femaleBeforeIns","femaleAfterIns","femaleDifference","sortedByName","sortedByLessons","sortedByDifference","tableName","totalBaseYearData","totalEndYearData","totalDiff","maleBaseYearData","maleEndYearData","maleDiff","femaleBaseYearData","femaleEndYearData","femaleDiff","methods","columnLength","watch","computed","getCountries","countryList","forEach","country","push","component","components","GroupBarChart","TableForAttendance","colorIndex","legend","display","responsive","maintainAspectRatio","scales","xAxes","gridLines","color","stacked","yAxes","position","ticks","beginAtZero","tooltips","callbacks","title","tooltipItem","datasetIndex","label","parseInt","toFixed","showNavBar","setBarchartData","navbar","document","getElementById","initialData","labels","datasets","backgroundColor","borderColor","barThickness","updateColor","colorScheme","haveSet","sort","a","b","dom","getElementsByClassName","setColor","normal","border","filterChartData","el","indexOf","dataIndex","keys","filter","includes","splice","getGroupBarChartColorSheme"],"mappings":"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","file":"js/chunk-53839948.3755f17a.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableForAttendance.vue?vue&type=style&index=0&id=74e853d5&prod&scoped=true&lang=css\"","import { Bar, mixins } from 'vue-chartjs'\nconst { reactiveProp } = mixins\n\nexport default {\n  extends: Bar,\n  mixins: [reactiveProp],\n  // props: ['options'],\n  props: {\n    chartData: {\n      type: Object,\n      default: null\n    },\n    options: {\n      type: Object,\n      default: null\n    }\n  },\n  mounted () {\n    // this.chartData is created in the mixin.\n    // If you want to pass options please create a local options object\n    this.renderChart(this.chartData, this.options)\n  }\n}\n","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!./Attendance.css?vue&type=style&index=0&prod&lang=css&external\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('main',{attrs:{\"id\":\"attendance\"}},[_c('section',{staticClass:\"container-fluid\",attrs:{\"id\":\"page-title\"}},[_c('div',{staticClass:\"back\"},[_c('router-link',{attrs:{\"to\":\"/\"}},[_c('img',{attrs:{\"src\":require(\"../../../src/assets/BackArrow.svg\"),\"alt\":\"back-arrow\"}}),_vm._v(\" Back \")])],1),_vm._m(0)]),_c('section',{staticClass:\"attendance-select-area\"},[_c('row',{attrs:{\"gutter\":12}},[_c('column',{staticClass:\"attendance-select-country\",attrs:{\"lg\":1}},[_c('h3',[_vm._v(\"Select Country\")])]),_c('column',{staticClass:\"attendance-select-box\",attrs:{\"lg\":3}},[_c('v-select',{staticClass:\"select-country\",attrs:{\"options\":_vm.countries,\"placeholder\":\"Show All\",\"searchable\":false},model:{value:(_vm.selectedCountry),callback:function ($$v) {_vm.selectedCountry=$$v},expression:\"selectedCountry\"}},[_c('span',{attrs:{\"slot\":\"no-options\"},slot:\"no-options\"},[_c('h3',[_vm._v(\"No more available options\")])])])],1),_c('column',{attrs:{\"lg\":1.2}},[_c('h3',{staticClass:\"attendance-select-camp\"},[_vm._v(\"Select Camp\")])]),_c('column',{staticClass:\"attendance-select-box\",attrs:{\"lg\":2.8}},[_c('v-select',{staticClass:\"select-camp\",attrs:{\"options\":_vm.camps,\"placeholder\":\"Select camp to activate\",\"searchable\":false,\"disabled\":true},model:{value:(_vm.selectedCamp),callback:function ($$v) {_vm.selectedCamp=$$v},expression:\"selectedCamp\"}})],1),_c('column',{attrs:{\"lg\":1.2}},[_c('h3',{staticClass:\"attendance-select-school\"},[_vm._v(\"Select School\")])]),_c('column',{staticClass:\"attendance-select-box\",attrs:{\"lg\":2.8}},[_c('v-select',{staticClass:\"select-school\",attrs:{\"options\":_vm.schools,\"placeholder\":\"Select camp to activate\",\"searchable\":false,\"disabled\":true},model:{value:(_vm.selectedSchool),callback:function ($$v) {_vm.selectedSchool=$$v},expression:\"selectedSchool\"}})],1)],1)],1),_c('section',{staticClass:\"attendance-chart-title\",attrs:{\"gutter\":12}},[_c('row',[_c('column',{attrs:{\"lg\":7,\"xs\":6}},[_c('h2',{staticClass:\"attendance-sub-title\"},[_vm._v(\"Number of students attending - accross countries\")])]),_c('column',{staticClass:\"chart-summary\",attrs:{\"lg\":5,\"xs\":6}},[_c('div',{staticClass:\"attendance-total-lessons\"},[_c('span',[_c('h1',[_vm._v(\"32K\")]),_vm._v(\" \"),_c('h2',[_vm._v(\"students\")])]),_c('h3',[_vm._v(\"after INS\")])]),_c('div',{staticClass:\"growth-rate\"},[_c('h1',[_vm._v(_vm._s('+38%'))]),_vm._v(\" \"),_c('h3',{staticClass:\"source-sans\"},[_vm._v(\"last 12months\")])])])],1)],1),_c('section',{staticClass:\"chart-area\"},[_c('row',{staticClass:\"chart-main\",attrs:{\"gutter\":12}},[_c('column',{staticClass:\"attendance-bar-chart-area\",attrs:{\"lg\":8.64}},[_c('h3',[_vm._v(\" No of students attending\")]),_c('group-bar-chart',{attrs:{\"chart-data\":_vm.barChartData,\"options\":_vm.options}}),_c('column',{staticClass:\"year-select-box\"},[_c('v-select',{attrs:{\"lg\":12,\"xs\":12,\"options\":_vm.compareyears,\"placeholder\":\"Before INS (Oct 2017) vs After INS (Oct 2020)\",\"searchable\":false,\"disabled\":true}})],1)],1),_c('column',{staticClass:\"summary-area\",attrs:{\"lg\":3.36}},_vm._l((_vm.setNoOfRows),function(i){return _c('row',{key:i},_vm._l(([0, 1]),function(j){return _c('column',{key:i*2+j,attrs:{\"lg\":6,\"xs\":6}},[(i*2+j < _vm.summaryBoxData.length)?_c('div',{staticClass:\"summary-grid\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.checkedItems),expression:\"checkedItems\"}],staticClass:\"d-none\",class:_vm.summaryBoxData[i*2+j].cssId,attrs:{\"type\":\"checkbox\",\"id\":_vm.summaryBoxData[i*2+j].cssId},domProps:{\"value\":_vm.summaryBoxData[i*2+j].name,\"checked\":Array.isArray(_vm.checkedItems)?_vm._i(_vm.checkedItems,_vm.summaryBoxData[i*2+j].name)>-1:(_vm.checkedItems)},on:{\"change\":function($event){var $$a=_vm.checkedItems,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=_vm.summaryBoxData[i*2+j].name,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.checkedItems=$$a.concat([$$v]))}else{$$i>-1&&(_vm.checkedItems=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.checkedItems=$$c}}}}),_c('label',{class:_vm.summaryBoxData[i*2+j].cssId,attrs:{\"for\":_vm.summaryBoxData[i*2+j].cssId}},[_c('div',{class:_vm.summaryBoxData[i*2+j].cssId},[_c('span',{staticClass:\"v-text\",class:_vm.summaryBoxData[i*2+j].cssId},[_vm._v(\"V\")])])]),_c('div',{class:_vm.summaryBoxData[i*2+j].cssId,attrs:{\"id\":\"checkbox-text-area\"}},[_c('h1',[_vm._v(_vm._s(_vm.summaryBoxData[i*2+j].difference))]),_c('h3',[_vm._v(_vm._s(_vm.summaryBoxData[i*2+j].name))])])]):_vm._e()])}),1)}),1)],1),_c('table-for-attendance',{staticClass:\"attendance-table-area\",attrs:{\"tableData\":_vm.tableData}})],1)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h1',{staticClass:\"title\"},[_vm._v(\"Students attendance\")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"table-responsive\"},[_c('table',{staticClass:\"table\",attrs:{\"id\":\"table-content\"}},[_c('thead',{staticClass:\"thead\"},[_c('tr',[_c('th',{staticClass:\"border-right\",attrs:{\"scope\":\"col\"}},[_vm._v(\"Students\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Skills\")]),_vm._l((_vm.setCountryColumn),function(school,index){return _c('th',{key:index,class:school.replaceAll(' ', '')},[_vm._v(\" \"+_vm._s(school)+\" \")])}),_c('th',{staticClass:\"across-countries\",attrs:{\"scope\":\"col\"}},[_vm._v(\"% of students attending across countries\")])],2)]),_c('tbody',{staticClass:\"border-bottom\"},[_c('tr',[_c('th',{staticClass:\"border-right\",attrs:{\"rowspan\":\"3\",\"align\":\"center\"}},[_vm._v(\"Total\")]),_c('td',{staticClass:\"no-wrap\"},[_vm._v(\"before INS\")]),_vm._l((_vm.totalBeforeIns),function(data,index){return _c('td',{key:index,style:(_vm.borderStyle(index))},[(index === 8)?_c('div',[_vm._v(_vm._s(data))]):_vm._e(),(index % 2 === 0 && index !== 8)?_c('div',[_c('h3',{staticClass:\"denominator\"},[_vm._v(_vm._s(data.skills))]),_vm._v(\"/\"),_c('h4',{staticClass:\"data-denominator\"},[_vm._v(_vm._s(data.denominator))])]):_vm._e(),(index % 2 !== 0)?_c('div',[_vm._v(_vm._s(data))]):_vm._e()])})],2),_c('tr',[_c('td',[_vm._v(\"after INS\")]),_vm._l((_vm.totalAfterIns),function(data,index){return _c('td',{key:index,style:(_vm.borderStyle(index))},[(index === 8)?_c('div',[_vm._v(_vm._s(data))]):_vm._e(),(index % 2 === 0 && index !== 8)?_c('div',[_c('h3',{staticClass:\"denominator\"},[_vm._v(_vm._s(data.skills))]),_vm._v(\"/\"),_c('h4',{staticClass:\"data-denominator\"},[_vm._v(_vm._s(data.denominator))])]):_vm._e(),(index % 2 !== 0)?_c('div',[_vm._v(_vm._s(data))]):_vm._e()])})],2),_c('tr',[_c('td',[_vm._v(\"Difference\")]),_vm._l((_vm.totalDifference),function(data,index){return _c('td',{key:index,style:(_vm.borderStyle(index))},[(index % 2 === 0)?_c('div'):_vm._e(),(index % 2 !== 0)?_c('div',[_vm._v(_vm._s(data))]):_vm._e(),(index === 8)?_c('div',[_vm._v(_vm._s(data))]):_vm._e()])})],2),_c('tr',[_c('th',{staticClass:\"border-right\",attrs:{\"rowspan\":\"3\",\"align\":\"center\"}},[_vm._v(\"Male\")]),_c('td',[_vm._v(\"before INS\")]),_vm._l((_vm.maleBeforeIns),function(data,index){return _c('td',{key:index,style:(_vm.borderStyle(index))},[(index === 8)?_c('div',[_vm._v(_vm._s(data))]):_vm._e(),(index % 2 === 0 && index !== 8)?_c('div',[_c('h3',{staticClass:\"denominator\"},[_vm._v(_vm._s(data.skills))]),_vm._v(\"/\"),_c('h4',{staticClass:\"data-denominator\"},[_vm._v(_vm._s(data.denominator))])]):_vm._e(),(index % 2 !== 0)?_c('div',[_vm._v(_vm._s(data))]):_vm._e()])})],2),_c('tr',[_c('td',[_vm._v(\"after INS\")]),_vm._l((_vm.maleAfterIns),function(data,index){return _c('td',{key:index,style:(_vm.borderStyle(index))},[(index % 2 === 0 && index !== 8)?_c('div',[_c('h3',{staticClass:\"denominator\"},[_vm._v(_vm._s(data.skills))]),_vm._v(\"/\"),_c('h4',{staticClass:\"data-denominator\"},[_vm._v(_vm._s(data.denominator))])]):_vm._e(),(index % 2 !== 0)?_c('div',[_vm._v(_vm._s(data))]):_vm._e(),(index === 8)?_c('div',[_vm._v(_vm._s(data))]):_vm._e()])})],2),_c('tr',[_c('td',[_vm._v(\"Difference\")]),_vm._l((_vm.maleDifference),function(data,index){return _c('td',{key:index,style:(_vm.borderStyle(index))},[(index % 2 === 0)?_c('div'):_vm._e(),(index % 2 !== 0)?_c('div',[_vm._v(_vm._s(data))]):_vm._e(),(index === 8)?_c('div',[_vm._v(_vm._s(data))]):_vm._e()])})],2),_c('tr',[_c('th',{staticClass:\"border-right\",attrs:{\"rowspan\":\"3\",\"align\":\"center\"}},[_vm._v(\"Female\")]),_c('td',[_vm._v(\"before INS\")]),_vm._l((_vm.femaleBeforeIns),function(data,index){return _c('td',{key:index,style:(_vm.borderStyle(index))},[(index % 2 === 0 && index !== 8)?_c('div',[_c('h3',{staticClass:\"denominator\"},[_vm._v(_vm._s(data.skills))]),_vm._v(\"/\"),_c('h4',{staticClass:\"data-denominator\"},[_vm._v(_vm._s(data.denominator))])]):_vm._e(),(index % 2 !== 0)?_c('div',[_vm._v(_vm._s(data))]):_vm._e(),(index === 8)?_c('div',[_vm._v(_vm._s(data))]):_vm._e()])})],2),_c('tr',[_c('td',[_vm._v(\"after INS\")]),_vm._l((_vm.femaleAfterIns),function(data,index){return _c('td',{key:index,style:(_vm.borderStyle(index))},[(index % 2 === 0 && index !== 8)?_c('div',[_c('h3',{staticClass:\"denominator\"},[_vm._v(_vm._s(data.skills))]),_vm._v(\"/\"),_c('h4',{staticClass:\"data-denominator\"},[_vm._v(_vm._s(data.denominator))])]):_vm._e(),(index % 2 !== 0)?_c('div',[_vm._v(_vm._s(data))]):_vm._e(),(index === 8)?_c('div',[_vm._v(_vm._s(data))]):_vm._e()])})],2),_c('tr',[_c('td',[_vm._v(\"Difference\")]),_vm._l((_vm.femaleDifference),function(data,index){return _c('td',{key:index,style:(_vm.borderStyle(index))},[(index % 2 === 0)?_c('div'):_vm._e(),(index % 2 !== 0)?_c('div',[_vm._v(_vm._s(data))]):_vm._e(),(index === 8)?_c('div',[_vm._v(_vm._s(data))]):_vm._e()])})],2)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"table-responsive\">\n      <table id=\"table-content\" class=\"table\">\n        <thead class=\"thead\">\n          <tr>\n            <th class=\"border-right\" scope=\"col\">Students</th>\n            <th scope=\"col\">Skills</th>\n            <th v-for=\"(school, index) in setCountryColumn\" v-bind:key=\"index\" v-bind:class=\"school.replaceAll(' ', '')\">\n              {{school}}\n            </th>\n            <th class=\"across-countries\" scope=\"col\">% of students attending across countries</th>\n          </tr>\n        </thead>\n        <tbody class=\"border-bottom\">\n          <tr>\n            <th rowspan=\"3\" align=\"center\" class=\"border-right\">Total</th>\n            <td class=\"no-wrap\">before INS</td>\n            <td v-for=\" (data, index) in totalBeforeIns\" v-bind:key=\"index\" v-bind:style=\"borderStyle(index)\">\n              <div v-if=\"index === 8\">{{data}}</div>\n              <div v-if=\"index % 2 === 0 && index !== 8\" ><h3 class=\"denominator\">{{data.skills}}</h3>/<h4 class=\"data-denominator\">{{data.denominator}}</h4></div>\n              <div v-if=\"index % 2 !== 0\">{{data}}</div>\n            </td>\n          </tr>\n          <tr>\n            <td>after INS</td>\n            <td v-for=\" (data, index) in totalAfterIns\" v-bind:key=\"index\" v-bind:style=\"borderStyle(index)\">\n              <div v-if=\"index === 8\">{{data}}</div>\n              <div v-if=\"index % 2 === 0 && index !== 8\" ><h3 class=\"denominator\">{{data.skills}}</h3>/<h4 class=\"data-denominator\">{{data.denominator}}</h4></div>\n              <div v-if=\"index % 2 !== 0\">{{data}}</div>\n            </td>\n          </tr>\n          <tr>\n            <td>Difference</td>\n            <td v-for=\" (data, index) in totalDifference\" v-bind:key=\"index\" v-bind:style=\"borderStyle(index)\">\n              <div v-if=\"index % 2 === 0\" ></div>\n              <div v-if=\"index % 2 !== 0\">{{data}}</div>\n              <div v-if=\"index === 8\">{{data}}</div>    \n            </td>\n          </tr>\n          <tr>\n            <th rowspan=\"3\" align=\"center\" class=\"border-right\">Male</th>\n            <td>before INS</td>\n            <td v-for=\" (data, index) in maleBeforeIns\" v-bind:key=\"index\" v-bind:style=\"borderStyle(index)\">\n              <div v-if=\"index === 8\">{{data}}</div>\n              <div v-if=\"index % 2 === 0 && index !== 8\" ><h3 class=\"denominator\">{{data.skills}}</h3>/<h4 class=\"data-denominator\">{{data.denominator}}</h4></div>\n              <div v-if=\"index % 2 !== 0\">{{data}}</div>\n            </td>\n          </tr>\n          <tr>\n            <td>after INS</td>\n            <td v-for=\" (data, index) in maleAfterIns\" v-bind:key=\"index\" v-bind:style=\"borderStyle(index)\">\n              <div v-if=\"index % 2 === 0 && index !== 8\" ><h3 class=\"denominator\">{{data.skills}}</h3>/<h4 class=\"data-denominator\">{{data.denominator}}</h4></div>\n              <div v-if=\"index % 2 !== 0\">{{data}}</div>\n              <div v-if=\"index === 8\">{{data}}</div>\n            </td>\n          </tr>\n          <tr>\n            <td>Difference</td>\n            <td v-for=\" (data, index) in maleDifference\" v-bind:key=\"index\" v-bind:style=\"borderStyle(index)\">\n              <div v-if=\"index % 2 === 0\" ></div>\n              <div v-if=\"index % 2 !== 0\">{{data}}</div>\n              <div v-if=\"index === 8\">{{data}}</div>    \n            </td>\n          </tr>\n          <tr>\n            <th rowspan=\"3\" align=\"center\" class=\"border-right\">Female</th>\n            <td>before INS</td>\n            <td v-for=\" (data, index) in femaleBeforeIns\" v-bind:key=\"index\" v-bind:style=\"borderStyle(index)\">\n              <div v-if=\"index % 2 === 0 && index !== 8\"><h3 class=\"denominator\">{{data.skills}}</h3>/<h4 class=\"data-denominator\">{{data.denominator}}</h4></div>\n              <div v-if=\"index % 2 !== 0\">{{data}}</div>\n              <div v-if=\"index === 8\">{{data}}</div>     \n            </td>\n          </tr>\n          <tr>\n            <td>after INS</td>\n            <td v-for=\" (data, index) in femaleAfterIns\" v-bind:key=\"index\" v-bind:style=\"borderStyle(index)\">\n              <div v-if=\"index % 2 === 0 && index !== 8\" ><h3 class=\"denominator\">{{data.skills}}</h3>/<h4 class=\"data-denominator\">{{data.denominator}}</h4></div>\n              <div v-if=\"index % 2 !== 0\">{{data}}</div>\n              <div v-if=\"index === 8\">{{data}}</div>            \n            </td>\n          </tr>\n          <tr>\n            <td>Difference</td>\n            <td v-for=\" (data, index) in femaleDifference\" v-bind:key=\"index\" v-bind:style=\"borderStyle(index)\">\n              <div v-if=\"index % 2 === 0\" ></div>\n              <div v-if=\"index % 2 !== 0\">{{data}}</div>\n              <div v-if=\"index === 8\">{{data}}</div>    \n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </template>\n  \n  <script>\n  import { getCountries } from '../data/data-provider'\n  \n  export default {\n    props: {\n      tableData: {\n        type: Object\n      } },\n    data () {\n      return {\n        sortedByName: false,\n        sortedByLessons: false,\n        sortedByDifference: false,\n        tableName: 'Students',\n        // column: ['Kenya', '%', 'Tanzania', '%', 'South Sudan', '%', 'DR Congo', '%'],\n        totalBeforeIns: [],\n        totalAfterIns: [],\n        totalDifference: [],\n        maleBeforeIns: [],\n        maleAfterIns: [],\n        maleDifference: [],\n        femaleBeforeIns: [],\n        femaleAfterIns: [],\n        femaleDifference: []\n      }\n    },\n    mounted () {\n      this.totalBeforeIns = this.tableData.totalBaseYearData\n      this.totalAfterIns = this.tableData.totalEndYearData\n      this.totalDifference = this.tableData.totalDiff\n      this.maleBeforeIns = this.tableData.maleBaseYearData\n      this.maleAfterIns = this.tableData.maleEndYearData\n      this.maleDifference = this.tableData.maleDiff\n      this.femaleBeforeIns = this.tableData.femaleBaseYearData\n      this.femaleAfterIns = this.tableData.femaleEndYearData\n      this.femaleDifference = this.tableData.femaleDiff\n    },\n    methods: {\n      borderStyle (index) {\n        const columnLength = this.setCountryColumn.length\n        if (index === columnLength - 1) {\n          return 'border-right:1px solid #D8D8D8;'\n        }\n      }\n    },\n    watch: {\n      tableData () {\n        if (this.tableData.length !== 0) {\n          this.totalBeforeIns = this.tableData.totalBaseYearData\n          this.totalAfterIns = this.tableData.totalEndYearData\n          this.totalDifference = this.tableData.totalDiff\n          this.maleBeforeIns = this.tableData.maleBaseYearData\n          this.maleAfterIns = this.tableData.maleEndYearData\n          this.maleDifference = this.tableData.maleDiff\n          this.femaleBeforeIns = this.tableData.femaleBaseYearData\n          this.femaleAfterIns = this.tableData.femaleEndYearData\n          this.femaleDifference = this.tableData.femaleDiff\n        } else {\n          return null\n        }\n      }\n    },\n    computed: {\n      setCountryColumn () {\n        const countries = getCountries()\n        const countryList = []\n        countries.forEach(country => {\n          countryList.push(country)\n          countryList.push('%')\n        })\n        return countryList\n      }\n    }\n  }\n  </script>\n  \n<style scoped>\n.border-right {\n    border-right:1px solid #D8D8D8;\n}\n\n.across-countries {\n    white-space:nowrap; \n    border-left:1px solid #D8D8D8;\n}\n\n.border-bottom {\n    border-bottom:1px solid #D8D8D8;\n}\n\n.no-wrap {\n    white-space:nowrap;\n}\n\n.denominator {\n    font-size: 1.2em; \n    display:inline;\n}\n\n.data-denominator {\n    font-size: 0.6rem !important;\n    display:inline;\n}\n\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableForAttendance.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableForAttendance.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TableForAttendance.vue?vue&type=template&id=74e853d5&scoped=true\"\nimport script from \"./TableForAttendance.vue?vue&type=script&lang=js\"\nexport * from \"./TableForAttendance.vue?vue&type=script&lang=js\"\nimport style0 from \"./TableForAttendance.vue?vue&type=style&index=0&id=74e853d5&prod&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  \"74e853d5\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <main id=\"attendance\">\n    <section id=\"page-title\" class=\"container-fluid\">\n      <div class=\"back\"><router-link to=\"/\"><img src=\"../../../src/assets/BackArrow.svg\" alt=\"back-arrow\"/> Back </router-link></div>\n      <div><h1 class=\"title\">Students attendance</h1></div>\n    </section>\n    <section class=\"attendance-select-area\">\n      <row :gutter=\"12\">\n        <column :lg=\"1\" class=\"attendance-select-country\"><h3>Select Country</h3></column>\n        <column :lg=\"3\" class=\"attendance-select-box\">\n          <v-select :options=\"countries\" v-model=\"selectedCountry\" class=\"select-country\" placeholder=\"Show All\" :searchable=\"false\">\n            <span slot=\"no-options\">\n              <h3>No more available options</h3>\n            </span>\n          </v-select>\n        </column>\n        <column :lg=\"1.2\"><h3 class=\"attendance-select-camp\">Select Camp</h3></column>\n        <column :lg=\"2.8\" class=\"attendance-select-box\"><v-select :options=\"camps\" v-model=\"selectedCamp\" class=\"select-camp\" placeholder=\"Select camp to activate\" :searchable=\"false\" :disabled=\"true\"></v-select></column>\n        <column :lg=\"1.2\"><h3 class=\"attendance-select-school\">Select School</h3></column>\n        <column :lg=\"2.8\" class=\"attendance-select-box\"><v-select :options=\"schools\" v-model=\"selectedSchool\" class=\"select-school\" placeholder=\"Select camp to activate\" :searchable=\"false\" :disabled=\"true\"></v-select></column>\n      </row>\n    </section>\n    <section :gutter=\"12\" class=\"attendance-chart-title\">\n      <row>\n        <column :lg=\"7\" :xs=\"6\"><h2 class=\"attendance-sub-title\">Number of students attending - accross countries</h2></column>\n        <column :lg=\"5\" :xs=\"6\" class=\"chart-summary\">\n          <div class=\"attendance-total-lessons\"> <span><h1>32K</h1> <h2>students</h2></span><h3>after INS</h3></div>\n          <div class=\"growth-rate\"> <h1>{{'+38%'}}</h1> <h3 class=\"source-sans\">last 12months</h3></div>\n        </column>\n      </row>\n    </section>\n    <section class=\"chart-area\">\n      <row :gutter=\"12\" class=\"chart-main\">\n        <column :lg=\"8.64\" class=\"attendance-bar-chart-area\">\n          <h3> No of students attending</h3>\n          <group-bar-chart :chart-data=\"barChartData\" :options=\"options\"></group-bar-chart>\n          <column class=\"year-select-box\">\n            <v-select :lg=\"12\" :xs=\"12\" :options=\"compareyears\" placeholder=\"Before INS (Oct 2017) vs After INS (Oct 2020)\" :searchable=\"false\" :disabled=\"true\"></v-select>\n          </column>\n        </column>\n        <column :lg=\"3.36\" class=\"summary-area\">\n        <row v-for=\"i in setNoOfRows\" v-bind:key=\"i\">\n          <column v-for=\"j in [0, 1]\" v-bind:key=\"i*2+j\" :lg=\"6\" :xs=\"6\">\n            <div v-if=\"i*2+j < summaryBoxData.length\" class=\"summary-grid\">\n              <input type=\"checkbox\" class=\"d-none\" v-bind:id=\"summaryBoxData[i*2+j].cssId\" v-bind:class=\"summaryBoxData[i*2+j].cssId\" v-bind:value=\"summaryBoxData[i*2+j].name\" v-model=\"checkedItems\">\n              <label v-bind:class=\"summaryBoxData[i*2+j].cssId\" v-bind:for=\"summaryBoxData[i*2+j].cssId\">\n                <div v-bind:class=\"summaryBoxData[i*2+j].cssId\">\n                  <span v-bind:class=\"summaryBoxData[i*2+j].cssId\" class=\"v-text\">V</span>\n                </div>\n              </label>\n              <div v-bind:class=\"summaryBoxData[i*2+j].cssId\" id=\"checkbox-text-area\">\n                <h1>{{summaryBoxData[i*2+j].difference}}</h1>\n                <h3>{{summaryBoxData[i*2+j].name}}</h3>\n              </div>\n              </div>\n          </column>\n        </row>\n        </column>\n      </row>\n      <table-for-attendance class=\"attendance-table-area\" :tableData=\"tableData\"></table-for-attendance>\n    </section>\n\n  </main>\n</template>\n\n<script>\nimport GroupBarChart from '../../components/Chart/GroupBarChart'\nimport TableForAttendance from '../components/TableForAttendance.vue'\nimport { getGroupBarChartColorSheme } from '../data/colour-scheme'\n\nexport default {\n  name: 'attendance',\n  components: {\n    GroupBarChart,\n    TableForAttendance\n  },\n  data () {\n    return {\n      selectedCountry: null,\n      selectedCamp: null,\n      selectedSchool: null,      \n      countries: [],\n      camps: [],\n      schools: [],\n      setNoOfRows: [0, 1, 2, 3],\n      summaryBoxData: [\n        { difference: '+26%', name: 'Kenya', cssId: 'Kenya' },\n        { difference: '+21%', name: 'Tanzania', cssId: 'Tanzania' },\n        { difference: '+43%', name: 'South Sudan', cssId: 'SouthSudan' },\n        { difference: '+31', name: 'DR Congo', cssId: 'DRCongo' }\n      ],\n      checkedItems: [],\n      colorIndex: [],\n      compareyears: ['Before INS (Oct 2017) vs After INS (Oct 2020)'],\n      barChartData: {},\n      options: {\n        legend: { display: false },\n        responsive: true,\n        maintainAspectRatio: false,\n        scales: {\n          xAxes: [{\n            gridLines: { color: '#ffffff' },\n            display: true,\n            stacked: false\n          }],\n          yAxes: [{\n            display: true,\n            position: 'left',\n            ticks: {\n              beginAtZero: true,\n              callback: function (value) {\n                return value + '%'\n              }\n            } }]\n        },\n        tooltips: {\n          callbacks: {\n            title: function (tooltipItem) {\n              if (tooltipItem[0].datasetIndex === 0) {\n                return 'Before Ins'\n              } else if (tooltipItem[0].datasetIndex === 1) {\n                return 'After Ins'\n              }\n            },\n            label: function (tooltipItem) {\n              return parseInt(tooltipItem.value).toFixed(0) + '%'\n            }\n          }\n        }        \n      },\n      tableData: {\n        totalBaseYearData: [{ denominator: 100, skills: 30 }, '30%', { denominator: 100, skills: 20 }, '20%', { denominator: 100, skills: 20 }, '10%', { denominator: 100, skills: 15 }, '15%', '21%'],\n        totalEndYearData: [{ denominator: 100, skills: 56 }, '56%', { denominator: 100, skills: 41 }, '41%', { denominator: 100, skills: 53 }, '53%', { denominator: 100, skills: 46 }, '46%', '49%'],\n        totalDiff: ['', '+26%', '', '+21%', '', '+43%', '', '+31%', '+28%'],\n        maleBaseYearData: [{ denominator: 100, skills: 20 }, '20%', { denominator: 100, skills: 20 }, '20%', { denominator: 100, skills: 20 }, '20%', { denominator: 100, skills: 20 }, '20%', '20%'],\n        maleEndYearData: [{ denominator: 100, skills: 42 }, '42%', { denominator: 100, skills: 42 }, '42%', { denominator: 100, skills: 20 }, '42%', { denominator: 100, skills: 20 }, '42%', '42%'],\n        maleDiff: ['', '+22%', '', '+22%', '', '+22%', '', '+22%', '+22%'],\n        femaleBaseYearData: [{ denominator: 100, skills: 20 }, '20%', { denominator: 100, skills: 20 }, '20%', { denominator: 100, skills: 20 }, '20%', { denominator: 100, skills: 20 }, '20%', '20%'],\n        femaleEndYearData: [{ denominator: 100, skills: 42 }, '42%', { denominator: 100, skills: 42 }, '42%', { denominator: 100, skills: 20 }, '42%', { denominator: 100, skills: 20 }, '42%', '42%'],\n        femaleDiff: ['', '+22%', '', '+22%', '', '+22%', '', '+22%', '+22%']\n      }\n    }\n  },\n  mounted () {\n    this.showNavBar()\n    this.barChartData = this.setBarchartData()\n  },\n  methods: {\n    showNavBar () {\n      const navbar = document.getElementById('nav')\n      navbar.style.display = 'inline'\n    },    \n    setBarchartData () {\n      const initialData = { labels: ['Kenya', 'Tanzania', 'South Sudan', 'DR Congo'],\n        datasets: [{ // label: 'baseYear'\n          backgroundColor: ['rgb(232, 79, 137, 0.5)', 'rgb(47, 185, 239, 0.5)', 'rgb(103, 182, 117, 0.5)', 'rgb(247, 101, 17, 0.5)'],\n          borderColor: ['rgb(232, 79, 137, 0.5)', 'rgb(47, 185, 239, 0.5)', 'rgb(103, 182, 117, 0.5)', 'rgb(247, 101, 17, 0.5)'],\n          data: ['30', '20', '10', '15'],\n          barThickness: 15\n        }, { // label: 'endYear'\n          backgroundColor: ['#EA4C89', '#2FB9EF', '#67B675', '#f76511'],\n          borderColor: ['#EA4C89', '#2FB9EF', '#67B675', '#f76511'],\n          data: ['56', '41', '53', '46'],\n          barThickness: 15\n        }]}\n      return initialData\n    },\n    updateColor (colorScheme, colorIndex) {\n      let haveSet = 0\n      colorIndex.sort((a, b) => a - b)\n      for (let i = 0; i < this.summaryBoxData.length; i++) {\n        const school = this.summaryBoxData[i].cssId\n        const dom = document.getElementsByClassName(`${school}`)\n        if (dom.length !== 0 && dom[0].checked === true) {\n          const setColor = colorScheme().normal[colorIndex[haveSet]]\n          dom[1].style.color = setColor\n          dom[2].style.border = `1px solid ${setColor}`\n          dom[3].style.color = setColor\n          dom[4].style.color = setColor\n          dom[5].style.color = setColor\n          haveSet += 1\n        } else if (dom.length !== 0) {\n          dom[1].style.color = '#D8D8D8'\n          dom[2].style.border = `1px solid ${'#D8D8D8'}`\n          dom[3].style.color = '#ffffff'\n          dom[4].style.color = '#D8D8D8'\n          dom[5].style.color = '#212529'\n        }\n      }\n    },\n    filterChartData (chartData) {\n      if (this.checkedItems.length === 0) {\n        return chartData\n      } else {\n        const checked = this.checkedItems\n        const colorIndex = []\n        checked.forEach(el => {\n          colorIndex.push(chartData.labels.indexOf(el))\n        })\n        this.colorIndex = colorIndex\n  \n        const dataIndex = [...Array(chartData.labels.length).keys()].filter(el => colorIndex.includes(el) === false)\n        dataIndex.forEach(el => {\n          chartData.datasets[0].data.splice(el, 1, '-')\n          chartData.datasets[1].data.splice(el, 1, '-')\n          chartData.labels.splice(el, 1, '-')\n        })\n        return chartData\n      }\n    }\n  },\n  watch: {\n    checkedItems () {\n      this.barChartData = this.filterChartData(this.setBarchartData())\n      this.updateColor(getGroupBarChartColorSheme, this.colorIndex)\n    }\n  }\n}\n</script>\n\n<style src=\"@/assets/styles/modules/pages/Attendance.css\"></style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Attendance.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Attendance.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Attendance.vue?vue&type=template&id=69e110b4\"\nimport script from \"./Attendance.vue?vue&type=script&lang=js\"\nexport * from \"./Attendance.vue?vue&type=script&lang=js\"\nimport style0 from \"@/assets/styles/modules/pages/Attendance.css?vue&type=style&index=0&prod&lang=css&external\"\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":""}