43 lines
1.1 KiB
JavaScript
43 lines
1.1 KiB
JavaScript
import Vue from 'vue';
|
|
import { mapActions, mapState } from 'vuex';
|
|
import { parseBoolean } from '~/lib/utils/common_utils';
|
|
import AwardsList from '~/vue_shared/components/awards_list.vue';
|
|
import createstore from './store';
|
|
|
|
export default (el) => {
|
|
const {
|
|
dataset: { path },
|
|
} = el;
|
|
const canAwardEmoji = parseBoolean(el.dataset.canAwardEmoji);
|
|
|
|
return new Vue({
|
|
el,
|
|
store: createstore(),
|
|
computed: {
|
|
...mapState(['currentUserId', 'canAwardEmoji', 'awards']),
|
|
},
|
|
created() {
|
|
this.setInitialData({ path, currentUserId: window.gon.current_user_id, canAwardEmoji });
|
|
},
|
|
mounted() {
|
|
this.fetchAwards();
|
|
},
|
|
methods: {
|
|
...mapActions(['setInitialData', 'fetchAwards', 'toggleAward']),
|
|
},
|
|
render(createElement) {
|
|
return createElement(AwardsList, {
|
|
props: {
|
|
awards: this.awards,
|
|
canAwardEmoji: this.canAwardEmoji,
|
|
currentUserId: this.currentUserId,
|
|
defaultAwards: ['thumbsup', 'thumbsdown'],
|
|
selectedClass: 'gl-bg-blue-50! is-active',
|
|
},
|
|
on: {
|
|
award: this.toggleAward,
|
|
},
|
|
});
|
|
},
|
|
});
|
|
};
|