Lenaisten/advent22
4
0
Fork 0
Code Issues Pull requests 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

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

@ -1,7 +1,6 @@
<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>
@ -15,7 +14,6 @@
/> />
</ThouCanvas> </ThouCanvas>
</figure> </figure>
</section>
</template> </template>
<script lang="ts"> <script lang="ts">

4
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" />
<Calendar v-if="current_step === 2" :doors="doors" /> <div v-if="current_step === 2" class="panel-block">
<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">