59 lines
2 KiB
JavaScript
59 lines
2 KiB
JavaScript
import Vue from 'vue';
|
|
import { GlToast } from '@gitlab/ui';
|
|
import { doesHashExistInUrl } from '~/lib/utils/url_utility';
|
|
import {
|
|
parseBoolean,
|
|
historyReplaceState,
|
|
buildUrlWithCurrentLocation,
|
|
} from '~/lib/utils/common_utils';
|
|
import { __ } from '~/locale';
|
|
import PipelinesStore from '../../../../pipelines/stores/pipelines_store';
|
|
import pipelinesComponent from '../../../../pipelines/components/pipelines.vue';
|
|
import Translate from '../../../../vue_shared/translate';
|
|
|
|
Vue.use(Translate);
|
|
Vue.use(GlToast);
|
|
|
|
document.addEventListener(
|
|
'DOMContentLoaded',
|
|
() =>
|
|
new Vue({
|
|
el: '#pipelines-list-vue',
|
|
components: {
|
|
pipelinesComponent,
|
|
},
|
|
data() {
|
|
return {
|
|
store: new PipelinesStore(),
|
|
};
|
|
},
|
|
created() {
|
|
this.dataset = document.querySelector(this.$options.el).dataset;
|
|
|
|
if (doesHashExistInUrl('delete_success')) {
|
|
this.$toast.show(__('The pipeline has been deleted'));
|
|
historyReplaceState(buildUrlWithCurrentLocation());
|
|
}
|
|
},
|
|
render(createElement) {
|
|
return createElement('pipelines-component', {
|
|
props: {
|
|
store: this.store,
|
|
endpoint: this.dataset.endpoint,
|
|
helpPagePath: this.dataset.helpPagePath,
|
|
emptyStateSvgPath: this.dataset.emptyStateSvgPath,
|
|
errorStateSvgPath: this.dataset.errorStateSvgPath,
|
|
noPipelinesSvgPath: this.dataset.noPipelinesSvgPath,
|
|
autoDevopsPath: this.dataset.helpAutoDevopsPath,
|
|
newPipelinePath: this.dataset.newPipelinePath,
|
|
canCreatePipeline: parseBoolean(this.dataset.canCreatePipeline),
|
|
hasGitlabCi: parseBoolean(this.dataset.hasGitlabCi),
|
|
ciLintPath: this.dataset.ciLintPath,
|
|
resetCachePath: this.dataset.resetCachePath,
|
|
projectId: this.dataset.projectId,
|
|
params: JSON.parse(this.dataset.params),
|
|
},
|
|
});
|
|
},
|
|
}),
|
|
);
|