diff options
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/services/OpenWeather.vue | 16 | ||||
-rw-r--r-- | src/components/services/Ping.vue | 7 |
2 files changed, 14 insertions, 9 deletions
diff --git a/src/components/services/OpenWeather.vue b/src/components/services/OpenWeather.vue index 3169866..649e8e5 100644 --- a/src/components/services/OpenWeather.vue +++ b/src/components/services/OpenWeather.vue | |||
@@ -23,7 +23,7 @@ | |||
23 | <p class="title is-4">{{ name }}</p> | 23 | <p class="title is-4">{{ name }}</p> |
24 | <p class="subtitle is-6"> | 24 | <p class="subtitle is-6"> |
25 | <span> | 25 | <span> |
26 | {{ temp | tempSuffix(this.item.units) }} | 26 | {{ temperature }} |
27 | </span> | 27 | </span> |
28 | <span class="location-time"> | 28 | <span class="location-time"> |
29 | {{ locationTime }} | 29 | {{ locationTime }} |
@@ -68,15 +68,13 @@ export default { | |||
68 | } | 68 | } |
69 | return `${this.temp} ${unit}`; | 69 | return `${this.temp} ${unit}`; |
70 | }, | 70 | }, |
71 | }, | ||
72 | created() { | ||
73 | this.fetchWeather(); | ||
74 | }, | ||
75 | computed: { | ||
76 | locationTime: function () { | 71 | locationTime: function () { |
77 | return this.calcTime(this.timezoneOffset); | 72 | return this.calcTime(this.timezoneOffset); |
78 | }, | 73 | }, |
79 | }, | 74 | }, |
75 | created() { | ||
76 | this.fetchWeather(); | ||
77 | }, | ||
80 | methods: { | 78 | methods: { |
81 | fetchWeather: async function () { | 79 | fetchWeather: async function () { |
82 | let locationQuery; | 80 | let locationQuery; |
@@ -89,7 +87,11 @@ export default { | |||
89 | } | 87 | } |
90 | 88 | ||
91 | const apiKey = this.item.apikey || this.item.apiKey; | 89 | const apiKey = this.item.apikey || this.item.apiKey; |
92 | const url = `https://api.openweathermap.org/data/2.5/weather?${locationQuery}&appid=${apiKey}&units=${this.item.units}`; | 90 | |
91 | let url = `https://api.openweathermap.org/data/2.5/weather?${locationQuery}&appid=${apiKey}&units=${this.item.units}`; | ||
92 | if (this.item.endpoint) { | ||
93 | url = this.item.endpoint; | ||
94 | } | ||
93 | fetch(url) | 95 | fetch(url) |
94 | .then((response) => { | 96 | .then((response) => { |
95 | if (!response.ok) { | 97 | if (!response.ok) { |
diff --git a/src/components/services/Ping.vue b/src/components/services/Ping.vue index 07bc053..e2db050 100644 --- a/src/components/services/Ping.vue +++ b/src/components/services/Ping.vue | |||
@@ -29,9 +29,12 @@ export default { | |||
29 | }, | 29 | }, |
30 | methods: { | 30 | methods: { |
31 | fetchStatus: async function () { | 31 | fetchStatus: async function () { |
32 | const method = typeof this.item.method === 'string' ? this.item.method.toUpperCase() : 'HEAD'; | 32 | const method = |
33 | typeof this.item.method === "string" | ||
34 | ? this.item.method.toUpperCase() | ||
35 | : "HEAD"; | ||
33 | 36 | ||
34 | if (!['GET', 'HEAD', 'OPTION'].includes(method)) { | 37 | if (!["GET", "HEAD", "OPTION"].includes(method)) { |
35 | console.error(`Ping: ${method} is not a supported HTTP method`); | 38 | console.error(`Ping: ${method} is not a supported HTTP method`); |
36 | return; | 39 | return; |
37 | } | 40 | } |