100 lines
2.4 KiB
JavaScript
100 lines
2.4 KiB
JavaScript
import Vue from 'vue';
|
|
import createRouter from './router';
|
|
import App from './components/app.vue';
|
|
import Breadcrumbs from './components/breadcrumbs.vue';
|
|
import LastCommit from './components/last_commit.vue';
|
|
import apolloProvider from './graphql';
|
|
import { setTitle } from './utils/title';
|
|
import { parseBoolean } from '../lib/utils/common_utils';
|
|
|
|
export default function setupVueRepositoryList() {
|
|
const el = document.getElementById('js-tree-list');
|
|
const { projectPath, projectShortPath, ref, fullName } = el.dataset;
|
|
const router = createRouter(projectPath, ref);
|
|
|
|
apolloProvider.clients.defaultClient.cache.writeData({
|
|
data: {
|
|
projectPath,
|
|
projectShortPath,
|
|
ref,
|
|
commits: [],
|
|
},
|
|
});
|
|
|
|
router.afterEach(({ params: { pathMatch } }) => {
|
|
const isRoot = pathMatch === undefined || pathMatch === '/';
|
|
|
|
setTitle(pathMatch, ref, fullName);
|
|
|
|
if (!isRoot) {
|
|
document
|
|
.querySelectorAll('.js-keep-hidden-on-navigation')
|
|
.forEach(elem => elem.classList.add('hidden'));
|
|
}
|
|
|
|
document
|
|
.querySelectorAll('.js-hide-on-navigation')
|
|
.forEach(elem => elem.classList.toggle('hidden', !isRoot));
|
|
});
|
|
|
|
const breadcrumbEl = document.getElementById('js-repo-breadcrumb');
|
|
|
|
if (breadcrumbEl) {
|
|
const {
|
|
canCollaborate,
|
|
canEditTree,
|
|
newBranchPath,
|
|
newTagPath,
|
|
newBlobPath,
|
|
forkNewBlobPath,
|
|
forkNewDirectoryPath,
|
|
forkUploadBlobPath,
|
|
} = breadcrumbEl.dataset;
|
|
|
|
// eslint-disable-next-line no-new
|
|
new Vue({
|
|
el: breadcrumbEl,
|
|
router,
|
|
apolloProvider,
|
|
render(h) {
|
|
return h(Breadcrumbs, {
|
|
props: {
|
|
currentPath: this.$route.params.pathMatch,
|
|
canCollaborate: parseBoolean(canCollaborate),
|
|
canEditTree: parseBoolean(canEditTree),
|
|
newBranchPath,
|
|
newTagPath,
|
|
newBlobPath,
|
|
forkNewBlobPath,
|
|
forkNewDirectoryPath,
|
|
forkUploadBlobPath,
|
|
},
|
|
});
|
|
},
|
|
});
|
|
}
|
|
|
|
// eslint-disable-next-line no-new
|
|
new Vue({
|
|
el: document.getElementById('js-last-commit'),
|
|
router,
|
|
apolloProvider,
|
|
render(h) {
|
|
return h(LastCommit, {
|
|
props: {
|
|
currentPath: this.$route.params.pathMatch,
|
|
},
|
|
});
|
|
},
|
|
});
|
|
|
|
return new Vue({
|
|
el,
|
|
router,
|
|
apolloProvider,
|
|
render(h) {
|
|
return h(App);
|
|
},
|
|
});
|
|
}
|