snowykami/server-status-web
1
0
Fork 0
mirror of https://github.com/snowykami/server-status-web.git synced 2025-09-06 12:46:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

✨ 添加对更多发行版图标的支持

Browse Source
This commit is contained in:
远野千束
2024-10-05 01:15:10 +08:00
parent 87091f454a
commit 86ad7e06aa
13 changed files with 27 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/api/utils.ts
View File

@ -1,15 +1,26 @@
export const onlineTimeout = 30
export function getLinuxReleaseIcon(name: string, release: string): { name: string, icon: string } {
export function getReleaseInfo(name: string, release: string): { name: string, icon: string } {
if (name.toLowerCase() == 'windows') {
return {name: 'Windows', icon: '/svg/system-windows.svg'}
} else if (name.toLowerCase() == 'darwin') {
return {name: 'macOS', icon: '/svg/system-darwin.svg'}
} else {
const map: Record<string, { name: string, icon: string }> = {
'alpine': {name: 'Alpine Linux', icon: '/svg/system-alpine.svg'},
'arch': {name: 'Arch Linux', icon: '/svg/system-archlinux.svg'},
'opensuse': {name: 'openSUSE', icon: '/svg/system-opensuse.svg'},
'ubuntu': {name: 'Ubuntu', icon: '/svg/system-ubuntu.svg'},
'centos': {name: 'CentOS', icon: '/svg/system-centos.svg'},
'debian': {name: 'Debian', icon: '/svg/system-debian.svg'},
'deepin': {name: 'Deepin', icon: '/svg/system-deepin.svg'},
'elementary': {name: 'elementary OS', icon: '/svg/system-elementary.svg'},
'fedora': {name: 'Fedora', icon: '/svg/system-fedora.svg'},
'kali': {name: 'Kali Linux', icon: '/svg/system-kali.svg'},
'manjaro': {name: 'Manjaro', icon: '/svg/system-manjaro.svg'},
'opensuse': {name: 'openSUSE', icon: '/svg/system-opensuse.svg'},
'redhat': {name: 'Red Hat', icon: '/svg/system-redhat.svg'},
'suse': {name: 'SUSE', icon: '/svg/system-opensuse.svg'}, // SUSE Linux Enterprise Server
'ubuntu': {name: 'Ubuntu', icon: '/svg/system-ubuntu.svg'},
'zorin': {name: 'Zorin OS', icon: '/svg/system-zorin.svg'},
}
release = release.toLowerCase()
for (const key in map) {
@ -97,7 +108,7 @@ export function getBlankColor(percent: number, disable: boolean = false) {
// 1727998501
export function formatUptime(uptime: number ): string {
export function formatUptime(uptime: number): string {
const seconds = uptime
const d = Math.floor(seconds / 86400)

4
src/components/Host.vue
View File

@ -9,7 +9,7 @@ import {
formatUptime,
getBaseColor,
getBlankColor,
getLinuxReleaseIcon,
getReleaseInfo,
onlineTimeout
} from "../api/utils.ts";
@ -41,7 +41,7 @@ const spreadColor = computed(
)
const deltaTime = ref('0')
const os = computed(() => {
return getLinuxReleaseIcon(status.value.meta.os.name, status.value.meta.os.version)
return getReleaseInfo(status.value.meta.os.name, status.value.meta.os.version)
})
const memDetail = computed(() => {