{"version":3,"sources":["webpack:///./src/views/Client.vue?a8e3","webpack:///src/views/Client.vue","webpack:///./src/views/Client.vue?a987","webpack:///./src/views/Client.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","columns","data","options","chartOptions","chart2Options","staticRenderFns","components","BootstrapTable","highcharts","isBusy","customerId","title","UNASSIGNED_CHANGE","UNRESOLVED_INCIDENT","UNSCHEDULED_CHANGE","text","subtitle","yAxis","xAxis","accessibility","rangeDescription","credits","enabled","legend","layout","align","verticalAlign","plotOptions","series","label","connectorAllowed","pointStart","responsive","rules","chart","plotBackgroundColor","plotBorderWidth","plotShadow","type","tooltip","pointFormat","point","valueSuffix","pie","allowPointSelect","cursor","dataLabels","format","search","showColumns","methods","getCustomers","axios","getItems","extractPie","categories","map","o","kind","element","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,iBAAiB,CAACG,MAAM,CAAC,QAAUP,EAAIQ,QAAQ,KAAOR,EAAIS,KAAK,QAAUT,EAAIU,YAAY,GAAGN,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,aAAa,CAACG,MAAM,CAAC,QAAUP,EAAIW,iBAAiB,GAAGP,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,aAAa,CAACG,MAAM,CAAC,QAAUP,EAAIY,kBAAkB,MACzcC,EAAkB,G,8JCyBtB,GACEC,WAAY,CACVC,eAAJ,OACIC,WAAY,EAAhB,UAEEP,KALF,WAMI,MAAO,CACLQ,QAAQ,EACRC,WAAY,QACZC,MAAO,CACLC,kBAAmB,EAA3B,uBACQC,oBAAqB,EAA7B,yBACQC,mBAAoB,EAA5B,yBAEMX,aAAc,CACZQ,MAAO,CACLI,KAAM,gDAGRC,SAAU,CACRD,KAAM,kCAGRE,MAAO,CACLN,MAAO,CACLI,KAAM,wBAIVG,MAAO,CACLC,cAAe,CACbC,iBAAkB,wBAGtBC,QAAS,CACPC,SAAS,GAEXC,OAAQ,CACNC,OAAQ,WACRC,MAAO,QACPC,cAAe,UAGjBC,YAAa,CACXC,OAAQ,CACNC,MAAO,CACLC,kBAAkB,GAEpBC,WAAY,OAIhBH,OAAQ,CAChB,CACU,KAAV,eACU,KAAV,sDAEA,CACU,KAAV,gBACU,KAAV,mDAEA,CACU,KAAV,uBACU,KAAV,mDAEA,CACU,KAAV,sBACU,KAAV,gDAEA,CACU,KAAV,QACU,KAAV,iDAIQI,WAAY,CACVC,MAAO,CACjB,CACY,UAAZ,CACc,SAAd,KAEY,aAAZ,CACc,OAAd,CACgB,OAAhB,aACgB,MAAhB,SACgB,cAAhB,eAQM7B,cAAe,CACbiB,QAAS,CACPC,SAAS,GAEXY,MAAO,CACLC,oBAAqB,KACrBC,gBAAiB,KACjBC,YAAY,EACZC,KAAM,OAER3B,MAAO,CACLI,KAAM,oCAERwB,QAAS,CACPC,YAAa,iDAEfrB,cAAe,CACbsB,MAAO,CACLC,YAAa,MAGjBf,YAAa,CACXgB,IAAK,CACHC,kBAAkB,EAClBC,OAAQ,UACRC,WAAY,CACVxB,SAAS,EACTyB,OAAQ,mDAIdnB,OAAQ,IAEV5B,QAAS,CACf,CACQ,MAAR,UACQ,MAAR,MAEA,CACQ,MAAR,OACQ,MAAR,UAEA,CACQ,MAAR,cACQ,MAAR,mBACQ,UAAR,EACQ,UAAR,YACU,IAAV,wEACU,OAAV,KAIMC,KAAM,GACNC,QAAS,CACP8C,QAAQ,EACRC,aAAa,KAInB,QAxJF,WAwJA,wJACA,iBACA,aAFA,8CAIEC,QAAS,CACPC,aADJ,WACA,WACM1D,KAAK2D,MACX,8BACA,kBACQ,EAAR,eAEA,mBACQ,QAAR,WAIIC,SAZJ,WAYA,WACM,EAAN,wEACQ,EAAR,sBACA,CACU,KAAV,YACU,cAAV,EACU,KAAV,gBACA,oBACA,sBACA,qBACA,iBACA,qBAMIC,WA7BJ,SA6BA,KACM,OAAOC,EAAWC,KAAI,SAA5B,GACQ,IAAR,4BACU,OAAOC,EAAEC,OAAS,EAA5B,WAEQ,OAAIC,EACK,CAAjB,8BAEiB,CAAjB,kBC3NmS,I,YCO/RC,EAAY,eACd,EACArE,EACAc,GACA,EACA,KACA,KACA,MAIa,aAAAuD,E","file":"js/chunk-2d0e185c.ac41b0d5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"table row\"},[_c('div',{staticClass:\"col-12 m-auto\"},[_c('BootstrapTable',{attrs:{\"columns\":_vm.columns,\"data\":_vm.data,\"options\":_vm.options}})],1),_c('div',{staticClass:\"col-12 m-auto\"},[_c('highcharts',{attrs:{\"options\":_vm.chartOptions}})],1),_c('div',{staticClass:\"col-12 m-auto\"},[_c('highcharts',{attrs:{\"options\":_vm.chart2Options}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import _ from \"lodash\";\n<template>\n  <div class=\"table row\">\n    <div class=\"col-12 m-auto\">\n      <BootstrapTable :columns=\"columns\" :data=\"data\" :options=\"options\" />\n    </div>\n    <div class=\"col-12 m-auto\">\n      <highcharts :options=\"chartOptions\"></highcharts>\n    </div>\n    <div class=\"col-12 m-auto\">\n      <highcharts :options=\"chart2Options\"></highcharts>\n    </div>\n  </div>\n</template>\n\n<script>\nimport BootstrapTable from 'bootstrap-table/dist/bootstrap-table-vue.esm.js';\nimport { DateTime } from 'luxon';\nimport config from '../config/config';\nimport HighchartsVue from 'highcharts-vue';\nimport { Chart } from 'highcharts-vue';\nimport IncidentService from '../services/incident';\nimport EndPoint from '../services/endpoint';\nimport _ from 'lodash';\nimport { ObjectiveKind, ObjectiveLabel } from '../types/gitlab';\n\nexport default {\n  components: {\n    BootstrapTable,\n    highcharts: Chart,\n  },\n  data() {\n    return {\n      isBusy: false,\n      customerId: 'admin',\n      title: {\n        UNASSIGNED_CHANGE: ObjectiveLabel.UNASSIGNED_CHANGE,\n        UNRESOLVED_INCIDENT: ObjectiveLabel.UNRESOLVED_INCIDENT,\n        UNSCHEDULED_CHANGE: ObjectiveLabel.UNSCHEDULED_CHANGE,\n      },\n      chartOptions: {\n        title: {\n          text: 'Solar Employment Growth by Sector, 2010-2016',\n        },\n\n        subtitle: {\n          text: 'Source: thesolarfoundation.com',\n        },\n\n        yAxis: {\n          title: {\n            text: 'Number of Employees',\n          },\n        },\n\n        xAxis: {\n          accessibility: {\n            rangeDescription: 'Range: 2010 to 2017',\n          },\n        },\n        credits: {\n          enabled: false,\n        },\n        legend: {\n          layout: 'vertical',\n          align: 'right',\n          verticalAlign: 'middle',\n        },\n\n        plotOptions: {\n          series: {\n            label: {\n              connectorAllowed: false,\n            },\n            pointStart: 2010,\n          },\n        },\n\n        series: [\n          {\n            name: 'Installation',\n            data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175],\n          },\n          {\n            name: 'Manufacturing',\n            data: [24916, 24064, 29742, 29851, 32490, 30282, 38121, 40434],\n          },\n          {\n            name: 'Sales & Distribution',\n            data: [11744, 17722, 16005, 19771, 20185, 24377, 32147, 39387],\n          },\n          {\n            name: 'Project Development',\n            data: [null, null, 7988, 12169, 15112, 22452, 34400, 34227],\n          },\n          {\n            name: 'Other',\n            data: [12908, 5948, 8105, 11248, 8989, 11816, 18274, 18111],\n          },\n        ],\n\n        responsive: {\n          rules: [\n            {\n              condition: {\n                maxWidth: 500,\n              },\n              chartOptions: {\n                legend: {\n                  layout: 'horizontal',\n                  align: 'center',\n                  verticalAlign: 'bottom',\n                },\n              },\n            },\n          ],\n        },\n      },\n\n      chart2Options: {\n        credits: {\n          enabled: false,\n        },\n        chart: {\n          plotBackgroundColor: null,\n          plotBorderWidth: null,\n          plotShadow: false,\n          type: 'pie',\n        },\n        title: {\n          text: \"Répartition par type d'objectifs\",\n        },\n        tooltip: {\n          pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>',\n        },\n        accessibility: {\n          point: {\n            valueSuffix: '%',\n          },\n        },\n        plotOptions: {\n          pie: {\n            allowPointSelect: true,\n            cursor: 'pointer',\n            dataLabels: {\n              enabled: true,\n              format: '<b>{point.name}</b>: {point.percentage:.1f} %',\n            },\n          },\n        },\n        series: [],\n      },\n      columns: [\n        {\n          title: 'Item ID',\n          field: 'id',\n        },\n        {\n          field: 'name',\n          title: 'Client',\n        },\n        {\n          field: 'createdDate',\n          title: 'Date de création',\n          sortable: true,\n          formatter: value => {\n            const formattedDate = DateTime.fromISO(value).toLocaleString(DateTime.DATETIME_SHORT);\n            return formattedDate;\n          },\n        },\n      ],\n      data: [],\n      options: {\n        search: true,\n        showColumns: false,\n      },\n    };\n  },\n  async mounted() {\n    this.getCustomers();\n    this.getItems();\n  },\n  methods: {\n    getCustomers() {\n      this.axios\n        .get(config.getUrl() + 'customers')\n        .then(response => {\n          this.data = response.data;\n        })\n        .catch(function(error) {\n          console.log(error);\n        });\n    },\n\n    getItems() {\n      IncidentService.get(EndPoint.get(this.customerId) + EndPoint.params()).then(response => {\n        this.chart2Options.series = [\n          {\n            name: 'Objectifs',\n            colorByPoint: true,\n            data: this.extractPie(response, [\n              'UNASSIGNED_CHANGE',\n              'UNRESOLVED_INCIDENT',\n              'UNSCHEDULED_CHANGE',\n              'PLANNED_CHANGE',\n              'DEPLOYMENT',\n            ]),\n          },\n        ];\n      });\n    },\n    extractPie(data, categories) {\n      return categories.map(category => {\n        const element = _.filter(data, function(o) {\n          return o.kind === ObjectiveKind[category];\n        });\n        if (element) {\n          return { name: ObjectiveLabel[category], y: _.size(element) };\n        } else {\n          return { name: category, y: 0 };\n        }\n      });\n    },\n  },\n};\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../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!./Client.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../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!./Client.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Client.vue?vue&type=template&id=a0b485fa&\"\nimport script from \"./Client.vue?vue&type=script&lang=js&\"\nexport * from \"./Client.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":""}