2017-04-13 23:24:31 +02:00
|
|
|
<template>
|
|
|
|
<div>
|
2017-05-12 16:27:31 +02:00
|
|
|
<template v-if="isLoading">
|
|
|
|
<p>{{ $t("common.loading") }}</p>
|
|
|
|
</template>
|
2021-01-21 10:36:00 +01:00
|
|
|
<Flat :flat="flat"></Flat>
|
2017-04-13 23:24:31 +02:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
2017-04-25 15:58:06 +02:00
|
|
|
|
2021-01-21 10:36:00 +01:00
|
|
|
import Flat from '../components/flat.vue'
|
2017-04-13 23:24:31 +02:00
|
|
|
|
|
|
|
export default {
|
|
|
|
components: {
|
2021-01-21 10:36:00 +01:00
|
|
|
Flat
|
2017-04-13 23:24:31 +02:00
|
|
|
},
|
|
|
|
created () {
|
2017-05-09 15:29:21 +02:00
|
|
|
document.title = this.title // Set title
|
|
|
|
|
2017-04-13 23:24:31 +02:00
|
|
|
// Fetch data when the component is created
|
|
|
|
this.fetchData()
|
|
|
|
|
|
|
|
// Scrolls to top when view is displayed
|
|
|
|
window.scrollTo(0, 0)
|
|
|
|
},
|
|
|
|
|
|
|
|
watch: {
|
|
|
|
// Fetch data again when the component is updated
|
2017-05-09 15:29:21 +02:00
|
|
|
'$route': 'fetchData',
|
|
|
|
title () {
|
2017-05-09 17:36:17 +02:00
|
|
|
document.title = this.title
|
2017-05-09 15:29:21 +02:00
|
|
|
}
|
2017-04-13 23:24:31 +02:00
|
|
|
},
|
|
|
|
|
|
|
|
computed: {
|
2017-05-12 16:27:31 +02:00
|
|
|
isLoading () {
|
|
|
|
return this.$store.getters.isLoading
|
|
|
|
},
|
2017-05-09 15:29:21 +02:00
|
|
|
title () {
|
2017-05-09 17:36:17 +02:00
|
|
|
return 'Flatisfy - ' + this.$route.params.id
|
2017-05-09 15:29:21 +02:00
|
|
|
},
|
2017-04-13 23:24:31 +02:00
|
|
|
flat () {
|
|
|
|
return this.$store.getters.flat(this.$route.params.id)
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
methods: {
|
|
|
|
fetchData () {
|
|
|
|
this.$store.dispatch('getFlat', { flatId: this.$route.params.id })
|
2021-01-21 10:36:00 +01:00
|
|
|
}
|
2017-04-13 23:24:31 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|