mirror of
https://github.com/harvester/harvester-ui-extension.git
synced 2025-12-13 13:11:43 +00:00
d6da4898b4
* fix error banner can't be dismissed Signed-off-by: Andy Lee <andy.lee@suse.com> * update all CruResource Signed-off-by: Andy Lee <andy.lee@suse.com> --------- Signed-off-by: Andy Lee <andy.lee@suse.com>
126 lines
2.9 KiB
Vue
126 lines
2.9 KiB
Vue
<script>
|
|
import NameNsDescription from '@shell/components/form/NameNsDescription';
|
|
import ResourceTabs from '@shell/components/form/ResourceTabs';
|
|
import Tab from '@shell/components/Tabbed/Tab';
|
|
import CreateEditView from '@shell/mixins/create-edit-view';
|
|
import { NETWORK_ATTACHMENT, CAPI } from '@shell/config/types';
|
|
import { allHash } from '@shell/utils/promise';
|
|
import CruResource from '@shell/components/CruResource';
|
|
import { HCI } from '@pkg/harvester/types';
|
|
import Range from './Range';
|
|
import Selector from './Selector';
|
|
|
|
export default {
|
|
name: 'HarvesterIPPool',
|
|
|
|
emits: ['update:value'],
|
|
|
|
components: {
|
|
NameNsDescription,
|
|
ResourceTabs,
|
|
Tab,
|
|
CruResource,
|
|
Range,
|
|
Selector,
|
|
},
|
|
|
|
mixins: [CreateEditView],
|
|
|
|
inheritAttrs: false,
|
|
|
|
async fetch() {
|
|
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
|
|
const hash = {
|
|
networks: this.$store.dispatch(`${ inStore }/findAll`, { type: NETWORK_ATTACHMENT }),
|
|
settings: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.SETTING }),
|
|
};
|
|
|
|
if (this.$store.getters['management/schemaFor'](HCI.HARVESTER_CONFIG)) {
|
|
hash.harvesterConfigs = this.$store.dispatch(`management/findAll`, { type: HCI.HARVESTER_CONFIG });
|
|
}
|
|
|
|
if (this.$store.getters['management/schemaFor'](CAPI.RANCHER_CLUSTER)) {
|
|
hash.rancherClusters = this.$store.dispatch(`management/findAll`, { type: CAPI.RANCHER_CLUSTER });
|
|
}
|
|
|
|
await allHash(hash);
|
|
},
|
|
|
|
data() {
|
|
return { errors: [] };
|
|
},
|
|
|
|
computed: {
|
|
yamlModifiers() {
|
|
const activelyRemove = [
|
|
'metadata.managedFields',
|
|
'metadata.relationships',
|
|
'metadata.state',
|
|
'links',
|
|
'type',
|
|
'id'
|
|
];
|
|
|
|
if (this.isCreate) {
|
|
activelyRemove.push('status');
|
|
}
|
|
|
|
return { activelyRemove };
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<CruResource
|
|
:done-route="doneRoute"
|
|
:resource="value"
|
|
:mode="mode"
|
|
:errors="errors"
|
|
:apply-hooks="applyHooks"
|
|
:yaml-modifiers="yamlModifiers"
|
|
@finish="save"
|
|
@error="e=>errors=e"
|
|
>
|
|
<NameNsDescription
|
|
:value="value"
|
|
:namespaced="false"
|
|
:mode="mode"
|
|
@update:value="$emit('update:value', $event)"
|
|
/>
|
|
|
|
<ResourceTabs
|
|
class="mt-15"
|
|
:need-conditions="false"
|
|
:need-related="false"
|
|
:side-tabs="true"
|
|
:mode="mode"
|
|
>
|
|
<Tab
|
|
name="range"
|
|
:label="t('harvester.ipPool.tabs.range')"
|
|
:weight="98"
|
|
class="bordered-table"
|
|
>
|
|
<Range
|
|
v-model:value="value.spec.ranges"
|
|
class="col span-12"
|
|
:mode="mode"
|
|
/>
|
|
</Tab>
|
|
<Tab
|
|
name="selector"
|
|
:label="t('harvester.ipPool.tabs.selector')"
|
|
:weight="97"
|
|
class="bordered-table"
|
|
>
|
|
<Selector
|
|
v-model:value="value.spec.selector"
|
|
:mode="mode"
|
|
/>
|
|
</Tab>
|
|
</ResourceTabs>
|
|
</CruResource>
|
|
</template>
|