Lenaisten/advent22
4
0
Fork 0
Code Issues Pull requests 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>
<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">
<BulmaBreadcrumbs :steps="steps" v-model="current_step" />
</div>
@ -24,6 +33,7 @@
Speichern
</BulmaButton>
</div>
</template>
</div>
</template>
@ -52,6 +62,7 @@ export default class extends Vue {
{ label: "Ordnen", icon: "fa-solid fa-list-ol" },
{ label: "Überprüfen", icon: "fa-solid fa-check" },
];
public is_open = false;
public current_step = 0;
public doors: Door[] = [];
@ -80,3 +91,10 @@ export default class extends Vue {
}
}
</script>
<style scoped>
div.panel > .panel-heading {
cursor: pointer;
user-select: none;
}
</style>