49 lines
1.3 KiB
JavaScript
49 lines
1.3 KiB
JavaScript
import { propertyOf } from 'lodash';
|
|
import createFlash from '~/flash';
|
|
import { s__ } from '~/locale';
|
|
import getDesignListQuery from '../graphql/queries/get_design_list.query.graphql';
|
|
import { extractNodes } from '../utils/design_management_utils';
|
|
import allVersionsMixin from './all_versions';
|
|
import { DESIGNS_ROUTE_NAME } from '../router/constants';
|
|
|
|
export default {
|
|
mixins: [allVersionsMixin],
|
|
apollo: {
|
|
designs: {
|
|
query: getDesignListQuery,
|
|
variables() {
|
|
return {
|
|
fullPath: this.projectPath,
|
|
iid: this.issueIid,
|
|
atVersion: this.designsVersion,
|
|
};
|
|
},
|
|
update: data => {
|
|
const designEdges = propertyOf(data)(['project', 'issue', 'designCollection', 'designs']);
|
|
if (designEdges) {
|
|
return extractNodes(designEdges);
|
|
}
|
|
return [];
|
|
},
|
|
error() {
|
|
this.error = true;
|
|
},
|
|
result() {
|
|
if (this.$route.query.version && !this.hasValidVersion) {
|
|
createFlash(
|
|
s__(
|
|
'DesignManagement|Requested design version does not exist. Showing latest version instead',
|
|
),
|
|
);
|
|
this.$router.replace({ name: DESIGNS_ROUTE_NAME, query: { version: undefined } });
|
|
}
|
|
},
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
designs: [],
|
|
error: false,
|
|
};
|
|
},
|
|
};
|