34 lines
747 B
Vue
34 lines
747 B
Vue
|
<template lang="pug">
|
||
|
div
|
||
|
h2 Pick a slot
|
||
|
ul
|
||
|
li(v-for="slot in availableSlots")
|
||
|
router-link(v-bind:to="{ name: 'publicSlotSelectedView', params: { hash: hash, day: day, slot: slot } }")
|
||
|
| {{ slot }}
|
||
|
|
||
|
p
|
||
|
em Times are in your computer local timezone.
|
||
|
</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>
|
||
|
export default {
|
||
|
props: ['availableSlots', 'hash', 'day']
|
||
|
}
|
||
|
</script>
|