edi/buzzer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sync

Browse Source
This commit is contained in:
Eduard Iten
2026-03-07 08:51:50 +01:00
parent 4f3fbff258
commit f85143d7e5
60 changed files with 3245 additions and 1205 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
webpage/src/components/DeviceInfo.svelte
View File

@@ -1,17 +1,25 @@
<script>
import { buzzer } from '../lib/buzzerStore';
import { CpuIcon } from 'phosphor-svelte';
</script>
<div class="text-[11px] font-mono text-slate-400 space-y-1 relative z-10">
<p>
Firmware: <span class="text-indigo-300">{$buzzer.version}</span>
</p>
<p>
Protocol: <span class="text-indigo-300">{$buzzer.protocol}</span>
</p>
<p>
Status: <span class="{$buzzer.connected ? 'text-emerald-400' : 'text-red-400'}">
{$buzzer.connected ? 'Confirmed' : 'Disconnected'}
</span>
</p>
</div>
<div class="h-48 bg-indigo-950/20 border border-indigo-500/20 rounded-[2rem] p-6 relative overflow-hidden shrink-0">
<div class="absolute top-6 right-6 text-indigo-500 opacity-20">
<CpuIcon class="w-12 h-12" weight="fill" />
</div>
<h3 class="text-indigo-400 text-[10px] font-black uppercase tracking-[0.2em] mb-4">
Device Info
</h3>
<div class="text-[11px] font-mono text-slate-400 space-y-1 relative z-10 transition-all duration-300 {!$buzzer.connected ? 'blur-[1px] opacity-30 grayscale pointer-events-none' : ''}">
<p>
Firmware: <span class="text-indigo-300">{$buzzer.version}</span>
</p>
<p>
Protocol: <span class="text-indigo-300">{$buzzer.protocol}</span>
</p>
<p>
Status: <span class="{$buzzer.connected ? 'text-emerald-400' : 'text-red-400'}">
{$buzzer.connected ? 'Confirmed' : 'Disconnected'}
</span>
</p>
</div>
</div>