mirror of https://github.com/rancher/dashboard.git
50 lines
877 B
Vue
50 lines
877 B
Vue
<script>
|
|
import CountBox from '@/components/CountBox';
|
|
|
|
const KEYS = {
|
|
errApplied: 'error',
|
|
modified: 'warning',
|
|
notReady: 'warning',
|
|
outOfSync: 'warning',
|
|
pending: 'info',
|
|
waitApplied: 'info',
|
|
reqdy: 'success'
|
|
};
|
|
|
|
export default {
|
|
components: { CountBox },
|
|
|
|
props: {
|
|
value: {
|
|
type: Object,
|
|
required: true,
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
counts() {
|
|
const out = {
|
|
success: 0,
|
|
info: 0,
|
|
warning: 0,
|
|
error: 0,
|
|
};
|
|
|
|
for ( const k in KEYS ) {
|
|
out[KEYS[k]] += this.value[k] || 0;
|
|
}
|
|
|
|
return out;
|
|
},
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div class="row">
|
|
<div v-for="(v, k) in counts" :key="k" class="col span-3">
|
|
<CountBox :count="v" :name="t(`fleet.fleetSummary.state.${k}`)" :primary-color-var="'--sizzle-'+k" />
|
|
</div>
|
|
</div>
|
|
</template>
|