mirror of https://github.com/rancher/dashboard.git
114 lines
2.8 KiB
Vue
114 lines
2.8 KiB
Vue
<script>
|
|
import { FLEET } from '@shell/config/types';
|
|
import { Banner } from '@components/Banner';
|
|
import ResourceTable from '@shell/components/ResourceTable';
|
|
import ResourceFetch from '@shell/mixins/resource-fetch';
|
|
import {
|
|
AGE,
|
|
STATE,
|
|
NAME,
|
|
} from '@shell/config/table-headers';
|
|
import { isHarvesterCluster } from '@shell/utils/cluster';
|
|
|
|
export default {
|
|
name: 'ListBundle',
|
|
components: { Banner, ResourceTable },
|
|
mixins: [ResourceFetch],
|
|
props: {
|
|
resource: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
schema: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
},
|
|
|
|
async fetch() {
|
|
await this.$fetchType(FLEET.BUNDLE);
|
|
this.allFleet = await this.$store.dispatch('management/findAll', { type: FLEET.CLUSTER });
|
|
},
|
|
|
|
data() {
|
|
return { allFleet: [] };
|
|
},
|
|
|
|
computed: {
|
|
harvesterClusters() {
|
|
const harvester = {};
|
|
|
|
this.allFleet.forEach((c) => {
|
|
if (isHarvesterCluster(c)) {
|
|
harvester[c.metadata.name] = c;
|
|
}
|
|
});
|
|
|
|
return harvester;
|
|
},
|
|
|
|
bundles() {
|
|
const harvester = this.harvesterClusters;
|
|
|
|
return this.rows.filter((bundle) => {
|
|
const targets = bundle.spec?.targets || [];
|
|
|
|
// Filter out any bundle that has one target whose cluster is a harvester cluster
|
|
if (targets.length === 1) {
|
|
return !harvester[targets[0].clusterName];
|
|
}
|
|
|
|
return true;
|
|
});
|
|
},
|
|
|
|
hidden() {
|
|
return this.rows.length - this.bundles.length;
|
|
},
|
|
|
|
headers() {
|
|
const out = [
|
|
STATE,
|
|
NAME,
|
|
{
|
|
name: 'deploymentsReady',
|
|
labelKey: 'tableHeaders.bundleDeploymentsReady',
|
|
value: 'status.display.readyClusters',
|
|
sort: 'status.display.readyClusters',
|
|
search: ['status.summary.ready', 'status.summary.desiredReady'],
|
|
},
|
|
AGE
|
|
];
|
|
|
|
return out;
|
|
},
|
|
},
|
|
|
|
// override with relevant info for the loading indicator since this doesn't use it's own masthead
|
|
$loadingResources() {
|
|
return {
|
|
loadResources: [FLEET.BUNDLE],
|
|
loadIndeterminate: true, // results are filtered so we wouldn't get the correct count on indicator...
|
|
};
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<Banner v-if="hidden" color="info" :label="t('fleet.bundles.harvester', {count: hidden} )" />
|
|
<ResourceTable
|
|
:schema="schema"
|
|
:headers="headers"
|
|
:rows="bundles"
|
|
:loading="loading"
|
|
>
|
|
<template #cell:deploymentsReady="{row}">
|
|
<span v-if="row.status.summary.desiredReady != row.status.summary.ready" class="text-warning">
|
|
{{ row.status.summary.ready }}/{{ row.status.summary.desiredReady }}</span>
|
|
<span v-else>{{ row.status.summary.desiredReady }}</span>
|
|
</template>
|
|
</ResourceTable>
|
|
</div>
|
|
</template>
|