Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<template>
<div>
<b-modal
ref="modalEmissionManagerEdit"
title="Edit a schedule"
size="lg"
>
<p>
Editing a timeslot/schedule for show:
<b v-if="loaded.modal">
<b>{{ show.name }}</b>
</b>
</p>
<p v-if="loaded.modal">
This timeslot starts at
<b-badge>
{{ prettyDateTime(timeslot.start) }}
</b-badge>
and ends at
<b-badge>
{{ prettyDateTime(timeslot.end) }}
</b-badge>
.
</p>
</b-modal>
</div>
</template>
<script>
//import axios from 'axios'
import prettyDate from '../mixins/prettyDate'
import rrules from '../mixins/rrules'
export default {
mixins: [ prettyDate, rrules ],
data () {
return {
timeslot: null,
schedule: null,
show: null,
loaded: {
modal: false,
schedule: false,
}
}
},
methods: {
// initialise a new schedule and open the modal
open (timeslot, show) {
this.$log.debug('ModalEdit.open(): timeslot:', timeslot)
this.$log.debug('ModalEdit.open(): show:', show)
this.timeslot = timeslot
this.show = show
this.loaded.modal = true
this.$refs.modalEmissionManagerEdit.show()
},
}
}
</script>
<style scoped>
</style>