extern/homer
1
0
Fork 1
mirror of https://github.com/bastienwirtz/homer.git synced 2025-01-13 01:18:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

Adding status "unknown"

Browse Source 
Changing code as per linter
This commit is contained in:
Andreas Waschinski 2021-07-10 09:58:17 +02:00
parent 3832025b0c
commit bebb6953cb
1 changed files with 27 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/components/services/AdGuardHome.vue
View File

@ -25,12 +25,8 @@
</template>
</p>
</div>
<div
v-if="status"
class="status"
v-bind:class="status.protection_enabled ? 'enabled' : 'disabled'"
>
{{ status.protection_enabled ? 'enabled' : 'disabled' }}
<div v-if="!item.subtitle" class="status" :class="protection">
{{ protection }}
</div>
</div>
<div class="tag" :class="item.tagstyle" v-if="item.tag">
@ -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;