@@ -36,5 +36,5 @@ const repoStore = useRepoStore();
const pipeline = toRef(props, 'pipeline');
const repo = repoStore.getRepo(computed(() => pipeline.value.repo_id));
-const { since, duration, message, created } = usePipeline(pipeline);
+const { since, duration, message, title, created } = usePipeline(pipeline);
diff --git a/web/src/components/repo/pipeline/PipelineItem.vue b/web/src/components/repo/pipeline/PipelineItem.vue
index f20d06c13..81dfde87d 100644
--- a/web/src/components/repo/pipeline/PipelineItem.vue
+++ b/web/src/components/repo/pipeline/PipelineItem.vue
@@ -26,9 +26,11 @@
#{{ pipeline.number }}
-
- {{
- message
- }}
+ {{ title }}
();
const pipeline = toRef(props, 'pipeline');
-const { since, duration, message, prettyRef, created } = usePipeline(pipeline);
+const { since, duration, message, title, prettyRef, created } = usePipeline(pipeline);
diff --git a/web/src/compositions/usePipeline.ts b/web/src/compositions/usePipeline.ts
index 1f44bc9a7..e10a7c9f8 100644
--- a/web/src/compositions/usePipeline.ts
+++ b/web/src/compositions/usePipeline.ts
@@ -84,6 +84,8 @@ export default (pipeline: Ref
) => {
return convertEmojis(pipeline.value.message);
});
+ const title = computed(() => message.value.split('\n')[0]);
+
const prettyRef = computed(() => {
if (pipeline.value?.event === 'push') {
return pipeline.value.branch;
@@ -118,5 +120,5 @@ export default (pipeline: Ref) => {
return toLocaleString(new Date(start * 1000));
});
- return { since, duration, message, prettyRef, created };
+ return { since, duration, message, title, prettyRef, created };
};
diff --git a/web/src/views/repo/pipeline/PipelineWrapper.vue b/web/src/views/repo/pipeline/PipelineWrapper.vue
index cce95488e..c71629552 100644
--- a/web/src/views/repo/pipeline/PipelineWrapper.vue
+++ b/web/src/views/repo/pipeline/PipelineWrapper.vue
@@ -16,7 +16,9 @@
{{ $t('repo.pipeline.pipeline', { pipelineId }) }}
-
- {{ message }}
+ {{
+ title
+ }}
@@ -122,11 +124,9 @@ if (!repo || !repoPermissions) {
}
const pipeline = pipelineStore.getPipeline(repositoryId, pipelineId);
-const { since, duration, created } = usePipeline(pipeline);
+const { since, duration, created, message, title } = usePipeline(pipeline);
provide('pipeline', pipeline);
-const { message } = usePipeline(pipeline);
-
const showDeployPipelinePopup = ref(false);
async function loadPipeline(): Promise {