Lenaisten/advent22
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

tabs function

Browse source
This commit is contained in:
Jörn-Michael Miehe 2023-01-19 17:54:46 +00:00
parent 3bf8872a33
commit 2db63db8db
1 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -4,13 +4,18 @@
<div class="tabs is-centered">
<ul>
<li class="is-active"><a>Platzieren</a></li>
<li><a>Ordnen</a></li>
<li><a>Überprüfen</a></li>
<li
v-for="(step, index) in steps"
:key="'step-' + index"
:class="current_step === index ? 'is-active' : ''"
@click="current_step = index"
>
<a>{{ step }}</a>
</li>
</ul>
</div>
<section v-if="step === 0">
<section v-if="current_step === 0">
<div class="content">
<ul>
<li>Linksklick + Ziehen: Neues Türchen erstellen</li>
@ -36,7 +41,8 @@ import RectPad from "./rects/RectPad.vue";
},
})
export default class CalendarImage extends Vue {
private step = 0;
private readonly steps: string[] = ["Platzieren", "Ordnen", "Überprüfen"];
private current_step = 0;
}
</script>