{"version":3,"sources":["webpack:///./src/views/speedcharthigh_multiple.vue?62c9","webpack:///src/views/speedcharthigh_multiple.vue","webpack:///./src/views/speedcharthigh_multiple.vue?7958","webpack:///./src/views/speedcharthigh_multiple.vue","webpack:///./src/views/speedcharthigh_multiple.vue?461f"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","ref","scopedSlots","_u","key","fn","on","_g","model","value","callback","$$v","train_date","expression","menu1","$event","fillTrains","search","staticClass","headers","trains","isLoading","itemSelected","_v","proxy","selected","chartOptions","staticRenderFns","name","components","highcharts","text","align","sortable","train","train_loading","curTrainDate","format","menu2","train_no","errors","series","chart","events","showLoading","height","type","zoomType","panning","panKey","title","time","timezone","xAxis","labels","formatter","utc","tooltip","lt","x","testDateUtc","local","y","yAxis","min","computed","methods","p","that","a","defaults","common","localStorage","getItem","get","params","then","response","speed_data","time_data","series_data","offset","Date","data","fixtime","getTime","forEach","o","speed","deviceid","round","push","color","getRandomColor","console","log","subtitle","trian_date","categories","$refs","hideLoading","catch","e","item","device_id","org","dep","add","dest","arr","fillData","filter","el","precision","multiplier","Math","pow","t","localDate","floor","random","colorNum","colors","letters","i","component","VBtn","VCol","VContainer","VDataTable","VDatePicker","VMenu","VRow","VTextField"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQ,KAAK,CAACF,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,MAAM,CAACF,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,OAAO,CAACF,EAAG,SAAS,CAACG,IAAI,QAAQD,MAAM,CAAC,0BAAyB,EAAM,WAAa,mBAAmB,WAAW,GAAG,aAAa,GAAG,YAAY,QAAQ,YAAY,SAASE,YAAYR,EAAIS,GAAG,CAAC,CAACC,IAAI,YAAYC,GAAG,SAASJ,GACzb,IAAIK,EAAKL,EAAIK,GACb,MAAO,CAACR,EAAG,eAAeJ,EAAIa,GAAG,CAACP,MAAM,CAAC,eAAe,SAASQ,MAAM,CAACC,MAAOf,EAAc,WAAEgB,SAAS,SAAUC,GAAMjB,EAAIkB,WAAWD,GAAKE,WAAW,eAAeP,SAAUE,MAAM,CAACC,MAAOf,EAAS,MAAEgB,SAAS,SAAUC,GAAMjB,EAAIoB,MAAMH,GAAKE,WAAW,UAAU,CAACf,EAAG,gBAAgB,CAACE,MAAM,CAAC,WAAW,IAAIM,GAAG,CAAC,MAAQ,SAASS,GAAQ,OAAOrB,EAAIsB,eAAeR,MAAM,CAACC,MAAOf,EAAc,WAAEgB,SAAS,SAAUC,GAAMjB,EAAIkB,WAAWD,GAAKE,WAAW,iBAAiB,IAAI,GAAGf,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,OAAO,CAACF,EAAG,eAAe,CAACE,MAAM,CAAC,cAAc,SAAS,MAAQ,SAAS,cAAc,GAAG,eAAe,IAAIQ,MAAM,CAACC,MAAOf,EAAU,OAAEgB,SAAS,SAAUC,GAAMjB,EAAIuB,OAAON,GAAKE,WAAW,aAAa,GAAGf,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,OAAO,CAACF,EAAG,eAAe,CAACoB,YAAY,cAAclB,MAAM,CAAC,QAAUN,EAAIyB,QAAQ,MAAQzB,EAAI0B,OAAO,OAAS1B,EAAIuB,OAAO,cAAc,GAAG,QAAU,GAAG,MAAQ,GAAG,eAAe,CAAC,yBAA0B,CAAC,GAAI,GAAI,GAAI,GAAI,KAAK,iBAAiB,GAAG,UAAU,SAAS,QAAUvB,EAAI2B,UAAU,eAAe,yBAAyB,oBAAoB,KAAKf,GAAG,CAAC,gBAAgB,SAASS,GAAQ,OAAOrB,EAAI4B,aAAaP,KAAUb,YAAYR,EAAIS,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACP,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,WAAWM,GAAG,CAAC,MAAQ,SAASS,GAAQ,OAAOrB,EAAIsB,gBAAgB,CAACtB,EAAI6B,GAAG,iCAAiCC,OAAM,KAAQhB,MAAM,CAACC,MAAOf,EAAY,SAAEgB,SAAS,SAAUC,GAAMjB,EAAI+B,SAASd,GAAKE,WAAW,eAAe,IAAI,IAAI,GAAGf,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,OAAO,CAACF,EAAG,MAAM,CAACoB,YAAY,YAAY,CAACpB,EAAG,aAAa,CAACG,IAAI,QAAQD,MAAM,CAAC,QAAUN,EAAIgC,iBAAiB,MAAM,IAAI,IACvkDC,EAAkB,G,uFC8CP,GACbC,KAAM,0BACNC,WAAY,CACVC,WAAY,YAEd,OACE,MAAO,CACLb,OAAQ,GACRQ,SAAU,GACVN,QAAS,CAAC,CACNY,KAAM,WACNC,MAAO,OACPC,UAAU,EACVxB,MAAO,YAET,CACEsB,KAAM,MACNtB,MAAO,OAET,CACEsB,KAAM,OACNtB,MAAO,SAIXyB,MAAO,GACPC,eAAe,EACff,OAAQ,GACRR,WAAYjB,KAAKyC,cAAgB,MAASC,OAAO,cACjDvB,OAAO,EACPwB,OAAO,EACPjB,WAAW,EACXkB,SAAU,KACVC,OAAQ,GACRC,OAAQ,GACRf,aAAc,CACZgB,MAAO,CACLC,OAAQ,CACN,OACEhD,KAAKiD,gBAGTC,OAAQ,MACRC,KAAM,OACNC,SAAU,IACVC,SAAS,EACTC,OAAQ,SAEVC,MAAO,CACLnB,KAAM,2DAGRoB,KAAM,CACJC,SAAU,gBAGZC,MAAO,CACLP,KAAM,WACNQ,OAAQ,CACNC,UAAW,WAIT,OAAO,IAAOC,IAAI7D,KAAKc,OAAO4B,OAAO,cAGzCa,MAAO,CACLnB,KAAM,SAGV0B,QAAS,CACPF,UAAW,WACT,IAAIG,EAAK,IAAO/D,KAAKgE,GAAGtB,OAAO,uBAC3BuB,EAAc,IAAOJ,IAAIE,GACb,IAAOE,GAAaC,QACpC,MAAO,SAAWlE,KAAKmE,EAAI,eAAiB,IAAON,IAAI7D,KAAKgE,GAAGtB,OAAO,cAG1E0B,MAAO,CACLb,MAAO,CACLnB,KAAM,eAERiC,IAAK,GAEPvB,OAAQ,MAKd,UACE9C,KAAKqB,cAEPiD,SAAU,IACL,eAAS,CAAC,cAAe,gBAAiB,aAAc,eAAgB,SAAU,SAAU,UAAW,SAAU,SAAU,SAAU,gBAAiB,eAAgB,kBAE3KC,QAAS,IACJ,eAAW,CAAC,oBAAqB,sBAAuB,mBAAoB,qBAAsB,eAAgB,eAAgB,gBAAiB,eAAgB,eAAgB,iBACtL,SAASC,GAEP,IAAIC,EAAOzE,KACX,EAAA0E,EAAMC,SAASnD,QAAQoD,OAAO,iBAAmBC,aAAaC,QAAQ,YACtE,EAAAJ,EAAMK,IAAI,oDAAyD,CAC/DC,OAAQR,IAETS,KAAKC,IAEJ,IAAIC,EAAa,GACbC,EAAY,GACZC,EAAc,GAsBdC,EAAS,IAAIC,KAAKL,EAASM,KAAK,GAAGC,SAASC,UAAY,IAC5D,IAAEC,QAAQT,EAASM,MAAM,SAASI,GAChC,IAAIC,EAAQD,EAAEC,MACd,OAAQD,EAAEE,UACR,KAAK,EACL,KAAK,GACL,KAAK,GACL,KAAK,GACH,MACF,QACED,EAAQpB,EAAKsB,MAAc,MAARF,EAAe,GAEtCV,EAAWa,KAAKH,GAEhBR,EAAYW,KAAK,CAAC,IAAIT,KAAKK,EAAEH,SAASC,UAAUJ,EAAQO,OAGxDpB,EAAK3B,OAAOkD,KAAK,CACf/D,KAAM,YAAcuC,EAAE5B,SACtB4C,KAAMH,EAENY,MAAOxB,EAAKyB,mBAEdC,QAAQC,IAAI3B,EAAK3B,QACjB9C,KAAK+B,aAAe,CAClBsE,SAAU,CACRjE,KAAM,SAAS,IAAOpC,KAAKsG,YAAY5D,OAAO,kCAEhDgB,MAAO,CACL6C,WAAYnB,GAEdtC,OAAQ2B,EAAK3B,QAEjB9C,KAAKwG,MAAMzD,MAAMA,MAAM0D,gBAExBC,MAAMC,IACLR,QAAQC,IAAIO,MAGlB,aACE3G,KAAKmB,OAAQ,EACbnB,KAAKwC,eAAgB,EACrBxC,KAAKyB,OAAS,GACd,IAAI+C,EAAI,CACNvD,WAAYjB,KAAKiB,YAEjB,EAAAyD,EAAMC,SAASnD,QAAQoD,OAAO,iBAAmBC,aAAaC,QAAQ,YACxE,EAAAJ,EAAMK,IAAI,sDAA2D,CACjEC,OAAQR,IAETS,KAAKC,IACJlF,KAAKyB,OAASyD,EAASM,KACvBxF,KAAKwC,eAAgB,IAEtBkE,MAAMC,IACLR,QAAQC,IAAIO,GACZ3G,KAAKwC,eAAgB,KAG3B,aAAa1B,GACX,GAAIA,EAAMA,MAAO,CACf,IAAI0D,EAAI,CACNvD,WAAY,IAAOjB,KAAKiB,YAAYyB,OAAO,cAC3CE,SAAU9B,EAAM8F,KAAKhE,SACrBiE,UAAW/F,EAAM8F,KAAKC,UACtBC,IAAKhG,EAAM8F,KAAKE,IAChBC,IAAK,IAAOjG,EAAM8F,KAAKG,KAAKC,KAAK,EAAG,KAAKtE,SACzCuE,KAAMnG,EAAM8F,KAAKK,KACjBC,IAAK,IAAOpG,EAAM8F,KAAKM,KAAKF,IAAI,GAAI,KAAKtE,UAE3C1C,KAAKmH,SAAS3C,QAEdxE,KAAK8C,OAAS9C,KAAK8C,OAAOsE,QAAO,SAASC,GAAM,OAAOA,EAAGpF,MAAQ,YAAcnB,EAAM8F,KAAKhE,YAC3F5C,KAAK+B,aAAe,CAClBsE,SAAU,CACRjE,KAAM,SAAS,IAAOpC,KAAKyC,cAAcC,OAAO,4BAA4B1C,KAAK4C,YAEnFE,OAAQ9C,KAAK8C,SAInB,MAAMhC,EAAOwG,GACX,IAAIC,EAAaC,KAAKC,IAAI,GAAIH,GAAa,GAC3C,OAAOE,KAAKzB,MAAMjF,EAAQyG,GAAcA,GAE1C,iBAAiBG,GACf,IAAI3D,EAAK,IAAO2D,GAAGhF,OAAO,uBACtBuB,EAAc,IAAOJ,IAAIE,GACzB4D,EAAY,IAAO1D,GAAaC,QACpC,OAAOyD,EAAUjF,OAAO,eAE1B,eACE,OAAO8E,KAAKI,MAAsB,GAAhBJ,KAAKK,UAA2B,GAEpD,UAAUC,EAAUC,GAElB,OADIA,EAAS,IAAGA,EAAS,GAClB,OAAUD,GAAY,IAAMC,GAAU,IAAO,cAEtD,iBAGE,IAFA,IAAIC,EAAU,mBACV/B,EAAQ,IACHgC,EAAI,EAAGA,EAAI,EAAGA,IACrBhC,GAAS+B,EAAQR,KAAKI,MAAsB,GAAhBJ,KAAKK,WAEnC,OAAO5B,KC3R8P,I,6ICQvQiC,EAAY,eACd,EACApI,EACAkC,GACA,EACA,KACA,KACA,MAIa,aAAAkG,EAAiB,QAYhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,OAAA,KAAKC,aAAA,KAAWC,aAAA,KAAWC,cAAA,KAAYC,QAAA,KAAMC,OAAA,KAAKC,aAAA,Q,kCC/BrF,yBAAshB,EAAG,G","file":"js/chunk-0a41a55f.38789ca3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"2\"}},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-menu',{ref:\"menu1\",attrs:{\"close-on-content-click\":false,\"transition\":\"scale-transition\",\"offset-y\":\"\",\"full-width\":\"\",\"max-width\":\"400px\",\"min-width\":\"290px\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('v-text-field',_vm._g({attrs:{\"prepend-icon\":\"event\"},model:{value:(_vm.train_date),callback:function ($$v) {_vm.train_date=$$v},expression:\"train_date\"}},on))]}}]),model:{value:(_vm.menu1),callback:function ($$v) {_vm.menu1=$$v},expression:\"menu1\"}},[_c('v-date-picker',{attrs:{\"no-title\":\"\"},on:{\"input\":function($event){return _vm.fillTrains()}},model:{value:(_vm.train_date),callback:function ($$v) {_vm.train_date=$$v},expression:\"train_date\"}})],1)],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"append-icon\":\"search\",\"label\":\"Search\",\"single-line\":\"\",\"hide-details\":\"\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-data-table',{staticClass:\"elevation-1\",attrs:{\"headers\":_vm.headers,\"items\":_vm.trains,\"search\":_vm.search,\"show-select\":\"\",\"mutiple\":\"\",\"dense\":\"\",\"footer-props\":{'items-per-page-options': [10, 20, 30, 40, 50]},\"items-per-page\":20,\"sort-by\":\"trains\",\"loading\":_vm.isLoading,\"loading-text\":\"Loading... Please wait\",\"mobile-breakpoint\":100},on:{\"item-selected\":function($event){return _vm.itemSelected($event)}},scopedSlots:_vm._u([{key:\"no-data\",fn:function(){return [_c('v-btn',{attrs:{\"color\":\"primary\"},on:{\"click\":function($event){return _vm.fillTrains()}}},[_vm._v(\"No Trains, click to retry\")])]},proxy:true}]),model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}})],1)],1)],1),_c('v-col',{attrs:{\"cols\":\"10\"}},[_c('div',{staticClass:\"chartdiv\"},[_c('highcharts',{ref:\"chart\",attrs:{\"options\":_vm.chartOptions}})],1)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n<v-container fluid>\r\n  <v-row>\r\n    <v-col cols=\"2\">\r\n      <v-row>\r\n        <v-col cols=\"12\">\r\n          <v-menu ref=\"menu1\" v-model=\"menu1\" :close-on-content-click=\"false\" transition=\"scale-transition\" offset-y full-width max-width=\"400px\" min-width=\"290px\">\r\n            <template v-slot:activator=\"{ on }\">\r\n              <v-text-field v-model=\"train_date\" prepend-icon=\"event\" v-on=\"on\"></v-text-field>\r\n            </template>\r\n            <v-date-picker v-model=\"train_date\" no-title @input=\"fillTrains()\"></v-date-picker>\r\n          </v-menu>\r\n        </v-col>\r\n        <v-col cols=\"12\">\r\n          <v-text-field v-model=\"search\" append-icon=\"search\" label=\"Search\" single-line hide-details></v-text-field>\r\n        </v-col>\r\n        <v-col cols=\"12\">\r\n          <v-data-table :headers=\"headers\" :items=\"trains\" :search=\"search\" v-model=\"selected\"\r\n           show-select mutiple @item-selected = \"itemSelected($event)\" dense\r\n          :footer-props=\"{'items-per-page-options': [10, 20, 30, 40, 50]}\" :items-per-page=\"20\" sort-by=\"trains\" class=\"elevation-1\" :loading=\"isLoading\" loading-text=\"Loading... Please wait\" :mobile-breakpoint=\"100\">\r\n                      <template v-slot:no-data>\r\n                        <v-btn color=\"primary\" @click=\"fillTrains()\">No Trains, click to retry</v-btn>\r\n                      </template>\r\n          </v-data-table>\r\n        </v-col>\r\n      </v-row>\r\n    </v-col>\r\n    <v-col cols=\"10\">\r\n      <div class=\"chartdiv\">\r\n        <highcharts :options=\"chartOptions\" ref=\"chart\"></highcharts>\r\n      </div>\r\n    </v-col>\r\n  </v-row>\r\n</v-container>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  Chart\r\n} from 'highcharts-vue'\r\nimport axios from 'axios'\r\nimport moment from 'moment'\r\nimport _ from 'lodash'\r\nimport {\r\n  mapState,\r\n  mapGetter,\r\n  mapActions\r\n} from 'vuex'\r\n\r\nexport default {\r\n  name: 'speedcharthigh_multiple',\r\n  components: {\r\n    highcharts: Chart\r\n  },\r\n  data() {\r\n    return {\r\n      search: '',\r\n      selected: [],\r\n      headers: [{\r\n          text: 'Train No',\r\n          align: 'left',\r\n          sortable: true,\r\n          value: 'train_no',\r\n        },\r\n        {\r\n          text: 'ORG',\r\n          value: 'org'\r\n        },\r\n        {\r\n          text: 'DEST',\r\n          value: 'dest'\r\n        },\r\n\r\n      ],\r\n      train: {},\r\n      train_loading: false,\r\n      trains: [],\r\n      train_date: this.curTrainDate || moment().format('YYYY-MM-DD'),\r\n      menu1: false,\r\n      menu2: false,\r\n      isLoading: false,\r\n      train_no: null,\r\n      errors: [],\r\n      series: [],\r\n      chartOptions: {\r\n        chart: {\r\n          events: {\r\n            load() {\r\n              this.showLoading();\r\n            }\r\n          },\r\n          height: '48%',\r\n          type: 'line',\r\n          zoomType: 'x',\r\n          panning: true,\r\n          panKey: 'shift'\r\n        },\r\n        title: {\r\n          text: 'Speed Chart(drag select to zoom, press shit key to pan)'\r\n        },\r\n\r\n        time: {\r\n          timezone: 'Asia/Kolkata',\r\n\r\n        },\r\n        xAxis: {\r\n          type: 'datetime',\r\n          labels: {\r\n            formatter: function() {\r\n              // var lt = moment(this.value).format(\"YYYY-MM-DD HH:mm:ss\")\r\n              // var testDateUtc = moment.utc(lt);\r\n              // var localDate = moment(testDateUtc).local();\r\n              return moment.utc(this.value).format(\"HH:mm:ss\")\r\n            },\r\n          },\r\n          title: {\r\n            text: 'Time'\r\n          }\r\n        },\r\n        tooltip: {\r\n          formatter: function() {\r\n            var lt = moment(this.x).format(\"YYYY-MM-DD HH:mm:ss\")\r\n            var testDateUtc = moment.utc(lt);\r\n            var localDate = moment(testDateUtc).local();\r\n            return 'Speed ' + this.y + ' KMPH, Time ' + moment.utc(this.x).format(\"HH:mm:ss\")\r\n          }\r\n        },\r\n        yAxis: {\r\n          title: {\r\n            text: 'Speed(KMPH)'\r\n          },\r\n          min: 0\r\n        },\r\n        series: []\r\n      }\r\n    }\r\n  },\r\n\r\n  mounted() {\r\n    this.fillTrains()\r\n  },\r\n  computed: {\r\n    ...mapState(['curDeviceId', 'curDeviceName', 'curTrainNo', 'curTrainDate', 'curOrg', 'curArr', 'curDest', 'curDep', 'actDep', 'actArr', 'curPosStartId', 'curPosDestId', 'curPositions']),\r\n  },\r\n  methods: {\r\n    ...mapActions(['updateCurDeviceId', 'updateCurDeviceName', 'updateCurTrainNo', 'updateCurTrainDate', 'updateCurOrg', 'updateCurArr', 'updateCurDest', 'updateCurDep', 'updateActDep', 'updateActArr']),\r\n    fillData(p) {\r\n      //    console.log(p)\r\n      var that = this\r\n      axios.defaults.headers.common['Authorization'] = localStorage.getItem('jwtToken')\r\n      axios.get(`${process.env.VUE_APP_API_URL}/timetable/tc/positions`, {\r\n          params: p\r\n        })\r\n        .then(response => {\r\n          // console.log(response.data)\r\n          var speed_data = []\r\n          var time_data = []\r\n          var series_data = []\r\n          var zones = [{\r\n            value: 2,\r\n            color: '#FF0000'\r\n          }, {\r\n            value: 15,\r\n            color: '#FF7F00'\r\n          }, {\r\n            value: 40,\r\n            color: '#FFD700'\r\n          }, {\r\n            value: 60,\r\n            color: '#9ACD32'\r\n          }, {\r\n            value: 80,\r\n            color: '#00FF00'\r\n          }, {\r\n            value: 90,\r\n            color: '#008080'\r\n          }, {\r\n            color: '#FF00FF'\r\n          }]\r\n          var offset = new Date(response.data[0].fixtime).getTime() - 60000\r\n          _.forEach(response.data, function(o) {\r\n            var speed = o.speed\r\n            switch (o.deviceid) {\r\n              case 3:\r\n              case 10:\r\n              case 11:\r\n              case 13:\r\n                break;\r\n              default:\r\n                speed = that.round(speed * 1.852, 2)\r\n            }\r\n            speed_data.push(speed)\r\n  //          time_data.push(o.fixtime)\r\n            series_data.push([new Date(o.fixtime).getTime()-offset, speed])\r\n            // console.log(time_data,new Date(time_data[10]).getTime(),new Date(time_data[100]).getTime())\r\n            })\r\n            that.series.push({\r\n              name: 'Train No ' + p.train_no,\r\n              data: series_data,\r\n              // zones: zones,\r\n              color: that.getRandomColor()\r\n            })\r\n            console.log(that.series)\r\n            this.chartOptions = {\r\n              subtitle: {\r\n                text: `Date: ${moment(this.trian_date).format(\"DD/MM/YYYY\")}, Multiple Trains`\r\n              },\r\n              xAxis: {\r\n                categories: time_data,\r\n              },\r\n              series: that.series, // sample data\r\n            }\r\n          this.$refs.chart.chart.hideLoading();\r\n        })\r\n        .catch(e => {\r\n          console.log(e)\r\n        })\r\n    },\r\n    fillTrains() {\r\n      this.menu1 = false\r\n      this.train_loading = true\r\n      this.trains = []\r\n      var p = {\r\n        train_date: this.train_date,\r\n      }\r\n        axios.defaults.headers.common['Authorization'] = localStorage.getItem('jwtToken')\r\n      axios.get(`${process.env.VUE_APP_API_URL}/train/tr/reportforperiod`, {\r\n          params: p\r\n        })\r\n        .then(response => {\r\n          this.trains = response.data\r\n          this.train_loading = false\r\n          })\r\n        .catch(e => {\r\n          console.log(e)\r\n          this.train_loading = false\r\n        })\r\n    },\r\n    itemSelected(value) {\r\n      if (value.value) {\r\n        var p = {\r\n          train_date: moment(this.train_date).format(\"YYYY-MM-DD\"),\r\n          train_no: value.item.train_no,\r\n          device_id: value.item.device_id,\r\n          org: value.item.org,\r\n          dep: moment(value.item.dep).add(-3, \"m\").format(),\r\n          dest: value.item.dest,\r\n          arr: moment(value.item.arr).add(30, \"m\").format(),\r\n        }\r\n        this.fillData(p)\r\n      } else {\r\n        this.series = this.series.filter(function(el) { return el.name != 'Train No ' + value.item.train_no; });\r\n        this.chartOptions = {\r\n          subtitle: {\r\n            text: `Date: ${moment(this.curTrainDate).format(\"DD/MM/YYYY\")}, Train No: ${this.train_no}`\r\n          },\r\n          series: this.series, // sample data\r\n        }\r\n      }\r\n    },\r\n    round(value, precision) {\r\n      var multiplier = Math.pow(10, precision || 0);\r\n      return Math.round(value * multiplier) / multiplier;\r\n    },\r\n    getFormattedTime(t) {\r\n      var lt = moment(t).format(\"YYYY-MM-DD HH:mm:ss\")\r\n      var testDateUtc = moment.utc(lt);\r\n      var localDate = moment(testDateUtc).local();\r\n      return localDate.format(\"DD/MM/YYYY\")\r\n    },\r\n    getRandomInt() {\r\n      return Math.floor(Math.random() * (50 - 5 + 1)) + 5\r\n    },\r\n    makeColor(colorNum, colors) {\r\n      if (colors < 1) colors = 1; // defaults to one color - avoid divide by zero\r\n      return \"hsl(\" + (colorNum * (360 / colors) % 360) + \",70%, 90%)\";\r\n    },\r\n    getRandomColor() {\r\n      var letters = '0123456789ABCDEF';\r\n      var color = '#';\r\n      for (var i = 0; i < 6; i++) {\r\n        color += letters[Math.floor(Math.random() * 16)];\r\n      }\r\n      return color;\r\n    }\r\n\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.chartdiv {\r\n  width: 100%;\r\n  height: 100%;\r\n  margin: 5px;\r\n  overflow: auto;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./speedcharthigh_multiple.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./speedcharthigh_multiple.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./speedcharthigh_multiple.vue?vue&type=template&id=4de6b5f8&\"\nimport script from \"./speedcharthigh_multiple.vue?vue&type=script&lang=js&\"\nexport * from \"./speedcharthigh_multiple.vue?vue&type=script&lang=js&\"\nimport style0 from \"./speedcharthigh_multiple.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDatePicker } from 'vuetify/lib/components/VDatePicker';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCol,VContainer,VDataTable,VDatePicker,VMenu,VRow,VTextField})\n","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./speedcharthigh_multiple.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./speedcharthigh_multiple.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}