Lenaisten/advent22
1
0
Fork 0
mirror of https://code.lenaisten.de/Lenaisten/advent22.git synced 2024-11-23 00:03:07 +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>
<MultiModal ref="multi_modal" />
<section>
<figure class="image is-unselectable">
<img :src="$advent22.api_url('general/background')" />
<ThouCanvas>
<CalendarDoor
v-for="(_, index) in doors"
:key="`door-${index}`"
:door="doors[index]"
@doorClick="door_click"
@doorSuccess="door_success"
@doorFailure="door_failure"
/>
</ThouCanvas>
</figure>
</section>
<figure class="image is-unselectable">
<img :src="$advent22.api_url('general/background')" />
<ThouCanvas>
<CalendarDoor
v-for="(_, index) in doors"
:key="`door-${index}`"
:door="doors[index]"
@doorClick="door_click"
@doorSuccess="door_success"
@doorFailure="door_failure"
/>
</ThouCanvas>
</figure>
</template>
<script lang="ts">

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

@ -19,10 +19,10 @@
/>
</div>
<div class="panel-block">
<DoorPlacer v-if="current_step === 0" v-model:doors="doors" />
<DoorChooser v-if="current_step === 1" v-model:doors="doors" />
<Calendar v-if="current_step === 2" :doors="doors" />
<DoorPlacer v-if="current_step === 0" v-model:doors="doors" />
<DoorChooser v-if="current_step === 1" v-model:doors="doors" />
<div v-if="current_step === 2" class="panel-block">
<Calendar :doors="doors" />
</div>
<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>
<section>
<div class="content">
<p class="title is-5">Steuerung</p>
<div class="panel-block is-flex-direction-column">
<div class="content" style="width: 100%">
<h3>Steuerung</h3>
<ul>
<li>Linksklick: Türchen bearbeiten</li>
<li>Tastatur: Tag eingeben</li>
@ -20,7 +20,7 @@
/>
</ThouCanvas>
</figure>
</section>
</div>
</template>
<script lang="ts">

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

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