https://vasgallery.org.au/_s/assets/MerGasGraph-Hl2MIUFJ.js

1import{V as r}from"./vue.esm-D6kxFMzM.js";import{C as m}from"./Chart-B6N-IxFB.js";import{n as s}from"./_plugin-vue2_normalizer-p4i_2SC9.js";import{c as h}from"./ApolloClient-GRurg6R-.js";import{i as u}from"./handlerShim-BYTyRQMS.js";import"./graphql-lsp-B6A8sSuz.js";import"./moment-BlgDQK1K.js";import"./moment-QfiTXYh-.js";import"./tslib.es6-Bgwe4S1t.js";import"./fetcher-DSHMeyE-.js";const p={props:{width:{type:Number,default:600},height:{type:Number,default:250},distanceRender:{type:Array,required:!0},labelChartRender:{type:Array,required:!0},ciiRender:{type:Array,required:!0}},data(){return{chart:null}},watch:{distanceRender:{immediate:!0,handler(i){this.$nextTick(()=>{this.chart&&(this.chart.data.datasets[0].data=i,this.chart.update())})}},labelChartRender:{immediate:!0,handler(i){this.$nextTick(()=>{this.chart&&(this.chart.data.labels=i,this.chart.update())})}},ciiRender:{immediate:!0,handler(i){this.$nextTick(()=>{this.chart&&(this.chart.data.datasets[1].data=i,this.chart.update())})}}},mounted(){this.$nextTick(function(){const i=this.$el;this.chart=new m(i,{type:"line",data:{labels:this.labelChartRender,datasets:[{label:"Distance Travel",data:this.distanceRender,borderColor:"#e81414"},{label:"Attained Carbon Intensity Index",data:this.ciiRender,borderColor:"#3F51B5"}]},options:{elements:{line:{tension:0}},bezierCurve:!1,scales:{yAxes:[{ticks:{beginAtZero:!0}}]}}})})},beforeDestroy(){this.chart&&(this.chart.destroy(),this.chart=null)}};var v=function(){var e=this,t=e._self._c;return t("canvas",{staticClass:"chartjs",attrs:{width:e.width,height:e.height}})},f=[],k=s(p,v,f,!1,null,null);const b=k.exports,_={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"mergas"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"token"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",alias:{kind:"Name",value:"gas"},name:{kind:"Name",value:"Inspect_MerGas"},arguments:[{kind:"Argument",name:{kind:"Name",value:"token"},value:{kind:"Variable",name:{kind:"Name",value:"token"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"title"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"code"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"data"},arguments:[],directives:[]}]}}]}}],loc:{start:0,end:120,source:{body:`
2  query mergas($token: String!) {
3    gas: Inspect_MerGas(token: $token) {
4      title
5      code
6      data
7    }
8  }
9`,name:"GraphQL request",locationOffset:{line:1,column:1}}}},g=r.extend({name:"MerGasStat",components:{Chart:b},props:{token:String},data(){return{loading:!0,lessThanThree:!1,travelDistanceList:[],cii:[],dateList:[]}},mounted(){h.query({query:_,variables:{token:this.token}}).then(i=>{const e=i.data.gas,t=JSON.parse(e.data).dailyGas,d=Number(JSON.parse(e.data).dwt);t.length<3?this.lessThanThree=!0:(this.travelDistanceList=t.map(a=>Number(a.distanceTravel)),this.dateList=t.map(a=>a.date),this.cii=t.map(a=>{const l=(Number(a.BoilerHSFO)+Number(a.GeneratorHSFO)+Number(a.MainEngineHSFO))*3.114,o=(Number(a.BoilerLSFO)+Number(a.GeneratorLSFO)+Number(a.MainEngineLSFO))*3.151,c=(Number(a.BoilerMDO)+Number(a.GeneratorMDO)+Number(a.MainEngineMDO))*3.206;return(l+o+c)*1e6/(d*a.distanceTravel)})),this.loading=!1})}});var N=function(){var e=this,t=e._self._c;return e._self._setupProxy,t("div",[e.loading&&!e.lessThanThree?t("h3",[t("i",{staticClass:"fa fa-spin fa-spinner"}),e._v("Loading Dashboard... ")]):e._e(),!e.loading&&!e.lessThanThree?t("div",[t("div",{staticClass:"row"},[t("div",{staticClass:"columns medium-12"},[t("chart",{attrs:{"distance-render":e.travelDistanceList,"label-chart-render":e.dateList,"cii-render":e.cii,height:300}}),t("br")],1)])]):e._e()])},y=[],S=s(g,N,y,!1,null,null);const T=S.exports;

9class n{constructor(e,t){this.el=e,this.opt=t,this.vue=new r({el:e,components:{MerGasStat:T},data(){return{...t}},template:'<div><mer-gas-stat :token="token"></mer-gas-stat></div>'})}static frontend(e,t){return new n(e,t)}}const q=u(n);export{n as MerGasGraph,q as handler};