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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
|
import CoursewareCommentsModule from './store/courseware/courseware-comments.module';
import CommentsApp from './components/courseware/CommentsApp.vue';
import Vuex from 'vuex';
import axios from 'axios';
import { mapResourceModules } from '@elan-ev/reststate-vuex';
const mountApp = async (STUDIP, createApp, element) => {
const getHttpClient = () =>
axios.create({
baseURL: STUDIP.URLHelper.getURL(`jsonapi.php/v1`, {}, true),
headers: {
'Content-Type': 'application/vnd.api+json',
},
});
let elem = document.getElementById(element.substring(1));
let entry_id = null;
let entry_type = null;
let course_perms = null;
if (elem !== undefined) {
if (elem.attributes !== undefined) {
if (elem.attributes['entry-type'] !== undefined) {
entry_type = elem.attributes['entry-type'].value;
}
if (elem.attributes['entry-id'] !== undefined) {
entry_id = elem.attributes['entry-id'].value;
}
if (elem.attributes['course-perms'] !== undefined) {
course_perms = JSON.parse(elem.attributes['course-perms'].value);
}
}
}
const httpClient = getHttpClient();
const store = new Vuex.Store({
modules: {
'courseware-comments': CoursewareCommentsModule,
...mapResourceModules({
names: [
'courseware-blocks',
'courseware-block-comments',
'courseware-block-feedback',
'courseware-containers',
'courseware-units',
'courseware-structural-elements',
'courseware-structural-element-comments',
'courseware-structural-element-feedback',
'users',
'course-memberships',
'institutes',
'institute-memberships',
],
httpClient,
}),
},
});
store.dispatch('setHttpClient', httpClient);
store.dispatch('setContext', {
id: entry_id,
type: entry_type,
});
store.dispatch('setUserIsTeacher', course_perms.tutor);
store.dispatch('setUserId', STUDIP.USER_ID);
await store.dispatch('users/loadById', { id: STUDIP.USER_ID });
const data = await axios(STUDIP.URLHelper.getURL('dispatch.php/course/courseware/comments_overview_data/'));
store.commit(
'courseware-units/REPLACE_ALL_RECORDS',
JSON.parse(data.data['units']).data,
{ root: true }
);
store.commit(
'courseware-structural-elements/REPLACE_ALL_RECORDS',
JSON.parse(data.data['elements']).data,
{ root: true }
);
store.commit(
'courseware-containers/REPLACE_ALL_RECORDS',
JSON.parse(data.data['containers']).data,
{ root: true }
);
store.commit(
'courseware-blocks/REPLACE_ALL_RECORDS',
JSON.parse(data.data['blocks']).data,
{ root: true }
);
store.commit(
'courseware-block-comments/REPLACE_ALL_RECORDS',
JSON.parse(data.data['block_comments']).data,
{ root: true }
);
store.commit(
'courseware-block-feedback/REPLACE_ALL_RECORDS',
JSON.parse(data.data['block_feedbacks']).data,
{ root: true }
);
store.commit(
'courseware-structural-element-comments/REPLACE_ALL_RECORDS',
JSON.parse(data.data['element_comments']).data,
{ root: true }
);
store.commit(
'courseware-structural-element-feedback/REPLACE_ALL_RECORDS',
JSON.parse(data.data['element_feedbacks']).data,
{ root: true }
);
const app = createApp({
render: (h) => h(CommentsApp),
store,
});
app.$mount(element);
};
export default mountApp;
|
