Lenaisten/advent22
1
0
Fork 0
mirror of https://code.lenaisten.de/Lenaisten/advent22.git synced 2024-12-25 05:53:00 +00:00
Code Issues Projects Releases Packages Wiki Activity

remove bulma Drawer slot "heading"

Browse source
This commit is contained in:
Jörn-Michael Miehe 2023-09-10 00:54:29 +00:00
parent cfeb87401e
commit d4bd41fc67
2 changed files with 53 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,51 +1,47 @@
<template>
<BulmaDrawer>
<template v-slot:heading>Türchen bearbeiten</template>
<BulmaDrawer header="Türchen bearbeiten">
<div class="panel-tabs is-justify-content-space-between">
<BulmaButton
:disabled="current_step === 0"
class="is-link"
@click="current_step--"
icon="fa-solid fa-backward"
/>
<BulmaBreadcrumbs :steps="steps" v-model="current_step" class="mb-0" />
<BulmaButton
:disabled="current_step === 2"
class="is-link"
@click="current_step++"
icon="fa-solid fa-forward"
/>
</div>
<template v-slot:default>
<div class="panel-tabs is-justify-content-space-between">
<BulmaButton
:disabled="current_step === 0"
class="is-link"
@click="current_step--"
icon="fa-solid fa-backward"
/>
<BulmaBreadcrumbs :steps="steps" v-model="current_step" class="mb-0" />
<BulmaButton
:disabled="current_step === 2"
class="is-link"
@click="current_step++"
icon="fa-solid fa-forward"
/>
</div>
<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>
<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-around">
<BulmaButton
class="is-danger"
@click="on_download"
icon="fa-solid fa-cloud-arrow-down"
text="Laden"
/>
<BulmaButton
class="is-warning"
@click="on_discard"
icon="fa-solid fa-trash"
text="Löschen"
/>
<BulmaButton
class="is-success"
@click="on_upload"
icon="fa-solid fa-cloud-arrow-up"
text="Speichern"
/>
</div>
</template>
<div class="panel-block is-flex is-justify-content-space-around">
<BulmaButton
class="is-danger"
@click="on_download"
icon="fa-solid fa-cloud-arrow-down"
text="Laden"
/>
<BulmaButton
class="is-warning"
@click="on_discard"
icon="fa-solid fa-trash"
text="Löschen"
/>
<BulmaButton
class="is-success"
@click="on_upload"
icon="fa-solid fa-cloud-arrow-up"
text="Speichern"
/>
</div>
</BulmaDrawer>
</template>

14
ui/src/components/bulma/Drawer.vue
View file

@ -7,7 +7,7 @@
:icon="'fa-solid fa-angle-' + (is_open ? 'down' : 'right')"
/>
</span>
<span><slot name="heading" /></span>
<span v-if="header !== ''">{{ header }}</span>
</span>
</p>
<slot v-if="is_open" name="default" />
@ -15,10 +15,20 @@
</template>
<script lang="ts">
import { Vue } from "vue-class-component";
import { Options, Vue } from "vue-class-component";
@Options({
props: {
header: {
type: String,
required: false,
default: "",
},
},
})
export default class extends Vue {
public is_open = false;
public header!: string;
}
</script>