woodpecker/web/src/views/repo/pipeline/PipelineChangedFiles.vue
Divya Jain d785d05718
Use pipeline wrapper and improve scaffold UI (#1368)
Co-authored-by: Anbraten <anton@ju60.de>
Co-authored-by: 6543 <6543@obermui.de>
2022-11-15 10:13:52 +01:00

35 lines
864 B
Vue

<template>
<Panel v-if="pipeline">
<div v-if="pipeline.changed_files === undefined || pipeline.changed_files.length < 1" class="w-full">
<span class="text-color">{{ $t('repo.pipeline.no_files') }}</span>
</div>
<div v-for="file in pipeline.changed_files" v-else :key="file" class="w-full">
<div>- {{ file }}</div>
</div>
</Panel>
</template>
<script lang="ts">
import { defineComponent, inject, Ref } from 'vue';
import Panel from '~/components/layout/Panel.vue';
import { Pipeline } from '~/lib/api/types';
export default defineComponent({
name: 'PipelineChangedFiles',
components: {
Panel,
},
setup() {
const pipeline = inject<Ref<Pipeline>>('pipeline');
if (!pipeline) {
throw new Error('Unexpected: "pipeline" should be provided at this place');
}
return { pipeline };
},
});
</script>