{"version":3,"sources":["webpack:///./src/views/monitor/MonitorFaultySites.vue?b8bd","webpack:///./src/views/monitor/Monitor.vue","webpack:///./src/views/monitor/Monitor.vue?bcdb","webpack:///./src/views/monitor/MonitorMapWidget.vue","webpack:///./src/views/monitor/MonitorMapWidget.vue?f75d","webpack:///./src/views/monitor/MonitorSimpleImage.vue","webpack:///./src/views/monitor/MonitorSimpleImage.vue?b54c","webpack:///./src/views/monitor/MonitorStatsWidget.vue","webpack:///./src/views/monitor/MonitorStatsWidget.vue?4d2d","webpack:///./src/views/monitor/Monitor.vue?bf6b","webpack:///./src/views/monitor/MonitorFaultySites.vue","webpack:///./src/views/monitor/MonitorFaultySite.vue","webpack:///./src/views/monitor/MonitorFaultySite.vue?f993","webpack:///./src/views/monitor/MonitorFaultySites.vue?59d6","webpack:///./src/views/monitor/MonitorTextWidget.vue","webpack:///./src/views/monitor/MonitorTextWidget.vue?c78d","webpack:///./src/views/monitor/MonitorPingLog.vue","webpack:///./src/views/monitor/MonitorPingLog.vue?e7c6","webpack:///./src/components/Time.vue","webpack:///./src/components/Time.vue?5dfe","webpack:///./src/views/monitor/MonitorCompletedJobsWidget.vue?645a","webpack:///./src/views/monitor/MonitorCompletedJobsWidget.vue","webpack:///./src/views/monitor/MonitorCompletedJobsWidget.vue?74ae","webpack:///./src/views/monitor/MonitorStatsWidget.vue?605e"],"names":["name","components","MonitorTextWidget","MonitorSimpleImage","MonitorFaultySites","MonitorPingLog","MonitorStatsWidget","MonitorCompletedJobsWidget","MonitorMapWidget","width","height","authenticated","socket","live","staging_key","api_key","board_id","token","widgets","window","addEventListener","this","getDimensions","checkAuthentication","removeEventListener","methods","$refs","monitorContainer","clientWidth","clientHeight","a","patch","then","response","data","success","console","log","catch","error","monitorToken","localStorage","getItem","login","connectSocket","emit","id","Buffer","from","toString","makeid","connected","length","result","characters","charactersLength","i","charAt","Math","floor","random","on","target","checkStaging","msg","key","setItem","post","defaults","headers","common","forEach","w","push","type","props","JSON","parse","config","keyParts","split","payload","payloadData","now","Date","diff","exp","tempCounter","setTimeout","$error","removeItem","$router","go","style","styleObject","Object","x","y","map","positions","layer","vectorSource","markersLayer","vehicles","posExists","filter","pos","imei","longitude","gps","latitude","point2","Point","rotate","angle","PI","marker","setGeometry","vehicle","v","tracker_imei","$emit","speed","parseFloat","toFixed","color","radius","Style","image","Circle","fill","Fill","stroke","Stroke","text","Text","user","fname","lname","registration","scale","offsetY","hidden","setStyle","lastStyle","addMarker","centerPoint","Map","controls","extend","FullScreen","layers","Tile","source","XYZ","url","view","View","center","getCoordinates","zoom","Vector","addLayer","get","show","lastLocation","loadJobMarkers","setInterval","close","p","includes","removeFeature","markers","m","lat","long","label","rotation","point1","newMarker","Feature","geometry","addFeature","computed","fontSize","undefined","fontWeight","position","left","top","padding","local","toSeconds","__exports__","render","class","src","overflow","cameras","toLocaleString","sites","jobs","underRefurb","loadStats","count","timerInterval","stats","completedJobs","openJobs","loadRecentJobs","fire","icon","title","html","timer","timerProgressBar","didOpen","showLoading","b","getHtmlContainer","querySelector","textContent","getTimerLeft","willClose","clearInterval","completed","ref","widget","filteredSites","site","widthHeight","chart","container","canvas","ctx","getContext","Chart","global","legend","display","labels","datasets","all_nodes","offline_nodes","backgroundColor","options","responsive","plugins","MonitorFaultySite","interval","loadSites","textAlign","colSize","wh","c","s","logs","ts","product","datetime","format","Time","newLog","channel","user_id","off","unshift","max","pop","filteredLogs","slice","formatted","fromSeconds","zone","toLocal","toFormat","recentJobs","job","site_name","completed_user","completed_at","$hasRole","handleCompletedJobs"],"mappings":"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","file":"js/chunk-5ec9e8b3.eaa0e3a2.js","sourcesContent":["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/cli-service/node_modules/vue-loader-v16/dist/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./MonitorFaultySites.vue?vue&type=style&index=0&id=03b99536&scoped=true&lang=css\"","<template>\r\n  <div id=\"monitorContainer\" ref=\"monitorContainer\" style=\"height: 100vh; width: 100vw; overflow: hidden;\">\r\n    <div class=\"staging\" v-if=\"!authenticated\">\r\n      <p>Monitor: {{width}} x {{height}}</p>\r\n      <p>Authenticated: {{authenticated ? 'Yes' : 'No'}}</p>\r\n      <p>Socket Connected: {{live ? 'Yes' : 'No'}}</p>\r\n      <p>Staging Key: {{staging_key}}</p>\r\n    </div>\r\n    <div ref=\"widgetContainer\" v-else>\r\n      <component v-for=\"widget in widgets\" :socket=\"socket\" :key=\"'widget-' + widget.id\" :is=\"widget.type\" :config=\"widget.props\"></component>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {io} from \"socket.io-client\";\r\nimport axios from 'axios';\r\nimport MonitorTextWidget from \"./MonitorTextWidget\";\r\nimport MonitorSimpleImage from \"./MonitorSimpleImage\";\r\nimport MonitorFaultySites from \"./MonitorFaultySites\";\r\nimport MonitorPingLog from \"./MonitorPingLog\";\r\nimport MonitorStatsWidget from \"./MonitorStatsWidget\";\r\nimport MonitorCompletedJobsWidget from \"./MonitorCompletedJobsWidget\";\r\nimport MonitorMapWidget from \"./MonitorMapWidget\";\r\n\r\nexport default {\r\n  name: \"Monitor\",\r\n  // eslint-disable-next-line vue/no-unused-components\r\n  components: {MonitorTextWidget, MonitorSimpleImage, MonitorFaultySites, MonitorPingLog, MonitorStatsWidget, MonitorCompletedJobsWidget, MonitorMapWidget},\r\n  data(){\r\n    return {\r\n      width: 0,\r\n      height: 0,\r\n      authenticated: false,\r\n      socket: null,\r\n      live: false,\r\n      staging_key: \"\",\r\n      api_key: null,\r\n      board_id: null,\r\n      token: null,\r\n      widgets: []\r\n    }\r\n  },\r\n  mounted() {\r\n\r\n    window.addEventListener('resize', this.getDimensions);\r\n    this.getDimensions();\r\n    this.checkAuthentication();\r\n  },\r\n  unmounted() {\r\n    window.removeEventListener('resize', this.getDimensions);\r\n  },\r\n  methods: {\r\n    getDimensions(){\r\n      this.width = this.$refs.monitorContainer.clientWidth;\r\n      this.height = this.$refs.monitorContainer.clientHeight;\r\n\r\n      if(this.authenticated){\r\n        axios.patch(`${process.env.VUE_APP_API_URL}/v1/monitoring/boards/self/${this.board_id}`, {\r\n          width: this.width,\r\n          height: this.height\r\n        })\r\n        .then(response => {\r\n          if(response.data.success){\r\n            console.log(\"Updated dimensions\");\r\n          }\r\n        })\r\n        .catch(error => {\r\n          console.error(\"Failed to update dimensions\", error);\r\n        })\r\n      }\r\n    },\r\n    checkAuthentication(){\r\n      let monitorToken = localStorage.getItem('link::monitoring::key');\r\n      if(monitorToken !== null){\r\n        this.api_key = monitorToken;\r\n        this.board_id = localStorage.getItem('link::monitoring::boardid');\r\n        this.login();\r\n      }else{\r\n        this.connectSocket();\r\n      }\r\n    },\r\n    checkStaging(){\r\n      if(this.authenticated){\r\n        this.socket.emit('awaiting-authentication', {id: Buffer.from(this.api_key + ':' + this.board_id).toString('base64')});\r\n      }else{\r\n        this.staging_key = this.makeid(6);\r\n        if(this.socket.connected){\r\n          this.socket.emit('awaiting-authentication', {id: this.staging_key});\r\n        }\r\n      }\r\n    },\r\n    makeid(length) {\r\n      let result = '';\r\n      const characters = 'ABCDEFGHIJKLMNPQRSTUVWXYZabcdefghjkmnopqrstuvwxyz0123456789';\r\n      const charactersLength = characters.length;\r\n      for (let i = 0; i < length; i++ ) {\r\n        result += characters.charAt(Math.floor(Math.random() *\r\n            charactersLength));\r\n      }\r\n      return result;\r\n    },\r\n    connectSocket(){\r\n      this.socket = io('https://adssocket.azurewebsites.net', {\r\n        'reconnection': true,\r\n        'transports': ['websocket'],\r\n        'path': '/socket'\r\n      });\r\n\r\n      this.socket.on('connect', () => {\r\n        console.log(\"Socket connected\");\r\n        this.live = true;\r\n        if(this.token){\r\n          this.socket.emit('authentication', {target: 'user', token: this.token});\r\n        }else {\r\n          this.socket.emit(\"authentication\", {target: \"staging\"});\r\n        }\r\n        console.log(\"Sent authentication\");\r\n      });\r\n\r\n      this.socket.on('authenticated', () => {\r\n        console.log(\"Authenticated\");\r\n        if(!this.token){\r\n          this.checkStaging();\r\n        }\r\n      });\r\n\r\n      this.socket.on('disconnect', () => {\r\n        this.live = false;\r\n        console.log(\"Socket disconnected\");\r\n      })\r\n\r\n      this.socket.on('reconnect', () => {\r\n        if(this.token){\r\n          this.socket.emit('authentication', {target: 'user', token: this.token});\r\n        }else {\r\n          this.socket.emit(\"authentication\", {target: \"staging\"});\r\n        }\r\n      });\r\n\r\n      this.socket.on('provision-board', (msg) => {\r\n        this.api_key = msg.key;\r\n        this.board_id = msg.id;\r\n        localStorage.setItem('link::monitoring::key', this.api_key);\r\n        localStorage.setItem('link::monitoring::boardid', this.board_id);\r\n        this.login();\r\n      });\r\n\r\n    },\r\n    login(){\r\n      axios.post(`${process.env.VUE_APP_API_URL}/v1/auth/monitorboard`, {\r\n        key: this.api_key,\r\n        id: this.board_id\r\n      })\r\n      .then(response => {\r\n        if(response.data.token){\r\n          this.token = response.data.token;\r\n          axios.defaults.headers.common['Authorization'] = `Bearer ${this.token}`;\r\n          this.authenticated = true;\r\n          console.log(response.data.widgets);\r\n          let widgets = response.data.widgets;\r\n          widgets.forEach((w) => {\r\n            this.widgets.push({\r\n              id: w.id,\r\n              type: w.type,\r\n              props: JSON.parse(w.config)\r\n            });\r\n          })\r\n          let keyParts = this.token.split('.');\r\n          let payload = keyParts[1];\r\n          let payloadData = JSON.parse(Buffer.from(payload, 'base64').toString());\r\n          let now = Date.now() / 1000;\r\n          let diff = Math.floor(payloadData.exp - now);\r\n          this.tempCounter = diff;\r\n          this.connectSocket();\r\n          setTimeout(this.login, (diff - 60) * 1000);\r\n          this.getDimensions();\r\n        }\r\n      })\r\n      .catch(error => {\r\n        this.$error(\"Failed to login!\", error);\r\n        localStorage.removeItem('link::monitoring::key');\r\n        localStorage.removeItem('link::monitoring::boardid');\r\n        this.$router.go();\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n  .staging {\r\n    font-size: 48px;\r\n    padding: 20px;\r\n    color: white;\r\n  }\r\n  #monitorContainer {\r\n    display: block;\r\n    background-color: black;\r\n    background-image: url('/assets/images/adwp.jpg');\r\n    background-position: center; /* Center the image */\r\n    background-repeat: no-repeat; /* Do not repeat the image */\r\n    background-size: contain; /* Resize the background image to cover the entire container */\r\n  }\r\n  selector { cursor: none; }\r\n</style>","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/cli-service/node_modules/vue-loader-v16/dist/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Monitor.vue?vue&type=style&index=0&id=57e9e3af&scoped=true&lang=css\"","<template>\r\n  <div id=\"map\" :style=\"styleObject\"></div>\r\n</template>\r\n\r\n<script>\r\nimport 'ol/ol.css';\r\nimport Map from 'ol/Map';\r\nimport View from 'ol/View';\r\nimport TileLayer from 'ol/layer/Tile';\r\nimport XYZ from 'ol/source/XYZ';\r\nimport VectorSource from \"ol/source/Vector\";\r\nimport VectorLayer from \"ol/layer/Vector\";\r\nimport {Point} from \"ol/geom\";\r\nimport {Feature} from \"ol\";\r\nimport {fromLonLat} from \"ol/proj\";\r\nimport {Stroke, Style, Fill, Text} from \"ol/style\";\r\nimport CircleStyle from \"ol/style/Circle\";\r\nimport {FullScreen, defaults as defaultControls} from 'ol/control';\r\nimport axios from 'axios';\r\nimport {DateTime} from \"luxon\";\r\n// import Point from 'ol/geom/Point';\r\n// import Feature from 'ol/Feature';\r\n// import * as Proj from 'ol/proj';\r\n// import VectorLayer from 'ol/layer/Vector';\r\n// import VectorSource from 'ol/source/Vector';\r\n// import {Icon, Style} from 'ol/style';\r\nexport default {\r\n  name: 'MonitorMapWidget',\r\n  props: {\r\n    config: Object,\r\n    socket: Object\r\n  },\r\n  data(){\r\n    return {\r\n      x: 383018,\r\n      y: 5967425,\r\n      map: null,\r\n      positions: [],\r\n      layer: null,\r\n      vectorSource: null,\r\n      markersLayer: null,\r\n      vehicles: []\r\n    };\r\n  },\r\n  mounted() {\r\n\r\n    this.socket.on('tracking', (msg) => {\r\n\r\n      let posExists = this.positions.filter((pos) => {\r\n        return pos.imei == msg.imei;\r\n      });\r\n\r\n      if(posExists.length > 0){\r\n        posExists[0].longitude = msg.gps.longitude;\r\n        posExists[0].latitude = msg.gps.latitude;\r\n        let point2 = new Point(\r\n            fromLonLat([msg.gps.longitude, msg.gps.latitude])\r\n        );\r\n        point2.rotate((msg.gps.angle * Math.PI / 180), fromLonLat([msg.gps.longitude, msg.gps.latitude]))\r\n        posExists[0].marker.setGeometry(point2);\r\n\r\n        let vehicle = this.vehicles.filter((v) => {\r\n          return v.tracker_imei == msg.imei;\r\n        })[0];\r\n\r\n        this.$emit('updateSpeed', {vehicle: vehicle, speed: `${parseFloat(msg.gps.speed / 1.6034).toFixed(0)}`});\r\n\r\n        // console.log(vehicle);\r\n\r\n        let color = 'black';\r\n        // console.log(\"Engineer: \", vehicle.type);\r\n        let radius = 8;\r\n        switch (vehicle.type) {\r\n          case 'Engineer':\r\n            color = 'green';\r\n            break;\r\n          case 'Office':\r\n            color = 'orange';\r\n            break;\r\n          case 'Personal':\r\n            color = 'red';\r\n            break;\r\n          case 'Job':\r\n            color = 'black';\r\n            break;\r\n        }\r\n\r\n        let style = new Style({\r\n          image: new CircleStyle({\r\n            radius: radius,\r\n            fill: new Fill({color: color}),\r\n            stroke: new Stroke({\r\n              color: 'white', width: 2\r\n            })\r\n          }),\r\n          text: new Text({\r\n            text: `${vehicle.user?.fname || \"\"} ${vehicle.user?.lname || \"Unassigned\"}\\n${vehicle.registration}\\n${parseFloat(msg.gps.speed / 1.6034).toFixed(0)} mph`,\r\n            scale: 1.3,\r\n            fill: new Fill({\r\n              color: '#fff'\r\n            }),\r\n            stroke: new Stroke({\r\n              color: '0',\r\n              width: 3\r\n            }),\r\n            offsetY: 20\r\n          })\r\n        });\r\n\r\n        if(!posExists.hidden){\r\n          posExists[0].marker.setStyle(style);\r\n        }\r\n\r\n        posExists[0].lastStyle = style;\r\n\r\n      }else{\r\n        this.addMarker(msg.gps.latitude, msg.gps.longitude, msg.imei);\r\n      }\r\n    })\r\n\r\n    //-2.1701494728097317\r\n    //54.283022901894064, -1.935859693073496\r\n    //54.17846504171028, -1.9254899804157477\r\n    let centerPoint = new Point(\r\n        fromLonLat( [-1.946229405731244,54.183022901894064])\r\n    )\r\n    this.map = new Map({\r\n      target: 'map',\r\n      controls: defaultControls().extend([new FullScreen()]),\r\n      layers: [\r\n        new TileLayer({\r\n          source: new XYZ({\r\n            url: \"https://mt0.google.com/vt/lyrs=m&hl=en&x={x}&y={y}&z={z}&s=Ga\"\r\n          })\r\n        })\r\n      ],\r\n      view: new View({\r\n        center: centerPoint.getCoordinates(),\r\n        zoom: 7.6\r\n      })\r\n    });\r\n\r\n    this.vectorSource = new VectorSource({});\r\n\r\n    this.markersLayer = new VectorLayer({\r\n      source: this.vectorSource,\r\n    });\r\n\r\n    this.map.addLayer(this.markersLayer);\r\n\r\n    axios.get(`${process.env.VUE_APP_API_URL}/v1/map`)\r\n    .then(response => {\r\n      this.vehicles = response.data.vehicles;\r\n      this.token = response.data.token;\r\n      this.socket.emit('join-tracking', {token: this.token});\r\n      this.show = true;\r\n      // console.log(this.vehicles.length);\r\n      this.vehicles.forEach((vehicle) => {\r\n        if(vehicle.lastLocation.gps){\r\n          console.log(\"Adding vehicle\", vehicle.registration)\r\n          this.addMarker(vehicle.lastLocation.gps.latitude, vehicle.lastLocation.gps.longitude, vehicle.tracker_imei, `${vehicle.user?.fname || \"\"} ${vehicle.user?.lname || \"Unassigned\"}\\n${vehicle.registration}\\n${parseFloat(vehicle.lastLocation.gps.speed / 1.6034).toFixed(0)} mph`, vehicle.lastLocation.gps.angle, vehicle.type);\r\n        }\r\n      })\r\n    })\r\n    .catch(error => {\r\n      this.$error(\"Failed to load vehicles\", error);\r\n    })\r\n\r\n    this.loadJobMarkers();\r\n    setInterval(this.loadJobMarkers, 30000);\r\n\r\n  },\r\n  beforeUnmount(){\r\n    if(this.socket !== null){\r\n      this.socket.close();\r\n      console.log(\"Closed socket!\");\r\n\r\n    }\r\n  },\r\n  methods: {\r\n    loadJobMarkers() {\r\n      axios.get(`${process.env.VUE_APP_API_URL}/v1/map/jobs`)\r\n          .then(response => {\r\n\r\n            this.positions.forEach((p) => {\r\n              if(p.imei.includes(\"JOB_MARKER_\")){\r\n                this.vectorSource.removeFeature(p.marker);\r\n              }\r\n            })\r\n\r\n            this.positions = this.positions.filter((p) => {\r\n              return !p.imei.includes(\"JOB_MARKER_\");\r\n            });\r\n\r\n            response.data.markers.forEach((m) => {\r\n              this.addMarker(m.latitude, m.longitude, 'JOB_MARKER_' + m.id, `JR #${m.id}\\n${m.name}`, 0, 'Job')\r\n            })\r\n\r\n          })\r\n          .catch(error => {\r\n            this.$error(\"Failed to load job markers\", error);\r\n          })\r\n    },\r\n    addMarker(lat, long, imei, label = \"\", rotation, type) {\r\n      let point1 = new Point(\r\n          fromLonLat([long, lat])\r\n      );\r\n      point1.rotate((rotation * Math.PI / 180), fromLonLat([long, lat]))\r\n      let newMarker = new Feature({\r\n        geometry: point1,\r\n        name: imei\r\n      })\r\n\r\n      let color = 'black';\r\n      let radius = 8;\r\n      switch (type) {\r\n        case 'Engineer':\r\n          color = 'green';\r\n          break;\r\n        case 'Office':\r\n          color = 'orange';\r\n          break;\r\n        case 'Personal':\r\n          color = 'red';\r\n          break;\r\n        case 'Job':\r\n          color = 'black';\r\n          radius = 7;\r\n          label = \"\";\r\n          break;\r\n      }\r\n\r\n      let style = new Style({\r\n        image: new CircleStyle({\r\n          radius: radius,\r\n          fill: new Fill({color: color}),\r\n          stroke: new Stroke({\r\n            color: 'white', width: 2\r\n          })\r\n        }),\r\n        text: new Text({\r\n          text: label,\r\n          scale: 1.3,\r\n          fill: new Fill({\r\n            color: '#fff'\r\n          }),\r\n          stroke: new Stroke({\r\n            color: '0',\r\n            width: 3\r\n          }),\r\n          offsetY: 20\r\n        })\r\n      });\r\n\r\n      newMarker.setStyle(style);\r\n\r\n      this.vectorSource.addFeature(newMarker);\r\n\r\n      this.positions.push({\r\n        imei: imei,\r\n        longitude: long,\r\n        latitude: lat,\r\n        marker: newMarker,\r\n        type: type,\r\n        lastStyle: style,\r\n        hidden: false\r\n      })\r\n    },\r\n    hideMarker(vehicle) {\r\n      let pos = this.positions.filter((p) => {\r\n        return p.imei == vehicle.tracker_imei;\r\n      })[0];\r\n      pos.setStyle(null);\r\n      pos.hidden = true;\r\n    },\r\n    showMarker(vehicle) {\r\n      let pos = this.positions.filter((p) => {\r\n        return p.imei == vehicle.tracker_imei;\r\n      })[0];\r\n      pos.setStyle(pos.lastStyle);\r\n      pos.hidden = false;\r\n    }\r\n  },\r\n  computed: {\r\n    fontSize: function(){\r\n      if(this.config.fontSize !== null && this.config.fontSize !== undefined){\r\n        return this.config.fontSize + 'px';\r\n      }\r\n      return 24 + 'px';\r\n    },\r\n    fontWeight: function(){\r\n      if(this.config.fontWeight !== null && this.config.fontWeight !== undefined){\r\n        return this.config.fontWeight;\r\n      }\r\n      return 'bold';\r\n    },\r\n    styleObject: function(){\r\n      return {\r\n        fontSize: this.fontSize,\r\n        fontWeight: this.fontWeight,\r\n        position: 'absolute',\r\n        left: this.config.x + 'px',\r\n        top: this.config.y + 'px',\r\n        width: this.config.width + 'px',\r\n        height: this.config.height + 'px',\r\n        padding: '10px'\r\n      }\r\n    },\r\n    now: function(){\r\n      return DateTime.local().toSeconds();\r\n    }\r\n  }\r\n}\r\n</script>","import { render } from \"./MonitorMapWidget.vue?vue&type=template&id=c10fd4ac\"\nimport script from \"./MonitorMapWidget.vue?vue&type=script&lang=js\"\nexport * from \"./MonitorMapWidget.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\s.arshad\\\\Documents\\\\GitHub\\\\link-portal\\\\link\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n  <div :style=\"styleObject\" class=\"card bg-dark\">\r\n    <img :src=\"config.src\" style=\"object-fit: contain;\">\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"MonitorSimpleImage\",\r\n  props: {\r\n    config: Object\r\n  },\r\n  computed: {\r\n    styleObject: function () {\r\n      return {\r\n        position: 'absolute',\r\n        left: this.config.x + 'px',\r\n        top: this.config.y + 'px',\r\n        width: this.config.width + 'px',\r\n        height: this.config.height + 'px',\r\n        padding: '10px',\r\n        overflow: 'hidden'\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>","import { render } from \"./MonitorSimpleImage.vue?vue&type=template&id=1e7d457a\"\nimport script from \"./MonitorSimpleImage.vue?vue&type=script&lang=js\"\nexport * from \"./MonitorSimpleImage.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\s.arshad\\\\Documents\\\\GitHub\\\\link-portal\\\\link\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n  <div :style=\"styleObject\">\r\n    <div class=\"row\">\r\n      <div class=\"col-6\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body text-white\">\r\n            <p class=\"statTitle\">Cameras</p>\r\n            <p class=\"statValue\">{{cameras.toLocaleString()}}</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-6\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body text-white\">\r\n            <p class=\"statTitle\">Online Sites</p>\r\n            <p class=\"statValue\">{{sites.toLocaleString()}}</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-6\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body text-white\">\r\n            <p class=\"statTitle\">Open Jobs</p>\r\n            <p class=\"statValue\">{{jobs.toLocaleString()}}</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-6\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body text-white\">\r\n            <p class=\"statTitle\">Sites Under Refurb</p>\r\n            <p class=\"statValue\">{{underRefurb.toLocaleString()}}</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios';\r\nimport Swal from \"sweetalert2\";\r\nexport default {\r\n  name: \"MonitorStatsWidget\",\r\n  props: {\r\n    config: Object,\r\n    socket: Object\r\n  },\r\n  data(){\r\n    return {\r\n      cameras: 0,\r\n      sites: 0,\r\n      jobs: 0,\r\n      underRefurb: 0\r\n    }\r\n  },\r\n  mounted(){\r\n    setInterval(this.loadStats, 5000);\r\n    this.loadStats();\r\n  },\r\n  methods: {\r\n    loadStats(){\r\n      axios.get(`${process.env.VUE_APP_API_URL}/v1/monitoring/stats`)\r\n      .then(response => {\r\n        this.cameras = response.data.cameras;\r\n        this.sites = response.data.sites;\r\n        this.jobs = response.data.jobs;\r\n        this.underRefurb = response.data.underRefurb;\r\n      })\r\n      .catch(error => {\r\n        this.$error(\"Failed to load stats\", error);\r\n      })\r\n    },\r\n    handleNewSite(){\r\n      this.sites++;\r\n    },\r\n    handleNewDevices(msg){\r\n      this.cameras += msg.count;\r\n    },\r\n    handleNewJobs(){\r\n      this.jobs++;\r\n    },\r\n    handleCompletedJobs(){\r\n      this.stats.completedJobs++;\r\n      this.stats.openJobs--;\r\n      this.loadRecentJobs();\r\n      let timerInterval\r\n      Swal.fire({\r\n        icon: 'success',\r\n        title: 'Job Completed!',\r\n        html: 'A job has just been completed!',\r\n        timer: 2000,\r\n        timerProgressBar: true,\r\n        didOpen: () => {\r\n          Swal.showLoading()\r\n          const b = Swal.getHtmlContainer().querySelector('b')\r\n          timerInterval = setInterval(() => {\r\n            b.textContent = Swal.getTimerLeft()\r\n          }, 100)\r\n        },\r\n        willClose: () => {\r\n          clearInterval(timerInterval)\r\n        }\r\n      });\r\n    },\r\n    handleDeleteJobs(msg){\r\n      if(!msg.completed){\r\n        this.jobs--;\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    fontSize: function(){\r\n      if(this.config.fontSize !== null && this.config.fontSize !== undefined){\r\n        return this.config.fontSize + 'px';\r\n      }\r\n      return 24 + 'px';\r\n    },\r\n    fontWeight: function(){\r\n      if(this.config.fontWeight !== null && this.config.fontWeight !== undefined){\r\n        return this.config.fontWeight;\r\n      }\r\n      return 'bold';\r\n    },\r\n    styleObject: function(){\r\n      return {\r\n        fontSize: this.fontSize,\r\n        fontWeight: this.fontWeight,\r\n        position: 'absolute',\r\n        left: this.config.x + 'px',\r\n        top: this.config.y + 'px',\r\n        width: this.config.width + 'px',\r\n        height: this.config.height + 'px',\r\n        padding: '10px'\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n  .card {\r\n    text-align: center;\r\n  }\r\n  .statTitle {\r\n    font-size: 36px;\r\n    font-weight: bold;\r\n  }\r\n  .statValue {\r\n    font-size: 96px;\r\n  }\r\n</style>","import { render } from \"./MonitorStatsWidget.vue?vue&type=template&id=3a209921&scoped=true\"\nimport script from \"./MonitorStatsWidget.vue?vue&type=script&lang=js\"\nexport * from \"./MonitorStatsWidget.vue?vue&type=script&lang=js\"\n\nimport \"./MonitorStatsWidget.vue?vue&type=style&index=0&id=3a209921&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\s.arshad\\\\Documents\\\\GitHub\\\\link-portal\\\\link\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-3a209921\"]])\n\nexport default __exports__","import { render } from \"./Monitor.vue?vue&type=template&id=57e9e3af&scoped=true\"\nimport script from \"./Monitor.vue?vue&type=script&lang=js\"\nexport * from \"./Monitor.vue?vue&type=script&lang=js\"\n\nimport \"./Monitor.vue?vue&type=style&index=0&id=57e9e3af&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\s.arshad\\\\Documents\\\\GitHub\\\\link-portal\\\\link\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-57e9e3af\"]])\n\nexport default __exports__","<template>\r\n  <div :style=\"styleObject\" style=\"overflow-y: hidden; overflow-x: hidden;\">\r\n    <div class=\"row\">\r\n<!--      <div v-for=\"site in sites\" :key=\"'fs-' + site.id\" :class=\"'card bg-transparent col-' + colSize\">-->\r\n<!--        <div class=\"card-body bg-light-danger\">-->\r\n<!--          <div class=\"d-flex align-items-center\">-->\r\n<!--            <secure-image v-if=\"site.logo\" :id=\"site.name + '-logo'\" :endpoint=\"`/v1/client/${site.client_id}/logo`\" width=\"90\" height=\"90\"></secure-image>-->\r\n<!--&lt;!&ndash;            <img src=\"/assets/images/avatars/avatar-1.png\" class=\"rounded-circle p-1 border\" width=\"90\" height=\"90\" alt=\"...\">&ndash;&gt;-->\r\n<!--            <div class=\"flex-grow-1 ms-3\">-->\r\n<!--              <h5 class=\"mt-0\">({{site.client_name}}) {{site.name}}</h5>-->\r\n<!--              <p class=\"mb-0 text-white\">{{site.offline_nodes}} Device{{site.offline_nodes > 1 ? 's' : ''}} offline</p>-->\r\n<!--              <p class=\"mb-0 text-white font-14\" v-if=\"site.offline_since !== null\">Faulty since <Time :datetime=\"site.offline_since\" format=\"dd/MM/yyyy HH:mm\"></Time></p>-->\r\n<!--            </div>-->\r\n<!--          </div>-->\r\n<!--        </div>-->\r\n<!--      </div>-->\r\n\r\n      <div class=\"siteBox\" v-for=\"site in filteredSites\" :key=\"site.id\" :style=\"`width: ${widthHeight}vw; height: calc(${widthHeight}vw + 27px); overflow: hidden;`\">\r\n        <div style=\"display: inline-block; width: 100%; height: 100%;\">\r\n          <h2 style=\"font-size: 1.3rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; margin-bottom: 0;\">{{site.name}}</h2>\r\n          <monitor-faulty-site :site=\"site\"></monitor-faulty-site>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios';\r\nimport MonitorFaultySite from \"./MonitorFaultySite\";\r\nexport default {\r\n  name: \"MonitorFaultySites\",\r\n  components: {MonitorFaultySite},\r\n  props: {\r\n    config: Object\r\n  },\r\n  data(){\r\n    return {\r\n      sites: [],\r\n      interval: null\r\n    }\r\n  },\r\n  mounted(){\r\n    this.loadSites();\r\n    this.interval = setInterval(this.loadSites, 5000);\r\n    setTimeout(() => {\r\n      this.$router.go(0);\r\n    }, 1000 * 60 * 60 * 2);\r\n  },\r\n  beforeUnmount(){\r\n    if(this.interval !== null){\r\n      clearInterval(this.interval);\r\n    }\r\n  },\r\n  methods: {\r\n    loadSites(){\r\n      axios.get(`${process.env.VUE_APP_API_URL}/v1/monitoring/faultysites`)\r\n      .then(response => {\r\n        this.sites = response.data.sites;\r\n      })\r\n      .catch(error => {\r\n        console.error(error);\r\n      });\r\n    }\r\n  },\r\n  computed: {\r\n    fontSize: function(){\r\n      if(this.config.fontSize !== null && this.config.fontSize !== undefined){\r\n        return this.config.fontSize + 'px';\r\n      }\r\n      return 24 + 'px';\r\n    },\r\n    fontWeight: function(){\r\n      if(this.config.fontWeight !== null && this.config.fontWeight !== undefined){\r\n        return this.config.fontWeight;\r\n      }\r\n      return 'bold';\r\n    },\r\n    styleObject: function(){\r\n      return {\r\n        fontSize: this.fontSize,\r\n        fontWeight: this.fontWeight,\r\n        position: 'absolute',\r\n        left: this.config.x + 'px',\r\n        top: this.config.y + 'px',\r\n        width: this.config.width + 'px',\r\n        height: this.config.height + 'px',\r\n        padding: '10px',\r\n        textAlign: 'center'\r\n      }\r\n    },\r\n    colSize: function(){\r\n      if(this.config.colSize){\r\n        if(this.config.colSize > 0 && this.config.colSize < 13){\r\n          return this.config.colSize\r\n        }\r\n      }\r\n      return 6;\r\n    },\r\n    widthHeight: function(){\r\n      let wh = 10;\r\n      let c = this.filteredSites.length;\r\n\r\n      if (c <= 4) // 2 cols\r\n      {\r\n        wh = 48;\r\n      }\r\n      else if (c <= 12) // 3 cols\r\n      {\r\n        wh = 32;\r\n      }\r\n      else if (c <= 20) // 4 cols\r\n      {\r\n        wh = 24;\r\n      }\r\n      else if (c <= 30) // 5 cols\r\n      {\r\n        wh = 19;\r\n      }\r\n      else if (c <= 48) // 6 cols\r\n      {\r\n        wh = 16;\r\n      }\r\n      else if (c <= 70) // 7 cols\r\n      {\r\n        wh = 13;\r\n      }\r\n      return wh;\r\n    },\r\n    filteredSites: function(){\r\n      return this.sites.filter((s) => {\r\n        return (s.all_nodes > s.offline_nodes);\r\n      });\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n  .siteBox {\r\n    margin: 0 auto;\r\n  }\r\n</style>","<template>\r\n  <canvas ref=\"canvas\" style=\"display: block; width: 65%; height: 65%; margin: 0 auto; margin-top: -20px;\"></canvas>\r\n</template>\r\n\r\n<script>\r\n/* global Chart */\r\nexport default {\r\n  name: \"MonitorFaultySite\",\r\n  props: [\r\n      \"site\"\r\n  ],\r\n  data(){\r\n    return {\r\n      chart: null,\r\n    }\r\n  },\r\n  mounted(){\r\n    let container = this.$refs.canvas;\r\n    let ctx = container.getContext('2d');\r\n\r\n    Chart.defaults.global.legend.display = false;\r\n\r\n    this.chart = new Chart(ctx, {\r\n      type: 'doughnut',\r\n      data: {\r\n        labels: ['Online', 'Offline'],\r\n        datasets: [\r\n          {\r\n            data: [this.site.all_nodes - this.site.offline_nodes, this.site.offline_nodes],\r\n            backgroundColor: ['#29ca42', 'red']\r\n          }\r\n        ]\r\n      },\r\n      options: {\r\n        responsive: true,\r\n        plugins: {\r\n          legend: {\r\n            display: false\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</style>","import { render } from \"./MonitorFaultySite.vue?vue&type=template&id=3922b3e8\"\nimport script from \"./MonitorFaultySite.vue?vue&type=script&lang=js\"\nexport * from \"./MonitorFaultySite.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\s.arshad\\\\Documents\\\\GitHub\\\\link-portal\\\\link\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./MonitorFaultySites.vue?vue&type=template&id=03b99536&scoped=true\"\nimport script from \"./MonitorFaultySites.vue?vue&type=script&lang=js\"\nexport * from \"./MonitorFaultySites.vue?vue&type=script&lang=js\"\n\nimport \"./MonitorFaultySites.vue?vue&type=style&index=0&id=03b99536&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\s.arshad\\\\Documents\\\\GitHub\\\\link-portal\\\\link\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-03b99536\"]])\n\nexport default __exports__","<template>\r\n  <div :style=\"styleObject\" class=\"card bg-dark\">{{config?.text}}</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"MonitorTextWidget\",\r\n  props: {\r\n    config: Object\r\n  },\r\n  computed: {\r\n    fontSize: function(){\r\n      if(this.config.fontSize !== null && this.config.fontSize !== undefined){\r\n        return this.config.fontSize + 'px';\r\n      }\r\n      return 24 + 'px';\r\n    },\r\n    fontWeight: function(){\r\n      if(this.config.fontWeight !== null && this.config.fontWeight !== undefined){\r\n        return this.config.fontWeight;\r\n      }\r\n      return 'bold';\r\n    },\r\n    styleObject: function(){\r\n      return {\r\n        fontSize: this.fontSize,\r\n        fontWeight: this.fontWeight,\r\n        position: 'absolute',\r\n        left: this.config.x + 'px',\r\n        top: this.config.y + 'px',\r\n        width: this.config.width + 'px',\r\n        height: this.config.height + 'px',\r\n        padding: '10px',\r\n        textAlign: 'center'\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>","import { render } from \"./MonitorTextWidget.vue?vue&type=template&id=bfc04358\"\nimport script from \"./MonitorTextWidget.vue?vue&type=script&lang=js\"\nexport * from \"./MonitorTextWidget.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\s.arshad\\\\Documents\\\\GitHub\\\\link-portal\\\\link\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n  <div :style=\"styleObject\" class=\"card bg-dark\" style=\"overflow-y: hidden; overflow-x: hidden;\">\r\n    <table class=\"table\">\r\n      <tbody>\r\n        <tr v-for=\"log in logs\" :key=\"'log-' + log.ts\">\r\n          <td>{{log.site}}</td>\r\n          <td>{{log.type}}</td>\r\n          <td>{{log.product}}</td>\r\n          <td><Time :datetime=\"log.ts\" format=\"dd/MM/yyyy HH:mm:ss\"></Time></td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {DateTime} from 'luxon';\r\nimport Time from \"../../components/Time\";\r\nexport default {\r\n  name: \"MonitorPingLog\",\r\n  components: {Time},\r\n  props: {\r\n    config: Object,\r\n    socket: Object\r\n  },\r\n  data(){\r\n    return {\r\n      logs: []\r\n    }\r\n  },\r\n  mounted(){\r\n    this.socket.on('ping-log', this.newLog);\r\n\r\n    if(this.socket.authenticated){\r\n      this.socket.emit('join-channel', {channel: 'ping-log', user_id: 'MONITOR_BOARD'});\r\n    }else{\r\n      setTimeout(() => {\r\n        this.socket.emit('join-channel', {channel: 'ping-log', user_id: 'MONITOR_BOARD'});\r\n      }, 5000);\r\n    }\r\n  },\r\n  beforeUnmount(){\r\n    this.socket.off('ping-log', this.newLog);\r\n  },\r\n  methods: {\r\n    newLog(msg){\r\n      msg.ts = DateTime.local().toSeconds();\r\n      this.logs.unshift(msg);\r\n      if(this.config.max !== null && this.config.max !== undefined){\r\n        if(this.logs.length > this.config.max){\r\n          this.logs.pop();\r\n        }\r\n      }else{\r\n        if(this.logs.length > 15){\r\n          this.logs.pop();\r\n        }\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    filteredLogs: function(){\r\n      if(this.config.max !== null && this.config.max !== undefined){\r\n        return this.logs.slice(0, this.config.max);\r\n      }\r\n      return this.logs.slice(0, 15);\r\n    },\r\n    fontSize: function(){\r\n      if(this.config.fontSize !== null && this.config.fontSize !== undefined){\r\n        return this.config.fontSize + 'px';\r\n      }\r\n      return 18 + 'px';\r\n    },\r\n    fontWeight: function(){\r\n      if(this.config.fontWeight !== null && this.config.fontWeight !== undefined){\r\n        return this.config.fontWeight;\r\n      }\r\n      return 'bold';\r\n    },\r\n    styleObject: function(){\r\n      return {\r\n        fontSize: this.fontSize,\r\n        fontWeight: this.fontWeight,\r\n        position: 'absolute',\r\n        left: this.config.x + 'px',\r\n        top: this.config.y + 'px',\r\n        width: this.config.width + 'px',\r\n        height: this.config.height + 'px',\r\n        padding: '10px',\r\n        textAlign: 'center'\r\n      }\r\n    },\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>","import { render } from \"./MonitorPingLog.vue?vue&type=template&id=cbbcc198\"\nimport script from \"./MonitorPingLog.vue?vue&type=script&lang=js\"\nexport * from \"./MonitorPingLog.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\s.arshad\\\\Documents\\\\GitHub\\\\link-portal\\\\link\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n  <span>{{formatted}}</span>\r\n</template>\r\n\r\n<script>\r\nimport {DateTime} from 'luxon';\r\nexport default {\r\n  name: 'Time',\r\n  props: ['datetime', 'format'],\r\n  computed: {\r\n    formatted: function(){\r\n      return DateTime.fromSeconds(this.datetime, {zone: 'UTC'}).toLocal().toFormat(this.format);\r\n    }\r\n  }\r\n}\r\n</script>","import { render } from \"./Time.vue?vue&type=template&id=0a964b6c\"\nimport script from \"./Time.vue?vue&type=script&lang=js\"\nexport * from \"./Time.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\s.arshad\\\\Documents\\\\GitHub\\\\link-portal\\\\link\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","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/cli-service/node_modules/vue-loader-v16/dist/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./MonitorCompletedJobsWidget.vue?vue&type=style&index=0&id=54e09a60&scoped=true&lang=css\"","<template>\r\n  <div :style=\"styleObject\">\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <table class=\"table\">\r\n          <thead>\r\n            <tr>\r\n              <th>JR #</th>\r\n              <th>Type</th>\r\n              <th>Site</th>\r\n              <th>Completed By</th>\r\n              <th>Completed At</th>\r\n              <th></th>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            <tr v-for=\"job in recentJobs\" :key=\"job.id\">\r\n              <td>{{job.id}}</td>\r\n              <td>{{job.type}}</td>\r\n              <td>{{job.site_name}}</td>\r\n              <td>{{job.completed_user.fname}} {{job.completed_user.lname}}</td>\r\n              <td><Time v-if=\"job.completed_at\" :datetime=\"job.completed_at\" format=\"dd/MM/yyyy HH:mm\"></Time></td>\r\n              <td>\r\n                <button v-if=\"$hasRole('Support')\" type=\"button\" class=\"btn btn-sm btn-light\" @click=\"$router.push({name: 'admin.jobs.view', params: {id: job.id}})\">View Job</button>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\nimport Time from '../../components/Time';\r\nimport {DateTime} from 'luxon';\r\n\r\nexport default {\r\n  name: \"MonitorCompletedJobsWidget\",\r\n  components: {Time},\r\n  props: {\r\n    config: Object,\r\n    socket: Object\r\n  },\r\n  data(){\r\n    return {\r\n      recentJobs: [],\r\n    }\r\n  },\r\n  mounted(){\r\n    this.socket.on('completedjob', this.handleCompletedJobs);\r\n    this.socket.on('authenticated', () => {\r\n      this.socket.emit('join-channel', {channel: 'jobs', user_id: 'MONITOR_BOARD'});\r\n    });\r\n    if(this.socket.authenticated){\r\n      this.socket.emit('join-channel', {channel: 'jobs', user_id: 'MONITOR_BOARD'});\r\n    }else{\r\n      setTimeout(() => {\r\n        this.socket.emit('join-channel', {channel: 'jobs', user_id: 'MONITOR_BOARD'});\r\n      }, 5000);\r\n    }\r\n    this.loadRecentJobs();\r\n    setTimeout(() => {\r\n      this.$router.go(0);\r\n    }, 1000 * 60 * 60 * 2);\r\n    console.log(\"Done!\");\r\n  },\r\n  methods: {\r\n    loadRecentJobs(){\r\n      axios.get(`${process.env.VUE_APP_API_URL}/v1/dashboard/recentjobs`)\r\n          .then(response => {\r\n            if(response.data.success){\r\n              this.recentJobs = response.data.jobs\r\n            }\r\n          })\r\n          .catch(error => {\r\n            this.$error(\"Failed to load recent jobs\", error);\r\n          })\r\n    },\r\n    handleCompletedJobs(){\r\n      this.loadRecentJobs();\r\n      // let timerInterval\r\n      // Swal.fire({\r\n      //   icon: 'success',\r\n      //   title: 'Job Completed!',\r\n      //   html: 'A job has just been completed!',\r\n      //   timer: 2000,\r\n      //   timerProgressBar: true,\r\n      //   didOpen: () => {\r\n      //     Swal.showLoading()\r\n      //     const b = Swal.getHtmlContainer().querySelector('b')\r\n      //     timerInterval = setInterval(() => {\r\n      //       b.textContent = Swal.getTimerLeft()\r\n      //     }, 100)\r\n      //   },\r\n      //   willClose: () => {\r\n      //     clearInterval(timerInterval)\r\n      //   }\r\n      // });\r\n    }\r\n  },\r\n  computed: {\r\n    fontSize: function(){\r\n      if(this.config.fontSize !== null && this.config.fontSize !== undefined){\r\n        return this.config.fontSize + 'px';\r\n      }\r\n      return 24 + 'px';\r\n    },\r\n    fontWeight: function(){\r\n      if(this.config.fontWeight !== null && this.config.fontWeight !== undefined){\r\n        return this.config.fontWeight;\r\n      }\r\n      return 'bold';\r\n    },\r\n    styleObject: function(){\r\n      return {\r\n        fontSize: this.fontSize,\r\n        fontWeight: this.fontWeight,\r\n        position: 'absolute',\r\n        left: this.config.x + 'px',\r\n        top: this.config.y + 'px',\r\n        width: this.config.width + 'px',\r\n        height: this.config.height + 'px',\r\n        padding: '10px'\r\n      }\r\n    },\r\n    now: function(){\r\n      return DateTime.local().toSeconds();\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n  .flashgreen {\r\n    background-color: green;\r\n  }\r\n</style>","import { render } from \"./MonitorCompletedJobsWidget.vue?vue&type=template&id=54e09a60&scoped=true\"\nimport script from \"./MonitorCompletedJobsWidget.vue?vue&type=script&lang=js\"\nexport * from \"./MonitorCompletedJobsWidget.vue?vue&type=script&lang=js\"\n\nimport \"./MonitorCompletedJobsWidget.vue?vue&type=style&index=0&id=54e09a60&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\s.arshad\\\\Documents\\\\GitHub\\\\link-portal\\\\link\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-54e09a60\"]])\n\nexport default __exports__","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/cli-service/node_modules/vue-loader-v16/dist/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./MonitorStatsWidget.vue?vue&type=style&index=0&id=3a209921&scoped=true&lang=css\""],"sourceRoot":""}