{"version":3,"sources":["webpack:///./src/views/dashboard/DashboardCaskAging.vue?b70c","webpack:///src/views/dashboard/DashboardCaskAging.vue","webpack:///./src/views/dashboard/DashboardCaskAging.vue?a700","webpack:///./src/views/dashboard/DashboardCaskAging.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","zoomed","width","enableDelete","on","$event","$emit","directives","name","rawName","value","allTypes","length","expression","ref","staticClass","_v","_e","staticRenderFns","props","data","chart","computed","drawer","$store","state","watch","dark","draw","methods","options","colors","row","push","hAxis","textStyle","textColor","titleTextStyle","vAxis","baselineColor","darkMode","dataTable","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,mBAAmB,CAACE,MAAM,CAAC,MAAQ,aAAa,OAASN,EAAIO,OAAO,MAAQP,EAAIQ,MAAM,aAAeR,EAAIS,cAAcC,GAAG,CAAC,KAAO,SAASC,GAAQ,OAAOX,EAAIY,MAAM,OAAO,uBAAuB,OAAS,SAASD,GAAQ,OAAOX,EAAIY,MAAM,SAAS,uBAAuB,MAAQ,SAASD,GAAQ,OAAOX,EAAIY,MAAM,YAAY,CAACR,EAAG,MAAM,CAACS,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAA6B,IAAtBhB,EAAIiB,SAASC,OAAYC,WAAW,wBAAwBC,IAAI,UAAiC,IAAtBpB,EAAIiB,SAASC,OAAYd,EAAG,MAAM,CAACiB,YAAY,2BAA2B,CAACrB,EAAIsB,GAAG,oBAAoBtB,EAAIuB,QACnpBC,EAAkB,G,oCCUtB,G,8BAAA,CACEV,KAAM,qBACNW,MAAO,CACLlB,OAAQ,CAAZ,qCACIC,MAAO,CAAX,qCACIC,aAAc,CAAlB,sCAEEiB,KAPF,WAQI,MAAO,CACLT,SAAU,GACVU,MAAO,KACb,8CACQ,WAAR,EACQ,OAAR,oBACQ,MAAR,oBACQ,SAAR,kBACQ,MAAR,CAAU,MAAV,kBAAU,UAAV,CAAY,MAAZ,GAAU,eAAV,CAAY,MAAZ,GAAU,eAAV,aACQ,MAAR,CAAU,aAAV,EAAU,cAAV,EAAU,MAAV,eACQ,OAAR,kEACA,+CAGEC,SAAU,CACRC,OADJ,WAEM,OAAO5B,KAAK6B,OAAOC,MAAMF,SAG7BG,MAAO,CACLC,KADJ,WAEMhC,KAAKiC,QAEPL,OAJJ,WAKM5B,KAAKiC,SAGT,QAnCF,WAmCA,wJACA,gBACA,8DACA,wDACA,mBAEA,mEACA,qEACA,2CAEA,iBAVA,8CAcEC,QAAS,CACP,QADJ,WACA,8KACA,oRAIA,IALA,OACA,EADA,OAMA,UACA,qCACA,UARA,8CAWID,KAZJ,WAaM,GAAmB,OAAfjC,KAAK0B,MAAT,CAIA,IAAN,KACA,UACA,IACM1B,KAAKmC,QAAQC,OAAS,GAR5B,uBASA,eATA,IASA,0CACA,YACA,gBACA,eACA,mBACA,eACA,qCAfA,8BAoBM,IAAN,MACM,GAAIpC,KAAKgB,SAASC,OAAS,EACzB,IAAK,IAAb,cAGU,IADA,IAAV,iBACA,mBACYoB,EAAIC,KAAK,GACXb,EAAKa,KAAKD,GA3BpB,uBAgCA,eAhCA,IAgCA,0CACA,eACA,sBAlCA,8BAqCM,IAAN,kDAEA,4CACMrC,KAAKmC,QAAQI,MAAMC,UAAYC,EAC/BzC,KAAKmC,QAAQI,MAAMG,eAAiBD,EACpCzC,KAAKmC,QAAQQ,MAAMC,cAAgB5C,KAAK6C,SAA9C,oBACM7C,KAAKmC,QAAQQ,MAAMD,eAAiBD,EACpCzC,KAAKmC,QAAQ5B,MAAQP,KAAKM,OAAS,IAAMN,KAAKO,MAApD,GACMP,KAAK0B,MAAMO,KAAKa,EAAW,OAAjC,OAAiC,CAAjC,4FCrH8Y,I,YCO1YC,EAAY,eACd,EACAjD,EACAyB,GACA,EACA,KACA,KACA,MAIa,aAAAwB,E","file":"public/js/chunk-2d22fd51.f9f6c5e7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dashboard-widget',{attrs:{\"title\":\"CASK AGING\",\"zoomed\":_vm.zoomed,\"width\":_vm.width,\"enableDelete\":_vm.enableDelete},on:{\"zoom\":function($event){return _vm.$emit('zoom','DashboardCaskAging')},\"delete\":function($event){return _vm.$emit('delete','DashboardCaskAging')},\"close\":function($event){return _vm.$emit('close')}}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.allTypes.length!==0),expression:\"allTypes.length!==0\"}],ref:\"chart\"}),(_vm.allTypes.length===0)?_c('div',{staticClass:\"mt-12 pa-12 text-center\"},[_vm._v(\"No casks found\")]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <dashboard-widget title=\"CASK AGING\" :zoomed=\"zoomed\" :width=\"width\" :enableDelete=\"enableDelete\"\n                      @zoom=\"$emit('zoom','DashboardCaskAging')\"\n                      @delete=\"$emit('delete','DashboardCaskAging')\"\n                      @close=\"$emit('close')\">\n    <div v-show=\"allTypes.length!==0\" ref=\"chart\"/>\n    <div v-if=\"allTypes.length===0\" class=\"mt-12 pa-12 text-center\">No casks found</div>\n  </dashboard-widget>\n</template>\n\n<script>\nexport default {\n  name: 'DashboardCaskAging',\n  props: {\n    zoomed: {type:Boolean, required:false, default:false},\n    width: {type:Number, required:false, default:290},\n    enableDelete: {type: Boolean, required:false, default:false}\n  },\n  data() {\n    return {\n      allTypes: [],\n      chart: null,\n\t\t\toptions: {chartArea:{height:'75%',width:'90%'},\n                isStacked:true,\n                height:this.zoomed?440:250,\n                width:this.zoomed?480:270,\n                fontSize:this.zoomed?12:10,\n                vAxis:{title:\"Number of casks\",gridlines:{count:3},minorGridLines:{count:0},viewWindowMode:\"maximized\"},\n                hAxis:{slantedText:false, showTextEvery:2, title:\"Age (years)\"},\n                colors:['red','orange','green','blue','purple','magenta','cyan','brown'],\n\t\t\t\t\t\t\t\tlegend:{ position: \"none\" , alignment:'center'}}\n    }\n  },\n  computed: {\n    drawer() {\n      return this.$store.state.drawer;\n    }\n  },\n  watch: {\n    dark() {\n      this.draw();\n    },\n    drawer() {\n      this.draw();\n    }\n  },\n  async mounted() {\n    if (window.google) {\n      window.google.charts.load('current', {'packages':['corechart']});\n      window.google.charts.setOnLoadCallback(() => {\n        if (this.$refs.chart == undefined)\n          return;\n        this.chart = new window.google.visualization.ColumnChart(this.$refs.chart);\n        google.visualization.events.addListener(this.chart, 'select', () => {\n          this.$router.push({name:'InventoryCasks'});\n        });\n        this.refresh();\n      });\n    }\n  },\n  methods: {\n    async refresh() {\n      const results = await this.$apiCall(`query DashboardCaskAging {\n                                            caskCountByTypeAge {\n                                              name,colour,count,years,siteId\n                                            }\n                                          }`, {});\n      if (!results.error) {\n        this.allTypes = results.data.caskCountByTypeAge;\n        this.draw();\n      }\n    },\n    draw() {\n      if (this.chart === null)\n        return;\n\n      // Get types and first line\n      const types = {};\n      const row1 = [\"Age\"];\n      let n = 0;      // maximum age\n      this.options.colors = [];\n      for (const line of this.allTypes) {\n        if (line.years > n)\n          n = line.years;\n        if (types[line.name] == undefined) {\n          types[line.name] = row1.length;\n          row1.push(line.name);\n          this.options.colors.push(line.colour);\n        }\n      }\n\n      // Initialize empty data\n      const data = [row1];\n      if (this.allTypes.length > 0) {\n        for (let i = 0; i <= n; i++) {\n//          const row = [`< ${i+1}`];\n          const row = [`${i}`];\n          for (let j = row1.length; j > 1; j--)\n            row.push(0);\n          data.push(row);\n        }\n      }\n\n      // Put in data\n      for (const line of this.allTypes) {\n        const row = data[line.years+1];\n        row[types[line.name]] = line.count;\n      }\n\n      const dataTable = window.google.visualization.arrayToDataTable(data);\n\n      const textColor = {color:this.darkMode?'#ffffff':'#3d3d3d'};\n      this.options.hAxis.textStyle = textColor;\n      this.options.hAxis.titleTextStyle = textColor;\n      this.options.vAxis.baselineColor = this.darkMode?'#ffffff':'#3d3d3d';\n      this.options.vAxis.titleTextStyle = textColor;\n      this.options.width = this.zoomed ? 480 : this.width-30;\n      this.chart.draw(dataTable, {...this.options, backgroundColor:this.darkMode?'#1e1e1e':'white'});\n    }\n  }\n}\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/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!./DashboardCaskAging.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/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!./DashboardCaskAging.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DashboardCaskAging.vue?vue&type=template&id=56ca58f6&\"\nimport script from \"./DashboardCaskAging.vue?vue&type=script&lang=js&\"\nexport * from \"./DashboardCaskAging.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":""}