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

open/close DoorMapEditor

Browse source
This commit is contained in:
Jörn-Michael Miehe 2023-09-07 20:54:11 +00:00
parent 83098d3dc4
commit 90c3643bf1
1 changed files with 39 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
ui/src/components/DoorMapEditor.vue
View file

@ -1,7 +1,16 @@
<template> <template>
<div class="panel"> <div class="panel">
<p class="panel-heading">Türchen bearbeiten</p> <p class="panel-heading" @click="is_open = !is_open">
<span class="icon-text">
<span class="icon has-text-link">
<font-awesome-icon v-if="is_open" icon="fa-solid fa-caret-down" />
<font-awesome-icon v-else icon="fa-solid fa-caret-right" />
</span>
<span>Türchen bearbeiten</span>
</span>
</p>
<template v-if="is_open">
<div class="panel-tabs"> <div class="panel-tabs">
<BulmaBreadcrumbs :steps="steps" v-model="current_step" /> <BulmaBreadcrumbs :steps="steps" v-model="current_step" />
</div> </div>
@ -24,6 +33,7 @@
Speichern Speichern
</BulmaButton> </BulmaButton>
</div> </div>
</template>
</div> </div>
</template> </template>
@ -52,6 +62,7 @@ export default class extends Vue {
{ label: "Ordnen", icon: "fa-solid fa-list-ol" }, { label: "Ordnen", icon: "fa-solid fa-list-ol" },
{ label: "Überprüfen", icon: "fa-solid fa-check" }, { label: "Überprüfen", icon: "fa-solid fa-check" },
]; ];
public is_open = false;
public current_step = 0; public current_step = 0;
public doors: Door[] = []; public doors: Door[] = [];
@ -80,3 +91,10 @@ export default class extends Vue {
} }
} }
</script> </script>
<style scoped>
div.panel > .panel-heading {
cursor: pointer;
user-select: none;
}
</style>