refactor: enhance status display logic in MonitorListFilter component
This commit is contained in:
parent
7a7cf6f074
commit
9e6e66340a
@ -1,7 +1,11 @@
|
||||
<template>
|
||||
<MonitorListFilterDropdown :filterActive="filterState.status?.length > 0">
|
||||
<MonitorListFilterDropdown :filterActive="filterState.status?.length > 0 || filterState.active?.length > 0">
|
||||
<template #status>
|
||||
<Status v-if="filterState.status?.length === 1" :status="filterState.status[0]" />
|
||||
<Status v-if="filterState.status?.length === 1 && !filterState.active?.length" :status="filterState.status[0]" />
|
||||
<span v-else-if="!filterState.status?.length && filterState.active?.length === 1" class="badge status-pill" :class="filterState.active[0] ? 'running' : 'paused'">
|
||||
<font-awesome-icon :icon="filterState.active[0] ? 'play' : 'pause'" class="icon-small" />
|
||||
{{ filterState.active[0] ? $t("Running") : $t("filterActivePaused") }}
|
||||
</span>
|
||||
<span v-else>
|
||||
{{ $t("Status") }}
|
||||
</span>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user