Lenaisten/advent22
1
0
Fork 0
mirror of https://code.lenaisten.de/Lenaisten/advent22.git synced 2026-01-10 07:03:04 +00:00
Code Issues Projects Releases Packages Wiki Activity

✨ ui: BulmaDrawer slots for "loading"/"error"

Browse source
This commit is contained in:
Jörn-Michael Miehe 2025-12-28 16:44:18 +00:00
parent 630cdcd6a0
commit 24696fe44f
1 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
ui/src/components/bulma/Drawer.vue
View file

@ -22,20 +22,21 @@
</button>
</header>
<template v-if="is_open">
<div v-if="state === 'loading'" class="card-content">
<slot v-if="state === 'loading'" name="loading">
<div class="card-content">
<progress class="progress is-primary" />
</div>
<div
v-else-if="state === 'err'"
class="card-content has-text-danger has-text-centered"
>
</slot>
<slot v-else-if="state === 'err'" name="error">
<div class="card-content has-text-danger has-text-centered">
<span class="icon is-large">
<FontAwesomeIcon :icon="['fas', 'ban']" size="3x" />
</span>
</div>
<slot v-else name="default" />
</template>
</slot>
<slot v-else-if="state === 'ok'" name="default" />
</div>
</template>