2016-11-06 02:31:32 +01:00
|
|
|
<template lang="pug">
|
|
|
|
div
|
|
|
|
h2 Pick a day
|
|
|
|
ul
|
|
|
|
li(v-for="(_, day) in availableSlotsPerDay")
|
|
|
|
router-link(v-bind:to="{ name: 'publicSlotSelectionView', params: { hash: hash, day: day } }")
|
|
|
|
| {{ day }}
|
|
|
|
|
|
|
|
p
|
2016-11-07 02:51:21 +01:00
|
|
|
em Times are in {{ timezone }} timezone.
|
2016-11-06 02:31:32 +01:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<style lang="stylus" scoped>
|
|
|
|
ul
|
|
|
|
padding 0
|
|
|
|
li
|
|
|
|
list-style-type none
|
|
|
|
margin-top 0.5em
|
|
|
|
margin-bottom 0.5em
|
|
|
|
a
|
|
|
|
text-decoration none
|
|
|
|
color black
|
|
|
|
display inline-block
|
|
|
|
border 1px solid blue
|
|
|
|
border-radius 10%
|
|
|
|
padding 0.5em
|
|
|
|
</style>
|
|
|
|
|
|
|
|
<script>
|
2016-11-07 02:51:21 +01:00
|
|
|
// NPM imports
|
|
|
|
import moment from 'moment-timezone'
|
|
|
|
|
2016-11-06 02:31:32 +01:00
|
|
|
export default {
|
2016-11-07 02:51:21 +01:00
|
|
|
props: {
|
|
|
|
availableSlotsPerDay: {
|
|
|
|
type: Object,
|
|
|
|
required: true
|
|
|
|
},
|
|
|
|
hash: {
|
|
|
|
type: String,
|
|
|
|
required: true
|
|
|
|
}
|
|
|
|
},
|
|
|
|
data () {
|
|
|
|
return {
|
|
|
|
timezone: moment.tz.guess()
|
|
|
|
}
|
|
|
|
}
|
2016-11-06 02:31:32 +01:00
|
|
|
}
|
|
|
|
</script>
|