ztimson/weather-station
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Local forecasting

Browse Source
This commit is contained in:
Zakary Timson
2026-06-24 13:06:19 -04:00
parent 25c6bcce7b
commit d540ab5efb
14 changed files with 455 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/components/CurrentWeather.vue
View File

@@ -131,17 +131,17 @@ onMounted(async () => {
</div>
<div class="flex-r align-items-center gap-2">
<div class="fs-6 m-0 p-0 flex-r align-items-center">
<div v-if="!data" class="d-inline-block pos-rel br-2 overflow-hidden" style="width: 50px; height: 1em"><Loading/></div>
<div v-if="!data" class="d-inline-block pos-rel br-2 overflow-hidden" style="width: 50px; height: 1.25em"><Loading/></div>
<template v-else>{{ Math.round(data.temperature) }}°C</template>
</div>
<div class="flex-c fg-muted">
<div class="hi">↑
<div class="hi">
<div v-if="!data" class="d-inline-block pos-rel br-2 overflow-hidden" style="width: 25px; height: 1em"><Loading/></div>
<template v-else>{{ 0 }}°</template>
<template v-else>↑ {{ 0 }}°</template>
</div>
<div class="lo">↓
<div class="lo">
<div v-if="!data" class="d-inline-block pos-rel br-2 overflow-hidden" style="width: 25px; height: 1em"><Loading/></div>
<template v-else>{{ 0 }}°</template>
<template v-else>↓ {{ 0 }}°</template>
</div>
</div>
</div>

4
client/src/components/ForecastStrip.vue
View File

@@ -63,8 +63,8 @@ function dir(deg: number) {
<img :src="BASE + d.icon" class="day-icon" :alt="(d.label?.toString() || '')" />
<div class="day-label">{{ d.label }}</div>
<div class="day-temps">
<span>{{ d.temp_max || '—' }}</span>
<span class="day-low">{{ d.temp_min || '—' }}</span>
<span>↑{{ d.temperature_max || '—' }}</span>
<span class="day-low">↓{{ d.temperature_min || '—' }}</span>
</div>
<div class="day-humid">🌡️ {{ d.humidity || 0 }}%</div>
<div class="day-wind">🍃 {{ ~~(d.wind_gusts) || 0 }} Kph ({{dir(d.wind_dir)}})</div>