aboutsummaryrefslogtreecommitdiff
path: root/src/components/WeatherCurrent.svelte
diff options
context:
space:
mode:
authorJakob Stendahl <jakob.stendahl@outlook.com>2022-04-27 02:59:32 +0200
committerJakob Stendahl <jakob.stendahl@outlook.com>2022-04-27 02:59:32 +0200
commitfd0636e4e5292ed584745c73d58f6a0118d929b4 (patch)
treea548392f6231a98721e8fc6a091809beca9cf6e8 /src/components/WeatherCurrent.svelte
parent30c2705f47011ae49faaaab656e4701ad9a595a6 (diff)
downloadAurora-data-fd0636e4e5292ed584745c73d58f6a0118d929b4.tar.gz
Aurora-data-fd0636e4e5292ed584745c73d58f6a0118d929b4.zip
Add chip showing that value is estimated, and add bt value
Diffstat (limited to 'src/components/WeatherCurrent.svelte')
-rw-r--r--src/components/WeatherCurrent.svelte11
1 files changed, 7 insertions, 4 deletions
diff --git a/src/components/WeatherCurrent.svelte b/src/components/WeatherCurrent.svelte
index 45bfe11..8578692 100644
--- a/src/components/WeatherCurrent.svelte
+++ b/src/components/WeatherCurrent.svelte
@@ -76,7 +76,7 @@
.current-details {
display: grid;
- grid-template-columns: repeat(3, minmax(0, 1fr));
+ grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: 1rem;
gap: 1rem;
padding-bottom: 1.5rem;
@@ -93,15 +93,14 @@
<div class="weatherCurrent-wrapper">
<div class="weatherCurrent-data">
<div class="weatherCurrent-data-location">
- {#if !$navigator_location.updating && $navigator_location.available}
+ {#if !$navigator_location.updating && $navigator_location.available && !$earth_weather.updating && !$space_weather.updating}
<i class="symbol fas fa-map-marker-alt"></i>
<h1>{$navigator_location.city}</h1>
{/if}
</div>
<div class="weatherCurrent-data-date">
- {#if $earth_weather.updating || $space_weather.updating}
- {:else}
+ {#if !$earth_weather.updating && !$space_weather.updating}
{#if Math.abs($earth_weather.updated - $space_weather.updated) > 60*10*1000}
<p>There is more than 10 minutes difference between data updates</p>
{:else}
@@ -128,6 +127,10 @@
<p>BZ</p>
<p>{$space_weather.now.bz}</p>
</div>
+ <div>
+ <p>BT</p>
+ <p>{$space_weather.now.bt}</p>
+ </div>
{#if $earth_weather.available}
<div>
<p>Temp</p>