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

DoorPlacer/DoorChooser with panel-block

Browse source
This commit is contained in:
Jörn-Michael Miehe 2023-09-09 23:08:43 +00:00
parent f75f5689de
commit c5680f37f6
4 changed files with 25 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
ui/src/components/Calendar.vue
View file

@ -1,21 +1,19 @@
<template> <template>
<MultiModal ref="multi_modal" /> <MultiModal ref="multi_modal" />
<section> <figure class="image is-unselectable">
<figure class="image is-unselectable"> <img :src="$advent22.api_url('general/background')" />
<img :src="$advent22.api_url('general/background')" /> <ThouCanvas>
<ThouCanvas> <CalendarDoor
<CalendarDoor v-for="(_, index) in doors"
v-for="(_, index) in doors" :key="`door-${index}`"
:key="`door-${index}`" :door="doors[index]"
:door="doors[index]" @doorClick="door_click"
@doorClick="door_click" @doorSuccess="door_success"
@doorSuccess="door_success" @doorFailure="door_failure"
@doorFailure="door_failure" />
/> </ThouCanvas>
</ThouCanvas> </figure>
</figure>
</section>
</template> </template>
<script lang="ts"> <script lang="ts">

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

@ -19,10 +19,10 @@
/> />
</div> </div>
<div class="panel-block"> <DoorPlacer v-if="current_step === 0" v-model:doors="doors" />
<DoorPlacer v-if="current_step === 0" v-model:doors="doors" /> <DoorChooser v-if="current_step === 1" v-model:doors="doors" />
<DoorChooser v-if="current_step === 1" v-model:doors="doors" /> <div v-if="current_step === 2" class="panel-block">
<Calendar v-if="current_step === 2" :doors="doors" /> <Calendar :doors="doors" />
</div> </div>
<div class="panel-block is-flex is-justify-content-space-between"> <div class="panel-block is-flex is-justify-content-space-between">

8
ui/src/components/calendar/editor/DoorChooser.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<section> <div class="panel-block is-flex-direction-column">
<div class="content"> <div class="content" style="width: 100%">
<p class="title is-5">Steuerung</p> <h3>Steuerung</h3>
<ul> <ul>
<li>Linksklick: Türchen bearbeiten</li> <li>Linksklick: Türchen bearbeiten</li>
<li>Tastatur: Tag eingeben</li> <li>Tastatur: Tag eingeben</li>
@ -20,7 +20,7 @@
/> />
</ThouCanvas> </ThouCanvas>
</figure> </figure>
</section> </div>
</template> </template>
<script lang="ts"> <script lang="ts">

8
ui/src/components/calendar/editor/DoorPlacer.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<section> <div class="panel-block is-flex-direction-column">
<div class="content"> <div class="content" style="width: 100%">
<p class="title is-5">Steuerung</p> <h3>Steuerung</h3>
<ul> <ul>
<li>Linksklick + Ziehen: Neues Türchen erstellen</li> <li>Linksklick + Ziehen: Neues Türchen erstellen</li>
<li>Rechtsklick + Ziehen: Türchen verschieben</li> <li>Rechtsklick + Ziehen: Türchen verschieben</li>
@ -17,7 +17,7 @@
@remove="on_remove" @remove="on_remove"
/> />
</figure> </figure>
</section> </div>
</template> </template>
<script lang="ts"> <script lang="ts">