59 lines
1.5 KiB
JavaScript
59 lines
1.5 KiB
JavaScript
|
import $ from 'jquery';
|
||
|
|
import Vue from 'vue';
|
||
|
|
import createRouter from './router';
|
||
|
|
import App from './components/app.vue';
|
||
|
|
import apolloProvider from './graphql';
|
||
|
|
import getDesignListQuery from './graphql/queries/get_design_list.query.graphql';
|
||
|
|
import { DESIGNS_ROUTE_NAME, ROOT_ROUTE_NAME } from './router/constants';
|
||
|
|
|
||
|
|
export default () => {
|
||
|
|
const el = document.querySelector('.js-design-management');
|
||
|
|
const badge = document.querySelector('.js-designs-count');
|
||
|
|
const { issueIid, projectPath, issuePath } = el.dataset;
|
||
|
|
const router = createRouter(issuePath);
|
||
|
|
|
||
|
|
$('.js-issue-tabs').on('shown.bs.tab', ({ target: { id } }) => {
|
||
|
|
if (id === 'designs' && router.currentRoute.name === ROOT_ROUTE_NAME) {
|
||
|
|
router.push({ name: DESIGNS_ROUTE_NAME });
|
||
|
|
} else if (id === 'discussion') {
|
||
|
|
router.push({ name: ROOT_ROUTE_NAME });
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
apolloProvider.clients.defaultClient.cache.writeData({
|
||
|
|
data: {
|
||
|
|
projectPath,
|
||
|
|
issueIid,
|
||
|
|
activeDiscussion: {
|
||
|
|
__typename: 'ActiveDiscussion',
|
||
|
|
id: null,
|
||
|
|
source: null,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
apolloProvider.clients.defaultClient
|
||
|
|
.watchQuery({
|
||
|
|
query: getDesignListQuery,
|
||
|
|
variables: {
|
||
|
|
fullPath: projectPath,
|
||
|
|
iid: issueIid,
|
||
|
|
atVersion: null,
|
||
|
|
},
|
||
|
|
})
|
||
|
|
.subscribe(({ data }) => {
|
||
|
|
if (badge) {
|
||
|
|
badge.textContent = data.project.issue.designCollection.designs.edges.length;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
return new Vue({
|
||
|
|
el,
|
||
|
|
router,
|
||
|
|
apolloProvider,
|
||
|
|
render(createElement) {
|
||
|
|
return createElement(App);
|
||
|
|
},
|
||
|
|
});
|
||
|
|
};
|