{"version":3,"sources":["webpack:///./src/assets/mapviewer/station_icon_grey.svg","webpack:///./node_modules/vuetify/lib/components/VWindow/VWindowItem.js","webpack:///./src/assets/mapviewer/station_icon_orange.svg","webpack:///./src/views/Map/Dashboard.vue?3ee3","webpack:///src/views/Map/Dashboard.vue","webpack:///./src/views/Map/Dashboard.vue?a881","webpack:///./node_modules/vuetify/lib/mixins/button-group/index.js","webpack:///./node_modules/vuetify/lib/components/VCarousel/VCarousel.js","webpack:///./node_modules/vuetify/lib/components/VCarousel/VCarouselItem.js","webpack:///./src/views/Map/Dashboard.vue?2fca","webpack:///./src/assets/mapviewer/station_icon_green.svg","webpack:///./src/views/Map/Dashboard.vue?6821","webpack:///./node_modules/vuetify/lib/components/VWindow/VWindow.js"],"names":["module","exports","baseMixins","name","directives","Touch","props","disabled","Boolean","reverseTransition","type","String","default","undefined","transition","value","required","isActive","inTransition","computed","this","groupClasses","windowGroup","internalReverse","computedTransition","methods","$slots","$createElement","staticClass","class","classes","on","$listeners","genDefaultSlot","transitionCount","transitionHeight","$el","clientHeight","onAfterTransition","el","$nextTick","h","beforeEnter","onBeforeTransition","afterEnter","enterCancelled","onTransitionCancelled","beforeLeave","afterLeave","leaveCancelled","enter","onEnter","showLazyContent","genWindowItem","_vm","_h","_c","_self","attrs","$event","goToPage","_v","rawName","displayOne","expression","headers2","tableContents","scopedSlots","_u","key","fn","ref","_l","item","displayStatInfo","_s","text","items","parameter","getArray","nestedItem","nestedKey","_e","slot","_g","_b","i","src","replace","selectedStationInfo","stationId","location","datetime","staticStyle","model","callback","$$v","panel","proxy","unit","si","staticRenderFns","data","map","view","extent","baseMapLayer","topographicMap","title","source","url","crossOrigin","visible","imageryMap","streetMap","googleStreetMap","googleSateliteMap","pointStyle","image","fill","color","stroke","width","radius","selected","align","sortable","listParamDisplayed","paramContentDetail","stationDetails","station_status","img","card_station_name","selection","stationInfoList","stationPicture","initiateMap","layers","controls","zoom","target","projection","getColor","calories","getStationInfo","axios","get","headers","Authorization","then","catch","console","getParamInfo","genTableHeader","genParamList","Object","fullName","genTable","j","tableContent","setRowStyle","consoleSumtin","addMapMarker","geometry","description","features","style","scale","display","id","wrapLon","onMoveEnd","evt","statInfo","getStationInfoList","keys","parameters","paramObj","paramList","longitude","latitude","station_picture","deployment_picture","upstream_picture","downstream_picture","getSelectedStationInfo","statID","mounted","extend","btnToggle","options","call","genData","VWindow","continuous","cycle","delimiterIcon","height","Number","hideDelimiters","hideDelimiterBackground","interval","validator","mandatory","progress","progressColor","showArrows","verticalDelimiters","internalHeight","slideTimeout","isVertical","dark","light","watch","internalValue","val","oldVal","restartTimeout","clearTimeout","$attrs","hasOwnProperty","startTimeout","genControlIcons","left","right","genItems","length","children","child","$vuetify","lang","t","icon","small","getValue","VIcon","size","push","change","VProgressLinear","internalIndex","window","requestAnimationFrame","setTimeout","next","render","genDelimiters","genProgress","mixins","VWindowItem","inheritAttrs","VImg","placeholder","$scopedSlots","tag","generateRouteLink","component","VBtn","VCard","VCardText","VCardTitle","VCarousel","VCarouselItem","VChip","VCol","VContainer","VDataTable","VDivider","VExpansionPanel","VExpansionPanelContent","VExpansionPanelHeader","VExpansionPanels","VRow","activeClass","nextIcon","prevIcon","reverse","showArrowsOnHover","touch","touchless","vertical","changedByDelimiters","isBooted","isReverse","axis","rtl","direction","find","findIndex","click","large","icons","hasPrev","genIcon","prev","hasNext","index","nextIndex","getNextIndex","prevIndex","getPrevIndex","hasActiveItems","lastIndex","end","e","stopPropagation","start","genContainer"],"mappings":"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","file":"js/chunk-2e493d7c.a1f73683.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/station_icon_grey.83a491ef.svg\";","// Mixins\nimport Bootable from '../../mixins/bootable';\nimport { factory as GroupableFactory } from '../../mixins/groupable'; // Directives\n\nimport Touch from '../../directives/touch'; // Utilities\n\nimport { convertToUnit } from '../../util/helpers';\nimport mixins from '../../util/mixins';\nconst baseMixins = mixins(Bootable, GroupableFactory('windowGroup', 'v-window-item', 'v-window'));\nexport default baseMixins.extend().extend().extend({\n  name: 'v-window-item',\n  directives: {\n    Touch\n  },\n  props: {\n    disabled: Boolean,\n    reverseTransition: {\n      type: [Boolean, String],\n      default: undefined\n    },\n    transition: {\n      type: [Boolean, String],\n      default: undefined\n    },\n    value: {\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      isActive: false,\n      inTransition: false\n    };\n  },\n\n  computed: {\n    classes() {\n      return this.groupClasses;\n    },\n\n    computedTransition() {\n      if (!this.windowGroup.internalReverse) {\n        return typeof this.transition !== 'undefined' ? this.transition || '' : this.windowGroup.computedTransition;\n      }\n\n      return typeof this.reverseTransition !== 'undefined' ? this.reverseTransition || '' : this.windowGroup.computedTransition;\n    }\n\n  },\n  methods: {\n    genDefaultSlot() {\n      return this.$slots.default;\n    },\n\n    genWindowItem() {\n      return this.$createElement('div', {\n        staticClass: 'v-window-item',\n        class: this.classes,\n        directives: [{\n          name: 'show',\n          value: this.isActive\n        }],\n        on: this.$listeners\n      }, this.genDefaultSlot());\n    },\n\n    onAfterTransition() {\n      if (!this.inTransition) {\n        return;\n      } // Finalize transition state.\n\n\n      this.inTransition = false;\n\n      if (this.windowGroup.transitionCount > 0) {\n        this.windowGroup.transitionCount--; // Remove container height if we are out of transition.\n\n        if (this.windowGroup.transitionCount === 0) {\n          this.windowGroup.transitionHeight = undefined;\n        }\n      }\n    },\n\n    onBeforeTransition() {\n      if (this.inTransition) {\n        return;\n      } // Initialize transition state here.\n\n\n      this.inTransition = true;\n\n      if (this.windowGroup.transitionCount === 0) {\n        // Set initial height for height transition.\n        this.windowGroup.transitionHeight = convertToUnit(this.windowGroup.$el.clientHeight);\n      }\n\n      this.windowGroup.transitionCount++;\n    },\n\n    onTransitionCancelled() {\n      this.onAfterTransition(); // This should have the same path as normal transition end.\n    },\n\n    onEnter(el) {\n      if (!this.inTransition) {\n        return;\n      }\n\n      this.$nextTick(() => {\n        // Do not set height if no transition or cancelled.\n        if (!this.computedTransition || !this.inTransition) {\n          return;\n        } // Set transition target height.\n\n\n        this.windowGroup.transitionHeight = convertToUnit(el.clientHeight);\n      });\n    }\n\n  },\n\n  render(h) {\n    return h('transition', {\n      props: {\n        name: this.computedTransition\n      },\n      on: {\n        // Handlers for enter windows.\n        beforeEnter: this.onBeforeTransition,\n        afterEnter: this.onAfterTransition,\n        enterCancelled: this.onTransitionCancelled,\n        // Handlers for leave windows.\n        beforeLeave: this.onBeforeTransition,\n        afterLeave: this.onAfterTransition,\n        leaveCancelled: this.onTransitionCancelled,\n        // Enter handler for height transition.\n        enter: this.onEnter\n      }\n    }, this.showLazyContent(() => [this.genWindowItem()]));\n  }\n\n});\n//# sourceMappingURL=VWindowItem.js.map","module.exports = __webpack_public_path__ + \"img/station_icon_orange.7d2dd5b8.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"ma-0 pa-0\",attrs:{\"fluid\":\"\",\"fill-height\":\"\"}},[_c('div',{attrs:{\"id\":\"map\"}},[_c('v-btn',{staticClass:\"mapviewerBtn ma-5 primary\",attrs:{\"elevation\":\"2\",\"color\":\"#0082ba\"},on:{\"click\":function($event){return _vm.goToPage('/Mapviewer')}}},[_c('v-icon',{attrs:{\"dark\":\"\",\"left\":\"\"}},[_vm._v(\" mdi-map-legend \")]),_vm._v(\"View Full Map\")],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.displayOne),expression:\"!displayOne\"}],attrs:{\"id\":\"dashboard\"}},[[_c('v-data-table',{staticClass:\"elevation-1  dashboard_table\",attrs:{\"headers\":_vm.headers2,\"items\":_vm.tableContents,\"item-key\":\"name\",\"items-per-page\":-1,\"disable-pagination\":true,\"height\":\"93vh\",\"disable-filtering\":true,\"hide-default-footer\":true,\"hide-default-header\":true},scopedSlots:_vm._u([{key:\"header\",fn:function(ref){\nvar props = ref.props;\nreturn [_c('thead',{staticClass:\"headers-class\"},[_c('tr',_vm._l((props.headers),function(item,key){return _c('th',{key:key,staticClass:\"text-start td-class\",on:{\"click\":function($event){return _vm.displayStatInfo(item.value);}}},[_vm._v(\" \"+_vm._s(item.text))])}),0)])]}},{key:\"body\",fn:function(ref){\nvar items = ref.items;\nreturn [_c('tbody',{staticClass:\"text-center\"},_vm._l((items),function(item,key){return _c('tr',{key:key,class:item.class},[(item.parameter == 'Water Quality Index')?[_c('td',{staticClass:\"text-start\"},[_vm._v(\" \"+_vm._s(item.parameter)+\" \")]),_vm._l((_vm.getArray(item)),function(nestedItem,nestedKey){return [_c('td',{key:nestedKey,staticClass:\"text-start\"},[_c('v-chip',{attrs:{\"color\":\"nestedItem.class\"}},[_vm._v(_vm._s(nestedItem.value)+\" \")])],1)]})]:[_vm._l((item),function(nestedItem,nestedKey){return [(nestedKey!= 'class')?_c('td',{key:nestedKey,staticClass:\"text-start\"},[_vm._v(\" \"+_vm._s(nestedItem)+\" \")]):_vm._e()]})]],2)}),0)]}}])})]],2),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.displayOne),expression:\"displayOne\"}],attrs:{\"id\":\"stationInfo\"}},[[_c('v-card',{staticClass:\"mx-auto my-12 station-info\",attrs:{\"width\":\"600\"}},[_c('template',{slot:\"progress\"},[_c('v-progress-linear',{attrs:{\"color\":\"deep-purple\",\"height\":\"10\",\"indeterminate\":\"\"}})],1),[_c('v-carousel',{attrs:{\"cycle\":\"\",\"height\":\"400\",\"hide-delimiter-background\":\"\",\"show-arrows-on-hover\":\"\"},scopedSlots:_vm._u([{key:\"prev\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({attrs:{\"color\":\"success\"}},'v-btn',attrs,false),on),[_vm._v(\"Previous slide\")])]}},{key:\"next\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({attrs:{\"color\":\"info\"}},'v-btn',attrs,false),on),[_vm._v(\"Next slide\")])]}}])},_vm._l((_vm.stationPicture),function(item,i){return _c('v-carousel-item',{key:i,attrs:{\"src\":item.src.replace('sarawakdir','publicdir')}})}),1)],_c('v-card-title',{on:{\"click\":function($event){return _vm.displayStatInfo()}}},[_vm._v(\" \"+_vm._s(_vm.selectedStationInfo.stationId)+\" \")]),_c('v-card-text',[_c('v-row',{staticClass:\"mx-0 pa-0\",attrs:{\"align\":\"center\"}},[_c('v-col',{staticClass:\"mx-0 pa-0\",attrs:{\"cols\":\"12\"}},[_c('div',[_vm._v(\"Class : Class \"+_vm._s(_vm.selectedStationInfo.stationId))])]),_c('v-col',{staticClass:\"mx-0 pa-0\",attrs:{\"cols\":\"12\"}},[_c('div',[_vm._v(\"Location : \"+_vm._s(_vm.selectedStationInfo.location))])]),_c('v-col',{staticClass:\"mx-0 pa-0\",attrs:{\"cols\":\"12\"}},[_c('div',[_vm._v(\"Last Updated : \"+_vm._s(_vm.selectedStationInfo.datetime))])])],1)],1),_c('v-divider',{staticClass:\"mx-4\"}),_c('v-card-title',[[_c('div',[_c('div',{staticClass:\"d-flex\",staticStyle:{\"width\":\"460px\"}}),_c('v-expansion-panels',{attrs:{\"multiple\":\"\"},model:{value:(_vm.panel),callback:function ($$v) {_vm.panel=$$v},expression:\"panel\"}},[_c('v-expansion-panel',[_c('v-expansion-panel-header',[_vm._v(\"WQI Parameters\")]),_c('v-expansion-panel-content',[[_c('v-data-table',{staticClass:\"elevation-1 mb-2 \",staticStyle:{\"overflow-y\":\"scroll\"},attrs:{\"item-key\":\"name\",\"items-per-page\":-1,\"disable-pagination\":true,\"height\":\"93vh\",\"disable-filtering\":true,\"hide-default-footer\":true,\"hide-default-header\":true},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('thead',{staticClass:\"headers-class\"},[_c('tr',[_c('th',[_vm._v(\" Parameter\")]),_c('th',[_vm._v(\" Value & Unit\")]),_c('th',[_vm._v(\" Sub Index\")])])])]},proxy:true},{key:\"body\",fn:function(){return [_c('tbody',{staticClass:\"text-center\"},_vm._l((_vm.selectedStationInfo.parameter),function(nestedItem,nestedKey){return _c('tr',{key:nestedKey},[[_c('td',{staticClass:\"text-start\"},[_vm._v(\" \"+_vm._s(nestedItem.name)+\" \")]),_c('td',{staticClass:\"text-start\"},[_vm._v(\" \"+_vm._s(nestedItem.value + \" \" + nestedItem.unit)+\" \")]),_c('td',{staticClass:\"text-start\"},[_vm._v(\" \"+_vm._s(nestedItem.si)+\" \")])]],2)}),0)]},proxy:true}])})]],2)],1),_c('v-expansion-panel',[_c('v-expansion-panel-header',[_vm._v(\"Station Details\")]),_c('v-expansion-panel-content',[_vm._v(\" Some content \")])],1)],1)],1)]],2)],2)]],2)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container class = \"ma-0 pa-0\" fluid fill-height>\r\n        <div id = \"map\">\r\n\r\n          <v-btn\r\n            class = \"mapviewerBtn ma-5 primary\" \r\n            elevation=\"2\"\r\n            color=\"#0082ba\"\r\n            @click=\"goToPage('/Mapviewer')\"\r\n          ><v-icon\r\n                dark\r\n                left\r\n              >\r\n                mdi-map-legend\r\n          </v-icon>View Full Map</v-btn>\r\n\r\n\r\n           <!-- <v-btn\r\n            class = \"mapviewerBtn ma-10 primary\" \r\n            elevation=\"2\"\r\n            color=\"#0082ba\"\r\n            @click=\"consoleSumtin()\"\r\n          ><v-icon\r\n                dark\r\n                left\r\n              >\r\n                mdi-map-legend\r\n          </v-icon>Console Log</v-btn> -->\r\n       \r\n\r\n\r\n        <div id = \"dashboard\" v-show=\"!displayOne\">\r\n           <template>\r\n                <v-data-table\r\n                  :headers= headers2\r\n                  :items= tableContents\r\n                  item-key=\"name\"\r\n                  class=\"elevation-1  dashboard_table\"\r\n                  :items-per-page = -1\r\n                  :disable-pagination = true\r\n                  height=\"93vh\"\r\n                  :disable-filtering= true\r\n                  :hide-default-footer=\"true\"\r\n                  :hide-default-header=\"true\"\r\n\r\n\r\n\r\n\r\n                  \r\n                >\r\n\r\n                 <template v-slot:header=\"{ props }\">\r\n                  <thead class = \"headers-class\">\r\n                  <tr>\r\n                     <th   v-for=\"(item,key) in props.headers\" :key=\"key\" class=\"text-start td-class\" @click=\"displayStatInfo(item.value);\">  {{ item.text}}</th>\r\n                  </tr>\r\n                  </thead>\r\n                </template>\r\n                \r\n\r\n                 <template v-slot:body=\"{ items }\">\r\n                  <tbody class=\"text-center\">\r\n                  <tr  v-for=\"(item,key) in items\" :key=\"key\" :class=\"item.class\" >\r\n                    <template v-if = \"item.parameter == 'Water Quality Index'\">\r\n                         <td  class=\"text-start\">  {{ item.parameter }}  </td>\r\n                         <template  v-for=\"(nestedItem, nestedKey) in getArray(item)\" >\r\n                           <td  class=\"text-start\" :key=\"nestedKey\" >\r\n                            <v-chip\r\n                            color = nestedItem.class\r\n                            >{{nestedItem.value}}\r\n                            </v-chip> \r\n                           </td>\r\n                         </template>\r\n                         \r\n                           <!-- <td  class=\"text-start\"> lalaala </td>\r\n                            <td  class=\"text-start\"> lalaala </td>\r\n                             <td  class=\"text-start\"> lalaala </td> -->\r\n                            \r\n                      \r\n                      <!-- <template  v-for=\"(nestedItem, nestedKey) in item\" >\r\n                      <td   v-if= \"nestedKey!= 'class'\" :key=\"nestedKey\" class=\"text-start\">  {{ nestedItem }} </td>\r\n                      </template> -->\r\n\r\n                    </template>\r\n                    <template v-else >\r\n                      <template  v-for=\"(nestedItem, nestedKey) in item\" >\r\n                      <td   v-if= \"nestedKey!= 'class'\" :key=\"nestedKey\" class=\"text-start\">  {{ nestedItem }} </td>\r\n                      </template>\r\n                    </template>\r\n                  </tr>\r\n                  </tbody>\r\n                </template>\r\n                \r\n                </v-data-table>\r\n              </template>\r\n        </div>\r\n\r\n        <div id = \"stationInfo\" v-show = \"displayOne\" >\r\n          <template >\r\n              <v-card\r\n                class=\"mx-auto my-12 station-info\" \r\n                width=\"600\"\r\n              >\r\n                <template slot=\"progress\" >\r\n                  <v-progress-linear\r\n                    color=\"deep-purple\"\r\n                    height=\"10\"\r\n                    indeterminate\r\n                  ></v-progress-linear>\r\n                </template>\r\n\r\n                <template>\r\n                    <v-carousel\r\n                      cycle\r\n                      height=\"400\"\r\n                      hide-delimiter-background\r\n                      show-arrows-on-hover\r\n                    >\r\n                      <template v-slot:prev=\"{ on, attrs }\">\r\n                        <v-btn\r\n                          color=\"success\"\r\n                          v-bind=\"attrs\"\r\n                          v-on=\"on\"\r\n                        >Previous slide</v-btn>\r\n                      </template>\r\n                      <template v-slot:next=\"{ on, attrs }\">\r\n                        <v-btn\r\n                          color=\"info\"\r\n                          v-bind=\"attrs\"\r\n                          v-on=\"on\"\r\n                        >Next slide</v-btn>\r\n                      </template>\r\n                     <v-carousel-item\r\n                        v-for=\"(item,i) in stationPicture\"\r\n                        :key=\"i\"\r\n                        :src=\"item.src.replace('sarawakdir','publicdir')\"\r\n                      ></v-carousel-item>\r\n                    </v-carousel>\r\n                  </template>\r\n\r\n                <v-card-title @click=\"displayStatInfo()\"> {{selectedStationInfo.stationId}} </v-card-title>\r\n\r\n                <v-card-text>\r\n                  <v-row\r\n                    align=\"center\"\r\n                    class=\"mx-0 pa-0\"\r\n                  >\r\n                    \r\n                  <v-col cols=\"12\" class=\"mx-0 pa-0\">\r\n                  <div>Class : Class {{selectedStationInfo.stationId}}</div>\r\n                  </v-col>\r\n                  <v-col cols=\"12\" class=\"mx-0 pa-0\">\r\n                  <div>Location : {{selectedStationInfo.location}}</div>\r\n                  </v-col>\r\n                  <v-col cols=\"12\" class=\"mx-0 pa-0\">\r\n                  <div>Last Updated : {{selectedStationInfo.datetime}}</div>\r\n                  </v-col>\r\n                  </v-row>\r\n                </v-card-text>\r\n\r\n                <v-divider class=\"mx-4\"></v-divider>\r\n\r\n                <v-card-title>\r\n                  <template>\r\n                      <div>\r\n                        <div class=\"d-flex\" style=\"width: 460px\">\r\n                        </div>\r\n\r\n                        <v-expansion-panels\r\n                          v-model=\"panel\"\r\n                          multiple\r\n                        >\r\n                          <v-expansion-panel>\r\n                            <v-expansion-panel-header>WQI Parameters</v-expansion-panel-header>\r\n                            <v-expansion-panel-content>\r\n                              <template>\r\n                                    <v-data-table\r\n                                      item-key=\"name\"\r\n                                      class=\"elevation-1 mb-2 \"\r\n                                      :items-per-page = -1\r\n                                      :disable-pagination = true\r\n                                      height=\"93vh\"\r\n                                      :disable-filtering= true\r\n                                      :hide-default-footer=\"true\"\r\n                                      :hide-default-header=\"true\"\r\n                                      style=\"overflow-y:scroll;\"\r\n\r\n                                    >\r\n\r\n                                    <template v-slot:header>\r\n                                      <thead class = \"headers-class\">\r\n                                      <tr>\r\n                                        <th> Parameter</th>\r\n                                        <th> Value & Unit</th>\r\n                                        <th> Sub Index</th>\r\n                                      </tr>\r\n                                      </thead>\r\n                                    </template>\r\n                                    \r\n\r\n                                    <template v-slot:body>\r\n                                      <tbody class=\"text-center\">\r\n                                      <tr  v-for=\"(nestedItem, nestedKey) in selectedStationInfo.parameter\"  :key=\"nestedKey\">\r\n                                         <template>\r\n                                           <td class=\"text-start\">  {{ nestedItem.name }} </td>\r\n                                            <td class=\"text-start\">  {{ nestedItem.value + \" \" + nestedItem.unit}} </td>\r\n                                             <td class=\"text-start\">  {{ nestedItem.si}} </td>\r\n                                        </template>\r\n                                      </tr>\r\n                                      </tbody>\r\n                                    </template>\r\n                                    \r\n                                    </v-data-table>\r\n                                </template>\r\n                            </v-expansion-panel-content>\r\n                          </v-expansion-panel>\r\n\r\n                          <v-expansion-panel>\r\n                            <v-expansion-panel-header>Station Details</v-expansion-panel-header>\r\n                            <v-expansion-panel-content>\r\n                              Some content\r\n                            </v-expansion-panel-content>\r\n                          </v-expansion-panel>\r\n\r\n\r\n                        </v-expansion-panels>\r\n                      </div>\r\n                    </template>\r\n                </v-card-title>\r\n\r\n                <!-- <v-card-text>\r\n                  <v-chip-group\r\n                    v-model=\"selection\"\r\n                    active-class=\"deep-purple accent-4 white--text\"\r\n                    column\r\n                  >\r\n                    <v-chip>5:30PM</v-chip>\r\n\r\n                    <v-chip>7:30PM</v-chip>\r\n\r\n                    <v-chip>8:00PM</v-chip>\r\n\r\n                    <v-chip>9:00PM</v-chip>\r\n                  </v-chip-group>\r\n                </v-card-text>\r\n\r\n                <v-card-actions>\r\n                  <v-btn\r\n                    color=\"deep-purple lighten-2\"\r\n                    text\r\n                  >\r\n                    Reserve\r\n                  </v-btn>\r\n                </v-card-actions> -->\r\n              </v-card>\r\n            </template>\r\n        </div>\r\n    </div>\r\n    </v-container>\r\n</template>\r\n\r\n<script>\r\n\r\nimport \"ol/ol.css\";\r\n\r\n\r\nimport Map from \"ol/Map\";\r\nimport View from \"ol/View\";\r\nimport { defaults as defaultControls, ScaleLine } from \"ol/control\";\r\nimport {\r\n  Tile as TileLayer,\r\n  Vector as VectorLayer,\r\n  Group as GroupLayer,\r\n} from \"ol/layer\";\r\nimport { OSM, Vector as VectorSource } from \"ol/source\";\r\nimport { Fill, Stroke, Circle, Style, Icon } from \"ol/style\";\r\nimport Feature from \"ol/Feature\";\r\nimport { fromLonLat } from \"ol/proj\";\r\nimport { Point } from \"ol/geom\";\r\nimport Overlay from \"ol/Overlay\";\r\nimport {getBottomLeft, getTopRight} from 'ol/extent.js';\r\n\r\n\r\n// Axios for fetching data\r\nimport axios from \"axios\";\r\n\r\n\r\nexport default {\r\n    \r\n    data: () => ({\r\n\r\n    // Map Declaration\r\n    map: null,\r\n    view: null,\r\n    extent: [ 100.35722893500143, 3.0516507132748085, 104.08900688046693, 5.8267903441487565 ],\r\n    baseMapLayer: {\r\n      topographicMap: new TileLayer({\r\n        title: \"Topographic Map\",\r\n        source: new OSM({\r\n          url: \"http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}.png\",\r\n          crossOrigin: \"anonymous\",\r\n        }),\r\n        visible: false,\r\n        type: \"base\",\r\n      }),\r\n      imageryMap: new TileLayer({\r\n        title: \"Imagery Map\",\r\n        source: new OSM({\r\n          // \"url\" : 'http://www.google.cn/maps/vt?lyrs=s@189&gl=cn&x={x}&y={y}&z={z}',\r\n          url: \"https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}\",\r\n          // \"url\": 'https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}',\r\n          crossOrigin: \"anonymous\",\r\n        }),\r\n        visible: false,\r\n        type: \"base\",\r\n      }),\r\n      streetMap: new TileLayer({\r\n        title: \"OSM\",\r\n        source: new OSM({\r\n          url: \"https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}\",\r\n          crossOrigin: \"anonymous\",\r\n        }),\r\n        visible: false,\r\n        type: \"base\",\r\n      }),\r\n      googleStreetMap: new TileLayer({\r\n        title: \"Google Street\",\r\n        source: new OSM({\r\n          url: \"https://mt1.google.com/vt/lyrs=r&x={x}&y={y}&z={z}\",\r\n          // \"url\": 'http://mt1.googleapis.com/vt?x={x}&y={y}&z={z}',\r\n          crossOrigin: \"anonymous\",\r\n        }),\r\n        visible: true,\r\n        type: \"base\",\r\n      }),\r\n      googleSateliteMap: new TileLayer({\r\n        title: \"OSM\",\r\n        source: new OSM({\r\n          url: \"https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}\",\r\n          crossOrigin: \"anonymous\",\r\n        }),\r\n        visible: false,\r\n        type: \"base\",\r\n      }),\r\n    },\r\n    pointStyle: {\r\n      default: new Style({\r\n        image: new Circle({\r\n          fill: new Fill({\r\n            color: \"#3381ff\",\r\n          }),\r\n          stroke: new Stroke({\r\n            color: \"#0242ab\",\r\n            width: 1.25,\r\n          }),\r\n          radius: 8,\r\n        }),\r\n      }),\r\n      selected: new Style({\r\n        image: new Circle({\r\n          fill: new Fill({\r\n            color: \"#00ffff\",\r\n          }),\r\n          stroke: new Stroke({\r\n            color: \"#003300\",\r\n            width: 1.25,\r\n          }),\r\n          radius: 8,\r\n        }),\r\n      }),\r\n    },\r\n\r\n    //Table Data\r\n\r\n\r\n\r\n        headers2 : [ {\r\n            text: 'Parameters',\r\n            align: 'start',\r\n            sortable: false,\r\n            value: 'parameter',\r\n          },],\r\n\r\n\r\n          listParamDisplayed : [ \"WQI\", \"TEMPERATURE\", \"pH\",\"DO_SAT\", \"DO_CON\", \"EC\", \"SALINITY\", \"NH4\", \"NH3N\", \"TURBIDITY\", \"TSS\", \"BOD\", \"COD\", \"DOC\", \"TOC\", \"E_COLI\", \"CHLOROPHYLL_A\", \"SOLAR_BATTERY\", \"TRYPHPTOPHAN\", \"CDOM\" ],\r\n\r\n          paramContentDetail: [],\r\n          stationDetails: [],\r\n          tableContents: [],\r\n\r\n          station_status: [\r\n            {\r\n              text: \"Active\",\r\n              img: require(\"@/assets/mapviewer/station_icon_green.svg\"),\r\n            },\r\n            {\r\n              text: \"Inactive\",\r\n              img: require(\"@/assets/mapviewer/station_icon_grey.svg\"),\r\n            },\r\n            {\r\n              text: \"Transmission Delay\",\r\n              img: require(\"@/assets/mapviewer/station_icon_orange.svg\"),\r\n            },\r\n          ],\r\n\r\n          card_station_name: \"111\",\r\n          selection: \"111\",\r\n          panel: \"\",\r\n          displayOne:  false,\r\n          stationInfoList: [],\r\n          selectedStationInfo: {},\r\n\r\n          stationPicture: [],\r\n          \r\n\r\n    \r\n    }),\r\n    methods: {\r\n\r\n        initiateMap() {\r\n            var source = new VectorSource();\r\n            var vector = new VectorLayer({\r\n                source: source,\r\n            });\r\n\r\n            var baseMap = new GroupLayer({\r\n                layers: [\r\n                this.baseMapLayer.topographicMap,\r\n                this.baseMapLayer.imageryMap,\r\n                this.baseMapLayer.streetMap,\r\n                this.baseMapLayer.googleStreetMap,\r\n                this.baseMapLayer.googleSateliteMap,\r\n                ],\r\n            });\r\n\r\n            this.map = new Map({\r\n                controls: defaultControls({\r\n                zoom: false,\r\n                }),\r\n                // .extend([\r\n                //     new ScaleLine({\r\n                //         units: 'metric',\r\n                //     }),\r\n                // ]),\r\n                target: \"map\",\r\n                layers: [baseMap],\r\n                view: new View({\r\n                projection: \"EPSG:4326\",\r\n                zoom: 1,\r\n                }),\r\n            });\r\n\r\n            this.view = this.map.getView();\r\n            this.view.fit(this.extent);\r\n            this.map.on('moveend', this.onMoveEnd)\r\n            },\r\n            \r\n\r\n            getColor (calories) {\r\n                if (calories > 400) return 'red'\r\n                else if (calories > 200) return 'orange'\r\n                else return 'green'\r\n            },\r\n\r\n            getStationInfo() {\r\n                  axios\r\n                    .get(\"https://apis.spatialworks.com.my/sarawak/cms/reading\", {\r\n                      headers: {\r\n                        Authorization: \"Bearer \" + this.$store.getters.user.token,\r\n                      },\r\n                    })\r\n                    .then((response) => {\r\n                      this.stationDetails = response.data;\r\n                      // this.addMapMarker();\r\n\r\n                      // console.log(this.stationDetails);\r\n\r\n                      this.genTableHeader();\r\n\r\n                      // let stationData = response.data;\r\n                      // this.stationList = [];\r\n                      // for(let i = 0; i < stationData.length; i++){\r\n                      //   this.stationList.push(stationData[i].stationid_a);\r\n\r\n                        // for(let j = 0; j < this.headers.length; j++){\r\n                        //   if(this.headers[j].value == stationData[i].stationid_a){\r\n                        //     this.headers[j].name = stationData[i].LOCATION;\r\n                        //     this.headers[j]['last_date'] = stationData[i].DATETIME;\r\n                        //   }\r\n                        // }\r\n                      })\r\n                     .catch((error) => {\r\n                        console.log(error);\r\n                      });\r\n\r\n\r\n            },\r\n\r\n\r\n            getParamInfo() {\r\n\r\n                axios\r\n                  .get(\"https://apis.spatialworks.com.my/sarawak/cms/params\", {\r\n                    headers: {\r\n                      Authorization: \"Bearer \" + this.$store.getters.user.token,\r\n                    },\r\n                  })\r\n                  .then((response) => {\r\n                    this.paramDetails = response.data;\r\n\r\n                      // console.log(this.paramDetails);\r\n\r\n                      this.genParamList();\r\n\r\n                    })\r\n                    .catch((error) => {\r\n                      console.log(error);\r\n                });\r\n\r\n            },\r\n\r\n            genTableHeader() {\r\n\r\n              // console.log('fuhh',this.stationDetails);\r\n\r\n              for (let i = 0; i < this.stationDetails.length; i++){\r\n\r\n\r\n                let headerName = {\r\n                  text: this.stationDetails[i].STATION_ID + \"\\n\" + this.stationDetails[i].LOCATION + \" \" +this.stationDetails[i].STATE_NAME + \" \" + this.stationDetails[i].DATETIME ,\r\n                  value: this.stationDetails[i].STATION_ID \r\n                  \r\n                }\r\n\r\n\r\n                \r\n                this.headers2.push(headerName)\r\n\r\n              }\r\n\r\n              this.getParamInfo();\r\n\r\n\r\n\r\n\r\n            },\r\n\r\n\r\n            genParamList() {\r\n\r\n\r\n              for(let j = 0; j < this.listParamDisplayed.length; j++){\r\n\r\n                  for(let i = 0; i < this.paramDetails.length; i++){\r\n\r\n                                      \r\n                    if (this.listParamDisplayed[j] == this.paramDetails[i].reading){\r\n                        // console.log(\"listParamDisplayed\", this.listParamDisplayed[j], this.paramDetails[i].reading)\r\n\r\n                        Object.keys(this.paramDetails[i]).forEach(key => {\r\n                          if (this.paramDetails[i][key] === null) {\r\n                            this.paramDetails[i][key] = '';\r\n                          }\r\n                        });\r\n                        \r\n                        let paramContent = {\r\n                            name: this.listParamDisplayed[j],\r\n                            fullName: this.paramDetails[i].fullname,\r\n                            unit: this.paramDetails[i].unit\r\n                        }\r\n\r\n\r\n                        \r\n                        this.paramContentDetail.push(paramContent);\r\n\r\n                    }\r\n\r\n                  }\r\n\r\n                  \r\n              }\r\n\r\n                  // console.log(\"syationdeta\", this.stationDetails);\r\n\r\n              this.genTable();\r\n            },\r\n\r\n\r\n            genTable(){\r\n\r\n                                  //  console.log(\"tableContent\", this.stationDetails)\r\n\r\n                this.getStationInfoList(); // GET CONTENT FOR STATION INFO\r\n\r\n\r\n                for(let i = 0; i < this.paramContentDetail.length; i++) {         \r\n\r\n                    let parameter = this.paramContentDetail[i].name;\r\n                    let tableContent = {\r\n                        parameter : this.paramContentDetail[i].fullName,\r\n                        class : 'datatable-class'\r\n                        \r\n                    }\t\r\n\r\n                    // let stationDetailsParse =  JSON.stringify(this.stationDetails);\r\n                    \r\n                     for (let j = 0; j < this.stationDetails.length; j++){\r\n\r\n                        \r\n\r\n                        //REPLACE NULL VALUES TO Na\r\n\r\n                        Object.keys(this.stationDetails[j]).forEach(key => {\r\n                            // console.log(\"hehehe\", this.stationDetails[j][key]);\r\n\r\n                          if (this.stationDetails[j][key] === null) {\r\n                            this.stationDetails[j][key] = 'NA';\r\n                          }\r\n                        });\r\n\r\n                        let tempValue = this.stationDetails[j][parameter]\r\n\r\n\r\n                        // let tempValue = stationDetailsParse\r\n\r\n\r\n                        // console.log(\"temp\", tempValue)\r\n                        // tempValue = tempValue.replace(null, \"NA\");\r\n                        if (this.paramContentDetail[i].name == \"WQI\"){\r\n                            \r\n                            let tempObj = {\r\n                              value: this.stationDetails[j][\"param_wqi\"] ,\r\n                              class: this.stationDetails[j][\"param_wqi_class\"] \r\n                            }\r\n\r\n                            tableContent[this.stationDetails[j].STATION_ID] = tempObj\r\n\r\n                        }\r\n                        else {\r\n\r\n                          if (tempValue !== \"NA\")\r\n                            tableContent[this.stationDetails[j].STATION_ID] = tempValue+ \" \" + this.paramContentDetail[i].unit;\r\n                          else\r\n                            tableContent[this.stationDetails[j].STATION_ID] = tempValue\r\n                        }\r\n\r\n\r\n                        \r\n\r\n                        \r\n                     }\r\n\r\n                    this.tableContents.push(tableContent)\r\n                    // console.log(this.tableContents);\r\n\r\n                }\r\n\r\n\r\n                \r\n            },\r\n\r\n            setRowStyle(item) {\r\n                /* Here you can also do some validation\r\n                in case you want to apply different css \r\n                classes depending on item attributes \r\n                values */\r\n                return 'style-1'\r\n            },\r\n\r\n\r\n            consoleSumtin() {\r\n              // console.log(JSON.stringify(this.tableContents))\r\n              this.addMapMarker();\r\n\r\n              // console.log((this.tableContents));\r\n              \r\n              this.getStationInfoList()\r\n            },\r\n\r\n            getArray(item) {\r\n              delete item.parameter;\r\n              delete item.class\r\n              \r\n              return item\r\n            },\r\n\r\n\r\n            addMapMarker() {\r\n              for (let i = 0; i < this.stationDetails.length; i++) {\r\n                var marker = new Feature({\r\n                  geometry: new Point([\r\n                    this.stationDetails[i].LONGITUDE,\r\n                    this.stationDetails[i].LATITUDE,\r\n                  ]),\r\n                  description: this.stationDetails[i],\r\n                });\r\n                var vectorSource = new VectorSource({\r\n                  features: [marker],\r\n                });\r\n\r\n                var markerVectorLayer = new VectorLayer({\r\n                  source: vectorSource,\r\n                  style: new Style({\r\n                    image: new Icon({\r\n                      crossOrigin: \"anonymous\",\r\n                      src: this.stationDetails[i].green == 'true' ? this.station_status[0].img : this.stationDetails[i].grey == 'true' ? this.station_status[1].img : this.stationDetails[i].yellow == 'true' ? this.station_status[2].img : '',\r\n                      scale: 1.5,\r\n                    }),\r\n                  }),\r\n                });\r\n                this.map.addLayer(markerVectorLayer);\r\n              }\r\n              // this.addMapOverlayReading();\r\n            },\r\n\r\n            display(id, value) {\r\n                console.log(id, value)\r\n              },\r\n\r\n             wrapLon(value) {\r\n                const worlds = Math.floor((value + 180) / 360);\r\n                return value - worlds * 360;\r\n              },\r\n\r\n            onMoveEnd(evt) {\r\n\r\n              // console.log(this.map);\r\n              // console.log(this.view);\r\n\r\n                const map = evt.map;\r\n                // const extent = this.map.getView().calculateExtent(map.getSize());\r\n                // const bottomLeft = fromLonLat(getBottomLeft(extent));\r\n                // const topRight = fromLonLat(getTopRight(extent));\r\n                // this.display('left', this.wrapLon(bottomLeft[0]));\r\n                // this.display('bottom', bottomLeft[1]);\r\n                // this.display('right', this.wrapLon(topRight[0]));\r\n                // this.display('top', topRight[1]);\r\n                // this.display(\"bottomLeft\", fromLonLat(getBottomLeft(extent)))\r\n\r\n                // // const extent2 =  this.map.zoomExtent(extent2)\r\n                this.display(\"extent2\", map.getView().calculateExtent())\r\n            },\r\n\r\n            displayStatInfo(statInfo) {\r\n              \r\n              this.getSelectedStationInfo(statInfo);     \r\n              this.displayOne = !this.displayOne\r\n            },\r\n\r\n            getStationInfoList(){\r\n\r\n              let listParam = []\r\n              let keys\r\n              for(let i = 0; i < this.stationDetails.length ; i++){\r\n                  keys = Object.keys(this.stationDetails[i]);\r\n              }\r\n\r\n              //get all properties that include param string\r\n              const allParamKeys= keys.filter((keys) => {\r\n                return keys.includes('param') ;\r\n              });\r\n\r\n              //get all paramaters without sub index and class\r\n              let paramWithoutSiAndClass = allParamKeys.filter((allParamKeys) => {\r\n                return !allParamKeys.includes('si') &&  !allParamKeys.includes('class') ;\r\n              });\r\n\r\n              //get all parameters name only\r\n              let parameters = allParamKeys.filter((paramWithoutSiAndClass) => {\r\n                return !paramWithoutSiAndClass.includes('si') &&  !paramWithoutSiAndClass.includes('class') ;\r\n              });\r\n\r\n              \r\n\r\n               parameters.forEach(function (param,index) { \r\n                  console.log(\"huww\", parameters[index]);\r\n                  parameters[index] = parameters[index].replace(\"param_\", \"\")\r\n               })\r\n\r\n\r\n              console.log(\"paramDetails\", JSON.stringify(this.paramDetails))\r\n              console.log(\"parameterd\", parameters)\r\n              console.log(\"stationDetails\", JSON.stringify(this.stationDetails))\r\n\r\n\r\n    \r\n              for(let i = 0; i < this.stationDetails.length ; i++){\r\n                \r\n                \r\n                let paramList = []\r\n\r\n                // for(let k = 0; k < parameters.length ; k++){\r\n\r\n                  let paramObj = {}\r\n\r\n                  for(let j = (this.listParamDisplayed.length-1); j > -1 ; j--){\r\n                    for(let m = 0; m < this.paramDetails.length ; m++){\r\n\r\n                        \r\n                      if (this.listParamDisplayed[j] == this.paramDetails[m].reading){\r\n                        \r\n                         paramObj = {\r\n                          name: this.paramDetails[m].fullname,\r\n                          value: this.stationDetails[i][this.listParamDisplayed[j]],\r\n                          unit: this.paramDetails[m].unit,\r\n                          si: this.stationDetails[i][\"param_si_\"+(this.listParamDisplayed[j]).toLowerCase()],\r\n \r\n                          }\r\n\r\n                          console.log( \"param_si_\"+(this.listParamDisplayed[j]).toLowerCase(),this.stationDetails[i][\"param_si_\"+(this.listParamDisplayed[j]).toLowerCase()]);\r\n\r\n                          if(parameters.includes(this.listParamDisplayed[j].toLowerCase()))\r\n                            paramList.unshift(paramObj)  \r\n                          else\r\n                            paramList.push(paramObj)  \r\n                            \r\n\r\n\r\n                      }\r\n                      \r\n                  }\r\n\r\n                }\r\n\r\n                  let stationInfoObj = {\r\n                    stationId: this.stationDetails[i].STATION_ID,\r\n                    location: this.stationDetails[i].LOCATION,\r\n                    datetime: this.stationDetails[i].datetime_a,\r\n                    longitude: this.stationDetails[i].LONGITUDE,\r\n                    latitude: this.stationDetails[i].LATITUDE,\r\n                    station_picture: this.stationDetails[i].STATION_PICTURE,\r\n                    deployment_picture: this.stationDetails[i].DEPLOYMENT_PICTURE,\r\n                    upstream_picture: this.stationDetails[i].UPSTREAM_PICTURE,\r\n                    downstream_picture: this.stationDetails[i].DOWNSTREAM_PICTURE,\r\n                    parameter: paramList\r\n                  }\r\n\r\n                  this.stationInfoList.push(stationInfoObj);\r\n              }                                                \r\n     \r\n            },\r\n\r\n            getSelectedStationInfo(statID) {\r\n              \r\n              this.stationPicture = []\r\n\r\n              console.log(\"stat\", statID)\r\n              \r\n              for(let i = 0 ; i < this.stationInfoList.length; i++){\r\n                // console.log(this.stationInfoList[i].stationId, statID);\r\n                if(this.stationInfoList[i].stationId == statID){\r\n                  this.selectedStationInfo = this.stationInfoList[i];\r\n                }\r\n              }\r\n\r\n              let keys = Object.keys(this.selectedStationInfo);\r\n              //get all properties that include param string\r\n              let arrParam = keys.filter((keys) => {\r\n                return keys.includes('picture') ;\r\n              });\r\n\r\n              for(let i =0; i < arrParam.length; i++ ){\r\n                  let obj = {\r\n                    src: this.selectedStationInfo[arrParam[i]]\r\n                  }\r\n\r\n                  this.stationPicture.push(obj)\r\n              }\r\n\r\n              console.log(this.selectedStationInfo);\r\n\r\n            }\r\n            \r\n\r\n\r\n\r\n\r\n\r\n\r\n    },\r\n    mounted() {\r\n\r\n        this.initiateMap();\r\n\r\n        this.getStationInfo();\r\n\r\n\r\n\r\n    },\r\n}\r\n\r\n</script>\r\n\r\n<style scoped>\r\n\r\n.whole-page {\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n}\r\n\r\n#map {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n}\r\n\r\n#dashboard {\r\n    position: absolute;\r\n    width: 60%;\r\n    height: 100%;\r\n    z-index: 5;\r\n    left:40%;\r\n\r\n}\r\n\r\n#stationInfo {\r\n    position: absolute;\r\n    width: 50%;\r\n    height: 90% !important;\r\n    z-index: 5;\r\n    left: 53%;\r\n    top: 10px;\r\n\r\n}\r\n\r\n.mapviewerBtn {\r\n  position: absolute;\r\n  left: 10px;\r\n  z-index: 5;\r\n}\r\n\r\n/* table.v-table thead tr  {\r\n  height: 100px !important;\r\n  color: red !important;\r\n} */\r\n\r\n.dashboard_table > .v-data-table__wrapper > table > .v-data-table-header > tr > th {\r\n  color: #276173 !important;\r\n  background: p;\r\n}\r\n\r\n\r\n.td-class {\r\n   background-color: #eceded;\r\n   color: #276173 !important;\r\n  }\r\n\r\n\r\n  tbody tr:nth-of-type(even) {\r\n    background-color: rgba(236, 237, 237) !important;\r\n  }\r\n\r\n  tbody tr:nth-of-type(odd) {\r\n    background-color: rgb(250 ,250, 250);\r\n  }\r\n\r\n.station-info-table {\r\n  overflow: scroll;\r\n}\r\n\r\n.td-header {\r\nbackground: rgb(0,212,255);\r\nbackground: linear-gradient(90deg, rgba(0,212,255,1) 3%, rgba(0,140,189,1) 56%, rgba(0,139,188,1) 63%, rgba(0,138,187,1) 83%, rgba(0,131,179,1) 90%, rgba(0,127,175,1) 97%, rgba(2,0,36,1) 100%, rgba(1,79,123,1) 100%, rgba(1,99,145,1) 100%); }\r\n</style>","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!./Dashboard.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!./Dashboard.vue?vue&type=script&lang=js&\"","// Extensions\nimport { BaseItemGroup } from '../../components/VItemGroup/VItemGroup';\n/* @vue/component */\n\nexport default BaseItemGroup.extend({\n  name: 'button-group',\n\n  provide() {\n    return {\n      btnToggle: this\n    };\n  },\n\n  computed: {\n    classes() {\n      return BaseItemGroup.options.computed.classes.call(this);\n    }\n\n  },\n  methods: {\n    // Isn't being passed down through types\n    genData: BaseItemGroup.options.methods.genData\n  }\n});\n//# sourceMappingURL=index.js.map","// Styles\nimport \"../../../src/components/VCarousel/VCarousel.sass\"; // Extensions\n\nimport VWindow from '../VWindow/VWindow'; // Components\n\nimport VBtn from '../VBtn';\nimport VIcon from '../VIcon';\nimport VProgressLinear from '../VProgressLinear'; // Mixins\n// TODO: Move this into core components v2.0\n\nimport ButtonGroup from '../../mixins/button-group'; // Utilities\n\nimport { convertToUnit } from '../../util/helpers';\nimport { breaking } from '../../util/console';\nexport default VWindow.extend({\n  name: 'v-carousel',\n  props: {\n    continuous: {\n      type: Boolean,\n      default: true\n    },\n    cycle: Boolean,\n    delimiterIcon: {\n      type: String,\n      default: '$delimiter'\n    },\n    height: {\n      type: [Number, String],\n      default: 500\n    },\n    hideDelimiters: Boolean,\n    hideDelimiterBackground: Boolean,\n    interval: {\n      type: [Number, String],\n      default: 6000,\n      validator: value => value > 0\n    },\n    mandatory: {\n      type: Boolean,\n      default: true\n    },\n    progress: Boolean,\n    progressColor: String,\n    showArrows: {\n      type: Boolean,\n      default: true\n    },\n    verticalDelimiters: {\n      type: String,\n      default: undefined\n    }\n  },\n\n  data() {\n    return {\n      internalHeight: this.height,\n      slideTimeout: undefined\n    };\n  },\n\n  computed: {\n    classes() {\n      return { ...VWindow.options.computed.classes.call(this),\n        'v-carousel': true,\n        'v-carousel--hide-delimiter-background': this.hideDelimiterBackground,\n        'v-carousel--vertical-delimiters': this.isVertical\n      };\n    },\n\n    isDark() {\n      return this.dark || !this.light;\n    },\n\n    isVertical() {\n      return this.verticalDelimiters != null;\n    }\n\n  },\n  watch: {\n    internalValue: 'restartTimeout',\n    interval: 'restartTimeout',\n\n    height(val, oldVal) {\n      if (val === oldVal || !val) return;\n      this.internalHeight = val;\n    },\n\n    cycle(val) {\n      if (val) {\n        this.restartTimeout();\n      } else {\n        clearTimeout(this.slideTimeout);\n        this.slideTimeout = undefined;\n      }\n    }\n\n  },\n\n  created() {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('hide-controls')) {\n      breaking('hide-controls', ':show-arrows=\"false\"', this);\n    }\n  },\n\n  mounted() {\n    this.startTimeout();\n  },\n\n  methods: {\n    genControlIcons() {\n      if (this.isVertical) return null;\n      return VWindow.options.methods.genControlIcons.call(this);\n    },\n\n    genDelimiters() {\n      return this.$createElement('div', {\n        staticClass: 'v-carousel__controls',\n        style: {\n          left: this.verticalDelimiters === 'left' && this.isVertical ? 0 : 'auto',\n          right: this.verticalDelimiters === 'right' ? 0 : 'auto'\n        }\n      }, [this.genItems()]);\n    },\n\n    genItems() {\n      const length = this.items.length;\n      const children = [];\n\n      for (let i = 0; i < length; i++) {\n        const child = this.$createElement(VBtn, {\n          staticClass: 'v-carousel__controls__item',\n          attrs: {\n            'aria-label': this.$vuetify.lang.t('$vuetify.carousel.ariaLabel.delimiter', i + 1, length)\n          },\n          props: {\n            icon: true,\n            small: true,\n            value: this.getValue(this.items[i], i)\n          }\n        }, [this.$createElement(VIcon, {\n          props: {\n            size: 18\n          }\n        }, this.delimiterIcon)]);\n        children.push(child);\n      }\n\n      return this.$createElement(ButtonGroup, {\n        props: {\n          value: this.internalValue,\n          mandatory: this.mandatory\n        },\n        on: {\n          change: val => {\n            this.internalValue = val;\n          }\n        }\n      }, children);\n    },\n\n    genProgress() {\n      return this.$createElement(VProgressLinear, {\n        staticClass: 'v-carousel__progress',\n        props: {\n          color: this.progressColor,\n          value: (this.internalIndex + 1) / this.items.length * 100\n        }\n      });\n    },\n\n    restartTimeout() {\n      this.slideTimeout && clearTimeout(this.slideTimeout);\n      this.slideTimeout = undefined;\n      window.requestAnimationFrame(this.startTimeout);\n    },\n\n    startTimeout() {\n      if (!this.cycle) return;\n      this.slideTimeout = window.setTimeout(this.next, +this.interval > 0 ? +this.interval : 6000);\n    }\n\n  },\n\n  render(h) {\n    const render = VWindow.options.render.call(this, h);\n    render.data.style = `height: ${convertToUnit(this.height)};`;\n    /* istanbul ignore else */\n\n    if (!this.hideDelimiters) {\n      render.children.push(this.genDelimiters());\n    }\n    /* istanbul ignore else */\n\n\n    if (this.progress || this.progressColor) {\n      render.children.push(this.genProgress());\n    }\n\n    return render;\n  }\n\n});\n//# sourceMappingURL=VCarousel.js.map","// Extensions\nimport VWindowItem from '../VWindow/VWindowItem'; // Components\n\nimport { VImg } from '../VImg'; // Utilities\n\nimport mixins from '../../util/mixins';\nimport { getSlot } from '../../util/helpers';\nimport Routable from '../../mixins/routable'; // Types\n\nconst baseMixins = mixins(VWindowItem, Routable);\n/* @vue/component */\n\nexport default baseMixins.extend({\n  name: 'v-carousel-item',\n  inheritAttrs: false,\n  methods: {\n    genDefaultSlot() {\n      return [this.$createElement(VImg, {\n        staticClass: 'v-carousel__item',\n        props: { ...this.$attrs,\n          height: this.windowGroup.internalHeight\n        },\n        on: this.$listeners,\n        scopedSlots: {\n          placeholder: this.$scopedSlots.placeholder\n        }\n      }, getSlot(this))];\n    },\n\n    genWindowItem() {\n      const {\n        tag,\n        data\n      } = this.generateRouteLink();\n      data.staticClass = 'v-window-item';\n      data.directives.push({\n        name: 'show',\n        value: this.isActive\n      });\n      return this.$createElement(tag, data, this.genDefaultSlot());\n    }\n\n  }\n});\n//# sourceMappingURL=VCarouselItem.js.map","import { render, staticRenderFns } from \"./Dashboard.vue?vue&type=template&id=60014be7&scoped=true&\"\nimport script from \"./Dashboard.vue?vue&type=script&lang=js&\"\nexport * from \"./Dashboard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Dashboard.vue?vue&type=style&index=0&id=60014be7&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  \"60014be7\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCarousel } from 'vuetify/lib/components/VCarousel';\nimport { VCarouselItem } from 'vuetify/lib/components/VCarousel';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VExpansionPanel } from 'vuetify/lib/components/VExpansionPanel';\nimport { VExpansionPanelContent } from 'vuetify/lib/components/VExpansionPanel';\nimport { VExpansionPanelHeader } from 'vuetify/lib/components/VExpansionPanel';\nimport { VExpansionPanels } from 'vuetify/lib/components/VExpansionPanel';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VProgressLinear } from 'vuetify/lib/components/VProgressLinear';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardText,VCardTitle,VCarousel,VCarouselItem,VChip,VCol,VContainer,VDataTable,VDivider,VExpansionPanel,VExpansionPanelContent,VExpansionPanelHeader,VExpansionPanels,VIcon,VProgressLinear,VRow})\n","module.exports = __webpack_public_path__ + \"img/station_icon_green.0d85b67c.svg\";","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!./Dashboard.vue?vue&type=style&index=0&id=60014be7&scoped=true&lang=css&\"","// Styles\nimport \"../../../src/components/VWindow/VWindow.sass\"; // Directives\n\nimport Touch from '../../directives/touch'; // Components\n\nimport VBtn from '../VBtn';\nimport VIcon from '../VIcon';\nimport { BaseItemGroup } from '../VItemGroup/VItemGroup';\n/* @vue/component */\n\nexport default BaseItemGroup.extend({\n  name: 'v-window',\n\n  provide() {\n    return {\n      windowGroup: this\n    };\n  },\n\n  directives: {\n    Touch\n  },\n  props: {\n    activeClass: {\n      type: String,\n      default: 'v-window-item--active'\n    },\n    continuous: Boolean,\n    mandatory: {\n      type: Boolean,\n      default: true\n    },\n    nextIcon: {\n      type: [Boolean, String],\n      default: '$next'\n    },\n    prevIcon: {\n      type: [Boolean, String],\n      default: '$prev'\n    },\n    reverse: {\n      type: Boolean,\n      default: undefined\n    },\n    showArrows: Boolean,\n    showArrowsOnHover: Boolean,\n    touch: Object,\n    touchless: Boolean,\n    value: {\n      required: false\n    },\n    vertical: Boolean\n  },\n\n  data() {\n    return {\n      changedByDelimiters: false,\n      internalHeight: undefined,\n      transitionHeight: undefined,\n      transitionCount: 0,\n      isBooted: false,\n      isReverse: false\n    };\n  },\n\n  computed: {\n    isActive() {\n      return this.transitionCount > 0;\n    },\n\n    classes() {\n      return { ...BaseItemGroup.options.computed.classes.call(this),\n        'v-window--show-arrows-on-hover': this.showArrowsOnHover\n      };\n    },\n\n    computedTransition() {\n      if (!this.isBooted) return '';\n      const axis = this.vertical ? 'y' : 'x';\n      const reverse = this.$vuetify.rtl && axis === 'x' ? !this.internalReverse : this.internalReverse;\n      const direction = reverse ? '-reverse' : '';\n      return `v-window-${axis}${direction}-transition`;\n    },\n\n    hasActiveItems() {\n      return Boolean(this.items.find(item => !item.disabled));\n    },\n\n    hasNext() {\n      return this.continuous || this.internalIndex < this.items.length - 1;\n    },\n\n    hasPrev() {\n      return this.continuous || this.internalIndex > 0;\n    },\n\n    internalIndex() {\n      return this.items.findIndex((item, i) => {\n        return this.internalValue === this.getValue(item, i);\n      });\n    },\n\n    internalReverse() {\n      return this.reverse ? !this.isReverse : this.isReverse;\n    }\n\n  },\n  watch: {\n    internalIndex: 'updateReverse'\n  },\n\n  mounted() {\n    window.requestAnimationFrame(() => this.isBooted = true);\n  },\n\n  methods: {\n    genContainer() {\n      const children = [this.$slots.default];\n\n      if (this.showArrows) {\n        children.push(this.genControlIcons());\n      }\n\n      return this.$createElement('div', {\n        staticClass: 'v-window__container',\n        class: {\n          'v-window__container--is-active': this.isActive\n        },\n        style: {\n          height: this.internalHeight || this.transitionHeight\n        }\n      }, children);\n    },\n\n    genIcon(direction, icon, fn) {\n      return this.$createElement('div', {\n        staticClass: `v-window__${direction}`\n      }, [this.$createElement(VBtn, {\n        props: {\n          icon: true\n        },\n        attrs: {\n          'aria-label': this.$vuetify.lang.t(`$vuetify.carousel.${direction}`)\n        },\n        on: {\n          click: () => {\n            this.changedByDelimiters = true;\n            fn();\n          }\n        }\n      }, [this.$createElement(VIcon, {\n        props: {\n          large: true\n        }\n      }, icon)])]);\n    },\n\n    genControlIcons() {\n      const icons = [];\n      const prevIcon = this.$vuetify.rtl ? this.nextIcon : this.prevIcon;\n      /* istanbul ignore else */\n\n      if (this.hasPrev && prevIcon && typeof prevIcon === 'string') {\n        const icon = this.genIcon('prev', prevIcon, this.prev);\n        icon && icons.push(icon);\n      }\n\n      const nextIcon = this.$vuetify.rtl ? this.prevIcon : this.nextIcon;\n      /* istanbul ignore else */\n\n      if (this.hasNext && nextIcon && typeof nextIcon === 'string') {\n        const icon = this.genIcon('next', nextIcon, this.next);\n        icon && icons.push(icon);\n      }\n\n      return icons;\n    },\n\n    getNextIndex(index) {\n      const nextIndex = (index + 1) % this.items.length;\n      const item = this.items[nextIndex];\n      if (item.disabled) return this.getNextIndex(nextIndex);\n      return nextIndex;\n    },\n\n    getPrevIndex(index) {\n      const prevIndex = (index + this.items.length - 1) % this.items.length;\n      const item = this.items[prevIndex];\n      if (item.disabled) return this.getPrevIndex(prevIndex);\n      return prevIndex;\n    },\n\n    next() {\n      this.isReverse = this.$vuetify.rtl;\n      /* istanbul ignore if */\n\n      if (!this.hasActiveItems || !this.hasNext) return;\n      const nextIndex = this.getNextIndex(this.internalIndex);\n      const item = this.items[nextIndex];\n      this.internalValue = this.getValue(item, nextIndex);\n    },\n\n    prev() {\n      this.isReverse = !this.$vuetify.rtl;\n      /* istanbul ignore if */\n\n      if (!this.hasActiveItems || !this.hasPrev) return;\n      const lastIndex = this.getPrevIndex(this.internalIndex);\n      const item = this.items[lastIndex];\n      this.internalValue = this.getValue(item, lastIndex);\n    },\n\n    updateReverse(val, oldVal) {\n      if (this.changedByDelimiters) {\n        this.changedByDelimiters = false;\n        return;\n      }\n\n      this.isReverse = val < oldVal;\n    }\n\n  },\n\n  render(h) {\n    const data = {\n      staticClass: 'v-window',\n      class: this.classes,\n      directives: []\n    };\n\n    if (!this.touchless) {\n      const value = this.touch || {\n        left: () => {\n          this.$vuetify.rtl ? this.prev() : this.next();\n        },\n        right: () => {\n          this.$vuetify.rtl ? this.next() : this.prev();\n        },\n        end: e => {\n          e.stopPropagation();\n        },\n        start: e => {\n          e.stopPropagation();\n        }\n      };\n      data.directives.push({\n        name: 'touch',\n        value\n      });\n    }\n\n    return h('div', data, [this.genContainer()]);\n  }\n\n});\n//# sourceMappingURL=VWindow.js.map"],"sourceRoot":""}