diff options
Diffstat (limited to 'src/components/services/AdGuardHome.vue')
-rw-r--r-- | src/components/services/AdGuardHome.vue | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/src/components/services/AdGuardHome.vue b/src/components/services/AdGuardHome.vue index 3ce56dd..9c6eb34 100644 --- a/src/components/services/AdGuardHome.vue +++ b/src/components/services/AdGuardHome.vue | |||
@@ -18,7 +18,11 @@ | |||
18 | <p class="title is-4">{{ item.name }}</p> | 18 | <p class="title is-4">{{ item.name }}</p> |
19 | <p class="subtitle is-6">{{ item.subtitle }}</p> | 19 | <p class="subtitle is-6">{{ item.subtitle }}</p> |
20 | </div> | 20 | </div> |
21 | <div v-if="status" class="status" v-bind:class="status.protection_enabled ? 'enabled' : 'disabled'"> | 21 | <div |
22 | v-if="status" | ||
23 | class="status" | ||
24 | v-bind:class="status.protection_enabled ? 'enabled' : 'disabled'" | ||
25 | > | ||
22 | {{ status.protection_enabled }} | 26 | {{ status.protection_enabled }} |
23 | </div> | 27 | </div> |
24 | </div> | 28 | </div> |
@@ -47,9 +51,9 @@ export default { | |||
47 | }, | 51 | }, |
48 | methods: { | 52 | methods: { |
49 | fetchStatus: async function () { | 53 | fetchStatus: async function () { |
50 | this.status = await fetch(`${this.item.url}/control/status`).then((response) => | 54 | this.status = await fetch( |
51 | response.json() | 55 | `${this.item.url}/control/status` |
52 | ); | 56 | ).then((response) => response.json()); |
53 | }, | 57 | }, |
54 | }, | 58 | }, |
55 | }; | 59 | }; |