5 <strong class="notif total" title="Total Devices">
8 <strong class="notif connected" title="Connected Devices">
11 <strong class="notif newdevices" title="New Devices">
14 <strong class="notif alert" title="Down Alerts">
20 title="Connection error to PiAlert server, check the url in config.yml"
29 import service from "@/mixins/service.js";
30 import Generic from "./Generic.vue";
51 const updateInterval = parseInt(this.item.updateInterval, 10) || 0;
52 if (updateInterval > 0) {
53 setInterval(() => this.fetchStatus(), updateInterval);
58 fetchStatus: async function () {
59 this.fetch("/php/server/devices.php?action=getDevicesTotals")
61 this.total = response[0];
62 this.connected = response[1];
63 this.newdevices = response[3];
64 this.downalert = response[4];
68 this.serverError = true;
75 <style scoped lang="scss">
79 font-family: sans-serif;
84 display: inline-block;
85 padding: 0.2em 0.35em;
86 border-radius: 0.25em;
92 background-color: #4fb5d6;
96 background-color: #4fd671;
100 background-color: #d08d2e;
104 background-color: #e51111;