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

Added location id

Browse Source
This commit is contained in:
Dick Wolff 2021-01-28 12:58:29 +01:00
parent fb158d4767
commit 551e32e203
1 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/services/OpenWeather.vue
View File

@ -19,7 +19,7 @@
</figure> </figure>
</div> </div>
<div class="media-content"> <div class="media-content">
<p class="title is-4">{{ item.location }}</p> <p class="title is-4">{{ locationName }}</p>
<p class="subtitle is-6"> <p class="subtitle is-6">
<template v-if="item.subtitle"> <template v-if="item.subtitle">
{{ item.subtitle }} {{ item.subtitle }}
@ -78,6 +78,12 @@ export default {
} }
return ""; return "";
}, },
locationName: function () {
if (this.api) {
return this.api.name;
}
return "";
},
temp: function () { temp: function () {
if (this.api && this.api.main.temp !== "") { if (this.api && this.api.main.temp !== "") {
return parseInt(this.api.main.temp).toFixed(1); return parseInt(this.api.main.temp).toFixed(1);
@ -102,7 +108,16 @@ export default {
}, },
methods: { methods: {
fetchStatus: async function () { fetchStatus: async function () {
const url = `https://api.openweathermap.org/data/2.5/weather?q=${this.item.location}&appid=${this.item.apiKey}&units=${this.item.units}`; let locationQuery;
// If a specific location ID was specified, use it. Otherwise retrieve value from location (name).
if (this.item.locationId) {
locationQuery = `id=${this.item.locationId}`;
} else {
locationQuery = `q=${this.item.location}`;
}
const url = `https://api.openweathermap.org/data/2.5/weather?${locationQuery}&appid=${this.item.apiKey}&units=${this.item.units}`;
this.api = await fetch(url) this.api = await fetch(url)
.then((response) => response.json()) .then((response) => response.json())
.catch((e) => { .catch((e) => {