{"version":3,"sources":["webpack:///./src/views/admin/reports/FaultySites/FaultySites.vue","webpack:///./src/views/admin/reports/FaultySites/FaultySites.vue?38fa","webpack:///./src/components/Time.vue","webpack:///./src/components/Time.vue?5dfe","webpack:///./src/components/SubmitButton.vue","webpack:///./src/components/SubmitButton.vue?ce1e","webpack:///./node_modules/@vueform/multiselect/themes/default.css?80df"],"names":["class","for","style","role","aria-valuenow","aria-valuemin","aria-valuemax","id","tabindex","aria-hidden","type","data-bs-dismiss","aria-label","scope","colspan","report","client_id","valueProp","label","searchable","options","clients","clicked","generating","generateReport","text","results","length","totalOfflineDevices","site","key","client_name","href","$router","push","name","offline_since","datetime","format","selectSite","offline_nodes","total_monitored_nodes","health","message","devices","device","showing","node_type","node_model","address","loadCredentials","credentials","credential","username","password","components","Time","Multiselect","SubmitButton","this","loadClients","methods","a","get","then","response","data","catch","error","$error","success","sites","forEach","s","parseFloat","toFixed","$erorr","finally","nodes","$","modal","d","computed","count","r","toLocaleString","__exports__","render","formatted","props","fromSeconds","zone","toLocal","toFormat","background","disabled","String","Boolean"],"mappings":"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","file":"js/chunk-76fc6218.7bb808dc.js","sourcesContent":["<template>\r\n  <div>\r\n    <div class=\"row\">\r\n\r\n      <div class=\"col-12\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <h5 class=\"card-title\">Fault Sites Report</h5>\r\n\r\n            <div class=\"row g-3\">\r\n              <div class=\"col-md-6\">\r\n                <label for=\"faultSitesReportClient\" class=\"form-label\">Client</label>\r\n                <Multiselect class=\"form-control form-select\" style=\"background-color: rgb(0 0 0 / 15%) !important;\" v-model=\"report.client_id\" id=\"faultSitesReportClient\" valueProp=\"id\" label=\"name\" :searchable=\"true\" :options=\"clients\"></Multiselect>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"row mt-3\">\r\n              <div class=\"col-12\">\r\n                <SubmitButton :clicked=\"generating\" class=\"btn btn-primary float-end\" @click=\"generateReport\" text=\"Generate Report\"/>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div v-if=\"!generating && report.results.length > 0\" 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-2 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\">{{report.results.length}}</h5>\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\">Faulty Sites</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\">{{totalOfflineDevices}}</h5>\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\">Offline Devices</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><!--end row-->\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n\r\n    <div v-if=\"!generating && report.results.length > 0\" class=\"row\">\r\n      <div class=\"col-12\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n\r\n            <div class=\"alert border-0 border-info border-start border-5 alert-dismissible fade show\">\r\n              <div class=\"text-white\">Click on the devices offline column to view the devices which have failed their pings!</div>\r\n            </div>\r\n\r\n            <table class=\"table\">\r\n              <thead>\r\n                <tr>\r\n                  <th>#</th>\r\n                  <th>Client</th>\r\n                  <th>Site</th>\r\n                  <th>Faulty Since</th>\r\n                  <th>Devices Offline</th>\r\n                  <th>Health</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr v-for=\"site in report.results\" :key=\"'report-entry-' + site.id\">\r\n                  <td>{{site.id}}</td>\r\n                  <td>{{site.client_name}}</td>\r\n                  <td><a href=\"javascript:void(0);\" @click=\"$router.push({name: 'admin.sites.view', params: {id: site.id}})\">{{site.name}} <i class='bx bx-link-external'></i></a></td>\r\n                  <td><Time v-if=\"site.offline_since\" :datetime=\"site.offline_since\" format=\"dd/MM/yyyy HH:mm\"/><span v-else>-</span></td>\r\n                  <td><a href=\"javascript:void(0);\" @click=\"selectSite(site)\">{{site.offline_nodes || 0}} / {{site.total_monitored_nodes || 1}}</a></td>\r\n                  <td>\r\n                    <div class=\"progress mb-3\" style=\"height:7px;\">\r\n                      <div class=\"progress-bar\" :class=\"{'bg-success': site.health >= 80, 'bg-warning': site.health >= 50 && site.health < 80, 'bg-danger': site.health > 0 && site.health < 50, 'bg-dark': site.health <= 0}\" role=\"progressbar\" :style=\"`width: ${site.health}%`\" :aria-valuenow=\"site.health\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\r\n                    </div>\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div v-if=\"generating\" class=\"row\">\r\n      <div class=\"col-12\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <div class=\"text-center\">\r\n              <p class=\"text-white font-24 mb-0 fw-bold\">{{report.message}}</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- MODALS -->\r\n    <div class=\"modal fade\" id=\"viewOfflineDevicesModal\" tabindex=\"-1\" style=\"display: none;\" aria-hidden=\"true\">\r\n      <div class=\"modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable\">\r\n        <div class=\"modal-content\">\r\n          <div class=\"modal-header\">\r\n            <h5 class=\"modal-title\">Offline Devices - {{report.site?.name}}</h5>\r\n            <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n          </div>\r\n          <div class=\"modal-body\" style=\"max-height: 500px;\">\r\n            <div class=\"row\">\r\n\r\n              <table class=\"table align-middle mb-0\">\r\n                <thead class=\"table-light\">\r\n                <tr>\r\n                  <th style=\"width: 5%\" scope=\"col\">Type</th>\r\n                  <th style=\"width: 17%\" scope=\"col\">Product</th>\r\n                  <th style=\"width: 8%; max-width: 15ch;\" scope=\"col\">Address</th>\r\n                  <th style=\"width: 1%\" scope=\"col\"></th>\r\n                </tr>\r\n                </thead>\r\n                <tbody>\r\n                <tr :class=\"{'bg-light': device.showing}\" v-for=\"device in report.devices\" :key=\"'device-' + device.id\">\r\n                  <td>{{device.node_type}}</td>\r\n                  <td>{{device.node_model}}</td>\r\n                  <td>{{device.address}}</td>\r\n                  <td>\r\n                    <button type=\"button\" class=\"btn btn-sm btn-light showCredentials\" @click=\"loadCredentials(device)\"><i class=\"bx bx-key me-0\"></i></button>\r\n                  </td>\r\n                </tr>\r\n                </tbody>\r\n              </table>\r\n\r\n              <table v-if=\"report.credentials.length > 0\" class=\"table mb-0 table-hover mt-2\">\r\n                <thead>\r\n                <tr>\r\n                  <th scope=\"col\">Name</th>\r\n                  <th scope=\"col\">Username</th>\r\n                  <th scope=\"col\">Password</th>\r\n                </tr>\r\n                </thead>\r\n                <tbody>\r\n                <tr v-for=\"credential in report.credentials\" :key=\"'credential-' + credential.id\">\r\n                  <td>{{credential.name}}</td>\r\n                  <td>{{credential.username}}</td>\r\n                  <td>{{credential.password}}</td>\r\n                </tr>\r\n                <tr v-if=\"report.credentials.length < 1\">\r\n                  <td colspan=\"4\">No Credentials</td>\r\n                </tr>\r\n                </tbody>\r\n              </table>\r\n\r\n            </div>\r\n          </div>\r\n          <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\" id='closeViewOfflineDevicesModal'>Close</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n/* global $ */\r\nimport Multiselect from \"@vueform/multiselect\";\r\nimport SubmitButton from \"../../../../components/SubmitButton\";\r\nimport axios from \"axios\";\r\nimport Time from \"../../../../components/Time\";\r\nexport default {\r\n  name: \"admin.reports.FaultySites\",\r\n  components: {\r\n    Time,\r\n    Multiselect,\r\n    SubmitButton\r\n  },\r\n  data(){\r\n    return {\r\n      clients: [],\r\n      generating: false,\r\n      report: {\r\n        client_id: null,\r\n        message: \"Loading faulty sites...\",\r\n        results: [],\r\n        site: null,\r\n        devices: [],\r\n        credentials: []\r\n      },\r\n    }\r\n  },\r\n  mounted(){\r\n    this.loadClients();\r\n  },\r\n  methods: {\r\n    loadClients(){\r\n      axios.get(`${process.env.VUE_APP_API_URL}/v1/client/list`)\r\n        .then(response => {\r\n          this.clients = response.data.clients;\r\n        })\r\n        .catch(error => {\r\n          this.$error(\"Failed to load clients\", error);\r\n        })\r\n    },\r\n    generateReport(){\r\n      this.generating = true;\r\n      axios.get(`${process.env.VUE_APP_API_URL}/v1/reports/faultysites${this.report.client_id ? (\"?client_id=\" + this.report.client_id) : \"\"}`)\r\n      .then(response => {\r\n        if(response.data.success){\r\n          response.data.sites.forEach((s) => {\r\n            s.health = parseFloat(100 - (s.offline_nodes || 0) / (s.total_monitored_nodes || 1) * 100).toFixed(2);\r\n          })\r\n          this.report.results = response.data.sites\r\n        }\r\n      })\r\n      .catch(error => {\r\n        this.$erorr(\"Failed to load faulty site report\", error);\r\n      })\r\n      .finally(() => {\r\n        this.generating = false;\r\n      })\r\n    },\r\n    selectSite(site){\r\n      this.report.site = site;\r\n      this.report.devices = [];\r\n      this.report.credentials = [];\r\n      axios.get(`${process.env.VUE_APP_API_URL}/v1/sites/${site.id}/offlinenodes`)\r\n      .then(response => {\r\n        this.report.devices = response.data.nodes;\r\n        $('#viewOfflineDevicesModal').modal('toggle');\r\n      })\r\n      .catch(error => {\r\n        this.$error(\"Failed to load devices\", error);\r\n      });\r\n    },\r\n    loadCredentials(device){\r\n      this.report.devices.forEach((d) => {\r\n        d.showing = false;\r\n      });\r\n      device.showing = true;\r\n      axios.get(`${process.env.VUE_APP_API_URL}/v1/nodes/${device.id}/credentials`)\r\n        .then(response => {\r\n          this.report.credentials = response.data.credentials;\r\n        })\r\n        .catch(error => {\r\n          this.$error(\"Failed to load device credentials.\", error);\r\n        })\r\n    }\r\n  },\r\n  computed: {\r\n    totalOfflineDevices(){\r\n      let count = 0;\r\n      this.report.results.forEach((r) => {\r\n        count += r.offline_nodes || 0;\r\n      })\r\n      return count.toLocaleString();\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>\r\n\r\n<style src=\"@vueform/multiselect/themes/default.css\"></style>","import { render } from \"./FaultySites.vue?vue&type=template&id=283610c2\"\nimport script from \"./FaultySites.vue?vue&type=script&lang=js\"\nexport * from \"./FaultySites.vue?vue&type=script&lang=js\"\n\nimport \"@vueform/multiselect/themes/default.css?vue&type=style&index=0&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]])\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__","<template>\r\n    <button class=\"btn\" v-bind:class=\"background\" v-bind:disabled=\"clicked\">\r\n        <span v-if=\"!clicked\">{{text}}</span>\r\n        <div v-else class=\"spinner-border\" role=\"status\"> <span class=\"visually-hidden\">Loading...</span></div>\r\n    </button>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\nname: \"SubmitButton\",\r\n    props: {\r\n        background: String,\r\n        text: String,\r\n        clicked: Boolean,\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>\r\n","import { render } from \"./SubmitButton.vue?vue&type=template&id=5efa2b68\"\nimport script from \"./SubmitButton.vue?vue&type=script&lang=js\"\nexport * from \"./SubmitButton.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 \"-!../../../mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../postcss-loader/src/index.js??ref--7-oneOf-1-2!./default.css?vue&type=style&index=0&lang=css\""],"sourceRoot":""}