Lenaisten/advent22
1
0
Fork 0
mirror of https://code.lenaisten.de/Lenaisten/advent22.git synced 2026-01-11 15:43:00 +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> </button>
</header> </header>
<template v-if="is_open"> <slot v-if="state === 'loading'" name="loading">
<div v-if="state === 'loading'" class="card-content"> <div class="card-content">
<progress class="progress is-primary" /> <progress class="progress is-primary" />
</div> </div>
<div </slot>
v-else-if="state === 'err'"
class="card-content has-text-danger has-text-centered" <slot v-else-if="state === 'err'" name="error">
> <div class="card-content has-text-danger has-text-centered">
<span class="icon is-large"> <span class="icon is-large">
<FontAwesomeIcon :icon="['fas', 'ban']" size="3x" /> <FontAwesomeIcon :icon="['fas', 'ban']" size="3x" />
</span> </span>
</div> </div>
<slot v-else name="default" /> </slot>
</template>
<slot v-else-if="state === 'ok'" name="default" />
</div> </div>
</template> </template>