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

Cleanup

Browse Source
This commit is contained in:
Zakary Timson
2026-06-26 00:05:28 -04:00
parent 9b7b7f49a7
commit 1ee386949c
11 changed files with 521 additions and 326 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
client/src/components/Seismic.vue
View File

@@ -1,4 +1,5 @@
<script setup lang="ts">
import Loading from '@/components/Loading.vue';
import {ref, onMounted, onUnmounted} from 'vue';
import {api} from '../services/api';
import MetricRow from './MetricRow.vue';
@@ -49,15 +50,19 @@ svg { width: 100%; height: 60px; overflow: visible; }
</style>
<template>
<div class="card" v-if="d">
<div class="card">
<div class="card-title">🫨 Seismic</div>
<MetricRow label="Magnitude" :value="d.magnitude?.toFixed(1)" metric-key="magnitude" :data="d" />
<svg :viewBox="`0 0 ${W} ${H}`" preserveAspectRatio="none">
<line :x1="0" :y1="H/2" :x2="W" :y2="H/2" stroke="var(--border)" stroke-width="1" />
<path :d="toPath(history)" fill="none" stroke="var(--accent)" stroke-width="1.5" />
</svg>
<div v-if="!d" class="p-2">
<div class="w-100 pos-rel br-2 overflow-hidden" style="height: 80px">
<Loading />
</div>
</div>
<template v-else>
<MetricRow label="Magnitude" :value="d.magnitude?.toFixed(1)" metric-key="magnitude" :data="d" />
<svg :viewBox="`0 0 ${W} ${H}`" preserveAspectRatio="none">
<line :x1="0" :y1="H/2" :x2="W" :y2="H/2" stroke="var(--border)" stroke-width="1" />
<path :d="toPath(history)" fill="none" stroke="var(--accent)" stroke-width="1.5" />
</svg>
</template>
</div>
</template>