{"version":3,"sources":["webpack:///./src/views/admin/dashboard/Staff.vue?1a5a","webpack:///./src/views/admin/dashboard/Dashboard.vue","webpack:///./src/views/admin/dashboard/Staff.vue","webpack:///./node_modules/@babel/runtime/helpers/esm/typeof.js","webpack:///./node_modules/@babel/runtime/helpers/esm/toPrimitive.js","webpack:///./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","webpack:///./node_modules/@babel/runtime/helpers/esm/defineProperty.js","webpack:///./src/singletons/SocketManager.js","webpack:///./src/views/admin/dashboard/Staff.vue?d276","webpack:///./src/views/admin/dashboard/Customer.vue","webpack:///./src/views/admin/dashboard/Customer.vue?7b8b","webpack:///./src/views/admin/dashboard/Dashboard.vue?2c49"],"names":["class","$hasRole","style","role","aria-valuenow","aria-valuemin","aria-valuemax","stats","openJobs","toLocaleString","completedJobs","sites","devices","totalOpenedJobs","totalCompletedJobs","percentageCompletion","jobTrends","types","typeCounts","recentJobs","job","key","id","type","site_name","site_postcode","completed_user","fname","lname","completed_at","datetime","format","$router","push","userDevices","device","device_name","battery","version","last_connected","_typeof","o","Symbol","iterator","constructor","prototype","toPrimitive","t","r","e","i","call","TypeError","String","Number","toPropertyKey","_defineProperty","obj","value","Object","defineProperty","enumerable","configurable","writable","SocketManager","token","_instance","this","_connect","socket","io","on","console","log","emit","target","authenticated","name","components","Time","showCharts","open","completed","weeks","newJobs","chartData","chart1","chart2","socketManager","window","addEventListener","resetCharts","loadStats","loadRecentJobs","loadUserDevices","loadJobChart","loadJobTypeChart","$store","state","auth","joinChannels","setTimeout","handleNewSite","handleNewDevices","handleNewJobs","handleDeleteJobs","handleCompletedJobs","removeEventListener","off","methods","channel","user_id","user","a","get","then","response","data","success","catch","error","$error","jobs","chart1Container","document","getElementById","parentNode","chart2Container","$","remove","newChart1","createElement","setAttribute","classList","add","appendChild","ctx","getContext","Chart","labels","datasets","label","backgroundColor","borderColor","pointRadius","borderWidth","options","responsive","maintainAspectRatio","legend","display","fontColor","boxWidth","tooltips","displayColors","scales","xAxes","ticks","beginAtZero","yAxes","newChart2","map","d","count","cutoutPercentage","position","weekNumber","local","wn","unshift","forEach","week","existing","filter","j","length","trend","slice","other","otherCount","msg","timerInterval","fire","icon","title","html","timer","timerProgressBar","didOpen","showLoading","b","getHtmlContainer","querySelector","setInterval","textContent","getTimerLeft","willClose","clearInterval","computed","toFixed","__exports__","Staff","CustomerDashboard","Customer","render"],"mappings":"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","file":"js/chunk-8f5ae2ba.9c84d0a9.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!./Staff.vue?vue&type=style&index=0&id=28cb2bd0&scoped=true&lang=css\"","<template>\r\n  <div class=\"page-content\">\r\n\r\n    <Staff v-if=\"!$hasRole('Customer')\"></Staff>\r\n    <CustomerDashboard v-else></CustomerDashboard>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Staff from './Staff.vue'\r\nimport CustomerDashboard from './Customer.vue'\r\nexport default {\r\n  name: \"Dashboard\",\r\n  components: {\r\n    Staff,\r\n    CustomerDashboard\r\n  },\r\n  mounted(){\r\n    console.log(this.$store.state.auth);\r\n  }\r\n}\r\n</script>\r\n\r\n","<template>\r\n  <!-- STATS -->\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <div class=\"card radius-10\">\r\n          <div class=\"row row-cols-1 row-cols-md-2 row-cols-xl-4 row-group g-0\">\r\n            <div class=\"col\">\r\n              <div class=\"card-body\">\r\n                <div class=\"d-flex align-items-center\">\r\n                  <h5 class=\"mb-0\">{{stats.openJobs.toLocaleString()}}</h5>\r\n                  <div class=\"ms-auto\">\r\n                    <i class=\"bx bxs-receipt fs-3 text-white\"></i>\r\n                  </div>\r\n                </div>\r\n                <div class=\"progress my-3\" style=\"height:3px;\">\r\n                  <div class=\"progress-bar\" role=\"progressbar\" style=\"width: 55%\" aria-valuenow=\"25\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\r\n                </div>\r\n                <div class=\"d-flex align-items-center text-white\">\r\n                  <p class=\"mb-0\">Open Jobs</p>\r\n                  <!--              <p class=\"mb-0 ms-auto\">+4.2%<span><i class=\"bx bx-up-arrow-alt\"></i></span></p>-->\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col\">\r\n              <div class=\"card-body\">\r\n                <div class=\"d-flex align-items-center\">\r\n                  <h5 class=\"mb-0\">{{stats.completedJobs.toLocaleString()}}</h5>\r\n                  <div class=\"ms-auto\">\r\n                    <i class=\"bx bxs-receipt fs-3 text-white\"></i>\r\n                  </div>\r\n                </div>\r\n                <div class=\"progress my-3\" style=\"height:3px;\">\r\n                  <div class=\"progress-bar\" role=\"progressbar\" style=\"width: 55%\" aria-valuenow=\"25\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\r\n                </div>\r\n                <div class=\"d-flex align-items-center text-white\">\r\n                  <p class=\"mb-0\">Completed Jobs</p>\r\n                  <!--              <p class=\"mb-0 ms-auto\">+1.2%<span><i class=\"bx bx-up-arrow-alt\"></i></span></p>-->\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col\">\r\n              <div class=\"card-body\">\r\n                <div class=\"d-flex align-items-center\">\r\n                  <h5 class=\"mb-0\">{{stats.sites.toLocaleString()}}</h5>\r\n                  <div class=\"ms-auto\">\r\n                    <i class=\"bx bxs-map-pin fs-3 text-white\"></i>\r\n                  </div>\r\n                </div>\r\n                <div class=\"progress my-3\" style=\"height:3px;\">\r\n                  <div class=\"progress-bar\" role=\"progressbar\" style=\"width: 55%\" aria-valuenow=\"25\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\r\n                </div>\r\n                <div class=\"d-flex align-items-center text-white\">\r\n                  <p class=\"mb-0\">Sites</p>\r\n                  <!--              <p class=\"mb-0 ms-auto\">+5.2%<span><i class=\"bx bx-up-arrow-alt\"></i></span></p>-->\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"col\">\r\n              <div class=\"card-body\">\r\n                <div class=\"d-flex align-items-center\">\r\n                  <h5 class=\"mb-0\">{{stats.devices.toLocaleString()}}</h5>\r\n                  <div class=\"ms-auto\">\r\n                    <i class=\"bx bxs-devices fs-3 text-white\"></i>\r\n                  </div>\r\n                </div>\r\n                <div class=\"progress my-3\" style=\"height:3px;\">\r\n                  <div class=\"progress-bar\" role=\"progressbar\" style=\"width: 55%\" aria-valuenow=\"25\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\r\n                </div>\r\n                <div class=\"d-flex align-items-center text-white\">\r\n                  <p class=\"mb-0\">Devices</p>\r\n                  <!--              <p class=\"mb-0 ms-auto\">+2.2%<span><i class=\"bx bx-up-arrow-alt\"></i></span></p>-->\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div><!--end row-->\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n    <!-- JOB CHARTS -->\r\n    <div class=\"row\">\r\n      <div class=\"col-12 col-lg-8 col-xl-8 d-flex\">\r\n        <div class=\"card radius-10 w-100\">\r\n          <div class=\"card-body\">\r\n            <div class=\"d-flex align-items-center\">\r\n              <div>\r\n                <h6 class=\"mb-0\">Job Trends</h6>\r\n              </div>\r\n<!--              <div class=\"font-22 ms-auto text-white\"><i class=\"bx bx-dots-horizontal-rounded\"></i>-->\r\n<!--              </div>-->\r\n            </div>\r\n            <div class=\"d-flex align-items-center ms-auto font-13 gap-2 my-3\">\r\n              <span class=\"border px-1 rounded cursor-pointer\"><i class=\"bx bxs-circle me-1\" style=\"color: lightgreen;\"></i>New Jobs</span>\r\n              <span class=\"border px-1 rounded cursor-pointer\"><i class=\"bx bxs-circle text-white me-1\"></i>Completed Jobs</span>\r\n            </div>\r\n            <div class=\"chart-container-1\"><div class=\"chartjs-size-monitor\" style=\"position: absolute; inset: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;\"><div class=\"chartjs-size-monitor-expand\" style=\"position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;\"><div style=\"position:absolute;width:1000000px;height:1000000px;left:0;top:0\"></div></div><div class=\"chartjs-size-monitor-shrink\" style=\"position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;\"><div style=\"position:absolute;width:200%;height:200%;left:0; top:0\"></div></div></div>\r\n              <canvas id=\"chart1\" width=\"895\" height=\"260\" style=\"display: block; width: 895px; height: 260px;\" class=\"chartjs-render-monitor\"></canvas>\r\n            </div>\r\n          </div>\r\n          <div class=\"row row-cols-1 row-cols-md-3 row-cols-xl-3 g-0 row-group text-center border-top\">\r\n            <div class=\"col\">\r\n              <div class=\"p-3\">\r\n                <h5 class=\"mb-0\">{{totalOpenedJobs}}</h5>\r\n                <small class=\"mb-0\">Jobs Created</small>\r\n              </div>\r\n            </div>\r\n            <div class=\"col\">\r\n              <div class=\"p-3\">\r\n                <h5 class=\"mb-0\">{{totalCompletedJobs}}</h5>\r\n                <small class=\"mb-0\">Jobs Completed</small>\r\n              </div>\r\n            </div>\r\n            <div class=\"col\">\r\n              <div class=\"p-3\">\r\n                <h5 class=\"mb-0\">{{percentageCompletion}}%</h5>\r\n                <small class=\"mb-0\">% Completion</small>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"col-12 col-lg-4 col-xl-4 d-flex\">\r\n        <div class=\"card radius-10 overflow-hidden w-100\">\r\n          <div class=\"card-body\">\r\n            <div class=\"d-flex align-items-center\">\r\n              <div>\r\n                <h6 class=\"mb-0\">Job Types</h6>\r\n              </div>\r\n<!--              <div class=\"font-22 ms-auto text-white\"><i class=\"bx bx-dots-horizontal-rounded\"></i>-->\r\n<!--              </div>-->\r\n            </div>\r\n            <div class=\"chart-container-2 my-3\"><div class=\"chartjs-size-monitor\" style=\"position: absolute; inset: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;\"><div class=\"chartjs-size-monitor-expand\" style=\"position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;\"><div style=\"position:absolute;width:1000000px;height:1000000px;left:0;top:0\"></div></div><div class=\"chartjs-size-monitor-shrink\" style=\"position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;\"><div style=\"position:absolute;width:200%;height:200%;left:0; top:0\"></div></div></div>\r\n              <canvas id=\"chart2\" width=\"420\" height=\"210\" style=\"display: block; width: 420px; height: 210px;\" class=\"chartjs-render-monitor\"></canvas>\r\n            </div>\r\n          </div>\r\n          <div class=\"table-responsive\">\r\n            <table class=\"table align-items-center mb-0\">\r\n              <tbody>\r\n              <tr>\r\n                <td><i class=\"bx bxs-circle text-white me-2\"></i> {{jobTrends.types[0]}}</td>\r\n                <td>{{jobTrends.typeCounts[0]}}</td>\r\n              </tr>\r\n              <tr>\r\n                <td><i class=\"bx bxs-circle text-light-2 me-2\"></i>{{jobTrends.types[1]}}</td>\r\n                <td>{{jobTrends.typeCounts[1]}}</td>\r\n              </tr>\r\n              <tr>\r\n                <td><i class=\"bx bxs-circle text-light-3 me-2\"></i>{{jobTrends.types[2]}}</td>\r\n                <td>{{jobTrends.typeCounts[2]}}</td>\r\n              </tr>\r\n              <tr>\r\n                <td><i class=\"bx bxs-circle text-light-4 me-2\"></i>{{jobTrends.types[3]}}</td>\r\n                <td>{{jobTrends.typeCounts[3]}}</td>\r\n              </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- RECENTLY COMPLETED JOBS -->\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <div class=\"card radius-10\">\r\n          <div class=\"card-body\">\r\n            <div class=\"d-flex align-items-center\">\r\n              <div>\r\n                <h5 class=\"mb-0\">Recently Completed Jobs</h5>\r\n              </div>\r\n              <!--            <div class=\"font-22 ms-auto\"><i class=\"bx bx-dots-horizontal-rounded\"></i>-->\r\n              <!--            </div>-->\r\n            </div>\r\n            <hr>\r\n            <div class=\"table-responsive\">\r\n              <table class=\"table align-middle mb-0\">\r\n                <thead class=\"table-light\">\r\n                <tr>\r\n                  <th>JR #</th>\r\n                  <th>Type</th>\r\n                  <th>Site</th>\r\n                  <th>Postcode</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.site_postcode}}</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      </div>\r\n    </div>\r\n    <!-- USER DEVICES -->\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <div class=\"card radius-10\">\r\n          <div class=\"card-body\">\r\n            <div class=\"d-flex align-items-center\">\r\n              <div>\r\n                <h5 class=\"mb-0\">User Devices</h5>\r\n              </div>\r\n            </div>\r\n            <hr>\r\n            <div class=\"table-responsive\">\r\n              <table class=\"table align-middle mb-0\">\r\n                <thead class=\"table-light\">\r\n                <tr>\r\n                  <th>User Name</th>\r\n                  <th>Device Name</th>\r\n                  <th>Battery</th>\r\n                  <th>App Version</th>\r\n                  <th>Last Connected</th>\r\n                  <th></th>\r\n                </tr>\r\n                </thead>\r\n                <tbody>\r\n                <tr v-for=\"device in userDevices\" :key=\"device.fname\">\r\n                  <td>{{device.fname}} {{device.lname}}</td>\r\n                  <td>{{device.device_name}}</td>\r\n                  <td>{{device.battery}}%</td>\r\n                  <td>{{device.version}}</td>\r\n                  <td><Time :datetime=\"device.last_connected\" format=\"dd/MM/yyyy HH:mm\"></Time></td>\r\n                </tr>\r\n                </tbody>\r\n              </table>\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 Time from '../../../components/Time';\r\nimport {DateTime} from 'luxon';\r\nimport SocketManager from '../../../singletons/SocketManager';\r\nimport Swal from 'sweetalert2';\r\n/* global Chart */\r\n/* global $ */\r\nexport default {\r\n  name: \"Dashboard\",\r\n  components: {\r\n    Time\r\n  },\r\n  data(){\r\n    return {\r\n      stats: {\r\n        openJobs: 0,\r\n        completedJobs: 0,\r\n        sites: 0,\r\n        devices: 0\r\n      },\r\n      recentJobs: [],\r\n      userDevices: [],\r\n      showCharts: false,\r\n      jobTrends: {\r\n        open: [],\r\n        completed: [],\r\n        weeks: [],\r\n        types: [],\r\n        typeCounts: []\r\n      },\r\n      newJobs: [],\r\n      completedJobs: [],\r\n      chartData: [],\r\n      chart1: null,\r\n      chart2: null,\r\n      socket: null,\r\n      socketManager: null\r\n    }\r\n  },\r\n  mounted(){\r\n    window.addEventListener('resize', this.resetCharts);\r\n    this.loadStats();\r\n    this.loadRecentJobs();\r\n    this.loadUserDevices();\r\n    this.loadJobChart();\r\n    this.loadJobTypeChart();\r\n    this.socketManager = new SocketManager(this.$store.state.auth.token);\r\n    this.socket = this.socketManager.socket;\r\n    if(this.socketManager.authenticated){\r\n      this.joinChannels();\r\n    }else{\r\n      setTimeout(this.joinChannels, 1500);\r\n    }\r\n\r\n    this.socket.on('newsite', this.handleNewSite);\r\n    this.socket.on('newdevice', this.handleNewDevices);\r\n    this.socket.on('newjob', this.handleNewJobs);\r\n    this.socket.on('deletejob', this.handleDeleteJobs);\r\n    this.socket.on('completedjob', this.handleCompletedJobs);\r\n    \r\n  },\r\n  beforeUnmount() {\r\n    window.removeEventListener('resize', this.resetCharts);\r\n    this.socket.off('newsite', this.handleNewSite);\r\n    this.socket.off('newdevice', this.handleNewDevices);\r\n    this.socket.off('newjob', this.handleNewJobs);\r\n    this.socket.off('deletejob', this.handleDeleteJobs);\r\n    this.socket.off('completedjob', this.handleCompletedJobs);\r\n  },\r\n  methods: {\r\n    joinChannels(){\r\n      this.socket.emit('join-channel', {channel: 'sites', user_id: this.$store.state.auth.user.id});\r\n      this.socket.emit('join-channel', {channel: 'jobs', user_id: this.$store.state.auth.user.id});\r\n      this.socket.emit('join-channel', {channel: 'devices', user_id: this.$store.state.auth.user.id});\r\n    },\r\n    loadStats(){\r\n      axios.get(`${process.env.VUE_APP_API_URL}/v1/dashboard`)\r\n      .then(response => {\r\n        if(response.data.success){\r\n          this.stats = response.data.stats;\r\n        }\r\n      })\r\n      .catch(error => {\r\n        this.$error(\"Failed to load stats\", error);\r\n      });\r\n    },\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    loadUserDevices(){\r\n      axios.get(`${process.env.VUE_APP_API_URL}/v1/userDevices`)\r\n      .then(response => {\r\n        if(response.data.devices){\r\n          this.userDevices = response.data.devices\r\n        }\r\n      })\r\n      .catch(error => {\r\n        this.$error(\"Failed to load user devices\", error);\r\n      })\r\n    },\r\n    resetCharts(){\r\n      try {\r\n\r\n        let chart1Container = document.getElementById('chart1').parentNode;\r\n        let chart2Container = document.getElementById('chart2').parentNode;\r\n\r\n        $('#chart1').remove();\r\n        $('#chart2').remove();\r\n\r\n        let newChart1 = document.createElement('canvas');\r\n        newChart1.setAttribute('id', 'chart1');\r\n        newChart1.setAttribute('style', 'display: block; width: 895px; height: 260px;')\r\n        newChart1.classList.add('chartjs-render-monitor');\r\n\r\n        chart1Container.appendChild(newChart1);\r\n\r\n        let ctx = document.getElementById('chart1').getContext('2d');\r\n\r\n        this.chart1 = new Chart(ctx, {\r\n            type: 'line',\r\n            data: {\r\n              labels: this.jobTrends.weeks,\r\n              datasets: [{\r\n                label: 'New Jobs',\r\n                data: this.newJobs,\r\n                backgroundColor: 'rgba(255, 255, 255, 0.25)',\r\n                borderColor: \"lightgreen\",\r\n                pointRadius :\"0\",\r\n                borderWidth: 3\r\n              }, {\r\n                label: 'Completed Jobs',\r\n                data: this.completedJobs,\r\n                backgroundColor: \"rgba(255, 255, 255, 0.25)\",\r\n                borderColor: \"white\",\r\n                pointRadius :\"0\",\r\n                borderWidth: 3\r\n              }]\r\n            },\r\n            options: {\r\n              responsive: true,\r\n              maintainAspectRatio: false,\r\n              legend: {\r\n                display: false,\r\n                labels: {\r\n                  fontColor: '#ddd',\r\n                  boxWidth:40\r\n                }\r\n              },\r\n              tooltips: {\r\n                displayColors:false\r\n              },\r\n              scales: {\r\n                xAxes: [{\r\n                  ticks: {\r\n                    beginAtZero:true,\r\n                    fontColor: '#ddd'\r\n                  },\r\n                  // gridLines: {\r\n                  //   display: true ,\r\n                  //   color: \"rgba(221, 221, 221, 0.08)\"\r\n                  // },\r\n                }],\r\n                yAxes: [{\r\n                  ticks: {\r\n                    beginAtZero:true,\r\n                    fontColor: '#ddd'\r\n                  },\r\n                  // gridLines: {\r\n                  //   display: true ,\r\n                  //   color: \"rgba(221, 221, 221, 0.08)\"\r\n                  // },\r\n                }]\r\n              }\r\n\r\n            }\r\n          });\r\n\r\n        let newChart2 = document.createElement('canvas');\r\n        newChart2.setAttribute('id', 'chart2');\r\n        newChart2.setAttribute('style', 'display: block; width: 420px; height: 210px;')\r\n        newChart2.classList.add('chartjs-render-monitor');\r\n\r\n        chart2Container.appendChild(newChart2);\r\n\r\n        ctx = document.getElementById('chart2').getContext('2d');\r\n\r\n        this.chart2 = new Chart(ctx, {\r\n            type: 'doughnut',\r\n            data: {\r\n              labels: this.jobTrends.types,\r\n              datasets: [{\r\n                backgroundColor: [\r\n                  \"#ffffff\",\r\n                  \"rgba(255, 255, 255, 0.70)\",\r\n                  \"rgba(255, 255, 255, 0.50)\",\r\n                  \"rgba(255, 255, 255, 0.20)\"\r\n                ],\r\n                data: this.chartData.map((d) => {return d.count}),\r\n                borderWidth: [0, 0, 0, 0]\r\n              }]\r\n            },\r\n            options: {\r\n              responsive: true,\r\n              maintainAspectRatio: false,\r\n              cutoutPercentage: 60,\r\n              legend: {\r\n                position :\"bottom\",\r\n                display: false,\r\n                labels: {\r\n                  fontColor: '#ddd',\r\n                  boxWidth:15\r\n                }\r\n              }\r\n              ,\r\n              tooltips: {\r\n                displayColors:false\r\n              }\r\n            }\r\n          });\r\n\r\n        // <canvas id=\"chart2\" width=\"420\" height=\"210\" style=\"display: block; width: 420px; height: 210px;\" class=\"chartjs-render-monitor\"></canvas>\r\n        // <canvas id=\"chart1\" width=\"895\" height=\"260\" style=\"display: block; width: 895px; height: 260px;\" class=\"chartjs-render-monitor\"></canvas>\r\n        \r\n\r\n      }catch(error){\r\n        console.error(error);\r\n        console.log(\"Failed to reload chart\");\r\n      }\r\n\r\n    },\r\n    loadJobChart(){\r\n\r\n      axios.get(`${process.env.VUE_APP_API_URL}/v1/dashboard/jobtrends`)\r\n      .then(response => {\r\n        if(response.data.success){\r\n          this.jobTrends.open = response.data.open;\r\n          this.jobTrends.completed = response.data.completed;\r\n\r\n          let weekNumber = DateTime.local().weekNumber;\r\n          console.log(\"Week Number:\", weekNumber);\r\n          for (let i = 0; i < 12; i ++){\r\n            let wn = weekNumber - i;\r\n            if(wn < 1){\r\n              wn += 52;\r\n            }\r\n            this.jobTrends.weeks.unshift(wn);\r\n          }\r\n\r\n          let newJobs = [];\r\n\r\n          this.jobTrends.weeks.forEach((week) => {\r\n            let value = 0;\r\n            let existing = this.jobTrends.open.filter((j) => {\r\n              return (j.week + 1) === week;\r\n            });\r\n            if(existing.length > 0){\r\n              value = existing[0].count;\r\n            }\r\n            newJobs.push(value);\r\n          })\r\n\r\n          let completedJobs = [];\r\n\r\n          this.jobTrends.weeks.forEach((week) => {\r\n            let value = 0;\r\n            let existing = this.jobTrends.completed.filter((j) => {\r\n              return (j.week + 1) === week;\r\n            });\r\n            if(existing.length > 0){\r\n              value = existing[0].count;\r\n            }\r\n            completedJobs.push(value);\r\n          })\r\n\r\n          this.newJobs = newJobs;\r\n          this.completedJobs = completedJobs;\r\n\r\n          var ctx = document.getElementById('chart1').getContext('2d');\r\n\r\n          this.chart1 = new Chart(ctx, {\r\n            type: 'line',\r\n            data: {\r\n              labels: this.jobTrends.weeks,\r\n              datasets: [{\r\n                label: 'New Jobs',\r\n                data: newJobs,\r\n                backgroundColor: 'rgba(255, 255, 255, 0.25)',\r\n                borderColor: \"lightgreen\",\r\n                pointRadius :\"0\",\r\n                borderWidth: 3\r\n              }, {\r\n                label: 'Completed Jobs',\r\n                data: completedJobs,\r\n                backgroundColor: \"rgba(255, 255, 255, 0.25)\",\r\n                borderColor: \"white\",\r\n                pointRadius :\"0\",\r\n                borderWidth: 3\r\n              }]\r\n            },\r\n            options: {\r\n              responsive: true,\r\n              maintainAspectRatio: false,\r\n              legend: {\r\n                display: false,\r\n                labels: {\r\n                  fontColor: '#ddd',\r\n                  boxWidth:40\r\n                }\r\n              },\r\n              tooltips: {\r\n                displayColors:false\r\n              },\r\n              scales: {\r\n                xAxes: [{\r\n                  ticks: {\r\n                    beginAtZero:true,\r\n                    fontColor: '#ddd'\r\n                  },\r\n                  // gridLines: {\r\n                  //   display: true ,\r\n                  //   color: \"rgba(221, 221, 221, 0.08)\"\r\n                  // },\r\n                }],\r\n                yAxes: [{\r\n                  ticks: {\r\n                    beginAtZero:true,\r\n                    fontColor: '#ddd'\r\n                  },\r\n                  // gridLines: {\r\n                  //   display: true ,\r\n                  //   color: \"rgba(221, 221, 221, 0.08)\"\r\n                  // },\r\n                }]\r\n              }\r\n\r\n            }\r\n          });\r\n        }\r\n      })\r\n\r\n    },\r\n    loadJobTypeChart(){\r\n      axios.get(`${process.env.VUE_APP_API_URL}/v1/dashboard/jobtypetrend`)\r\n      .then(response => {\r\n        if(response.data.success){\r\n\r\n          var ctx = document.getElementById('chart2').getContext('2d');\r\n\r\n          let trend = response.data.trend;\r\n\r\n          let data = trend.slice(0, 3);\r\n          let other = trend.slice(3);\r\n          let otherCount = 0;\r\n          other.forEach((e) => {\r\n            otherCount += e.count;\r\n          });\r\n          data.push({count: otherCount});\r\n          this.jobTrends.types = [trend[0].type || \"No Type\", trend[1].type || \"No Type\", trend[2].type || \"No Type\", \"Other\"];\r\n          this.jobTrends.typeCounts = data.map((d) => {return d.count});\r\n\r\n          this.chartData = data;\r\n\r\n          this.chart2 = new Chart(ctx, {\r\n            type: 'doughnut',\r\n            data: {\r\n              labels: this.jobTrends.types,\r\n              datasets: [{\r\n                backgroundColor: [\r\n                  \"#ffffff\",\r\n                  \"rgba(255, 255, 255, 0.70)\",\r\n                  \"rgba(255, 255, 255, 0.50)\",\r\n                  \"rgba(255, 255, 255, 0.20)\"\r\n                ],\r\n                data: data.map((d) => {return d.count}),\r\n                borderWidth: [0, 0, 0, 0]\r\n              }]\r\n            },\r\n            options: {\r\n              responsive: true,\r\n              maintainAspectRatio: false,\r\n              cutoutPercentage: 60,\r\n              legend: {\r\n                position :\"bottom\",\r\n                display: false,\r\n                labels: {\r\n                  fontColor: '#ddd',\r\n                  boxWidth:15\r\n                }\r\n              }\r\n              ,\r\n              tooltips: {\r\n                displayColors:false\r\n              }\r\n            }\r\n          });\r\n\r\n        }\r\n      })\r\n    },\r\n    handleNewSite(){\r\n      this.stats.sites++;\r\n    },\r\n    handleNewDevices(msg){\r\n      this.stats.devices += msg.count;\r\n    },\r\n    handleNewJobs(){\r\n      this.stats.openJobs++;\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.completedJobs--;\r\n      }else{\r\n        this.openJobs--;\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    totalOpenedJobs: function(){\r\n      let count = 0;\r\n      this.jobTrends.open.forEach((j) => {\r\n        count += j.count;\r\n      });\r\n      return count;\r\n    },\r\n    totalCompletedJobs: function(){\r\n      let count = 0;\r\n      this.jobTrends.completed.forEach((j) => {\r\n        count += j.count;\r\n      });\r\n      return count;\r\n    },\r\n    percentageCompletion: function(){\r\n      return (this.totalCompletedJobs / this.totalOpenedJobs * 100).toFixed(2);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n/* Chart.js */\r\n@-webkit-keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}@keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}.chartjs-render-monitor{-webkit-animation:chartjs-render-animation 0.001s;animation:chartjs-render-animation 0.001s;}\r\n</style>\r\n","export default function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}","import _typeof from \"./typeof.js\";\nexport default function toPrimitive(t, r) {\n  if (\"object\" != _typeof(t) || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != _typeof(i)) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == _typeof(i) ? i : String(i);\n}","import toPropertyKey from \"./toPropertyKey.js\";\nexport default function _defineProperty(obj, key, value) {\n  key = toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}","import {io} from 'socket.io-client';\r\n\r\nexport default class SocketManager {\r\n\r\n  socket;\r\n  authenticated = false;\r\n\r\n  constructor(token){\r\n    if(SocketManager._instance){\r\n      return SocketManager._instance;\r\n    }\r\n    SocketManager._instance = this;\r\n    this._connect(token);\r\n  }\r\n\r\n  _connect(token){\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(\"Connected to socket\", this.socket.id);\r\n      this.socket.emit(\"authentication\", { target: \"user\", token: token });\r\n      this.socket.on('authenticated', () => {\r\n        console.log(\"Authenticated with Socket!\");\r\n        this.authenticated = true;\r\n      });\r\n    });\r\n    \r\n    this.socket.on('reconnect', () => {\r\n      this.socket.emit(\"authentication\", { target: \"user\", token: token });\r\n    });\r\n  }\r\n\r\n}","import { render } from \"./Staff.vue?vue&type=template&id=28cb2bd0&scoped=true\"\nimport script from \"./Staff.vue?vue&type=script&lang=js\"\nexport * from \"./Staff.vue?vue&type=script&lang=js\"\n\nimport \"./Staff.vue?vue&type=style&index=0&id=28cb2bd0&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-28cb2bd0\"]])\n\nexport default __exports__","<template>\r\n  <h1>Coming Soon!</h1>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"CustomerDashboard\",\r\n  mounted(){\r\n    this.$router.push({name: 'customer.jobs'})\r\n  }\r\n}\r\n</script>","import { render } from \"./Customer.vue?vue&type=template&id=214a7993\"\nimport script from \"./Customer.vue?vue&type=script&lang=js\"\nexport * from \"./Customer.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 \"./Dashboard.vue?vue&type=template&id=3077bf11\"\nimport script from \"./Dashboard.vue?vue&type=script&lang=js\"\nexport * from \"./Dashboard.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__"],"sourceRoot":""}