holm/homer
1
0
Fork 0
forked from extern/homer
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Implement PiHole API token (#580)

Browse Source 
Implement PiHole API token
This commit is contained in:
Floren Munteanu 2023-02-19 15:18:56 -05:00 committed by GitHub
parent dfde8ea89d
commit d362add383
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/customservices.md
View File

@ -58,9 +58,13 @@ The following configuration is available for the PiHole service.
logo: "assets/tools/sample.png"
# subtitle: "Network-wide Ad Blocking" # optional, if no subtitle is defined, PiHole statistics will be shown
url: "http://192.168.0.151/admin"
apikey: "<---insert-api-key-here--->" # optional, needed if web interface is password protected
type: "PiHole"
```
**Remarks:**
If PiHole web interface is password protected, obtain the `apikey` from Settings > API/Web interface > Show API token.
## OpenWeatherMap
Using the OpenWeatherMap service you can display weather information about a given location.

6
src/components/services/PiHole.vue
View File

@ -49,7 +49,11 @@ export default {
},
methods: {
fetchStatus: async function () {
const result = await this.fetch("/api.php").catch((e) => console.log(e));
const authQueryParams = this.item.apikey
? `?summaryRaw&auth=${this.item.apikey}`
: "";
const result = await this.fetch(`/api.php${authQueryParams}`)
.catch((e) => console.log(e));
this.status = result.status;
this.ads_percentage_today = result.ads_percentage_today;