29 lines
699 B
Svelte
29 lines
699 B
Svelte
<script lang="ts">
|
|
export let status = {};
|
|
|
|
const isSplitText = (str: string) => {
|
|
return str.includes('/');
|
|
};
|
|
</script>
|
|
|
|
<div class="btclock-wrapper" id="btclock-wrapper">
|
|
<div class="btclock">
|
|
{#each status.data as char}
|
|
{#if isSplitText(char)}
|
|
<div class="splitText">
|
|
{#each char.split('/') as part}
|
|
<div class="flex-items">{part}</div>
|
|
{/each}
|
|
</div>
|
|
{:else if char === 'STS'}
|
|
<div class="digit sats">S</div>
|
|
{:else if char.length >= 3}
|
|
<div class="mediumText">{char}</div>
|
|
{:else if char.length === 0 || char === ' '}
|
|
<div class="digit"> </div>
|
|
{:else}
|
|
<div class="digit">{char}</div>
|
|
{/if}
|
|
{/each}
|
|
</div>
|
|
</div>
|