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

🖼️ ui: use array notation for icons

Browse source
This commit is contained in:
Jörn-Michael Miehe 2025-12-28 16:24:25 +00:00
parent 7643f35ec5
commit 804ad3f92f
5 changed files with 13 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/src/components/AdminButton.vue
View file

@ -3,7 +3,7 @@
<BulmaButton <BulmaButton
v-bind="$attrs" v-bind="$attrs"
:icon="'fa-solid fa-toggle-' + (store.is_admin ? 'on' : 'off')" :icon="['fas', store.is_admin ? 'fa-toggle-on' : 'fa-toggle-off']"
:busy="is_busy" :busy="is_busy"
text="Admin" text="Admin"
@click.left="on_click" @click.left="on_click"

4
ui/src/components/LoginModal.vue
View file

@ -33,13 +33,13 @@
<BulmaButton <BulmaButton
class="is-success" class="is-success"
@click.left="submit" @click.left="submit"
icon="fa-solid fa-unlock" :icon="['fas', 'fa-unlock']"
text="Login" text="Login"
/> />
<BulmaButton <BulmaButton
class="is-danger" class="is-danger"
@click.left="cancel" @click.left="cancel"
icon="fa-solid fa-circle-xmark" :icon="['fas', 'fa-circle-xmark']"
text="Abbrechen" text="Abbrechen"
/> />
</footer> </footer>

5
ui/src/components/TouchButton.vue
View file

@ -2,10 +2,7 @@
<span>Eingabemodus:&nbsp;</span> <span>Eingabemodus:&nbsp;</span>
<BulmaButton <BulmaButton
v-bind="$attrs" v-bind="$attrs"
:icon=" :icon="['fas', store.is_touch_device ? 'hand-pointer' : 'arrow-pointer']"
'fa-solid fa-' +
(store.is_touch_device ? 'hand-pointer' : 'arrow-pointer')
"
:text="store.is_touch_device ? 'Touch' : 'Desktop'" :text="store.is_touch_device ? 'Touch' : 'Desktop'"
@click.left="store.toggle_touch_device" @click.left="store.toggle_touch_device"
/> />

2
ui/src/components/admin/CalendarAssistant.vue
View file

@ -35,7 +35,7 @@
v-for="(data, day) in day_data" v-for="(data, day) in day_data"
:key="`btn-${day}`" :key="`btn-${day}`"
:class="'tag is-' + (data.part === '' ? 'warning' : 'info')" :class="'tag is-' + (data.part === '' ? 'warning' : 'info')"
icon="fa-solid fa-door-open" :icon="['fas', 'fa-door-open']"
:text="day.toString()" :text="day.toString()"
@click.left="door_click(Number(day))" @click.left="door_click(Number(day))"
/> />

16
ui/src/components/admin/DoorMapEditor.vue
View file

@ -5,7 +5,7 @@
:disabled="current_step === 0" :disabled="current_step === 0"
class="level-item is-link" class="level-item is-link"
@click="current_step--" @click="current_step--"
icon="fa-solid fa-backward" :icon="['fas', 'fa-backward']"
/> />
<BulmaBreadcrumbs <BulmaBreadcrumbs
@ -18,7 +18,7 @@
:disabled="current_step === 2" :disabled="current_step === 2"
class="level-item is-link" class="level-item is-link"
@click="current_step++" @click="current_step++"
icon="fa-solid fa-forward" :icon="['fas', 'fa-forward']"
/> />
</nav> </nav>
@ -47,20 +47,20 @@
<BulmaButton <BulmaButton
class="card-footer-item is-danger" class="card-footer-item is-danger"
@click="on_download" @click="on_download"
icon="fa-solid fa-cloud-arrow-down" :icon="['fas', 'fa-cloud-arrow-down']"
:busy="loading_doors" :busy="loading_doors"
text="Laden" text="Laden"
/> />
<BulmaButton <BulmaButton
class="card-footer-item is-warning" class="card-footer-item is-warning"
@click="on_discard" @click="on_discard"
icon="fa-solid fa-trash" :icon="['fas', 'fa-trash']"
text="Löschen" text="Löschen"
/> />
<BulmaButton <BulmaButton
class="card-footer-item is-success" class="card-footer-item is-success"
@click="on_upload" @click="on_upload"
icon="fa-solid fa-cloud-arrow-up" :icon="['fas', 'fa-cloud-arrow-up']"
:busy="saving_doors" :busy="saving_doors"
text="Speichern" text="Speichern"
/> />
@ -85,9 +85,9 @@ import DoorChooser from "../editor/DoorChooser.vue";
import DoorPlacer from "../editor/DoorPlacer.vue"; import DoorPlacer from "../editor/DoorPlacer.vue";
const steps: BCStep[] = [ const steps: BCStep[] = [
{ label: "Platzieren", icon: "fa-solid fa-crosshairs" }, { label: "Platzieren", icon: ["fas", "fa-crosshairs"] },
{ label: "Ordnen", icon: "fa-solid fa-list-ol" }, { label: "Ordnen", icon: ["fas", "fa-list-ol"] },
{ label: "Vorschau", icon: "fa-solid fa-magnifying-glass" }, { label: "Vorschau", icon: ["fas", "fa-magnifying-glass"] },
]; ];
const doors = ref<Door[]>([]); const doors = ref<Door[]>([]);