55 lines
1.2 KiB
JavaScript
55 lines
1.2 KiB
JavaScript
import Vue from 'vue';
|
|
import Vuex from 'vuex';
|
|
import { visitUrl } from '~/lib/utils/url_utility';
|
|
import RefSelector from '~/ref/components/ref_selector.vue';
|
|
import AuthorSelectApp from './components/author_select.vue';
|
|
import store from './store';
|
|
|
|
Vue.use(Vuex);
|
|
|
|
export const mountCommits = (el) => {
|
|
if (!el) {
|
|
return null;
|
|
}
|
|
|
|
store.dispatch('setInitialData', el.dataset);
|
|
|
|
return new Vue({
|
|
el,
|
|
store,
|
|
render(h) {
|
|
return h(AuthorSelectApp, {
|
|
props: {
|
|
projectCommitsEl: document.querySelector('.js-project-commits-show'),
|
|
},
|
|
});
|
|
},
|
|
});
|
|
};
|
|
|
|
export const initCommitsRefSwitcher = () => {
|
|
const el = document.getElementById('js-project-commits-ref-switcher');
|
|
const COMMITS_PATH_REGEX = /^(.*?)\/-\/commits/g;
|
|
|
|
if (!el) return false;
|
|
|
|
const { projectId, ref, commitsPath } = el.dataset;
|
|
const commitsPathPrefix = commitsPath.match(COMMITS_PATH_REGEX)?.[0];
|
|
|
|
return new Vue({
|
|
el,
|
|
render(createElement) {
|
|
return createElement(RefSelector, {
|
|
props: {
|
|
projectId,
|
|
value: ref,
|
|
},
|
|
on: {
|
|
input(selected) {
|
|
visitUrl(`${commitsPathPrefix}/${selected}`);
|
|
},
|
|
},
|
|
});
|
|
},
|
|
});
|
|
};
|