Skip to content
Snippets Groups Projects
Verified Commit a6240a08 authored by Jonathan Weth's avatar Jonathan Weth :keyboard:
Browse files

Introduce additional slots for customization in TimetableWrapper

parent dad95b7e
No related branches found
No related tags found
1 merge request!347Refactor timetable wrapper
Pipeline #181838 canceled
...@@ -118,11 +118,19 @@ export default { ...@@ -118,11 +118,19 @@ export default {
> >
<v-card> <v-card>
<v-toolbar dark color="primary"> <v-toolbar dark color="primary">
<v-btn icon dark @click="selectDialog = false">
<v-icon>mdi-close</v-icon>
</v-btn>
<v-toolbar-title>{{ <v-toolbar-title>{{
$t("chronos.timetable.select") $t("chronos.timetable.select")
}}</v-toolbar-title> }}</v-toolbar-title>
<v-spacer></v-spacer> <v-spacer></v-spacer>
</v-toolbar> </v-toolbar>
<slot
name="additionalSelect"
:selected="selected"
:mobile="true"
></slot>
<select-timetable <select-timetable
v-model="selected" v-model="selected"
@input="selectDialog = false" @input="selectDialog = false"
...@@ -132,7 +140,11 @@ export default { ...@@ -132,7 +140,11 @@ export default {
</v-dialog> </v-dialog>
<v-col md="3" lg="3" xl="3" v-if="$vuetify.breakpoint.lgAndUp"> <v-col md="3" lg="3" xl="3" v-if="$vuetify.breakpoint.lgAndUp">
<slot name="additionalSelect" :selected="selected"></slot> <slot
name="additionalSelect"
:selected="selected"
:mobile="false"
></slot>
<v-card> <v-card>
<select-timetable <select-timetable
v-model="selected" v-model="selected"
...@@ -176,11 +188,21 @@ export default { ...@@ -176,11 +188,21 @@ export default {
<v-icon>mdi-chevron-right</v-icon> <v-icon>mdi-chevron-right</v-icon>
</v-btn> </v-btn>
</v-card-title> </v-card-title>
<slot
name="additionalButton"
:selected="selected"
:mobile="true"
></slot>
</div> </div>
<div class="d-flex flex-wrap justify-space-between mb-2" v-else> <div class="d-flex flex-wrap justify-space-between mb-2" v-else>
<v-card-title> <v-card-title>
{{ selected.name }} {{ selected.name }}
<slot
name="additionalButton"
:selected="selected"
:mobile="false"
></slot>
</v-card-title> </v-card-title>
<div class="pa-2 mt-1"> <div class="pa-2 mt-1">
<v-btn <v-btn
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment