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
|
<script>
import { mapGetters } from 'vuex';
import { refreshCurrentPage } from '~/lib/utils/url_utility';
import BoardContent from '~/boards/components/board_content.vue';
import BoardSettingsSidebar from '~/boards/components/board_settings_sidebar.vue';
import BoardTopBar from '~/boards/components/board_top_bar.vue';
export default {
components: {
BoardContent,
BoardSettingsSidebar,
BoardTopBar,
},
inject: ['initialBoardId'],
data() {
return {
boardId: this.initialBoardId,
};
},
computed: {
...mapGetters(['isSidebarOpen']),
},
created() {
window.addEventListener('popstate', refreshCurrentPage);
},
destroyed() {
window.removeEventListener('popstate', refreshCurrentPage);
},
methods: {
switchBoard(id) {
this.boardId = id;
},
},
};
</script>
<template>
<div class="boards-app gl-relative" :class="{ 'is-compact': isSidebarOpen }">
<board-top-bar :board-id="boardId" @switchBoard="switchBoard" />
<board-content :board-id="boardId" />
<board-settings-sidebar />
</div>
</template>
|