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
67
68
69
70
71
72
73
74
75
76
77
78
79
<script>
import { mapState, mapGetters } from 'vuex';
import { PathIdSeparator } from 'ee/related_issues/constants';
import IssuableBody from '~/issue_show/components/app.vue';
import IssuableSidebar from '~/issuable_sidebar/components/sidebar_app.vue';
import RelatedItems from 'ee/related_issues/components/related_issues_root.vue';
import EpicSidebar from './epic_sidebar.vue';
export default {
PathIdSeparator,
components: {
IssuableBody,
IssuableSidebar,
RelatedItems,
EpicSidebar,
},
computed: {
...mapState([
'endpoint',
'updateEndpoint',
'groupPath',
'markdownPreviewPath',
'markdownDocsPath',
'canUpdate',
'canDestroy',
'canAdmin',
'initialTitleHtml',
'initialTitleText',
'initialDescriptionHtml',
'initialDescriptionText',
'lockVersion',
'sidebarCollapsed',
]),
...mapGetters(['isUserSignedIn']),
isVueIssuableEpicSidebarEnabled() {
return gon.features && gon.features.vueIssuableEpicSidebar;
},
sidebarStatusClass() {
return this.sidebarCollapsed ? 'right-sidebar-collapsed' : 'right-sidebar-expanded';
},
},
};
</script>
<template>
<div class="issuable-details content-block">
<div class="detail-page-description">
<issuable-body
:endpoint="endpoint"
:update-endpoint="updateEndpoint"
:project-path="groupPath"
:markdown-preview-path="markdownPreviewPath"
:markdown-docs-path="markdownDocsPath"
:can-update="canUpdate"
:can-destroy="canDestroy"
:show-delete-button="canDestroy"
:initial-title-html="initialTitleHtml"
:initial-title-text="initialTitleText"
:lock-version="lockVersion"
:initial-description-html="initialDescriptionHtml"
:initial-description-text="initialDescriptionText"
:show-inline-edit-button="true"
:enable-autocomplete="true"
project-namespace
issuable-ref
issuable-type="epic"
/>
</div>
<issuable-sidebar
v-if="isVueIssuableEpicSidebarEnabled"
:signed-in="isUserSignedIn"
:sidebar-status-class="sidebarStatusClass"
/>
<epic-sidebar v-else />
</div>
</template>