mirror of
https://github.com/woodpecker-ci/woodpecker.git
synced 2024-09-29 06:51:59 +00:00
55 lines
1.5 KiB
TypeScript
55 lines
1.5 KiB
TypeScript
|
import { computed, ref, watch } from 'vue';
|
||
|
|
||
|
import { useDarkMode } from '~/compositions/useDarkMode';
|
||
|
import { BuildStatus } from '~/lib/api/types';
|
||
|
|
||
|
const darkMode = computed(() => (useDarkMode().darkMode.value ? 'dark' : 'light'));
|
||
|
|
||
|
type Status = 'default' | 'success' | 'pending' | 'error';
|
||
|
const faviconStatus = ref<Status>('default');
|
||
|
|
||
|
watch(
|
||
|
[darkMode, faviconStatus],
|
||
|
() => {
|
||
|
const faviconPNG = document.getElementById('favicon-png');
|
||
|
if (faviconPNG) {
|
||
|
(faviconPNG as HTMLLinkElement).href = `/favicons/favicon-${darkMode.value}-${faviconStatus.value}.png`;
|
||
|
}
|
||
|
|
||
|
const faviconSVG = document.getElementById('favicon-svg');
|
||
|
if (faviconSVG) {
|
||
|
(faviconSVG as HTMLLinkElement).href = `/favicons/favicon-${darkMode.value}-${faviconStatus.value}.svg`;
|
||
|
}
|
||
|
},
|
||
|
{ immediate: true },
|
||
|
);
|
||
|
|
||
|
function convertStatus(status: BuildStatus): Status {
|
||
|
if (['blocked', 'declined', 'error', 'failure', 'killed'].includes(status)) {
|
||
|
return 'error';
|
||
|
}
|
||
|
|
||
|
if (['started', 'running', 'pending'].includes(status)) {
|
||
|
return 'pending';
|
||
|
}
|
||
|
|
||
|
if (['success', 'declined', 'error', 'failure', 'killed'].includes(status)) {
|
||
|
return 'success';
|
||
|
}
|
||
|
|
||
|
// skipped
|
||
|
return 'default';
|
||
|
}
|
||
|
|
||
|
export function useFavicon() {
|
||
|
return {
|
||
|
updateStatus(status?: BuildStatus | 'default') {
|
||
|
if (status === undefined || status === 'default') {
|
||
|
faviconStatus.value = 'default';
|
||
|
} else {
|
||
|
faviconStatus.value = convertStatus(status);
|
||
|
}
|
||
|
},
|
||
|
};
|
||
|
}
|