44 lines
971 B
JavaScript
44 lines
971 B
JavaScript
import _ from 'underscore';
|
|
|
|
export default {
|
|
props: {
|
|
isLoading: {
|
|
type: Boolean,
|
|
required: true,
|
|
},
|
|
pipeline: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
},
|
|
computed: {
|
|
graph() {
|
|
return this.pipeline.details && this.pipeline.details.stages;
|
|
},
|
|
},
|
|
methods: {
|
|
capitalizeStageName(name) {
|
|
const escapedName = _.escape(name);
|
|
return escapedName.charAt(0).toUpperCase() + escapedName.slice(1);
|
|
},
|
|
isFirstColumn(index) {
|
|
return index === 0;
|
|
},
|
|
stageConnectorClass(index, stage) {
|
|
let className;
|
|
|
|
// If it's the first stage column and only has one job
|
|
if (index === 0 && stage.groups.length === 1) {
|
|
className = 'no-margin';
|
|
} else if (index > 0) {
|
|
// If it is not the first column
|
|
className = 'left-margin';
|
|
}
|
|
|
|
return className;
|
|
},
|
|
refreshPipelineGraph() {
|
|
this.$emit('refreshPipelineGraph');
|
|
},
|
|
},
|
|
};
|