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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
|
<template>
<studip-dialog
:title="title"
:closeText="$gettext('Schließen')"
height="600"
width="600"
@close="$emit('close')"
>
<template v-slot:dialogContent>
<h2 class="cw-comments-overview-dialog-comments-context">
<a :href="contextUrl">{{ context }}</a>
</h2>
<courseware-block-comments
v-if="isBlock && isComment"
:block="item"
/>
<courseware-structural-element-comments
v-if="isStructuralElement && isComment"
:structuralElement="item"
/>
<courseware-block-feedback
v-if="isBlock && isFeedback"
:block="item"
/>
<courseware-structural-element-feedback
v-if="isStructuralElement && isFeedback"
:structuralElement="item"
/>
</template>
</studip-dialog>
</template>
<script>
import CoursewareBlockComments from './blocks/CoursewareBlockComments.vue';
import CoursewareBlockFeedback from './blocks/CoursewareBlockFeedback.vue';
import CoursewareStructuralElementComments from './structural-element/CoursewareStructuralElementComments.vue';
import CoursewareStructuralElementFeedback from './structural-element/CoursewareStructuralElementFeedback.vue';
export default {
name: 'courseware-comments-overview-dialog',
components: {
CoursewareBlockComments,
CoursewareBlockFeedback,
CoursewareStructuralElementComments,
CoursewareStructuralElementFeedback
},
emits: ['close'],
props: {
itemType: String,
item: Object,
comType: String,
},
computed: {
context() {
if (this.isBlock) {
const block = this.item;
return `${block.unitName} | ${block.element.attributes.title} | ${block.attributes.title}`;
}
if (this.isStructuralElement) {
const element = this.item;
return `${element.unitName} | ${element.attributes.title}`;
}
return '';
},
contextUrl() {
if (this.isBlock) {
return this.item.elementURL
}
if (this.isStructuralElement) {
return this.item.url;
}
return '';
},
title() {
if (this.isComment) {
return this.$gettext('Kommentare');
}
if (this.isFeedback) {
return this.$gettext('Anmerkungen');
}
return '';
},
isStructuralElement() {
return this.itemType === 'structuralElement';
},
isBlock() {
return this.itemType === 'block';
},
isComment() {
return this.comType === 'comment';
},
isFeedback() {
return this.comType === 'feedback';
}
},
};
</script>
|
