2017-06-08 18:50:11 -04:00
|
|
|
import Vue from 'vue';
|
2017-12-08 15:24:52 -05:00
|
|
|
import notesApp from './components/notes_app.vue';
|
2018-10-23 05:49:45 -04:00
|
|
|
import initDiscussionFilters from './discussion_filters';
|
2018-06-21 08:22:40 -04:00
|
|
|
import createStore from './stores';
|
2017-06-08 18:50:11 -04:00
|
|
|
|
2018-06-21 08:22:40 -04:00
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
|
|
const store = createStore();
|
2018-03-16 16:16:21 -04:00
|
|
|
|
2018-10-23 05:49:45 -04:00
|
|
|
initDiscussionFilters(store);
|
|
|
|
|
2018-06-21 08:22:40 -04:00
|
|
|
return new Vue({
|
|
|
|
el: '#js-vue-notes',
|
|
|
|
components: {
|
|
|
|
notesApp,
|
|
|
|
},
|
|
|
|
store,
|
|
|
|
data() {
|
|
|
|
const notesDataset = document.getElementById('js-vue-notes').dataset;
|
|
|
|
const parsedUserData = JSON.parse(notesDataset.currentUserData);
|
|
|
|
const noteableData = JSON.parse(notesDataset.noteableData);
|
2018-07-24 04:50:01 -04:00
|
|
|
const markdownVersion = parseInt(notesDataset.markdownVersion, 10);
|
2018-06-21 08:22:40 -04:00
|
|
|
let currentUserData = {};
|
2018-04-03 12:03:00 -04:00
|
|
|
|
2018-06-21 08:22:40 -04:00
|
|
|
noteableData.noteableType = notesDataset.noteableType;
|
|
|
|
noteableData.targetType = notesDataset.targetType;
|
2017-07-27 16:24:05 -04:00
|
|
|
|
2018-06-21 08:22:40 -04:00
|
|
|
if (parsedUserData) {
|
|
|
|
currentUserData = {
|
|
|
|
id: parsedUserData.id,
|
|
|
|
name: parsedUserData.name,
|
|
|
|
username: parsedUserData.username,
|
|
|
|
avatar_url: parsedUserData.avatar_path || parsedUserData.avatar_url,
|
|
|
|
path: parsedUserData.path,
|
2018-03-16 16:16:21 -04:00
|
|
|
};
|
2018-06-21 08:22:40 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
return {
|
|
|
|
noteableData,
|
|
|
|
currentUserData,
|
2018-07-06 14:49:33 -04:00
|
|
|
markdownVersion,
|
2018-06-21 08:22:40 -04:00
|
|
|
notesData: JSON.parse(notesDataset.notesData),
|
|
|
|
};
|
|
|
|
},
|
|
|
|
render(createElement) {
|
|
|
|
return createElement('notes-app', {
|
|
|
|
props: {
|
|
|
|
noteableData: this.noteableData,
|
|
|
|
notesData: this.notesData,
|
|
|
|
userData: this.currentUserData,
|
2018-07-06 14:49:33 -04:00
|
|
|
markdownVersion: this.markdownVersion,
|
2018-06-21 08:22:40 -04:00
|
|
|
},
|
|
|
|
});
|
|
|
|
},
|
|
|
|
});
|
|
|
|
});
|