From bebb6953cb1e5b61be000b3f2d76a27256bff3d9 Mon Sep 17 00:00:00 2001 From: Andreas Waschinski <25221082+waschinski@users.noreply.github.com> Date: Sat, 10 Jul 2021 09:58:17 +0200 Subject: Adding status "unknown" Changing code as per linter --- src/components/services/AdGuardHome.vue | 48 ++++++++++++++++++--------------- 1 file changed, 27 insertions(+), 21 deletions(-) (limited to 'src') diff --git a/src/components/services/AdGuardHome.vue b/src/components/services/AdGuardHome.vue index 0c689b9..9aeaf39 100644 --- a/src/components/services/AdGuardHome.vue +++ b/src/components/services/AdGuardHome.vue @@ -25,12 +25,8 @@

-
- {{ status.protection_enabled ? 'enabled' : 'disabled' }} +
+ {{ protection }}
@@ -57,10 +53,18 @@ export default { computed: { percentage: function () { if (this.stats) { - return (this.stats.num_blocked_filtering * 100 / this.stats.num_dns_queries).toFixed(2); + return ( + (this.stats.num_blocked_filtering * 100) / + this.stats.num_dns_queries + ).toFixed(2); } return ""; }, + protection: function () { + if (this.status) { + return this.status.protection_enabled ? "enabled" : "disabled"; + } else return "unknown"; + }, }, created: function () { this.fetchStatus(); @@ -70,22 +74,18 @@ export default { }, methods: { fetchStatus: async function () { - this.status = await fetch( - `${this.item.url}/control/status`, - { - credentials: 'include' - } - ).then((response) => response.json()) - .catch((e) => console.log(e)); + this.status = await fetch(`${this.item.url}/control/status`, { + credentials: "include", + }) + .then((response) => response.json()) + .catch((e) => console.log(e)); }, fetchStats: async function () { - this.stats = await fetch( - `${this.item.url}/control/stats`, - { - credentials: 'include' - } - ).then((response) => response.json()) - .catch((e) => console.log(e)); + this.stats = await fetch(`${this.item.url}/control/stats`, { + credentials: "include", + }) + .then((response) => response.json()) + .catch((e) => console.log(e)); }, }, }; @@ -111,6 +111,12 @@ export default { box-shadow: 0px 0px 4px 1px #c9404d; } + &.unknown:before { + background-color: #c9c740; + border-color: #ccc935; + box-shadow: 0px 0px 4px 1px #c9c740; + } + &:before { content: " "; display: inline-block; -- cgit v1.2.3