28 lines
570 B
Vue
28 lines
570 B
Vue
<template>
|
|
<UPageCard title="Ampelstatus" variant="naked" orientation="horizontal" class="mb-4">
|
|
{{ statusEmoji }}
|
|
</UPageCard>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ComplianceStatus } from '~~/.api-client'
|
|
|
|
const props = defineProps<{
|
|
status: ComplianceStatus
|
|
}>()
|
|
|
|
const statusEmoji = computed(() => {
|
|
switch (props.status) {
|
|
case ComplianceStatus.Critical:
|
|
return '🔴'
|
|
case ComplianceStatus.Warning:
|
|
return '🟡'
|
|
case ComplianceStatus.NonCritical:
|
|
return '🟢'
|
|
default:
|
|
return '🟢'
|
|
}
|
|
})
|
|
</script>
|
|
|