mirrors/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2025-01-22 15:18:43 +00:00
Code Issues Projects Releases Wiki Activity

Jump to linked log line (#1852)

Browse source 
Co-authored-by: Patrick Schratz <patrick.schratz@gmail.com>
Co-authored-by: 6543 <6543@obermui.de>
This commit is contained in:
runephilosof-karnovgroup 2023-07-03 15:06:10 +02:00 committed by GitHub
parent ae2bfe666f
commit a4cfa3a242
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
web/src/components/repo/pipeline/PipelineLog.vue
View file

@ -38,13 +38,13 @@
> >
<div v-for="line in log" :key="line.index" class="contents font-mono"> <div v-for="line in log" :key="line.index" class="contents font-mono">
<a <a
:id="`L${line.index}`" :id="`L${line.index + 1}`"
:href="`#L${line.index}`" :href="`#L${line.index + 1}`"
class="text-gray-500 whitespace-nowrap select-none text-right pl-1 pr-2" class="text-gray-500 whitespace-nowrap select-none text-right pl-1 pr-2"
:class="{ :class="{
'bg-opacity-40 dark:bg-opacity-50 bg-red-600 dark:bg-red-800': line.type === 'error', 'bg-opacity-40 dark:bg-opacity-50 bg-red-600 dark:bg-red-800': line.type === 'error',
'bg-opacity-40 dark:bg-opacity-50 bg-yellow-600 dark:bg-yellow-800': line.type === 'warning', 'bg-opacity-40 dark:bg-opacity-50 bg-yellow-600 dark:bg-yellow-800': line.type === 'warning',
'bg-opacity-20 bg-blue-600': $route.hash === `#L${line.index}`, 'bg-opacity-20 bg-blue-600': $route.hash === `#L${line.index + 1}`,
underline: $route.hash === `#L${line.index}`, underline: $route.hash === `#L${line.index}`,
}" }"
>{{ line.index + 1 }}</a >{{ line.index + 1 }}</a
@ -100,6 +100,7 @@ import AnsiUp from 'ansi_up';
import { debounce } from 'lodash'; import { debounce } from 'lodash';
import { computed, inject, nextTick, onMounted, Ref, ref, toRef, watch } from 'vue'; import { computed, inject, nextTick, onMounted, Ref, ref, toRef, watch } from 'vue';
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
import { useRoute } from 'vue-router';
import Button from '~/components/atomic/Button.vue'; import Button from '~/components/atomic/Button.vue';
import Icon from '~/components/atomic/Icon.vue'; import Icon from '~/components/atomic/Icon.vue';
@ -130,6 +131,7 @@ const pipeline = toRef(props, 'pipeline');
const stepId = toRef(props, 'stepId'); const stepId = toRef(props, 'stepId');
const repo = inject<Ref<Repo>>('repo'); const repo = inject<Ref<Repo>>('repo');
const apiClient = useApiClient(); const apiClient = useApiClient();
const route = useRoute();
const loadedStepSlug = ref<string>(); const loadedStepSlug = ref<string>();
const stepSlug = computed(() => `${repo?.value.owner} - ${repo?.value.name} - ${pipeline.value.id} - ${stepId.value}`); const stepSlug = computed(() => `${repo?.value.owner} - ${repo?.value.name} - ${pipeline.value.id} - ${stepId.value}`);
@ -219,7 +221,9 @@ const flushLogs = debounce((scroll: boolean) => {
log.value = buffer; log.value = buffer;
if (scroll && autoScroll.value) { if (route.hash.length > 0) {
nextTick(() => document.getElementById(route.hash.substring(1))?.scrollIntoView());
} else if (scroll && autoScroll.value) {
scrollDown(); scrollDown();
} }
}, 500); }, 500);