mirrors/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2025-04-26 21:44:44 +00:00
Code Issues Projects Releases Wiki Activity

Only show commit title (#2361)

Browse source 
https://github.com/woodpecker-ci/woodpecker/issues/2359
This commit is contained in:
qwerty287 2023-08-30 17:08:56 +02:00 committed by GitHub
parent e847cbadfa
commit 971534929c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 15 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/components/pipeline-feed/PipelineFeedItem.vue
View file

@ -3,7 +3,7 @@
<PipelineStatusIcon :status="pipeline.status" class="flex items-center" /> <PipelineStatusIcon :status="pipeline.status" class="flex items-center" />
<div class="flex flex-col ml-4 min-w-0"> <div class="flex flex-col ml-4 min-w-0">
<span class="underline">{{ repo?.owner }} / {{ repo?.name }}</span> <span class="underline">{{ repo?.owner }} / {{ repo?.name }}</span>
<span class="whitespace-nowrap overflow-hidden overflow-ellipsis">{{ message }}</span> <span class="whitespace-nowrap overflow-hidden overflow-ellipsis" :title="message">{{ title }}</span>
<div class="flex flex-col mt-2"> <div class="flex flex-col mt-2">
<div class="flex space-x-2 items-center" :title="created"> <div class="flex space-x-2 items-center" :title="created">
<Icon name="since" /> <Icon name="since" />
@ -36,5 +36,5 @@ const repoStore = useRepoStore();
const pipeline = toRef(props, 'pipeline'); const pipeline = toRef(props, 'pipeline');
const repo = repoStore.getRepo(computed(() => pipeline.value.repo_id)); const repo = repoStore.getRepo(computed(() => pipeline.value.repo_id));
const { since, duration, message, created } = usePipeline(pipeline); const { since, duration, message, title, created } = usePipeline(pipeline);
</script> </script>

10
web/src/components/repo/pipeline/PipelineItem.vue
View file

@ -26,9 +26,11 @@
<div class="w-full md:w-auto md:mx-4 flex items-center min-w-0"> <div class="w-full md:w-auto md:mx-4 flex items-center min-w-0">
<span class="text-wp-text-alt-100 <md:hidden">#{{ pipeline.number }}</span> <span class="text-wp-text-alt-100 <md:hidden">#{{ pipeline.number }}</span>
<span class="text-wp-text-alt-100 <md:hidden mx-2">-</span> <span class="text-wp-text-alt-100 <md:hidden mx-2">-</span>
<span class="text-wp-text-100 <md:underline whitespace-nowrap overflow-hidden overflow-ellipsis">{{ <span
message class="text-wp-text-100 <md:underline whitespace-nowrap overflow-hidden overflow-ellipsis"
}}</span> :title="message"
>{{ title }}</span
>
</div> </div>
<div <div
@ -79,5 +81,5 @@ const props = defineProps<{
}>(); }>();
const pipeline = toRef(props, 'pipeline'); const pipeline = toRef(props, 'pipeline');
const { since, duration, message, prettyRef, created } = usePipeline(pipeline); const { since, duration, message, title, prettyRef, created } = usePipeline(pipeline);
</script> </script>

4
web/src/compositions/usePipeline.ts
View file

@ -84,6 +84,8 @@ export default (pipeline: Ref<Pipeline | undefined>) => {
return convertEmojis(pipeline.value.message); return convertEmojis(pipeline.value.message);
}); });
const title = computed(() => message.value.split('\n')[0]);
const prettyRef = computed(() => { const prettyRef = computed(() => {
if (pipeline.value?.event === 'push') { if (pipeline.value?.event === 'push') {
return pipeline.value.branch; return pipeline.value.branch;
@ -118,5 +120,5 @@ export default (pipeline: Ref<Pipeline | undefined>) => {
return toLocaleString(new Date(start * 1000)); return toLocaleString(new Date(start * 1000));
}); });
return { since, duration, message, prettyRef, created }; return { since, duration, message, title, prettyRef, created };
}; };

8
web/src/views/repo/pipeline/PipelineWrapper.vue
View file

@ -16,7 +16,9 @@
<PipelineStatusIcon :status="pipeline.status" class="flex flex-shrink-0" /> <PipelineStatusIcon :status="pipeline.status" class="flex flex-shrink-0" />
<span class="flex-shrink-0 text-center">{{ $t('repo.pipeline.pipeline', { pipelineId }) }}</span> <span class="flex-shrink-0 text-center">{{ $t('repo.pipeline.pipeline', { pipelineId }) }}</span>
<span class="hidden md:inline-block">-</span> <span class="hidden md:inline-block">-</span>
<span class="min-w-0 whitespace-nowrap overflow-hidden overflow-ellipsis">{{ message }}</span> <span class="min-w-0 whitespace-nowrap overflow-hidden overflow-ellipsis" :title="message">{{
title
}}</span>
</div> </div>
<template v-if="repoPermissions.push"> <template v-if="repoPermissions.push">
@ -122,11 +124,9 @@ if (!repo || !repoPermissions) {
} }
const pipeline = pipelineStore.getPipeline(repositoryId, pipelineId); const pipeline = pipelineStore.getPipeline(repositoryId, pipelineId);
const { since, duration, created } = usePipeline(pipeline); const { since, duration, created, message, title } = usePipeline(pipeline);
provide('pipeline', pipeline); provide('pipeline', pipeline);
const { message } = usePipeline(pipeline);
const showDeployPipelinePopup = ref(false); const showDeployPipelinePopup = ref(false);
async function loadPipeline(): Promise<void> { async function loadPipeline(): Promise<void> {