mirror of
https://github.com/harvester/harvester-ui-extension.git
synced 2026-07-04 15:52:20 +00:00
Compare commits
No commits in common. "main" and "v1.9.0-dev-20260524" have entirely different histories.
main
...
v1.9.0-dev
15
.github/renovate.json
vendored
15
.github/renovate.json
vendored
@ -14,17 +14,10 @@
|
|||||||
"semanticCommits": "enabled",
|
"semanticCommits": "enabled",
|
||||||
"semanticCommitType": "deps",
|
"semanticCommitType": "deps",
|
||||||
"prHourlyLimit": 12,
|
"prHourlyLimit": 12,
|
||||||
"digest": {
|
|
||||||
"enabled": false
|
|
||||||
},
|
|
||||||
"timezone": "Asia/Taipei",
|
"timezone": "Asia/Taipei",
|
||||||
"schedule": ["after 10am on sunday"],
|
"schedule": ["after 10am on sunday"],
|
||||||
"postUpdateOptions": ["yarnDedupeFewer"],
|
"postUpdateOptions": ["yarnDedupeFewer"],
|
||||||
"packageRules": [
|
"packageRules": [
|
||||||
{
|
|
||||||
"matchUpdateTypes": ["digest"],
|
|
||||||
"enabled": false
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"matchUpdateTypes": ["major"],
|
"matchUpdateTypes": ["major"],
|
||||||
"enabled": false
|
"enabled": false
|
||||||
@ -52,6 +45,14 @@
|
|||||||
"groupName": "patch dependencies",
|
"groupName": "patch dependencies",
|
||||||
"labels": ["patch-update"],
|
"labels": ["patch-update"],
|
||||||
"reviewers": ["a110605", "houhoucoop"]
|
"reviewers": ["a110605", "houhoucoop"]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"matchUpdateTypes": ["digest", "pinDigest"],
|
||||||
|
"automerge": false,
|
||||||
|
"groupName": "digest dependencies",
|
||||||
|
"labels": ["digest-update"],
|
||||||
|
"schedule": ["on the first day of the month"],
|
||||||
|
"reviewers": ["a110605", "houhoucoop"]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
20
README.md
20
README.md
@ -5,19 +5,6 @@ The Harvester UI Extension is a Rancher extension that provides the user interfa
|
|||||||
> **Note:**
|
> **Note:**
|
||||||
> This extension is available starting from **Rancher 2.10.0**. Ensure your Rancher version is **2.10.0 or later** to access Harvester integration.
|
> This extension is available starting from **Rancher 2.10.0**. Ensure your Rancher version is **2.10.0 or later** to access Harvester integration.
|
||||||
|
|
||||||
## Table of Contents
|
|
||||||
|
|
||||||
- [Installation](#installation)
|
|
||||||
- [Development Setup](#development-setup)
|
|
||||||
- [Commit Message Guidelines](#commit-message-guidelines)
|
|
||||||
- [Branch Structure](#branch-structure)
|
|
||||||
- [Testing Guidelines](#testing-guidelines)
|
|
||||||
- [Release](#release)
|
|
||||||
- [Contributing](#contributing)
|
|
||||||
- [License](#license)
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## Installation
|
## Installation
|
||||||
|
|
||||||
For Harvester UI extension installation instructions, please refer to the page **Rancher Integration** -> **Harvester UI Extension** in [official Harvester documentation](https://docs.harvesterhci.io).
|
For Harvester UI extension installation instructions, please refer to the page **Rancher Integration** -> **Harvester UI Extension** in [official Harvester documentation](https://docs.harvesterhci.io).
|
||||||
@ -170,13 +157,6 @@ To test the standalone UI, configure Harvester to load the UI from an external s
|
|||||||
2. Set **ui-source** to `External`
|
2. Set **ui-source** to `External`
|
||||||
3. Set **ui-index** to the desired URL
|
3. Set **ui-index** to the desired URL
|
||||||
|
|
||||||
|
|
||||||
## Release
|
|
||||||
|
|
||||||
The Harvester UI Extension follows the [Harvester](https://github.com/harvester/harvester) release cycle. After RC1 is cut for a new Harvester version, we usually create and work from the corresponding release branch (for example, `release-harvester-v1.8`). The remaining RC builds and the final official release are published from that branch.
|
|
||||||
|
|
||||||
After Harvester releases a new version, update the Harvester entry in rancher/ui-plugin-charts [manifest.json](https://github.com/rancher/ui-plugin-charts/blob/aafd215debbc6cb3100e7ba4b0a542c932397acd/manifest.json#L133-L151). This ensures air-gapped users can pull the new Harvester UI Extension image.
|
|
||||||
|
|
||||||
## Contributing
|
## Contributing
|
||||||
|
|
||||||
If you want to contribute, start by reading this document, then visit our [Getting Started guide](https://extensions.rancher.io/extensions/next/extensions-getting-started) to learn how to develop and submit changes.
|
If you want to contribute, start by reading this document, then visit our [Getting Started guide](https://extensions.rancher.io/extensions/next/extensions-getting-started) to learn how to develop and submit changes.
|
||||||
|
|||||||
@ -33,7 +33,7 @@ module.exports = {
|
|||||||
'subject-full-stop': [2, 'never', '.'],
|
'subject-full-stop': [2, 'never', '.'],
|
||||||
'subject-max-length': [0, 'never'],
|
'subject-max-length': [0, 'never'],
|
||||||
'body-leading-blank': [2, 'always'],
|
'body-leading-blank': [2, 'always'],
|
||||||
'body-max-line-length': [0, 'always', 100],
|
'body-max-line-length': [2, 'always', 100],
|
||||||
'footer-leading-blank': [2, 'always'],
|
'footer-leading-blank': [2, 'always'],
|
||||||
'footer-max-line-length': [2, 'always', 100],
|
'footer-max-line-length': [2, 'always', 100],
|
||||||
},
|
},
|
||||||
|
|||||||
12
package.json
12
package.json
@ -6,8 +6,8 @@
|
|||||||
"node": ">=24.0.0"
|
"node": ">=24.0.0"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@babel/plugin-transform-class-static-block": "7.29.7",
|
"@babel/plugin-transform-class-static-block": "7.28.6",
|
||||||
"@rancher/shell": "3.0.12-rc.3",
|
"@rancher/shell": "3.0.12-rc.1",
|
||||||
"@vue-flow/background": "^1.3.0",
|
"@vue-flow/background": "^1.3.0",
|
||||||
"@vue-flow/controls": "^1.1.1",
|
"@vue-flow/controls": "^1.1.1",
|
||||||
"@vue-flow/core": "^1.33.5",
|
"@vue-flow/core": "^1.33.5",
|
||||||
@ -21,7 +21,7 @@
|
|||||||
"yaml": "^2.5.1"
|
"yaml": "^2.5.1"
|
||||||
},
|
},
|
||||||
"resolutions": {
|
"resolutions": {
|
||||||
"@types/node": "25.9.4",
|
"@types/node": "25.6.2",
|
||||||
"cronstrue": "2.59.0",
|
"cronstrue": "2.59.0",
|
||||||
"d3-color": "3.1.0",
|
"d3-color": "3.1.0",
|
||||||
"ejs": "3.1.10",
|
"ejs": "3.1.10",
|
||||||
@ -33,9 +33,9 @@
|
|||||||
"merge": "2.1.1",
|
"merge": "2.1.1",
|
||||||
"node-forge": "1.4.0",
|
"node-forge": "1.4.0",
|
||||||
"nth-check": "2.1.1",
|
"nth-check": "2.1.1",
|
||||||
"qs": "6.15.2",
|
"qs": "6.15.1",
|
||||||
"roarr": "7.21.6",
|
"roarr": "7.21.4",
|
||||||
"semver": "7.8.5",
|
"semver": "7.8.0",
|
||||||
"@vue/cli-service/html-webpack-plugin": "^5.0.0"
|
"@vue/cli-service/html-webpack-plugin": "^5.0.0"
|
||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
|||||||
@ -1,186 +0,0 @@
|
|||||||
<script>
|
|
||||||
import { Banner } from '@components/Banner';
|
|
||||||
import MatchExpressions from '@shell/components/form/MatchExpressions';
|
|
||||||
import ResourceTable from '@shell/components/ResourceTable';
|
|
||||||
import { _EDIT } from '@shell/config/query-params';
|
|
||||||
import { convert, simplify, matching as selectorMatching } from '@shell/utils/selector';
|
|
||||||
import throttle from 'lodash/throttle';
|
|
||||||
import { NODE } from '@shell/config/types';
|
|
||||||
import { NAME, AGE } from '@shell/config/table-headers';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'HarvesterNodeSelector',
|
|
||||||
|
|
||||||
components: {
|
|
||||||
Banner,
|
|
||||||
MatchExpressions,
|
|
||||||
ResourceTable,
|
|
||||||
},
|
|
||||||
|
|
||||||
props: {
|
|
||||||
mode: {
|
|
||||||
type: String,
|
|
||||||
default: _EDIT,
|
|
||||||
},
|
|
||||||
value: {
|
|
||||||
type: Object,
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
async fetch() {
|
|
||||||
this.updateMatchingResources();
|
|
||||||
},
|
|
||||||
|
|
||||||
data() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
|
|
||||||
return {
|
|
||||||
matchingResources: {
|
|
||||||
matched: 0,
|
|
||||||
matches: [],
|
|
||||||
none: true,
|
|
||||||
sample: null,
|
|
||||||
total: 0,
|
|
||||||
},
|
|
||||||
tableHeaders: [
|
|
||||||
NAME,
|
|
||||||
{
|
|
||||||
name: 'host-ip',
|
|
||||||
labelKey: 'tableHeaders.hostIp',
|
|
||||||
search: ['internalIp'],
|
|
||||||
value: 'internalIp',
|
|
||||||
sort: ['internalIp'],
|
|
||||||
align: 'center',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'cpuManager',
|
|
||||||
labelKey: 'harvester.tableHeaders.cpuManager',
|
|
||||||
value: 'id',
|
|
||||||
formatter: 'HarvesterCPUPinning',
|
|
||||||
width: 150,
|
|
||||||
align: 'center',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'diskState',
|
|
||||||
labelKey: 'tableHeaders.diskState',
|
|
||||||
value: 'diskState',
|
|
||||||
formatter: 'HarvesterDiskState',
|
|
||||||
width: 130,
|
|
||||||
},
|
|
||||||
AGE,
|
|
||||||
],
|
|
||||||
inStore,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
watch: {
|
|
||||||
value: {
|
|
||||||
handler: 'updateMatchingResources',
|
|
||||||
deep: true,
|
|
||||||
},
|
|
||||||
allResourcesInScope() {
|
|
||||||
this.updateMatchingResources();
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
computed: {
|
|
||||||
schema() {
|
|
||||||
return this.$store.getters[`${ this.inStore }/schemaFor`](NODE);
|
|
||||||
},
|
|
||||||
|
|
||||||
selectorExpressions: {
|
|
||||||
get() {
|
|
||||||
return convert(
|
|
||||||
this.value.matchLabels || {},
|
|
||||||
this.value.matchExpressions || []
|
|
||||||
);
|
|
||||||
},
|
|
||||||
set(selectorExpressions) {
|
|
||||||
const { matchLabels, matchExpressions } = simplify(selectorExpressions);
|
|
||||||
|
|
||||||
this.value['matchLabels'] = matchLabels;
|
|
||||||
this.value['matchExpressions'] = matchExpressions;
|
|
||||||
this.updateMatchingResources();
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
allNodes() {
|
|
||||||
return this.$store.getters[`${ this.inStore }/all`](NODE) || [];
|
|
||||||
},
|
|
||||||
|
|
||||||
allResourcesInScope() {
|
|
||||||
return this.allNodes.length;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
updateMatchingResources: throttle(function() {
|
|
||||||
const expressions = this.selectorExpressions;
|
|
||||||
const allNodes = this.allNodes;
|
|
||||||
|
|
||||||
// Empty expressions with no key = no match
|
|
||||||
const hasValidExpression = expressions.length > 0 && expressions.every((e) => !!e.key);
|
|
||||||
|
|
||||||
if (!hasValidExpression) {
|
|
||||||
this.matchingResources = {
|
|
||||||
matched: 0,
|
|
||||||
matches: [],
|
|
||||||
none: true,
|
|
||||||
sample: null,
|
|
||||||
total: allNodes.length,
|
|
||||||
};
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const matches = selectorMatching(allNodes, expressions, 'metadata.labels');
|
|
||||||
|
|
||||||
this.matchingResources = {
|
|
||||||
matched: matches.length,
|
|
||||||
matches,
|
|
||||||
none: matches.length === 0,
|
|
||||||
sample: matches[0]?.nameDisplay || null,
|
|
||||||
total: allNodes.length,
|
|
||||||
};
|
|
||||||
}, 100, { trailing: true })
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<MatchExpressions
|
|
||||||
v-model:value="selectorExpressions"
|
|
||||||
:mode="mode"
|
|
||||||
:show-remove="false"
|
|
||||||
:type="'node'"
|
|
||||||
:target-resources="allResourcesInScope"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<Banner :color="(matchingResources.none ? 'warning' : 'success')">
|
|
||||||
<span v-clean-html="t('generic.selectors.matchingResources.matchesSome', matchingResources)" />
|
|
||||||
</Banner>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<ResourceTable
|
|
||||||
:rows="matchingResources.matches"
|
|
||||||
:headers="tableHeaders"
|
|
||||||
key-field="id"
|
|
||||||
:table-actions="false"
|
|
||||||
:row-actions="false"
|
|
||||||
:schema="schema"
|
|
||||||
:groupable="false"
|
|
||||||
:search="false"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
@ -58,14 +58,11 @@ export default {
|
|||||||
|
|
||||||
const url = `https://${ host }${ prefix }/${ PRODUCT_NAME }/c/${ params.cluster }/console/${ uid }/${ type }`;
|
const url = `https://${ host }${ prefix }/${ PRODUCT_NAME }/c/${ params.cluster }/console/${ uid }/${ type }`;
|
||||||
|
|
||||||
// Defer so v-select can finish closing the dropdown before the popup steals focus
|
window.open(
|
||||||
this.$nextTick(() => {
|
url,
|
||||||
window.open(
|
'_blank',
|
||||||
url,
|
`toolbars=0,width=${ screen.width - 200 },height=${ screen.height - 200 },left=0,top=0,noreferrer`
|
||||||
'_blank',
|
);
|
||||||
`toolbars=0,width=${ screen.width - 200 },height=${ screen.height - 200 },left=0,top=0,noreferrer`
|
|
||||||
);
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
|
|
||||||
isEmpty(o) {
|
isEmpty(o) {
|
||||||
|
|||||||
@ -64,9 +64,6 @@ export default {
|
|||||||
|
|
||||||
try {
|
try {
|
||||||
parsedDefaultValue = JSON.parse(this.value.value);
|
parsedDefaultValue = JSON.parse(this.value.value);
|
||||||
if (typeof parsedDefaultValue.exclusiveVlan !== 'boolean') {
|
|
||||||
parsedDefaultValue.exclusiveVlan = false;
|
|
||||||
}
|
|
||||||
networkType = 'vlan' in parsedDefaultValue ? L2VLAN : UNTAGGED; // backend doesn't provide networkType, so we check if vlan is provided instead
|
networkType = 'vlan' in parsedDefaultValue ? L2VLAN : UNTAGGED; // backend doesn't provide networkType, so we check if vlan is provided instead
|
||||||
openVlan = true;
|
openVlan = true;
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
@ -75,8 +72,7 @@ export default {
|
|||||||
vlan: '',
|
vlan: '',
|
||||||
clusterNetwork: '',
|
clusterNetwork: '',
|
||||||
range: '',
|
range: '',
|
||||||
exclude: [],
|
exclude: []
|
||||||
exclusiveVlan: false
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
const exclude = parsedDefaultValue?.exclude?.toString().split(',') || [];
|
const exclude = parsedDefaultValue?.exclude?.toString().split(',') || [];
|
||||||
@ -98,10 +94,6 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
computed: {
|
computed: {
|
||||||
showExclusiveVlan() {
|
|
||||||
return this.networkType === L2VLAN &&
|
|
||||||
Number(this.parsedDefaultValue.vlan) !== 1;
|
|
||||||
},
|
|
||||||
showVlan() {
|
showVlan() {
|
||||||
return this.networkType === L2VLAN;
|
return this.networkType === L2VLAN;
|
||||||
},
|
},
|
||||||
@ -140,18 +132,6 @@ export default {
|
|||||||
};
|
};
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
exclusiveVlanOptions() {
|
|
||||||
return [
|
|
||||||
{
|
|
||||||
label: this.t('generic.enabled'),
|
|
||||||
value: true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: this.t('generic.disabled'),
|
|
||||||
value: false
|
|
||||||
}
|
|
||||||
];
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
|
|
||||||
watch: {
|
watch: {
|
||||||
@ -194,8 +174,7 @@ export default {
|
|||||||
vlan: '',
|
vlan: '',
|
||||||
clusterNetwork: '',
|
clusterNetwork: '',
|
||||||
range: '',
|
range: '',
|
||||||
exclude: [],
|
exclude: []
|
||||||
exclusiveVlan: false
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -301,15 +280,7 @@ export default {
|
|||||||
label-key="harvester.setting.storageNetwork.vlan"
|
label-key="harvester.setting.storageNetwork.vlan"
|
||||||
@update:value="inputVlan"
|
@update:value="inputVlan"
|
||||||
/>
|
/>
|
||||||
<LabeledSelect
|
|
||||||
v-if="showExclusiveVlan"
|
|
||||||
v-model:value="parsedDefaultValue.exclusiveVlan"
|
|
||||||
class="mb-20"
|
|
||||||
:options="exclusiveVlanOptions"
|
|
||||||
:mode="mode"
|
|
||||||
label-key="harvester.setting.storageNetwork.exclusiveVlan"
|
|
||||||
@update:value="update"
|
|
||||||
/>
|
|
||||||
<LabeledSelect
|
<LabeledSelect
|
||||||
v-model:value="parsedDefaultValue.clusterNetwork"
|
v-model:value="parsedDefaultValue.clusterNetwork"
|
||||||
label-key="harvester.setting.storageNetwork.clusterNetwork"
|
label-key="harvester.setting.storageNetwork.clusterNetwork"
|
||||||
|
|||||||
@ -66,15 +66,10 @@ const FEATURE_FLAGS = {
|
|||||||
'instanceManagerResourcesSetting',
|
'instanceManagerResourcesSetting',
|
||||||
'rwxNetworkSetting',
|
'rwxNetworkSetting',
|
||||||
'createPVCWithDataVolume',
|
'createPVCWithDataVolume',
|
||||||
'clusterPodSecurityStandardSetting',
|
'clusterPodSecurityStandardSetting'
|
||||||
],
|
],
|
||||||
'v1.8.1': [],
|
'v1.8.1': [],
|
||||||
'v1.9.0': [
|
'v1.9.0': [],
|
||||||
'supportFilesystem',
|
|
||||||
'disableResourcePooling',
|
|
||||||
'expandOnlineEncryptedVolume',
|
|
||||||
'longhornV2HugepageSettings'
|
|
||||||
],
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const generateFeatureFlags = () => {
|
const generateFeatureFlags = () => {
|
||||||
|
|||||||
@ -54,14 +54,6 @@ import { registerAddonSideNav } from '../utils/dynamic-nav';
|
|||||||
const TEMPLATE = HCI.VM_VERSION;
|
const TEMPLATE = HCI.VM_VERSION;
|
||||||
const MONITORING_GROUP = 'Monitoring & Logging::Monitoring';
|
const MONITORING_GROUP = 'Monitoring & Logging::Monitoring';
|
||||||
const LOGGING_GROUP = 'Monitoring & Logging::Logging';
|
const LOGGING_GROUP = 'Monitoring & Logging::Logging';
|
||||||
const OVERLAY_NETWORKS_GROUP = 'Overlay Networks';
|
|
||||||
const UNDERLAY_NETWORKS_GROUP = 'Underlay Networks';
|
|
||||||
const NAT_INTERNET_GROUP = `${ OVERLAY_NETWORKS_GROUP }::NAT & Internet`;
|
|
||||||
const GATEWAYS_GROUP = `${ NAT_INTERNET_GROUP }::Gateways`;
|
|
||||||
const EXTERNAL_IPS_GROUP = `${ NAT_INTERNET_GROUP }::External IPs`;
|
|
||||||
const RULES_GROUP = `${ NAT_INTERNET_GROUP }::Rules`;
|
|
||||||
const SOURCE_RULES_GROUP = `${ RULES_GROUP }::Source Rules`;
|
|
||||||
const DESTINATION_RULES_GROUP = `${ RULES_GROUP }::Destination Rules`;
|
|
||||||
|
|
||||||
export const PRODUCT_NAME = 'harvester';
|
export const PRODUCT_NAME = 'harvester';
|
||||||
|
|
||||||
@ -589,53 +581,14 @@ export function init($plugin, store) {
|
|||||||
[
|
[
|
||||||
HCI.CLUSTER_NETWORK,
|
HCI.CLUSTER_NETWORK,
|
||||||
HCI.NETWORK_ATTACHMENT,
|
HCI.NETWORK_ATTACHMENT,
|
||||||
HCI.HOST_NETWORK_CONFIG,
|
HCI.VPC,
|
||||||
|
NETWORK_POLICY,
|
||||||
HCI.LB,
|
HCI.LB,
|
||||||
HCI.IP_POOL,
|
HCI.IP_POOL,
|
||||||
],
|
],
|
||||||
'networks'
|
'networks'
|
||||||
);
|
);
|
||||||
|
|
||||||
basicType(
|
|
||||||
[HCI.VPC],
|
|
||||||
OVERLAY_NETWORKS_GROUP
|
|
||||||
);
|
|
||||||
|
|
||||||
basicType(
|
|
||||||
[NETWORK_POLICY],
|
|
||||||
OVERLAY_NETWORKS_GROUP
|
|
||||||
);
|
|
||||||
|
|
||||||
basicType(
|
|
||||||
[HCI.VPC_NAT_GATEWAY],
|
|
||||||
GATEWAYS_GROUP
|
|
||||||
);
|
|
||||||
|
|
||||||
basicType(
|
|
||||||
[HCI.IPTABLES_EIP],
|
|
||||||
EXTERNAL_IPS_GROUP
|
|
||||||
);
|
|
||||||
|
|
||||||
basicType(
|
|
||||||
[HCI.IPTABLES_SNAT_RULE],
|
|
||||||
SOURCE_RULES_GROUP
|
|
||||||
);
|
|
||||||
|
|
||||||
basicType(
|
|
||||||
[HCI.IPTABLES_DNAT_RULE],
|
|
||||||
DESTINATION_RULES_GROUP
|
|
||||||
);
|
|
||||||
|
|
||||||
basicType(
|
|
||||||
[HCI.PROVIDER_NETWORK],
|
|
||||||
UNDERLAY_NETWORKS_GROUP
|
|
||||||
);
|
|
||||||
|
|
||||||
basicType(
|
|
||||||
[HCI.VLAN],
|
|
||||||
UNDERLAY_NETWORKS_GROUP
|
|
||||||
);
|
|
||||||
|
|
||||||
basicType(
|
basicType(
|
||||||
[
|
[
|
||||||
HCI.SCHEDULE_VM_BACKUP,
|
HCI.SCHEDULE_VM_BACKUP,
|
||||||
@ -647,11 +600,7 @@ export function init($plugin, store) {
|
|||||||
);
|
);
|
||||||
|
|
||||||
weightGroup('networks', 494, true);
|
weightGroup('networks', 494, true);
|
||||||
weightGroup('Overlay Networks', 493, true);
|
weightGroup('backupAndSnapshot', 493, true);
|
||||||
weightGroup('NAT & Internet', 492, true);
|
|
||||||
weightGroup('Rules', 491, true);
|
|
||||||
weightGroup('Underlay Networks', 490, true);
|
|
||||||
weightGroup('backupAndSnapshot', 489, true);
|
|
||||||
|
|
||||||
basicType(
|
basicType(
|
||||||
[
|
[
|
||||||
@ -730,7 +679,7 @@ export function init($plugin, store) {
|
|||||||
name: HCI.CLUSTER_NETWORK,
|
name: HCI.CLUSTER_NETWORK,
|
||||||
ifHaveType: HCI.CLUSTER_NETWORK,
|
ifHaveType: HCI.CLUSTER_NETWORK,
|
||||||
namespaced: false,
|
namespaced: false,
|
||||||
weight: 484,
|
weight: 189,
|
||||||
route: {
|
route: {
|
||||||
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
||||||
params: { resource: HCI.CLUSTER_NETWORK }
|
params: { resource: HCI.CLUSTER_NETWORK }
|
||||||
@ -752,7 +701,7 @@ export function init($plugin, store) {
|
|||||||
labelKey: 'harvester.network.label',
|
labelKey: 'harvester.network.label',
|
||||||
name: HCI.NETWORK_ATTACHMENT,
|
name: HCI.NETWORK_ATTACHMENT,
|
||||||
namespaced: true,
|
namespaced: true,
|
||||||
weight: 485,
|
weight: 188,
|
||||||
route: {
|
route: {
|
||||||
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
||||||
params: { resource: HCI.NETWORK_ATTACHMENT }
|
params: { resource: HCI.NETWORK_ATTACHMENT }
|
||||||
@ -766,7 +715,7 @@ export function init($plugin, store) {
|
|||||||
labelKey: 'harvester.vpc.label',
|
labelKey: 'harvester.vpc.label',
|
||||||
name: HCI.VPC,
|
name: HCI.VPC,
|
||||||
namespaced: true,
|
namespaced: true,
|
||||||
weight: 195,
|
weight: 187,
|
||||||
route: {
|
route: {
|
||||||
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
||||||
params: { resource: HCI.VPC }
|
params: { resource: HCI.VPC }
|
||||||
@ -775,73 +724,13 @@ export function init($plugin, store) {
|
|||||||
ifHaveType: HCI.VPC,
|
ifHaveType: HCI.VPC,
|
||||||
});
|
});
|
||||||
|
|
||||||
configureType(HCI.VPC_NAT_GATEWAY, { hiddenNamespaceGroupButton: true, canYaml: false });
|
|
||||||
|
|
||||||
virtualType({
|
|
||||||
labelKey: 'harvester.natGateway.label',
|
|
||||||
name: HCI.VPC_NAT_GATEWAY,
|
|
||||||
namespaced: false,
|
|
||||||
weight: 193,
|
|
||||||
route: {
|
|
||||||
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
|
||||||
params: { resource: HCI.VPC_NAT_GATEWAY }
|
|
||||||
},
|
|
||||||
exact: false,
|
|
||||||
ifHaveType: HCI.VPC_NAT_GATEWAY,
|
|
||||||
});
|
|
||||||
|
|
||||||
configureType(HCI.IPTABLES_EIP, { hiddenNamespaceGroupButton: true, canYaml: false });
|
|
||||||
|
|
||||||
virtualType({
|
|
||||||
labelKey: 'harvester.externalIP.label',
|
|
||||||
name: HCI.IPTABLES_EIP,
|
|
||||||
namespaced: false,
|
|
||||||
weight: 192,
|
|
||||||
route: {
|
|
||||||
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
|
||||||
params: { resource: HCI.IPTABLES_EIP }
|
|
||||||
},
|
|
||||||
exact: false,
|
|
||||||
ifHaveType: HCI.IPTABLES_EIP,
|
|
||||||
});
|
|
||||||
|
|
||||||
configureType(HCI.IPTABLES_SNAT_RULE, { hiddenNamespaceGroupButton: true, canYaml: false });
|
|
||||||
|
|
||||||
virtualType({
|
|
||||||
labelKey: 'harvester.snat.label',
|
|
||||||
name: HCI.IPTABLES_SNAT_RULE,
|
|
||||||
namespaced: false,
|
|
||||||
weight: 191,
|
|
||||||
route: {
|
|
||||||
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
|
||||||
params: { resource: HCI.IPTABLES_SNAT_RULE }
|
|
||||||
},
|
|
||||||
exact: false,
|
|
||||||
ifHaveType: HCI.IPTABLES_SNAT_RULE,
|
|
||||||
});
|
|
||||||
|
|
||||||
configureType(HCI.IPTABLES_DNAT_RULE, { hiddenNamespaceGroupButton: true, canYaml: false });
|
|
||||||
|
|
||||||
virtualType({
|
|
||||||
labelKey: 'harvester.dnat.label',
|
|
||||||
name: HCI.IPTABLES_DNAT_RULE,
|
|
||||||
namespaced: false,
|
|
||||||
weight: 190,
|
|
||||||
route: {
|
|
||||||
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
|
||||||
params: { resource: HCI.IPTABLES_DNAT_RULE }
|
|
||||||
},
|
|
||||||
exact: false,
|
|
||||||
ifHaveType: HCI.IPTABLES_DNAT_RULE,
|
|
||||||
});
|
|
||||||
|
|
||||||
configureType(NETWORK_POLICY, { hiddenNamespaceGroupButton: true, canYaml: false });
|
configureType(NETWORK_POLICY, { hiddenNamespaceGroupButton: true, canYaml: false });
|
||||||
|
|
||||||
virtualType({
|
virtualType({
|
||||||
labelKey: 'harvester.networkPolicy.label',
|
labelKey: 'harvester.networkPolicy.label',
|
||||||
name: NETWORK_POLICY,
|
name: NETWORK_POLICY,
|
||||||
namespaced: true,
|
namespaced: true,
|
||||||
weight: 194,
|
weight: 186,
|
||||||
route: {
|
route: {
|
||||||
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
||||||
params: { resource: NETWORK_POLICY }
|
params: { resource: NETWORK_POLICY }
|
||||||
@ -850,53 +739,6 @@ export function init($plugin, store) {
|
|||||||
ifHaveType: NETWORK_POLICY,
|
ifHaveType: NETWORK_POLICY,
|
||||||
});
|
});
|
||||||
|
|
||||||
configureType(HCI.PROVIDER_NETWORK, { hiddenNamespaceGroupButton: true, canYaml: false });
|
|
||||||
|
|
||||||
virtualType({
|
|
||||||
labelKey: 'harvester.providerNetwork.label',
|
|
||||||
name: HCI.PROVIDER_NETWORK,
|
|
||||||
namespaced: false,
|
|
||||||
weight: 189,
|
|
||||||
route: {
|
|
||||||
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
|
||||||
params: { resource: HCI.PROVIDER_NETWORK }
|
|
||||||
},
|
|
||||||
exact: false,
|
|
||||||
ifHaveType: HCI.PROVIDER_NETWORK,
|
|
||||||
});
|
|
||||||
|
|
||||||
configureType(HCI.VLAN, { hiddenNamespaceGroupButton: true, canYaml: false });
|
|
||||||
|
|
||||||
headers(HCI.VLAN, [
|
|
||||||
STATE,
|
|
||||||
NAME_COL,
|
|
||||||
{
|
|
||||||
name: 'id',
|
|
||||||
label: 'ID',
|
|
||||||
value: 'spec.id',
|
|
||||||
sort: 'spec.id'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'provider',
|
|
||||||
labelKey: 'harvester.subnet.provider.label',
|
|
||||||
value: 'spec.provider',
|
|
||||||
sort: 'spec.provider'
|
|
||||||
}
|
|
||||||
]);
|
|
||||||
|
|
||||||
virtualType({
|
|
||||||
labelKey: 'harvester.vlanNetwork.label',
|
|
||||||
name: HCI.VLAN,
|
|
||||||
namespaced: false,
|
|
||||||
weight: 188,
|
|
||||||
route: {
|
|
||||||
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
|
||||||
params: { resource: HCI.VLAN }
|
|
||||||
},
|
|
||||||
exact: false,
|
|
||||||
ifHaveType: HCI.VLAN,
|
|
||||||
});
|
|
||||||
|
|
||||||
configureType(HCI.SNAPSHOT, {
|
configureType(HCI.SNAPSHOT, {
|
||||||
isCreatable: false,
|
isCreatable: false,
|
||||||
location: {
|
location: {
|
||||||
@ -1251,7 +1093,7 @@ export function init($plugin, store) {
|
|||||||
labelKey: 'harvester.loadBalancer.label',
|
labelKey: 'harvester.loadBalancer.label',
|
||||||
name: HCI.LB,
|
name: HCI.LB,
|
||||||
namespaced: true,
|
namespaced: true,
|
||||||
weight: 483,
|
weight: 185,
|
||||||
route: {
|
route: {
|
||||||
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
||||||
params: { resource: HCI.LB }
|
params: { resource: HCI.LB }
|
||||||
@ -1290,7 +1132,7 @@ export function init($plugin, store) {
|
|||||||
labelKey: 'harvester.ipPool.label',
|
labelKey: 'harvester.ipPool.label',
|
||||||
name: HCI.IP_POOL,
|
name: HCI.IP_POOL,
|
||||||
namespaced: false,
|
namespaced: false,
|
||||||
weight: 482,
|
weight: 184,
|
||||||
route: {
|
route: {
|
||||||
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
||||||
params: { resource: HCI.IP_POOL }
|
params: { resource: HCI.IP_POOL }
|
||||||
@ -1299,24 +1141,4 @@ export function init($plugin, store) {
|
|||||||
ifHaveType: HCI.IP_POOL,
|
ifHaveType: HCI.IP_POOL,
|
||||||
});
|
});
|
||||||
headers(HCI.IP_POOL, IP_POOL_HEADERS);
|
headers(HCI.IP_POOL, IP_POOL_HEADERS);
|
||||||
|
|
||||||
configureType(HCI.HOST_NETWORK_CONFIG, {
|
|
||||||
location: {
|
|
||||||
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
|
||||||
params: { resource: HCI.HOST_NETWORK_CONFIG }
|
|
||||||
},
|
|
||||||
canYaml: false,
|
|
||||||
});
|
|
||||||
virtualType({
|
|
||||||
labelKey: 'harvester.hostNetworkConfig.label',
|
|
||||||
name: HCI.HOST_NETWORK_CONFIG,
|
|
||||||
namespaced: false,
|
|
||||||
weight: 481,
|
|
||||||
route: {
|
|
||||||
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
|
||||||
params: { resource: HCI.HOST_NETWORK_CONFIG }
|
|
||||||
},
|
|
||||||
exact: false,
|
|
||||||
ifHaveType: HCI.HOST_NETWORK_CONFIG,
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -88,8 +88,6 @@ export const CSI_SECRETS = {
|
|||||||
CSI_NODE_PUBLISH_SECRET_NAMESPACE: 'csi.storage.k8s.io/node-publish-secret-namespace',
|
CSI_NODE_PUBLISH_SECRET_NAMESPACE: 'csi.storage.k8s.io/node-publish-secret-namespace',
|
||||||
CSI_NODE_STAGE_SECRET_NAME: 'csi.storage.k8s.io/node-stage-secret-name',
|
CSI_NODE_STAGE_SECRET_NAME: 'csi.storage.k8s.io/node-stage-secret-name',
|
||||||
CSI_NODE_STAGE_SECRET_NAMESPACE: 'csi.storage.k8s.io/node-stage-secret-namespace',
|
CSI_NODE_STAGE_SECRET_NAMESPACE: 'csi.storage.k8s.io/node-stage-secret-namespace',
|
||||||
CSI_NODE_EXPAND_SECRET_NAME: 'csi.storage.k8s.io/node-expand-secret-name',
|
|
||||||
CSI_NODE_EXPAND_SECRET_NAMESPACE: 'csi.storage.k8s.io/node-expand-secret-namespace'
|
|
||||||
};
|
};
|
||||||
|
|
||||||
// Some harvester CRD type is not equal to model file name, define the mapping here
|
// Some harvester CRD type is not equal to model file name, define the mapping here
|
||||||
|
|||||||
@ -19,7 +19,6 @@ export const HCI = {
|
|||||||
NETWORK_TYPE: 'network.harvesterhci.io/type',
|
NETWORK_TYPE: 'network.harvesterhci.io/type',
|
||||||
VM_NAME: 'harvesterhci.io/vmName',
|
VM_NAME: 'harvesterhci.io/vmName',
|
||||||
VM_NAME_PREFIX: 'harvesterhci.io/vmNamePrefix',
|
VM_NAME_PREFIX: 'harvesterhci.io/vmNamePrefix',
|
||||||
VM_DISPLAY_NAME: 'harvesterhci.io/vmDisplayName',
|
|
||||||
VM_RESERVED_MEMORY: 'harvesterhci.io/reservedMemory',
|
VM_RESERVED_MEMORY: 'harvesterhci.io/reservedMemory',
|
||||||
MAINTENANCE_STATUS: 'harvesterhci.io/maintain-status',
|
MAINTENANCE_STATUS: 'harvesterhci.io/maintain-status',
|
||||||
HOST_CUSTOM_NAME: 'harvesterhci.io/host-custom-name',
|
HOST_CUSTOM_NAME: 'harvesterhci.io/host-custom-name',
|
||||||
@ -82,5 +81,4 @@ export const HCI = {
|
|||||||
MAC_ADDRESS: 'harvesterhci.io/mac-address',
|
MAC_ADDRESS: 'harvesterhci.io/mac-address',
|
||||||
NODE_UPGRADE_PAUSE_MAP: 'harvesterhci.io/node-upgrade-pause-map',
|
NODE_UPGRADE_PAUSE_MAP: 'harvesterhci.io/node-upgrade-pause-map',
|
||||||
CDI_POPULATOR_KIND: 'cdi.kubevirt.io/storage.populator.kind',
|
CDI_POPULATOR_KIND: 'cdi.kubevirt.io/storage.populator.kind',
|
||||||
CNI_NETWORKS: 'k8s.v1.cni.cncf.io/networks',
|
|
||||||
};
|
};
|
||||||
|
|||||||
@ -1,50 +1,48 @@
|
|||||||
export const HCI_SETTING = {
|
export const HCI_SETTING = {
|
||||||
BACKUP_TARGET: 'backup-target',
|
BACKUP_TARGET: 'backup-target',
|
||||||
CONTAINERD_REGISTRY: 'containerd-registry',
|
CONTAINERD_REGISTRY: 'containerd-registry',
|
||||||
LOG_LEVEL: 'log-level',
|
LOG_LEVEL: 'log-level',
|
||||||
SERVER_VERSION: 'server-version',
|
SERVER_VERSION: 'server-version',
|
||||||
UI_INDEX: 'ui-index',
|
UI_INDEX: 'ui-index',
|
||||||
UPGRADE_CHECKER_ENABLED: 'upgrade-checker-enabled',
|
UPGRADE_CHECKER_ENABLED: 'upgrade-checker-enabled',
|
||||||
UPGRADE_CHECKER_URL: 'upgrade-checker-url',
|
UPGRADE_CHECKER_URL: 'upgrade-checker-url',
|
||||||
VLAN: 'vlan',
|
VLAN: 'vlan',
|
||||||
UI_SOURCE: 'ui-source',
|
UI_SOURCE: 'ui-source',
|
||||||
UI_PL: 'ui-pl',
|
UI_PL: 'ui-pl',
|
||||||
HTTP_PROXY: 'http-proxy',
|
HTTP_PROXY: 'http-proxy',
|
||||||
ADDITIONAL_CA: 'additional-ca',
|
ADDITIONAL_CA: 'additional-ca',
|
||||||
OVERCOMMIT_CONFIG: 'overcommit-config',
|
OVERCOMMIT_CONFIG: 'overcommit-config',
|
||||||
CLUSTER_REGISTRATION_URL: 'cluster-registration-url',
|
CLUSTER_REGISTRATION_URL: 'cluster-registration-url',
|
||||||
DEFAULT_STORAGE_CLASS: 'default-storage-class',
|
DEFAULT_STORAGE_CLASS: 'default-storage-class',
|
||||||
SUPPORT_BUNDLE_TIMEOUT: 'support-bundle-timeout',
|
SUPPORT_BUNDLE_TIMEOUT: 'support-bundle-timeout',
|
||||||
SUPPORT_BUNDLE_EXPIRATION: 'support-bundle-expiration',
|
SUPPORT_BUNDLE_EXPIRATION: 'support-bundle-expiration',
|
||||||
SUPPORT_BUNDLE_FILE_NAME: 'support-bundle-file-name',
|
SUPPORT_BUNDLE_FILE_NAME: 'support-bundle-file-name',
|
||||||
SUPPORT_BUNDLE_IMAGE: 'support-bundle-image',
|
SUPPORT_BUNDLE_IMAGE: 'support-bundle-image',
|
||||||
SUPPORT_BUNDLE_NODE_COLLECTION_TIMEOUT: 'support-bundle-node-collection-timeout',
|
SUPPORT_BUNDLE_NODE_COLLECTION_TIMEOUT: 'support-bundle-node-collection-timeout',
|
||||||
STORAGE_NETWORK: 'storage-network',
|
STORAGE_NETWORK: 'storage-network',
|
||||||
RWX_NETWORK: 'rwx-network',
|
RWX_NETWORK: 'rwx-network',
|
||||||
VM_FORCE_RESET_POLICY: 'vm-force-reset-policy',
|
VM_FORCE_RESET_POLICY: 'vm-force-reset-policy',
|
||||||
SSL_CERTIFICATES: 'ssl-certificates',
|
SSL_CERTIFICATES: 'ssl-certificates',
|
||||||
SSL_PARAMETERS: 'ssl-parameters',
|
SSL_PARAMETERS: 'ssl-parameters',
|
||||||
SUPPORT_BUNDLE_NAMESPACES: 'support-bundle-namespaces',
|
SUPPORT_BUNDLE_NAMESPACES: 'support-bundle-namespaces',
|
||||||
AUTO_DISK_PROVISION_PATHS: 'auto-disk-provision-paths',
|
AUTO_DISK_PROVISION_PATHS: 'auto-disk-provision-paths',
|
||||||
RELEASE_DOWNLOAD_URL: 'release-download-url',
|
RELEASE_DOWNLOAD_URL: 'release-download-url',
|
||||||
CCM_CSI_VERSION: 'harvester-csi-ccm-versions',
|
CCM_CSI_VERSION: 'harvester-csi-ccm-versions',
|
||||||
CSI_DRIVER_CONFIG: 'csi-driver-config',
|
CSI_DRIVER_CONFIG: 'csi-driver-config',
|
||||||
CSI_ONLINE_EXPAND_VALIDATION: 'csi-online-expand-validation',
|
CSI_ONLINE_EXPAND_VALIDATION: 'csi-online-expand-validation',
|
||||||
VM_TERMINATION_PERIOD: 'default-vm-termination-grace-period-seconds',
|
VM_TERMINATION_PERIOD: 'default-vm-termination-grace-period-seconds',
|
||||||
NTP_SERVERS: 'ntp-servers',
|
NTP_SERVERS: 'ntp-servers',
|
||||||
AUTO_ROTATE_RKE2_CERTS: 'auto-rotate-rke2-certs',
|
AUTO_ROTATE_RKE2_CERTS: 'auto-rotate-rke2-certs',
|
||||||
KUBECONFIG_DEFAULT_TOKEN_TTL_MINUTES: 'kubeconfig-default-token-ttl-minutes',
|
KUBECONFIG_DEFAULT_TOKEN_TTL_MINUTES: 'kubeconfig-default-token-ttl-minutes',
|
||||||
LONGHORN_V2_DATA_ENGINE_ENABLED: 'longhorn-v2-data-engine-enabled',
|
LONGHORN_V2_DATA_ENGINE_ENABLED: 'longhorn-v2-data-engine-enabled',
|
||||||
LONGHORN_V2_DATA_ENGINE_HUGEPAGE_ENABLED: 'longhorn-v2-data-engine-hugepage-enabled',
|
ADDITIONAL_GUEST_MEMORY_OVERHEAD_RATIO: 'additional-guest-memory-overhead-ratio',
|
||||||
LONGHORN_V2_DATA_ENGINE_MEMORY_SIZE: 'longhorn-v2-data-engine-memory-size',
|
UPGRADE_CONFIG: 'upgrade-config',
|
||||||
ADDITIONAL_GUEST_MEMORY_OVERHEAD_RATIO: 'additional-guest-memory-overhead-ratio',
|
VM_MIGRATION_NETWORK: 'vm-migration-network',
|
||||||
UPGRADE_CONFIG: 'upgrade-config',
|
RANCHER_CLUSTER: 'rancher-cluster',
|
||||||
VM_MIGRATION_NETWORK: 'vm-migration-network',
|
MAX_HOTPLUG_RATIO: 'max-hotplug-ratio',
|
||||||
RANCHER_CLUSTER: 'rancher-cluster',
|
KUBEVIRT_MIGRATION: 'kubevirt-migration',
|
||||||
MAX_HOTPLUG_RATIO: 'max-hotplug-ratio',
|
INSTANCE_MANAGER_RESOURCES: 'instance-manager-resources',
|
||||||
KUBEVIRT_MIGRATION: 'kubevirt-migration',
|
CLUSTER_POD_SECURITY_STANDARD: 'cluster-pod-security-standard'
|
||||||
INSTANCE_MANAGER_RESOURCES: 'instance-manager-resources',
|
|
||||||
CLUSTER_POD_SECURITY_STANDARD: 'cluster-pod-security-standard'
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export const HCI_ALLOWED_SETTINGS = {
|
export const HCI_ALLOWED_SETTINGS = {
|
||||||
@ -114,14 +112,6 @@ export const HCI_ALLOWED_SETTINGS = {
|
|||||||
experimental: true,
|
experimental: true,
|
||||||
featureFlag: 'longhornV2LVMSupport'
|
featureFlag: 'longhornV2LVMSupport'
|
||||||
},
|
},
|
||||||
[HCI_SETTING.LONGHORN_V2_DATA_ENGINE_HUGEPAGE_ENABLED]: {
|
|
||||||
kind: 'boolean',
|
|
||||||
featureFlag: 'longhornV2HugepageSettings'
|
|
||||||
},
|
|
||||||
[HCI_SETTING.LONGHORN_V2_DATA_ENGINE_MEMORY_SIZE]: {
|
|
||||||
kind: 'number',
|
|
||||||
featureFlag: 'longhornV2HugepageSettings'
|
|
||||||
},
|
|
||||||
[HCI_SETTING.ADDITIONAL_GUEST_MEMORY_OVERHEAD_RATIO]: { kind: 'string', from: 'import' },
|
[HCI_SETTING.ADDITIONAL_GUEST_MEMORY_OVERHEAD_RATIO]: { kind: 'string', from: 'import' },
|
||||||
[HCI_SETTING.UPGRADE_CONFIG]: {
|
[HCI_SETTING.UPGRADE_CONFIG]: {
|
||||||
kind: 'json',
|
kind: 'json',
|
||||||
|
|||||||
@ -46,9 +46,3 @@ export const CDI_POPULATOR_KIND = {
|
|||||||
VOLUME_IMPORT_SOURCE: 'VolumeImportSource',
|
VOLUME_IMPORT_SOURCE: 'VolumeImportSource',
|
||||||
VOLUME_CLONE_SOURCE: 'VolumeCloneSource',
|
VOLUME_CLONE_SOURCE: 'VolumeCloneSource',
|
||||||
};
|
};
|
||||||
|
|
||||||
export const FILESYSTEM_SOURCE_TYPE = {
|
|
||||||
CONFIGMAP: 'configmap',
|
|
||||||
SECRET: 'secret',
|
|
||||||
SERVICEACCOUNT: 'serviceaccount',
|
|
||||||
};
|
|
||||||
|
|||||||
@ -98,9 +98,9 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
escapeHtml,
|
escapeHtml,
|
||||||
|
|
||||||
close(data) {
|
close() {
|
||||||
this.errors = [];
|
this.errors = [];
|
||||||
this.$emit('close', data);
|
this.$emit('close');
|
||||||
},
|
},
|
||||||
|
|
||||||
async apply(buttonDone) {
|
async apply(buttonDone) {
|
||||||
@ -109,7 +109,7 @@ export default {
|
|||||||
await resource.doActionGrowl(this.modalData.action, {});
|
await resource.doActionGrowl(this.modalData.action, {});
|
||||||
}
|
}
|
||||||
buttonDone(true);
|
buttonDone(true);
|
||||||
this.close({ performCallback: true, clearTableSelection: true });
|
this.close();
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
this.errors = exceptionToErrorsArray(e);
|
this.errors = exceptionToErrorsArray(e);
|
||||||
buttonDone(false);
|
buttonDone(false);
|
||||||
|
|||||||
@ -1,8 +1,6 @@
|
|||||||
<script>
|
<script>
|
||||||
import { mapGetters } from 'vuex';
|
import { mapGetters } from 'vuex';
|
||||||
import { Banner } from '@components/Banner';
|
|
||||||
import { Card } from '@components/Card';
|
import { Card } from '@components/Card';
|
||||||
import { Checkbox } from '@components/Form/Checkbox';
|
|
||||||
import AsyncButton from '@shell/components/AsyncButton';
|
import AsyncButton from '@shell/components/AsyncButton';
|
||||||
import { escapeHtml } from '@shell/utils/string';
|
import { escapeHtml } from '@shell/utils/string';
|
||||||
import { HCI } from '../types';
|
import { HCI } from '../types';
|
||||||
@ -15,9 +13,7 @@ export default {
|
|||||||
|
|
||||||
components: {
|
components: {
|
||||||
AsyncButton,
|
AsyncButton,
|
||||||
Banner,
|
|
||||||
Card,
|
Card,
|
||||||
Checkbox,
|
|
||||||
},
|
},
|
||||||
|
|
||||||
props: {
|
props: {
|
||||||
@ -28,16 +24,10 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
data() {
|
data() {
|
||||||
return { disableResourcePooling: false };
|
return {};
|
||||||
},
|
},
|
||||||
|
|
||||||
computed: {
|
computed: { ...mapGetters({ t: 'i18n/t' }) },
|
||||||
...mapGetters({ t: 'i18n/t' }),
|
|
||||||
|
|
||||||
disableResourcePoolingEnabled() {
|
|
||||||
return this.$store.getters['harvester-common/getFeatureEnabled']('disableResourcePooling');
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
close() {
|
close() {
|
||||||
@ -62,10 +52,9 @@ export default {
|
|||||||
}]
|
}]
|
||||||
},
|
},
|
||||||
spec: {
|
spec: {
|
||||||
address: actionResource.status.address,
|
address: actionResource.status.address,
|
||||||
nodeName: actionResource.status.nodeName,
|
nodeName: actionResource.status.nodeName,
|
||||||
userName,
|
userName
|
||||||
disableResourcePooling: this.disableResourcePooling,
|
|
||||||
}
|
}
|
||||||
} );
|
} );
|
||||||
|
|
||||||
@ -96,19 +85,7 @@ export default {
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template #body>
|
<template #body>
|
||||||
<p class="mb-20">
|
{{ t('harvester.pci.enablePassthroughWarning') }}
|
||||||
{{ t('harvester.pci.enablePassthroughWarning') }}
|
|
||||||
</p>
|
|
||||||
<template v-if="disableResourcePoolingEnabled">
|
|
||||||
<Checkbox
|
|
||||||
v-model:value="disableResourcePooling"
|
|
||||||
label-key="harvester.pci.disableResourcePooling"
|
|
||||||
/>
|
|
||||||
<Banner
|
|
||||||
color="info"
|
|
||||||
:label="t('harvester.pci.disableResourcePoolingDescription')"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template #actions>
|
<template #actions>
|
||||||
|
|||||||
@ -117,10 +117,10 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
close(data) {
|
close() {
|
||||||
this.nodeName = '';
|
this.nodeName = '';
|
||||||
this.errors = [];
|
this.errors = [];
|
||||||
this.$emit('close', data);
|
this.$emit('close');
|
||||||
},
|
},
|
||||||
|
|
||||||
async apply(buttonDone) {
|
async apply(buttonDone) {
|
||||||
@ -166,7 +166,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
buttonDone(true);
|
buttonDone(true);
|
||||||
this.close({ performCallback: true, clearTableSelection: true });
|
this.close();
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
const error = err?.data || err;
|
const error = err?.data || err;
|
||||||
const message = exceptionToErrorsArray(error);
|
const message = exceptionToErrorsArray(error);
|
||||||
|
|||||||
@ -108,7 +108,6 @@ export default {
|
|||||||
<YamlEditor
|
<YamlEditor
|
||||||
ref="yamlUser"
|
ref="yamlUser"
|
||||||
v-model:value="config"
|
v-model:value="config"
|
||||||
:mode="mode"
|
|
||||||
class="yaml-editor"
|
class="yaml-editor"
|
||||||
:editor-mode="mode === 'view' ? 'VIEW_CODE' : 'EDIT_CODE'"
|
:editor-mode="mode === 'view' ? 'VIEW_CODE' : 'EDIT_CODE'"
|
||||||
@onChanges="update"
|
@onChanges="update"
|
||||||
|
|||||||
@ -9,7 +9,6 @@ import LabeledSelect from '@shell/components/form/LabeledSelect';
|
|||||||
import { HCI as HCI_LABELS_ANNOTATIONS } from '@pkg/harvester/config/labels-annotations';
|
import { HCI as HCI_LABELS_ANNOTATIONS } from '@pkg/harvester/config/labels-annotations';
|
||||||
import CreateEditView from '@shell/mixins/create-edit-view';
|
import CreateEditView from '@shell/mixins/create-edit-view';
|
||||||
import { allHash } from '@shell/utils/promise';
|
import { allHash } from '@shell/utils/promise';
|
||||||
import { NAMESPACE, NODE } from '@shell/config/types';
|
|
||||||
import { HCI } from '../types';
|
import { HCI } from '../types';
|
||||||
import { NETWORK_TYPE, L2VLAN_MODE } from '../config/types';
|
import { NETWORK_TYPE, L2VLAN_MODE } from '../config/types';
|
||||||
import { removeObject } from '@shell/utils/array';
|
import { removeObject } from '@shell/utils/array';
|
||||||
@ -21,7 +20,6 @@ const { ACCESS, TRUNK } = L2VLAN_MODE;
|
|||||||
|
|
||||||
const AUTO = 'auto';
|
const AUTO = 'auto';
|
||||||
const MANUAL = 'manual';
|
const MANUAL = 'manual';
|
||||||
const KUBE_SYSTEM = 'kube-system';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
emits: ['update:value'],
|
emits: ['update:value'],
|
||||||
@ -72,12 +70,7 @@ export default {
|
|||||||
async fetch() {
|
async fetch() {
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
const inStore = this.$store.getters['currentProduct'].inStore;
|
||||||
|
|
||||||
await allHash({
|
await allHash({ clusterNetworks: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.CLUSTER_NETWORK }) });
|
||||||
clusterNetworks: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.CLUSTER_NETWORK }),
|
|
||||||
namespaces: this.$store.dispatch(`${ inStore }/findAll`, { type: NAMESPACE }),
|
|
||||||
nodes: this.$store.dispatch(`${ inStore }/findAll`, { type: NODE }),
|
|
||||||
linkMonitors: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.LINK_MONITOR }),
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
|
|
||||||
created() {
|
created() {
|
||||||
@ -206,80 +199,6 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return this.type === UNTAGGED;
|
return this.type === UNTAGGED;
|
||||||
},
|
|
||||||
|
|
||||||
showNicsTab() {
|
|
||||||
return this.isOverlayNetwork && this.value.metadata.namespace === KUBE_SYSTEM;
|
|
||||||
},
|
|
||||||
|
|
||||||
namespaceOptions() {
|
|
||||||
const ns = this.$store.getters['harvester/all'](NAMESPACE) || [];
|
|
||||||
|
|
||||||
// Allow users to select the "kube-system" namespace as the external subnet from Kube-OVN.
|
|
||||||
// This expects the provider network to be in the "kube-system" namespace for VPC NAT gateway functionality.
|
|
||||||
return ns
|
|
||||||
.filter((ns) => !ns.isSystem || ns.id === KUBE_SYSTEM)
|
|
||||||
.map((ns) => ({ name: ns.id }))
|
|
||||||
.sort((a, b) => a.name.localeCompare(b.name));
|
|
||||||
},
|
|
||||||
|
|
||||||
nodes() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
const nodes = this.$store.getters[`${ inStore }/all`](NODE);
|
|
||||||
|
|
||||||
return nodes.filter((n) => n.isEtcd !== 'true');
|
|
||||||
},
|
|
||||||
|
|
||||||
nics() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
const linkMonitor = this.$store.getters[`${ inStore }/byId`](HCI.LINK_MONITOR, 'nic') || {};
|
|
||||||
const linkStatus = linkMonitor?.status?.linkStatus || {};
|
|
||||||
const nodes = this.nodes.map((n) => n.id);
|
|
||||||
|
|
||||||
const out = [];
|
|
||||||
|
|
||||||
// Collect all nics from all nodes (for overlay, we select from all nodes)
|
|
||||||
Object.keys(linkStatus).map((nodeName) => {
|
|
||||||
if (nodes.includes(nodeName)) {
|
|
||||||
const nics = linkStatus[nodeName] || [];
|
|
||||||
|
|
||||||
nics.map((nic) => {
|
|
||||||
out.push({
|
|
||||||
...nic,
|
|
||||||
nodeName,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return out;
|
|
||||||
},
|
|
||||||
|
|
||||||
nicOptions() {
|
|
||||||
const out = [];
|
|
||||||
const seen = new Set();
|
|
||||||
|
|
||||||
(this.nics || []).forEach((nic) => {
|
|
||||||
if (!seen.has(nic.name)) {
|
|
||||||
seen.add(nic.name);
|
|
||||||
out.push({
|
|
||||||
label: nic.name,
|
|
||||||
value: nic.name,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return out.sort((a, b) => a.label.localeCompare(b.label));
|
|
||||||
},
|
|
||||||
|
|
||||||
master: {
|
|
||||||
get() {
|
|
||||||
return this.config?.master || '';
|
|
||||||
},
|
|
||||||
|
|
||||||
set(value) {
|
|
||||||
this.config.master = value;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -295,7 +214,6 @@ export default {
|
|||||||
this.config.ipam = {};
|
this.config.ipam = {};
|
||||||
this.config.bridge = '';
|
this.config.bridge = '';
|
||||||
delete this.config.provider;
|
delete this.config.provider;
|
||||||
delete this.config.master;
|
|
||||||
delete this.config.server_socket;
|
delete this.config.server_socket;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -312,13 +230,6 @@ export default {
|
|||||||
this.config.vlan = '';
|
this.config.vlan = '';
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
'value.metadata.namespace'(newNamespace) {
|
|
||||||
// NIC selection is only valid for overlay in kube-system namespace.
|
|
||||||
if (newNamespace !== KUBE_SYSTEM) {
|
|
||||||
delete this.config.master;
|
|
||||||
this.value.spec.config = JSON.stringify({ ...this.config });
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
@ -413,10 +324,6 @@ export default {
|
|||||||
delete this.config.promiscMode;
|
delete this.config.promiscMode;
|
||||||
delete this.config.vlan;
|
delete this.config.vlan;
|
||||||
delete this.config.ipam;
|
delete this.config.ipam;
|
||||||
|
|
||||||
if (this.value.metadata.namespace !== KUBE_SYSTEM) {
|
|
||||||
delete this.config.master;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.isUntaggedNetwork) {
|
if (this.isUntaggedNetwork) {
|
||||||
@ -443,7 +350,6 @@ export default {
|
|||||||
ref="nd"
|
ref="nd"
|
||||||
:value="value"
|
:value="value"
|
||||||
:mode="mode"
|
:mode="mode"
|
||||||
:namespace-options="namespaceOptions"
|
|
||||||
@update:value="$emit('update:value', $event)"
|
@update:value="$emit('update:value', $event)"
|
||||||
/>
|
/>
|
||||||
<Tabbed
|
<Tabbed
|
||||||
@ -615,25 +521,6 @@ export default {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Tab>
|
</Tab>
|
||||||
<Tab
|
|
||||||
v-if="showNicsTab"
|
|
||||||
name="nics"
|
|
||||||
:label="t('harvester.network.tabs.nic')"
|
|
||||||
:weight="97"
|
|
||||||
class="bordered-table"
|
|
||||||
>
|
|
||||||
<div class="row mt-10">
|
|
||||||
<div class="col span-12">
|
|
||||||
<LabeledSelect
|
|
||||||
v-model:value="master"
|
|
||||||
:label="t('harvester.vlanConfig.uplink.nics.label')"
|
|
||||||
:placeholder="t('harvester.vlanConfig.uplink.nics.overlayWarning')"
|
|
||||||
:mode="mode"
|
|
||||||
:options="nicOptions"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Tab>
|
|
||||||
</Tabbed>
|
</Tabbed>
|
||||||
</CruResource>
|
</CruResource>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -3,9 +3,8 @@ import KeyValue from '@shell/components/form/KeyValue';
|
|||||||
import LabeledSelect from '@shell/components/form/LabeledSelect';
|
import LabeledSelect from '@shell/components/form/LabeledSelect';
|
||||||
import { LabeledInput } from '@components/Form/LabeledInput';
|
import { LabeledInput } from '@components/Form/LabeledInput';
|
||||||
import RadioGroup from '@components/Form/Radio/RadioGroup';
|
import RadioGroup from '@components/Form/Radio/RadioGroup';
|
||||||
import Checkbox from '@components/Form/Checkbox/Checkbox';
|
|
||||||
import { SECRET, LONGHORN } from '@shell/config/types';
|
import { SECRET, LONGHORN } from '@shell/config/types';
|
||||||
import { _CREATE, _VIEW, _EDIT } from '@shell/config/query-params';
|
import { _CREATE, _VIEW } from '@shell/config/query-params';
|
||||||
import { CSI_SECRETS } from '@pkg/harvester/config/harvester-map';
|
import { CSI_SECRETS } from '@pkg/harvester/config/harvester-map';
|
||||||
import { clone } from '@shell/utils/object';
|
import { clone } from '@shell/utils/object';
|
||||||
import { uniq } from '@shell/utils/array';
|
import { uniq } from '@shell/utils/array';
|
||||||
@ -17,9 +16,7 @@ const {
|
|||||||
CSI_NODE_PUBLISH_SECRET_NAME,
|
CSI_NODE_PUBLISH_SECRET_NAME,
|
||||||
CSI_NODE_PUBLISH_SECRET_NAMESPACE,
|
CSI_NODE_PUBLISH_SECRET_NAMESPACE,
|
||||||
CSI_NODE_STAGE_SECRET_NAME,
|
CSI_NODE_STAGE_SECRET_NAME,
|
||||||
CSI_NODE_STAGE_SECRET_NAMESPACE,
|
CSI_NODE_STAGE_SECRET_NAMESPACE
|
||||||
CSI_NODE_EXPAND_SECRET_NAME,
|
|
||||||
CSI_NODE_EXPAND_SECRET_NAMESPACE
|
|
||||||
} = CSI_SECRETS;
|
} = CSI_SECRETS;
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@ -30,7 +27,6 @@ export default {
|
|||||||
LabeledSelect,
|
LabeledSelect,
|
||||||
LabeledInput,
|
LabeledInput,
|
||||||
RadioGroup,
|
RadioGroup,
|
||||||
Checkbox,
|
|
||||||
},
|
},
|
||||||
|
|
||||||
props: {
|
props: {
|
||||||
@ -61,10 +57,7 @@ export default {
|
|||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
const hasExpandSecret = !!(this.value.parameters?.[CSI_NODE_EXPAND_SECRET_NAME] && this.value.parameters?.[CSI_NODE_EXPAND_SECRET_NAMESPACE]);
|
return { };
|
||||||
const volumeExpansionCheckBoxEnabled = this.realMode === _CREATE ? true : hasExpandSecret;
|
|
||||||
|
|
||||||
return { volumeExpansionCheckBoxEnabled };
|
|
||||||
},
|
},
|
||||||
|
|
||||||
computed: {
|
computed: {
|
||||||
@ -105,11 +98,8 @@ export default {
|
|||||||
}, []);
|
}, []);
|
||||||
},
|
},
|
||||||
|
|
||||||
isEdit() {
|
|
||||||
return this.realMode === _EDIT;
|
|
||||||
},
|
|
||||||
isView() {
|
isView() {
|
||||||
return this.realMode === _VIEW;
|
return this.mode === _VIEW;
|
||||||
},
|
},
|
||||||
|
|
||||||
migratableOptions() {
|
migratableOptions() {
|
||||||
@ -162,10 +152,6 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
enableOnlineExpansionVolumeEncryption() {
|
|
||||||
return this.value.expandOnlineEncryptedVolumeFeatureEnabled;
|
|
||||||
},
|
|
||||||
|
|
||||||
volumeEncryption: {
|
volumeEncryption: {
|
||||||
set(neu) {
|
set(neu) {
|
||||||
this.value['parameters'] = {
|
this.value['parameters'] = {
|
||||||
@ -194,11 +180,6 @@ export default {
|
|||||||
set(selectedSecret) {
|
set(selectedSecret) {
|
||||||
const [namespace, name] = selectedSecret.split('/');
|
const [namespace, name] = selectedSecret.split('/');
|
||||||
|
|
||||||
const expandSecretParams = (this.enableOnlineExpansionVolumeEncryption && this.volumeExpansionCheckBoxEnabled) ? {
|
|
||||||
[CSI_NODE_EXPAND_SECRET_NAME]: name,
|
|
||||||
[CSI_NODE_EXPAND_SECRET_NAMESPACE]: namespace,
|
|
||||||
} : {};
|
|
||||||
|
|
||||||
this.value['parameters'] = {
|
this.value['parameters'] = {
|
||||||
...this.value.parameters,
|
...this.value.parameters,
|
||||||
[CSI_PROVISIONER_SECRET_NAME]: name,
|
[CSI_PROVISIONER_SECRET_NAME]: name,
|
||||||
@ -206,8 +187,7 @@ export default {
|
|||||||
[CSI_NODE_STAGE_SECRET_NAME]: name,
|
[CSI_NODE_STAGE_SECRET_NAME]: name,
|
||||||
[CSI_PROVISIONER_SECRET_NAMESPACE]: namespace,
|
[CSI_PROVISIONER_SECRET_NAMESPACE]: namespace,
|
||||||
[CSI_NODE_PUBLISH_SECRET_NAMESPACE]: namespace,
|
[CSI_NODE_PUBLISH_SECRET_NAMESPACE]: namespace,
|
||||||
[CSI_NODE_STAGE_SECRET_NAMESPACE]: namespace,
|
[CSI_NODE_STAGE_SECRET_NAMESPACE]: namespace
|
||||||
...expandSecretParams,
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -260,32 +240,6 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
watch: {
|
|
||||||
volumeExpansionCheckBoxEnabled(enabled) {
|
|
||||||
const currentSecret = this.secret;
|
|
||||||
|
|
||||||
if (!currentSecret) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const [namespace, name] = currentSecret.split('/');
|
|
||||||
|
|
||||||
if (enabled && this.enableOnlineExpansionVolumeEncryption) {
|
|
||||||
this.value['parameters'] = {
|
|
||||||
...this.value.parameters,
|
|
||||||
[CSI_NODE_EXPAND_SECRET_NAME]: name,
|
|
||||||
[CSI_NODE_EXPAND_SECRET_NAMESPACE]: namespace,
|
|
||||||
};
|
|
||||||
} else {
|
|
||||||
const params = { ...this.value.parameters };
|
|
||||||
|
|
||||||
delete params[CSI_NODE_EXPAND_SECRET_NAME];
|
|
||||||
delete params[CSI_NODE_EXPAND_SECRET_NAMESPACE];
|
|
||||||
this.value['parameters'] = params;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
@ -383,16 +337,6 @@ export default {
|
|||||||
:mode="mode"
|
:mode="mode"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div
|
|
||||||
v-if="enableOnlineExpansionVolumeEncryption"
|
|
||||||
class="col span-6 flex items-center mt-20"
|
|
||||||
>
|
|
||||||
<Checkbox
|
|
||||||
v-model:value="volumeExpansionCheckBoxEnabled"
|
|
||||||
:label="t('harvester.storage.volumeExpansionCheckbox')"
|
|
||||||
:disabled="isEdit || isView"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<KeyValue
|
<KeyValue
|
||||||
|
|||||||
@ -26,7 +26,6 @@ import CpuMemory from './kubevirt.io.virtualmachine/VirtualMachineCpuMemory';
|
|||||||
import CpuModel from './kubevirt.io.virtualmachine/VirtualMachineCpuModel';
|
import CpuModel from './kubevirt.io.virtualmachine/VirtualMachineCpuModel';
|
||||||
import CloudConfig from './kubevirt.io.virtualmachine/VirtualMachineCloudConfig';
|
import CloudConfig from './kubevirt.io.virtualmachine/VirtualMachineCloudConfig';
|
||||||
import SSHKey from './kubevirt.io.virtualmachine/VirtualMachineSSHKey';
|
import SSHKey from './kubevirt.io.virtualmachine/VirtualMachineSSHKey';
|
||||||
import Filesystem from './kubevirt.io.virtualmachine/VirtualMachineFilesystem';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'HarvesterEditVMTemplate',
|
name: 'HarvesterEditVMTemplate',
|
||||||
@ -52,7 +51,6 @@ export default {
|
|||||||
UnitInput,
|
UnitInput,
|
||||||
Banner,
|
Banner,
|
||||||
KeyValue,
|
KeyValue,
|
||||||
Filesystem,
|
|
||||||
},
|
},
|
||||||
|
|
||||||
mixins: [CreateEditView, VM_MIXIN],
|
mixins: [CreateEditView, VM_MIXIN],
|
||||||
@ -97,10 +95,6 @@ export default {
|
|||||||
secretNamePrefix() {
|
secretNamePrefix() {
|
||||||
return this.templateValue?.metadata?.name;
|
return this.templateValue?.metadata?.name;
|
||||||
},
|
},
|
||||||
|
|
||||||
filesystemEnabled() {
|
|
||||||
return this.$store.getters['harvester-common/getFeatureEnabled']('supportFilesystem');
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
|
|
||||||
watch: {
|
watch: {
|
||||||
@ -160,7 +154,6 @@ export default {
|
|||||||
|
|
||||||
mounted() {
|
mounted() {
|
||||||
this.imageId = this.diskRows[0]?.image || '';
|
this.imageId = this.diskRows[0]?.image || '';
|
||||||
this['filesystemRows'] = this.getFilesystemRows(this.value.spec.vm);
|
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
@ -356,19 +349,6 @@ export default {
|
|||||||
</template>
|
</template>
|
||||||
</Tab>
|
</Tab>
|
||||||
|
|
||||||
<Tab
|
|
||||||
v-if="filesystemEnabled"
|
|
||||||
name="filesystem"
|
|
||||||
:label="t('harvester.tab.filesystem')"
|
|
||||||
:weight="-8"
|
|
||||||
>
|
|
||||||
<Filesystem
|
|
||||||
v-model:value="filesystemRows"
|
|
||||||
:mode="mode"
|
|
||||||
:namespace="templateValue.metadata.namespace"
|
|
||||||
/>
|
|
||||||
</Tab>
|
|
||||||
|
|
||||||
<Tab
|
<Tab
|
||||||
name="labels"
|
name="labels"
|
||||||
:label="t('generic.labels')"
|
:label="t('generic.labels')"
|
||||||
|
|||||||
@ -1,190 +0,0 @@
|
|||||||
<script>
|
|
||||||
import CruResource from '@shell/components/CruResource';
|
|
||||||
import NameNsDescription from '@shell/components/form/NameNsDescription';
|
|
||||||
import ResourceTabs from '@shell/components/form/ResourceTabs';
|
|
||||||
import Tab from '@shell/components/Tabbed/Tab';
|
|
||||||
import LabeledInput from '@components/Form/LabeledInput/LabeledInput.vue';
|
|
||||||
import LabeledSelect from '@shell/components/form/LabeledSelect';
|
|
||||||
import CreateEditView from '@shell/mixins/create-edit-view';
|
|
||||||
import { allHash } from '@shell/utils/promise';
|
|
||||||
import { HCI } from '../types';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
emits: ['update:value'],
|
|
||||||
|
|
||||||
components: {
|
|
||||||
CruResource,
|
|
||||||
NameNsDescription,
|
|
||||||
ResourceTabs,
|
|
||||||
Tab,
|
|
||||||
LabeledInput,
|
|
||||||
LabeledSelect,
|
|
||||||
},
|
|
||||||
|
|
||||||
mixins: [CreateEditView],
|
|
||||||
|
|
||||||
inheritAttrs: false,
|
|
||||||
|
|
||||||
props: {
|
|
||||||
value: {
|
|
||||||
type: Object,
|
|
||||||
required: true,
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
eip: this.value?.spec?.eip || '',
|
|
||||||
externalPort: this.value?.spec?.externalPort || '',
|
|
||||||
internalIp: this.value?.spec?.internalIp || '',
|
|
||||||
internalPort: this.value?.spec?.internalPort || '',
|
|
||||||
protocol: this.value?.spec?.protocol || '',
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
async fetch() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
|
|
||||||
await allHash({ eips: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.IPTABLES_EIP }) });
|
|
||||||
},
|
|
||||||
|
|
||||||
created() {
|
|
||||||
if (this.registerBeforeHook) {
|
|
||||||
this.registerBeforeHook(this.updateBeforeSave);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
computed: {
|
|
||||||
eipOptions() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
const eips = this.$store.getters[`${ inStore }/all`](HCI.IPTABLES_EIP) || [];
|
|
||||||
|
|
||||||
return eips.map((eip) => ({
|
|
||||||
label: eip.id,
|
|
||||||
value: eip.id,
|
|
||||||
}));
|
|
||||||
},
|
|
||||||
|
|
||||||
protocolOptions() {
|
|
||||||
return [
|
|
||||||
{ label: 'TCP', value: 'tcp' },
|
|
||||||
{ label: 'UDP', value: 'udp' },
|
|
||||||
];
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
updateBeforeSave() {
|
|
||||||
if (!this.value.spec) {
|
|
||||||
this.value.spec = {};
|
|
||||||
}
|
|
||||||
|
|
||||||
this.value.spec.eip = this.eip;
|
|
||||||
this.value.spec.externalPort = this.externalPort;
|
|
||||||
this.value.spec.internalIp = this.internalIp;
|
|
||||||
this.value.spec.internalPort = this.internalPort;
|
|
||||||
this.value.spec.protocol = this.protocol;
|
|
||||||
},
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<CruResource
|
|
||||||
:done-route="doneRoute"
|
|
||||||
:resource="value"
|
|
||||||
:mode="mode"
|
|
||||||
:errors="errors"
|
|
||||||
:apply-hooks="applyHooks"
|
|
||||||
@finish="save"
|
|
||||||
@error="e=>errors=e"
|
|
||||||
>
|
|
||||||
<NameNsDescription
|
|
||||||
ref="nd"
|
|
||||||
:value="value"
|
|
||||||
:mode="mode"
|
|
||||||
:namespaced="false"
|
|
||||||
@update:value="$emit('update:value', $event)"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<ResourceTabs
|
|
||||||
class="mt-15"
|
|
||||||
:need-conditions="false"
|
|
||||||
:need-related="false"
|
|
||||||
:need-events="false"
|
|
||||||
:side-tabs="true"
|
|
||||||
:mode="mode"
|
|
||||||
>
|
|
||||||
<Tab
|
|
||||||
name="basic"
|
|
||||||
:label="t('generic.basic')"
|
|
||||||
:weight="99"
|
|
||||||
>
|
|
||||||
<div class="mt-20">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<LabeledSelect
|
|
||||||
v-model:value="eip"
|
|
||||||
class="mb-20"
|
|
||||||
:options="eipOptions"
|
|
||||||
:mode="mode"
|
|
||||||
:label="t('harvester.dnat.eip.label')"
|
|
||||||
:placeholder="t('harvester.dnat.eip.placeholder')"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<LabeledInput
|
|
||||||
v-model:value="externalPort"
|
|
||||||
class="mb-20"
|
|
||||||
:mode="mode"
|
|
||||||
:label="t('harvester.dnat.externalPort.label')"
|
|
||||||
:placeholder="t('harvester.dnat.externalPort.placeholder')"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<LabeledInput
|
|
||||||
v-model:value="internalIp"
|
|
||||||
class="mb-20"
|
|
||||||
:mode="mode"
|
|
||||||
:label="t('harvester.dnat.internalIp.label')"
|
|
||||||
:placeholder="t('harvester.dnat.internalIp.placeholder')"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<LabeledInput
|
|
||||||
v-model:value="internalPort"
|
|
||||||
class="mb-20"
|
|
||||||
:mode="mode"
|
|
||||||
:label="t('harvester.dnat.internalPort.label')"
|
|
||||||
:placeholder="t('harvester.dnat.internalPort.placeholder')"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<LabeledSelect
|
|
||||||
v-model:value="protocol"
|
|
||||||
class="mb-20"
|
|
||||||
:options="protocolOptions"
|
|
||||||
:mode="mode"
|
|
||||||
:label="t('harvester.dnat.protocol.label')"
|
|
||||||
:placeholder="t('harvester.dnat.protocol.placeholder')"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Tab>
|
|
||||||
</ResourceTabs>
|
|
||||||
</CruResource>
|
|
||||||
</template>
|
|
||||||
@ -1,168 +0,0 @@
|
|||||||
<script>
|
|
||||||
import CruResource from '@shell/components/CruResource';
|
|
||||||
import NameNsDescription from '@shell/components/form/NameNsDescription';
|
|
||||||
import ResourceTabs from '@shell/components/form/ResourceTabs';
|
|
||||||
import Tab from '@shell/components/Tabbed/Tab';
|
|
||||||
import LabeledInput from '@components/Form/LabeledInput/LabeledInput.vue';
|
|
||||||
import LabeledSelect from '@shell/components/form/LabeledSelect';
|
|
||||||
import CreateEditView from '@shell/mixins/create-edit-view';
|
|
||||||
import { allHash } from '@shell/utils/promise';
|
|
||||||
import { HCI } from '../types';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
emits: ['update:value'],
|
|
||||||
|
|
||||||
components: {
|
|
||||||
CruResource,
|
|
||||||
NameNsDescription,
|
|
||||||
ResourceTabs,
|
|
||||||
Tab,
|
|
||||||
LabeledInput,
|
|
||||||
LabeledSelect,
|
|
||||||
},
|
|
||||||
|
|
||||||
mixins: [CreateEditView],
|
|
||||||
|
|
||||||
inheritAttrs: false,
|
|
||||||
|
|
||||||
props: {
|
|
||||||
value: {
|
|
||||||
type: Object,
|
|
||||||
required: true,
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
natGwDp: this.value?.spec?.natGwDp || '',
|
|
||||||
externalSubnet: this.value?.spec?.externalSubnet || '',
|
|
||||||
v4ip: this.value?.spec?.v4ip || '',
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
async fetch() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
|
|
||||||
await allHash({
|
|
||||||
natGateways: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.VPC_NAT_GATEWAY }),
|
|
||||||
subnets: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.SUBNET }),
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
created() {
|
|
||||||
if (this.registerBeforeHook) {
|
|
||||||
this.registerBeforeHook(this.updateBeforeSave);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
computed: {
|
|
||||||
natGatewayOptions() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
const natGateways = this.$store.getters[`${ inStore }/all`](HCI.VPC_NAT_GATEWAY) || [];
|
|
||||||
|
|
||||||
return natGateways.map((gw) => ({
|
|
||||||
label: gw.id,
|
|
||||||
value: gw.id,
|
|
||||||
}));
|
|
||||||
},
|
|
||||||
|
|
||||||
subnetOptions() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
const subnets = this.$store.getters[`${ inStore }/all`](HCI.SUBNET) || [];
|
|
||||||
|
|
||||||
return subnets.map((subnet) => ({
|
|
||||||
label: subnet.id,
|
|
||||||
value: subnet.id,
|
|
||||||
}));
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
updateBeforeSave() {
|
|
||||||
if (!this.value.spec) {
|
|
||||||
this.value.spec = {};
|
|
||||||
}
|
|
||||||
|
|
||||||
this.value.spec.natGwDp = this.natGwDp;
|
|
||||||
this.value.spec.externalSubnet = this.externalSubnet;
|
|
||||||
this.value.spec.v4ip = this.v4ip;
|
|
||||||
},
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<CruResource
|
|
||||||
:done-route="doneRoute"
|
|
||||||
:resource="value"
|
|
||||||
:mode="mode"
|
|
||||||
:errors="errors"
|
|
||||||
:apply-hooks="applyHooks"
|
|
||||||
@finish="save"
|
|
||||||
@error="e=>errors=e"
|
|
||||||
>
|
|
||||||
<NameNsDescription
|
|
||||||
ref="nd"
|
|
||||||
:value="value"
|
|
||||||
:mode="mode"
|
|
||||||
:namespaced="false"
|
|
||||||
@update:value="$emit('update:value', $event)"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<ResourceTabs
|
|
||||||
class="mt-15"
|
|
||||||
:need-conditions="false"
|
|
||||||
:need-related="false"
|
|
||||||
:need-events="false"
|
|
||||||
:side-tabs="true"
|
|
||||||
:mode="mode"
|
|
||||||
>
|
|
||||||
<Tab
|
|
||||||
name="basic"
|
|
||||||
:label="t('generic.basic')"
|
|
||||||
:weight="99"
|
|
||||||
>
|
|
||||||
<div class="mt-20">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<LabeledSelect
|
|
||||||
v-model:value="natGwDp"
|
|
||||||
class="mb-20"
|
|
||||||
:options="natGatewayOptions"
|
|
||||||
:mode="mode"
|
|
||||||
:label="t('harvester.externalIP.natGateway.label')"
|
|
||||||
:placeholder="t('harvester.externalIP.natGateway.placeholder')"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<LabeledSelect
|
|
||||||
v-model:value="externalSubnet"
|
|
||||||
class="mb-20"
|
|
||||||
:options="subnetOptions"
|
|
||||||
:label="t('harvester.externalIP.externalSubnet.label')"
|
|
||||||
:placeholder="t('harvester.externalIP.externalSubnet.placeholder')"
|
|
||||||
:mode="mode"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<LabeledInput
|
|
||||||
v-model:value="v4ip"
|
|
||||||
class="mb-20"
|
|
||||||
:label="t('harvester.externalIP.v4ip.label')"
|
|
||||||
:placeholder="t('harvester.externalIP.v4ip.placeholder')"
|
|
||||||
:mode="mode"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Tab>
|
|
||||||
</ResourceTabs>
|
|
||||||
</CruResource>
|
|
||||||
</template>
|
|
||||||
@ -1,140 +0,0 @@
|
|||||||
<script>
|
|
||||||
import CruResource from '@shell/components/CruResource';
|
|
||||||
import NameNsDescription from '@shell/components/form/NameNsDescription';
|
|
||||||
import ResourceTabs from '@shell/components/form/ResourceTabs';
|
|
||||||
import Tab from '@shell/components/Tabbed/Tab';
|
|
||||||
import LabeledInput from '@components/Form/LabeledInput/LabeledInput.vue';
|
|
||||||
import LabeledSelect from '@shell/components/form/LabeledSelect';
|
|
||||||
import CreateEditView from '@shell/mixins/create-edit-view';
|
|
||||||
import { allHash } from '@shell/utils/promise';
|
|
||||||
import { HCI } from '../types';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
emits: ['update:value'],
|
|
||||||
|
|
||||||
components: {
|
|
||||||
CruResource,
|
|
||||||
NameNsDescription,
|
|
||||||
ResourceTabs,
|
|
||||||
Tab,
|
|
||||||
LabeledInput,
|
|
||||||
LabeledSelect,
|
|
||||||
},
|
|
||||||
|
|
||||||
mixins: [CreateEditView],
|
|
||||||
|
|
||||||
inheritAttrs: false,
|
|
||||||
|
|
||||||
props: {
|
|
||||||
value: {
|
|
||||||
type: Object,
|
|
||||||
required: true,
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
eip: this.value?.spec?.eip || '',
|
|
||||||
internalCIDR: this.value?.spec?.internalCIDR || '',
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
async fetch() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
|
|
||||||
await allHash({ eips: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.IPTABLES_EIP }) });
|
|
||||||
},
|
|
||||||
|
|
||||||
created() {
|
|
||||||
if (this.registerBeforeHook) {
|
|
||||||
this.registerBeforeHook(this.updateBeforeSave);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
computed: {
|
|
||||||
eipOptions() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
const eips = this.$store.getters[`${ inStore }/all`](HCI.IPTABLES_EIP) || [];
|
|
||||||
|
|
||||||
return eips.map((eip) => ({
|
|
||||||
label: eip.id,
|
|
||||||
value: eip.id,
|
|
||||||
}));
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
updateBeforeSave() {
|
|
||||||
if (!this.value.spec) {
|
|
||||||
this.value.spec = {};
|
|
||||||
}
|
|
||||||
|
|
||||||
this.value.spec.eip = this.eip;
|
|
||||||
this.value.spec.internalCIDR = this.internalCIDR;
|
|
||||||
},
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<CruResource
|
|
||||||
:done-route="doneRoute"
|
|
||||||
:resource="value"
|
|
||||||
:mode="mode"
|
|
||||||
:errors="errors"
|
|
||||||
:apply-hooks="applyHooks"
|
|
||||||
@finish="save"
|
|
||||||
@error="e=>errors=e"
|
|
||||||
>
|
|
||||||
<NameNsDescription
|
|
||||||
ref="nd"
|
|
||||||
:value="value"
|
|
||||||
:mode="mode"
|
|
||||||
:namespaced="false"
|
|
||||||
@update:value="$emit('update:value', $event)"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<ResourceTabs
|
|
||||||
class="mt-15"
|
|
||||||
:need-conditions="false"
|
|
||||||
:need-related="false"
|
|
||||||
:need-events="false"
|
|
||||||
:side-tabs="true"
|
|
||||||
:mode="mode"
|
|
||||||
>
|
|
||||||
<Tab
|
|
||||||
name="basic"
|
|
||||||
:label="t('generic.basic')"
|
|
||||||
:weight="99"
|
|
||||||
>
|
|
||||||
<div class="mt-20">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<LabeledSelect
|
|
||||||
v-model:value="eip"
|
|
||||||
class="mb-20"
|
|
||||||
:options="eipOptions"
|
|
||||||
:mode="mode"
|
|
||||||
:label="t('harvester.snat.eip.label')"
|
|
||||||
:placeholder="t('harvester.snat.eip.placeholder')"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<LabeledInput
|
|
||||||
v-model:value="internalCIDR"
|
|
||||||
class="mb-20"
|
|
||||||
:mode="mode"
|
|
||||||
:label="t('harvester.snat.internalCIDR.label')"
|
|
||||||
:placeholder="t('harvester.snat.internalCIDR.placeholder')"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Tab>
|
|
||||||
</ResourceTabs>
|
|
||||||
</CruResource>
|
|
||||||
</template>
|
|
||||||
@ -1,384 +0,0 @@
|
|||||||
<script>
|
|
||||||
import CruResource from '@shell/components/CruResource';
|
|
||||||
import ArrayList from '@shell/components/form/ArrayList';
|
|
||||||
import InfoBox from '@shell/components/InfoBox';
|
|
||||||
import NameNsDescription from '@shell/components/form/NameNsDescription';
|
|
||||||
import ResourceTabs from '@shell/components/form/ResourceTabs';
|
|
||||||
import Tab from '@shell/components/Tabbed/Tab';
|
|
||||||
import LabeledSelect from '@shell/components/form/LabeledSelect';
|
|
||||||
import ArrayListSelect from '@shell/components/form/ArrayListSelect';
|
|
||||||
import CreateEditView from '@shell/mixins/create-edit-view';
|
|
||||||
import { allHash } from '@shell/utils/promise';
|
|
||||||
import { NODE } from '@shell/config/types';
|
|
||||||
import { HCI } from '../types';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
emits: ['update:value'],
|
|
||||||
|
|
||||||
components: {
|
|
||||||
CruResource,
|
|
||||||
ArrayList,
|
|
||||||
InfoBox,
|
|
||||||
NameNsDescription,
|
|
||||||
ResourceTabs,
|
|
||||||
Tab,
|
|
||||||
LabeledSelect,
|
|
||||||
ArrayListSelect,
|
|
||||||
},
|
|
||||||
|
|
||||||
mixins: [CreateEditView],
|
|
||||||
|
|
||||||
inheritAttrs: false,
|
|
||||||
|
|
||||||
props: {
|
|
||||||
value: {
|
|
||||||
type: Object,
|
|
||||||
required: true,
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
defaultInterface: this.value?.spec?.defaultInterface || '',
|
|
||||||
excludedNodes: this.value?.spec?.excludeNodes || [],
|
|
||||||
customInterfaces: this.value?.spec?.customInterfaces || [],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
async fetch() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
|
|
||||||
await allHash({
|
|
||||||
nodes: this.$store.dispatch(`${ inStore }/findAll`, { type: NODE }),
|
|
||||||
linkMonitors: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.LINK_MONITOR }),
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
created() {
|
|
||||||
if (this.registerBeforeHook) {
|
|
||||||
this.registerBeforeHook(this.updateBeforeSave);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
computed: {
|
|
||||||
nodes() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
const nodes = this.$store.getters[`${ inStore }/all`](NODE);
|
|
||||||
|
|
||||||
return nodes.filter((n) => n.isEtcd !== 'true');
|
|
||||||
},
|
|
||||||
|
|
||||||
nics() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
const linkMonitor = this.$store.getters[`${ inStore }/byId`](HCI.LINK_MONITOR, 'nic') || {};
|
|
||||||
const linkStatus = linkMonitor?.status?.linkStatus || {};
|
|
||||||
const nodes = this.nodes.map((n) => n.id);
|
|
||||||
|
|
||||||
const out = [];
|
|
||||||
|
|
||||||
// Collect all nics from all nodes
|
|
||||||
Object.keys(linkStatus).map((nodeName) => {
|
|
||||||
if (nodes.includes(nodeName)) {
|
|
||||||
const nics = linkStatus[nodeName] || [];
|
|
||||||
|
|
||||||
nics.map((nic) => {
|
|
||||||
out.push({
|
|
||||||
...nic,
|
|
||||||
nodeName,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return out;
|
|
||||||
},
|
|
||||||
|
|
||||||
nicOptions() {
|
|
||||||
const out = [];
|
|
||||||
const seen = new Set();
|
|
||||||
|
|
||||||
(this.nics || []).forEach((nic) => {
|
|
||||||
if (!seen.has(nic.name)) {
|
|
||||||
seen.add(nic.name);
|
|
||||||
out.push({
|
|
||||||
label: nic.name,
|
|
||||||
value: nic.name,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return out.sort((a, b) => a.label.localeCompare(b.label));
|
|
||||||
},
|
|
||||||
|
|
||||||
nodeOptions() {
|
|
||||||
return this.nodes.map((node) => ({
|
|
||||||
label: node.id,
|
|
||||||
value: node.id,
|
|
||||||
}));
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
removeCustomInterface(index) {
|
|
||||||
this.customInterfaces.splice(index, 1);
|
|
||||||
},
|
|
||||||
|
|
||||||
updateBeforeSave() {
|
|
||||||
if (!this.value.spec) {
|
|
||||||
this.value.spec = {};
|
|
||||||
}
|
|
||||||
|
|
||||||
this.value.spec.defaultInterface = this.defaultInterface;
|
|
||||||
this.value.spec.excludeNodes = this.excludedNodes;
|
|
||||||
this.value.spec.customInterfaces = (this.customInterfaces || [])
|
|
||||||
.filter((item) => item?.interface || (item?.nodes || []).length)
|
|
||||||
.map((item) => ({
|
|
||||||
interface: item.interface || '',
|
|
||||||
nodes: (item.nodes || []).filter((node) => !!node),
|
|
||||||
}))
|
|
||||||
.filter((item) => item.interface && item.nodes.length > 0);
|
|
||||||
},
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<CruResource
|
|
||||||
:done-route="doneRoute"
|
|
||||||
:resource="value"
|
|
||||||
:mode="mode"
|
|
||||||
:errors="errors"
|
|
||||||
:apply-hooks="applyHooks"
|
|
||||||
@finish="save"
|
|
||||||
@error="e=>errors=e"
|
|
||||||
>
|
|
||||||
<NameNsDescription
|
|
||||||
ref="nd"
|
|
||||||
:value="value"
|
|
||||||
:mode="mode"
|
|
||||||
:namespaced="false"
|
|
||||||
@update:value="$emit('update:value', $event)"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<ResourceTabs
|
|
||||||
class="mt-15"
|
|
||||||
:need-conditions="false"
|
|
||||||
:need-related="false"
|
|
||||||
:need-events="false"
|
|
||||||
:side-tabs="true"
|
|
||||||
:mode="mode"
|
|
||||||
>
|
|
||||||
<Tab
|
|
||||||
name="Interfaces"
|
|
||||||
label="Interfaces"
|
|
||||||
:weight="99"
|
|
||||||
>
|
|
||||||
<LabeledSelect
|
|
||||||
v-model:value="defaultInterface"
|
|
||||||
class="mb-20"
|
|
||||||
required
|
|
||||||
:options="nicOptions"
|
|
||||||
:mode="mode"
|
|
||||||
:label="t('harvester.providerNetwork.defaultInterface.label')"
|
|
||||||
:placeholder="t('harvester.providerNetwork.defaultInterface.placeholder')"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<hr class="section-divider" />
|
|
||||||
|
|
||||||
<ArrayList
|
|
||||||
v-model:value="customInterfaces"
|
|
||||||
class="mb-20 custom-interface-list"
|
|
||||||
:mode="mode"
|
|
||||||
:title="t('harvester.providerNetwork.customInterfaces.label')"
|
|
||||||
:protip="false"
|
|
||||||
:remove-allowed="false"
|
|
||||||
:initial-empty-row="true"
|
|
||||||
:default-add-value="{ interface: '', nodes: [] }"
|
|
||||||
>
|
|
||||||
<template #add="{ add }">
|
|
||||||
<div class="custom-interface-primary-add">
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
class="btn role-primary"
|
|
||||||
:disabled="mode === 'view'"
|
|
||||||
@click="add"
|
|
||||||
>
|
|
||||||
{{ t('harvester.providerNetwork.customInterfaces.addLabel') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<template #column-headers>
|
|
||||||
<div class="row custom-interface-header">
|
|
||||||
<div class="col span-6">
|
|
||||||
{{ t('harvester.providerNetwork.customInterfaces.interface.label') }}
|
|
||||||
</div>
|
|
||||||
<div class="col span-6">
|
|
||||||
{{ t('harvester.providerNetwork.customInterfaces.nodes.label') }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<template #columns="scope">
|
|
||||||
<InfoBox class="custom-interface-box">
|
|
||||||
<button
|
|
||||||
v-if="mode !== 'view'"
|
|
||||||
type="button"
|
|
||||||
class="role-link btn btn-sm remove"
|
|
||||||
@click="removeCustomInterface(scope.i)"
|
|
||||||
>
|
|
||||||
<i class="icon icon-x" />
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<div class="custom-interface-content">
|
|
||||||
<div class="row custom-interface-row interface-row">
|
|
||||||
<div class="col span-12 interface-col">
|
|
||||||
<h3 class="mb-10">
|
|
||||||
{{ t('harvester.providerNetwork.customInterfaces.interface.label') }}
|
|
||||||
</h3>
|
|
||||||
<LabeledSelect
|
|
||||||
v-model:value="scope.row.value.interface"
|
|
||||||
class="mb-20"
|
|
||||||
:label="''"
|
|
||||||
:options="nicOptions"
|
|
||||||
:mode="mode"
|
|
||||||
:placeholder="t('harvester.providerNetwork.customInterfaces.interface.placeholder')"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row custom-interface-row nodes-row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<ArrayListSelect
|
|
||||||
v-model:value="scope.row.value.nodes"
|
|
||||||
:options="nodeOptions"
|
|
||||||
:mode="mode"
|
|
||||||
:disabled="mode === 'view'"
|
|
||||||
:enable-default-add-value="false"
|
|
||||||
:array-list-props="{
|
|
||||||
addLabel: t('harvester.providerNetwork.customInterfaces.nodes.addLabel'),
|
|
||||||
initialEmptyRow: true,
|
|
||||||
title: t('harvester.providerNetwork.customInterfaces.nodes.label'),
|
|
||||||
required: false,
|
|
||||||
protip: false,
|
|
||||||
}"
|
|
||||||
:select-props="{
|
|
||||||
placeholder: t('harvester.providerNetwork.customInterfaces.nodes.placeholder'),
|
|
||||||
disabled: mode === 'view',
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<template #add="{ add }">
|
|
||||||
<div class="custom-interface-add">
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
class="btn role-tertiary add"
|
|
||||||
:disabled="mode === 'view'"
|
|
||||||
@click="add"
|
|
||||||
>
|
|
||||||
{{ t('harvester.providerNetwork.customInterfaces.nodes.addLabel') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</ArrayListSelect>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</InfoBox>
|
|
||||||
</template>
|
|
||||||
</ArrayList>
|
|
||||||
</Tab>
|
|
||||||
|
|
||||||
<Tab
|
|
||||||
name="excludedNodes"
|
|
||||||
:label="t('harvester.providerNetwork.excludedNodes.label')"
|
|
||||||
:weight="98"
|
|
||||||
>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<ArrayListSelect
|
|
||||||
v-model:value="excludedNodes"
|
|
||||||
:options="nodeOptions"
|
|
||||||
:disabled="mode === 'view'"
|
|
||||||
:mode="mode"
|
|
||||||
:enable-default-add-value="false"
|
|
||||||
:array-list-props="{
|
|
||||||
addLabel: t('harvester.providerNetwork.excludedNodes.addLabel'),
|
|
||||||
initialEmptyRow: true,
|
|
||||||
required: false,
|
|
||||||
protip: false,
|
|
||||||
}"
|
|
||||||
:select-props="{
|
|
||||||
placeholder: t('harvester.providerNetwork.excludedNodes.placeholder'),
|
|
||||||
disabled: mode === 'view',
|
|
||||||
}"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Tab>
|
|
||||||
</ResourceTabs>
|
|
||||||
</CruResource>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.section-divider {
|
|
||||||
border: none;
|
|
||||||
border-top: 1px solid var(--border);
|
|
||||||
margin: 10px 0 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-interface-header {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-interface-row {
|
|
||||||
align-items: flex-start;
|
|
||||||
}
|
|
||||||
|
|
||||||
.interface-row {
|
|
||||||
width: calc(100% - 90px);
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nodes-row {
|
|
||||||
align-items: flex-start;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-interface-add {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.nodes-row .array-list-select .box) {
|
|
||||||
grid-template-columns: minmax(0, 1fr) auto;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.nodes-row .array-list-select .box .remove) {
|
|
||||||
align-self: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-interface-primary-add {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-interface-box {
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
padding: 20px;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.custom-interface-list .box) {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
.remove {
|
|
||||||
position: absolute;
|
|
||||||
top: 10px;
|
|
||||||
right: 10px;
|
|
||||||
z-index: 1;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -43,20 +43,18 @@ export default {
|
|||||||
created() {
|
created() {
|
||||||
const vpc = this.$route.query.vpc || '';
|
const vpc = this.$route.query.vpc || '';
|
||||||
const enableDHCP = this.value?.spec?.enableDHCP || false;
|
const enableDHCP = this.value?.spec?.enableDHCP || false;
|
||||||
const natOutgoing = this.value?.spec?.natOutgoing || false;
|
|
||||||
|
|
||||||
set(this.value.spec, 'enableDHCP', enableDHCP);
|
set(this.value.spec, 'enableDHCP', enableDHCP);
|
||||||
set(this.value, 'spec', this.value.spec || {
|
set(this.value, 'spec', this.value.spec || {
|
||||||
cidrBlock: '',
|
cidrBlock: '',
|
||||||
protocol: NETWORK_PROTOCOL.IPv4,
|
protocol: NETWORK_PROTOCOL.IPv4,
|
||||||
provider: '',
|
provider: '',
|
||||||
vpc,
|
vpc,
|
||||||
gateway: '',
|
gatewayIP: '',
|
||||||
excludeIps: [],
|
excludeIps: [],
|
||||||
private: false,
|
private: false,
|
||||||
enableDHCP,
|
enableDHCP,
|
||||||
natOutgoing,
|
acls: []
|
||||||
acls: []
|
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -64,9 +62,8 @@ export default {
|
|||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
const inStore = this.$store.getters['currentProduct'].inStore;
|
||||||
|
|
||||||
const hash = {
|
const hash = {
|
||||||
vpc: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.VPC }),
|
vpc: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.VPC }),
|
||||||
nad: this.$store.dispatch(`${ inStore }/findAll`, { type: NETWORK_ATTACHMENT }),
|
nad: this.$store.dispatch(`${ inStore }/findAll`, { type: NETWORK_ATTACHMENT }),
|
||||||
vlans: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.VLAN }),
|
|
||||||
};
|
};
|
||||||
|
|
||||||
await allHash(hash);
|
await allHash(hash);
|
||||||
@ -132,20 +129,6 @@ export default {
|
|||||||
label: n.id,
|
label: n.id,
|
||||||
value: n.id,
|
value: n.id,
|
||||||
}));
|
}));
|
||||||
},
|
|
||||||
natOutgoingDisabled() {
|
|
||||||
// Disable the NAT Outgoing option when the subnet belongs to the ovn-cluster VPC and its name is join or ovn-default.
|
|
||||||
return this.value?.spec?.vpc === 'ovn-cluster' && ['join', 'ovn-default'].includes(this.value?.metadata?.name);
|
|
||||||
},
|
|
||||||
|
|
||||||
vlanOptions() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
const vlans = this.$store.getters[`${ inStore }/all`](HCI.VLAN) || [];
|
|
||||||
|
|
||||||
return vlans.map((vlan) => ({
|
|
||||||
label: vlan.id,
|
|
||||||
value: vlan.id,
|
|
||||||
}));
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -281,16 +264,6 @@ export default {
|
|||||||
:mode="mode"
|
:mode="mode"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="col span-6">
|
|
||||||
<LabeledSelect
|
|
||||||
v-model:value="value.spec.vlan"
|
|
||||||
class="mb-20"
|
|
||||||
:options="vlanOptions"
|
|
||||||
:placeholder="t('harvester.subnet.vlan.placeholder')"
|
|
||||||
:label="t('harvester.subnet.vlan.label')"
|
|
||||||
:mode="mode"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="row mt-20">
|
<div class="row mt-20">
|
||||||
<div class="col span-6">
|
<div class="col span-6">
|
||||||
@ -331,20 +304,6 @@ export default {
|
|||||||
</Banner>
|
</Banner>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row mt-20">
|
|
||||||
<div class="col span-6">
|
|
||||||
<RadioGroup
|
|
||||||
v-model:value="value.spec.natOutgoing"
|
|
||||||
name="enableExternalConnectivity"
|
|
||||||
:disabled="natOutgoingDisabled"
|
|
||||||
:options="[true, false]"
|
|
||||||
:label="t('harvester.subnet.externalConnectivity.label')"
|
|
||||||
:labels="[t('generic.enabled'), t('generic.disabled')]"
|
|
||||||
:mode="mode"
|
|
||||||
:tooltip="t('harvester.subnet.externalConnectivity.tooltip')"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row mt-20">
|
<div class="row mt-20">
|
||||||
<div class="col span-6">
|
<div class="col span-6">
|
||||||
<RadioGroup
|
<RadioGroup
|
||||||
|
|||||||
@ -1,146 +0,0 @@
|
|||||||
<script>
|
|
||||||
import CruResource from '@shell/components/CruResource';
|
|
||||||
import NameNsDescription from '@shell/components/form/NameNsDescription';
|
|
||||||
import ResourceTabs from '@shell/components/form/ResourceTabs';
|
|
||||||
import Tab from '@shell/components/Tabbed/Tab';
|
|
||||||
import LabeledInput from '@components/Form/LabeledInput/LabeledInput.vue';
|
|
||||||
import LabeledSelect from '@shell/components/form/LabeledSelect';
|
|
||||||
import CreateEditView from '@shell/mixins/create-edit-view';
|
|
||||||
import { allHash } from '@shell/utils/promise';
|
|
||||||
import { HCI } from '../types';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
emits: ['update:value'],
|
|
||||||
|
|
||||||
components: {
|
|
||||||
CruResource,
|
|
||||||
NameNsDescription,
|
|
||||||
ResourceTabs,
|
|
||||||
Tab,
|
|
||||||
LabeledInput,
|
|
||||||
LabeledSelect,
|
|
||||||
},
|
|
||||||
|
|
||||||
mixins: [CreateEditView],
|
|
||||||
|
|
||||||
inheritAttrs: false,
|
|
||||||
|
|
||||||
props: {
|
|
||||||
value: {
|
|
||||||
type: Object,
|
|
||||||
required: true,
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
vlanId: this.value?.spec?.id || '',
|
|
||||||
provider: this.value?.spec?.provider || '',
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
async fetch() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
|
|
||||||
await allHash({ providerNetworks: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.PROVIDER_NETWORK }) });
|
|
||||||
},
|
|
||||||
|
|
||||||
created() {
|
|
||||||
if (this.registerBeforeHook) {
|
|
||||||
this.registerBeforeHook(this.updateBeforeSave);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
computed: {
|
|
||||||
providerNetworks() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
const providerNetworks = this.$store.getters[`${ inStore }/all`](HCI.PROVIDER_NETWORK) || [];
|
|
||||||
|
|
||||||
return providerNetworks.map((pn) => ({
|
|
||||||
label: pn.id,
|
|
||||||
value: pn.id,
|
|
||||||
}));
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
updateBeforeSave() {
|
|
||||||
if (!this.value.spec) {
|
|
||||||
this.value.spec = {};
|
|
||||||
}
|
|
||||||
|
|
||||||
if (this.vlanId !== '') {
|
|
||||||
this.value.spec.id = Number(this.vlanId);
|
|
||||||
}
|
|
||||||
|
|
||||||
this.value.spec.provider = this.provider;
|
|
||||||
},
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<CruResource
|
|
||||||
:done-route="doneRoute"
|
|
||||||
:resource="value"
|
|
||||||
:mode="mode"
|
|
||||||
:errors="errors"
|
|
||||||
:apply-hooks="applyHooks"
|
|
||||||
@finish="save"
|
|
||||||
@error="e=>errors=e"
|
|
||||||
>
|
|
||||||
<NameNsDescription
|
|
||||||
ref="nd"
|
|
||||||
:value="value"
|
|
||||||
:mode="mode"
|
|
||||||
:namespaced="false"
|
|
||||||
@update:value="$emit('update:value', $event)"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<ResourceTabs
|
|
||||||
class="mt-15"
|
|
||||||
:need-conditions="false"
|
|
||||||
:need-related="false"
|
|
||||||
:need-events="false"
|
|
||||||
:side-tabs="true"
|
|
||||||
:mode="mode"
|
|
||||||
>
|
|
||||||
<Tab
|
|
||||||
name="basic"
|
|
||||||
:label="t('generic.basic')"
|
|
||||||
:weight="99"
|
|
||||||
>
|
|
||||||
<div class="mt-20">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<LabeledInput
|
|
||||||
v-model:value.number="vlanId"
|
|
||||||
class="mb-20"
|
|
||||||
type="number"
|
|
||||||
:min="1"
|
|
||||||
:max="4094"
|
|
||||||
:label="t('harvester.vlan.id.label')"
|
|
||||||
:placeholder="t('harvester.vlan.id.placeholder')"
|
|
||||||
:mode="mode"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<LabeledSelect
|
|
||||||
v-model:value="provider"
|
|
||||||
class="mb-20"
|
|
||||||
:options="providerNetworks"
|
|
||||||
:mode="mode"
|
|
||||||
:label="t('harvester.vlan.provider.label')"
|
|
||||||
:placeholder="t('harvester.vlan.provider.placeholder')"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Tab>
|
|
||||||
</ResourceTabs>
|
|
||||||
</CruResource>
|
|
||||||
</template>
|
|
||||||
@ -1,246 +0,0 @@
|
|||||||
<script>
|
|
||||||
import CruResource from '@shell/components/CruResource';
|
|
||||||
import NameNsDescription from '@shell/components/form/NameNsDescription';
|
|
||||||
import ResourceTabs from '@shell/components/form/ResourceTabs';
|
|
||||||
import Tab from '@shell/components/Tabbed/Tab';
|
|
||||||
import LabeledInput from '@components/Form/LabeledInput/LabeledInput.vue';
|
|
||||||
import LabeledSelect from '@shell/components/form/LabeledSelect';
|
|
||||||
import ArrayListSelect from '@shell/components/form/ArrayListSelect';
|
|
||||||
import CreateEditView from '@shell/mixins/create-edit-view';
|
|
||||||
import { allHash } from '@shell/utils/promise';
|
|
||||||
import { HCI as HCI_ANNOTATIONS } from '@pkg/config/labels-annotations';
|
|
||||||
import { HCI } from '../types';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
emits: ['update:value'],
|
|
||||||
|
|
||||||
components: {
|
|
||||||
CruResource,
|
|
||||||
NameNsDescription,
|
|
||||||
ResourceTabs,
|
|
||||||
Tab,
|
|
||||||
LabeledInput,
|
|
||||||
LabeledSelect,
|
|
||||||
ArrayListSelect,
|
|
||||||
},
|
|
||||||
|
|
||||||
mixins: [CreateEditView],
|
|
||||||
|
|
||||||
inheritAttrs: false,
|
|
||||||
|
|
||||||
props: {
|
|
||||||
value: {
|
|
||||||
type: Object,
|
|
||||||
required: true,
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
data() {
|
|
||||||
const internalTenantNetwork = this.value?.metadata?.annotations?.[HCI_ANNOTATIONS.CNI_NETWORKS] || '';
|
|
||||||
|
|
||||||
return {
|
|
||||||
internalTenantNetwork,
|
|
||||||
vpc: this.value?.spec?.vpc || '',
|
|
||||||
subnet: this.value?.spec?.subnet || '',
|
|
||||||
lanIp: this.value?.spec?.lanIp || '',
|
|
||||||
externalSubnets: this.value?.spec?.externalSubnets || [],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
async fetch() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
|
|
||||||
await allHash({
|
|
||||||
vpcs: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.VPC }),
|
|
||||||
subnets: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.SUBNET }),
|
|
||||||
vmNetworks: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.NETWORK_ATTACHMENT }),
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
created() {
|
|
||||||
if (this.registerBeforeHook) {
|
|
||||||
this.registerBeforeHook(this.updateBeforeSave);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
computed: {
|
|
||||||
vpcOptions() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
const vpcs = this.$store.getters[`${ inStore }/all`](HCI.VPC) || [];
|
|
||||||
|
|
||||||
return vpcs.map((vpc) => ({
|
|
||||||
label: vpc.id,
|
|
||||||
value: vpc.id,
|
|
||||||
}));
|
|
||||||
},
|
|
||||||
|
|
||||||
subnetOptions() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
const subnets = this.$store.getters[`${ inStore }/all`](HCI.SUBNET) || [];
|
|
||||||
|
|
||||||
return subnets.map((subnet) => ({
|
|
||||||
label: subnet.id,
|
|
||||||
value: subnet.id,
|
|
||||||
}));
|
|
||||||
},
|
|
||||||
|
|
||||||
vmNetworkOptions() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
const vmNetworks = this.$store.getters[`${ inStore }/all`](HCI.NETWORK_ATTACHMENT) || [];
|
|
||||||
|
|
||||||
return vmNetworks.map((network) => ({
|
|
||||||
label: network.id,
|
|
||||||
value: network.id,
|
|
||||||
}));
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
updateBeforeSave() {
|
|
||||||
if (!this.value.spec) {
|
|
||||||
this.value.spec = {};
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!this.value.metadata) {
|
|
||||||
this.value.metadata = {};
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!this.value.metadata.annotations) {
|
|
||||||
this.value.metadata.annotations = {};
|
|
||||||
}
|
|
||||||
|
|
||||||
this.value.spec.vpc = this.vpc;
|
|
||||||
this.value.spec.subnet = this.subnet;
|
|
||||||
this.value.spec.lanIp = this.lanIp;
|
|
||||||
this.value.spec.externalSubnets = (this.externalSubnets || []).filter((subnet) => !!subnet);
|
|
||||||
|
|
||||||
if (this.internalTenantNetwork) {
|
|
||||||
this.value.metadata.annotations[HCI_ANNOTATIONS.CNI_NETWORKS] = this.internalTenantNetwork;
|
|
||||||
} else {
|
|
||||||
delete this.value.metadata.annotations[HCI_ANNOTATIONS.CNI_NETWORKS];
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<CruResource
|
|
||||||
:done-route="doneRoute"
|
|
||||||
:resource="value"
|
|
||||||
:mode="mode"
|
|
||||||
:errors="errors"
|
|
||||||
:apply-hooks="applyHooks"
|
|
||||||
@finish="save"
|
|
||||||
@error="e=>errors=e"
|
|
||||||
>
|
|
||||||
<NameNsDescription
|
|
||||||
ref="nd"
|
|
||||||
:value="value"
|
|
||||||
:mode="mode"
|
|
||||||
:namespaced="false"
|
|
||||||
@update:value="$emit('update:value', $event)"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<ResourceTabs
|
|
||||||
class="mt-15"
|
|
||||||
:need-conditions="false"
|
|
||||||
:need-related="false"
|
|
||||||
:need-events="false"
|
|
||||||
:side-tabs="true"
|
|
||||||
:mode="mode"
|
|
||||||
>
|
|
||||||
<Tab
|
|
||||||
name="basic"
|
|
||||||
:label="t('generic.basic')"
|
|
||||||
:weight="99"
|
|
||||||
>
|
|
||||||
<div class="mt-20">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<LabeledSelect
|
|
||||||
v-model:value="internalTenantNetwork"
|
|
||||||
class="mb-20"
|
|
||||||
required
|
|
||||||
:options="vmNetworkOptions"
|
|
||||||
:mode="mode"
|
|
||||||
:label="t('harvester.natGateway.internalTenantNetwork.label')"
|
|
||||||
:placeholder="t('harvester.natGateway.internalTenantNetwork.placeholder')"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<LabeledSelect
|
|
||||||
v-model:value="vpc"
|
|
||||||
class="mb-20"
|
|
||||||
:options="vpcOptions"
|
|
||||||
:mode="mode"
|
|
||||||
:label="t('harvester.natGateway.vpc.label')"
|
|
||||||
:placeholder="t('harvester.natGateway.vpc.placeholder')"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<LabeledSelect
|
|
||||||
v-model:value="subnet"
|
|
||||||
class="mb-20"
|
|
||||||
:options="subnetOptions"
|
|
||||||
:mode="mode"
|
|
||||||
:label="t('harvester.natGateway.subnet.label')"
|
|
||||||
:placeholder="t('harvester.natGateway.subnet.placeholder')"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<LabeledInput
|
|
||||||
v-model:value="lanIp"
|
|
||||||
class="mb-20"
|
|
||||||
:mode="mode"
|
|
||||||
:label="t('harvester.natGateway.lanIp.label')"
|
|
||||||
:placeholder="t('harvester.natGateway.lanIp.placeholder')"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Tab>
|
|
||||||
|
|
||||||
<Tab
|
|
||||||
name="externalSubnets"
|
|
||||||
:label="t('harvester.natGateway.externalSubnets.label')"
|
|
||||||
:weight="98"
|
|
||||||
>
|
|
||||||
<div class="mt-20">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-12">
|
|
||||||
<ArrayListSelect
|
|
||||||
v-model:value="externalSubnets"
|
|
||||||
:mode="mode"
|
|
||||||
:disabled="mode === 'view'"
|
|
||||||
required
|
|
||||||
:options="subnetOptions"
|
|
||||||
:enable-default-add-value="false"
|
|
||||||
:array-list-props="{
|
|
||||||
addLabel: t('harvester.natGateway.externalSubnets.addLabel'),
|
|
||||||
title: t('harvester.natGateway.subnet.label'),
|
|
||||||
initialEmptyRow: true,
|
|
||||||
required: true,
|
|
||||||
protip: false,
|
|
||||||
}"
|
|
||||||
:select-props="{
|
|
||||||
placeholder: t('harvester.natGateway.externalSubnets.placeholder'),
|
|
||||||
disabled: mode === 'view',
|
|
||||||
}"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Tab>
|
|
||||||
</ResourceTabs>
|
|
||||||
</CruResource>
|
|
||||||
</template>
|
|
||||||
@ -143,7 +143,6 @@ export default {
|
|||||||
<YamlEditor
|
<YamlEditor
|
||||||
ref="yaml"
|
ref="yaml"
|
||||||
v-model:value="yamlScript"
|
v-model:value="yamlScript"
|
||||||
:mode="mode"
|
|
||||||
class="yaml-editor"
|
class="yaml-editor"
|
||||||
:editor-mode="editorMode"
|
:editor-mode="editorMode"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -1,310 +0,0 @@
|
|||||||
<script>
|
|
||||||
import { mapGetters } from 'vuex';
|
|
||||||
import { Banner } from '@components/Banner';
|
|
||||||
import LabeledSelect from '@shell/components/form/LabeledSelect';
|
|
||||||
import { LabeledInput } from '@components/Form/LabeledInput';
|
|
||||||
import { CONFIG_MAP, SECRET, SERVICE_ACCOUNT } from '@shell/config/types';
|
|
||||||
import { _VIEW } from '@shell/config/query-params';
|
|
||||||
import CopyToClipboard from '@shell/components/CopyToClipboard';
|
|
||||||
import MessageLink from '@shell/components/MessageLink';
|
|
||||||
import { FILESYSTEM_SOURCE_TYPE } from '@pkg/harvester/config/types';
|
|
||||||
|
|
||||||
const MAX_FILESYSTEMS = 3;
|
|
||||||
|
|
||||||
const { CONFIGMAP: FS_TYPE_CONFIGMAP, SECRET: FS_TYPE_SECRET, SERVICEACCOUNT: FS_TYPE_SERVICEACCOUNT } = FILESYSTEM_SOURCE_TYPE;
|
|
||||||
|
|
||||||
const DEFAULT_VOLUME_NAMES = {
|
|
||||||
[FS_TYPE_CONFIGMAP]: 'appconfigfs',
|
|
||||||
[FS_TYPE_SECRET]: 'appsecretfs',
|
|
||||||
[FS_TYPE_SERVICEACCOUNT]: 'appserviceaccountfs',
|
|
||||||
};
|
|
||||||
|
|
||||||
const FS_TYPE_OPTIONS = [
|
|
||||||
{ label: 'ConfigMap', value: FS_TYPE_CONFIGMAP },
|
|
||||||
{ label: 'Secret', value: FS_TYPE_SECRET },
|
|
||||||
{ label: 'ServiceAccount', value: FS_TYPE_SERVICEACCOUNT },
|
|
||||||
];
|
|
||||||
|
|
||||||
function emptyRow() {
|
|
||||||
return {
|
|
||||||
fsType: FS_TYPE_CONFIGMAP,
|
|
||||||
volumeName: DEFAULT_VOLUME_NAMES[FS_TYPE_CONFIGMAP],
|
|
||||||
resourceName: '',
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'VirtualMachineFilesystem',
|
|
||||||
|
|
||||||
emits: ['update:value'],
|
|
||||||
|
|
||||||
components: {
|
|
||||||
Banner,
|
|
||||||
LabeledSelect,
|
|
||||||
LabeledInput,
|
|
||||||
CopyToClipboard,
|
|
||||||
MessageLink,
|
|
||||||
},
|
|
||||||
|
|
||||||
props: {
|
|
||||||
mode: {
|
|
||||||
type: String,
|
|
||||||
default: 'create',
|
|
||||||
},
|
|
||||||
namespace: {
|
|
||||||
type: String,
|
|
||||||
default: '',
|
|
||||||
},
|
|
||||||
value: {
|
|
||||||
type: Array,
|
|
||||||
default: () => [],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
data() {
|
|
||||||
return { rows: this.value.length > 0 ? this.value.map((r) => ({ ...r })) : [emptyRow()] };
|
|
||||||
},
|
|
||||||
|
|
||||||
watch: {
|
|
||||||
value(newVal) {
|
|
||||||
if (newVal) {
|
|
||||||
const incoming = JSON.stringify(newVal);
|
|
||||||
const current = JSON.stringify(this.rows);
|
|
||||||
|
|
||||||
if (incoming !== current) {
|
|
||||||
this.rows = newVal.map((r) => ({ ...r }));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
rows: {
|
|
||||||
deep: true,
|
|
||||||
handler(val) {
|
|
||||||
this.$emit('update:value', val.map((r) => ({ ...r })));
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
computed: {
|
|
||||||
...mapGetters({ t: 'i18n/t' }),
|
|
||||||
|
|
||||||
inStore() {
|
|
||||||
return this.$store.getters['currentProduct'].inStore;
|
|
||||||
},
|
|
||||||
|
|
||||||
configMaps() {
|
|
||||||
return this.$store.getters[`${ this.inStore }/all`](CONFIG_MAP)
|
|
||||||
.filter((cm) => !this.namespace || cm.metadata.namespace === this.namespace)
|
|
||||||
.map((cm) => ({ label: cm.metadata.name, value: cm.metadata.name }));
|
|
||||||
},
|
|
||||||
|
|
||||||
secrets() {
|
|
||||||
return this.$store.getters[`${ this.inStore }/all`](SECRET)
|
|
||||||
.filter((s) => !this.namespace || s.metadata.namespace === this.namespace)
|
|
||||||
.map((s) => ({ label: s.metadata.name, value: s.metadata.name }));
|
|
||||||
},
|
|
||||||
|
|
||||||
serviceAccounts() {
|
|
||||||
return this.$store.getters[`${ this.inStore }/all`](SERVICE_ACCOUNT)
|
|
||||||
.filter((sa) => !this.namespace || sa.metadata.namespace === this.namespace)
|
|
||||||
.map((sa) => ({ label: sa.metadata.name, value: sa.metadata.name }));
|
|
||||||
},
|
|
||||||
|
|
||||||
canAddRow() {
|
|
||||||
return this.rows.length < MAX_FILESYSTEMS;
|
|
||||||
},
|
|
||||||
|
|
||||||
isView() {
|
|
||||||
return this.mode === _VIEW;
|
|
||||||
},
|
|
||||||
|
|
||||||
completedRows() {
|
|
||||||
return this.rows.filter((r) => r.fsType && r.volumeName && r.resourceName);
|
|
||||||
},
|
|
||||||
|
|
||||||
allMountCommands() {
|
|
||||||
return this.completedRows.map((r) => this.mountCommands(r)).join('\n');
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
fsTypeOptions(currentIndex) {
|
|
||||||
const usedTypes = this.rows
|
|
||||||
.filter((_, i) => i !== currentIndex)
|
|
||||||
.map((r) => r.fsType);
|
|
||||||
|
|
||||||
return FS_TYPE_OPTIONS.filter((opt) => !usedTypes.includes(opt.value));
|
|
||||||
},
|
|
||||||
|
|
||||||
resourceOptions(fsType) {
|
|
||||||
if (fsType === FS_TYPE_CONFIGMAP) return this.configMaps;
|
|
||||||
if (fsType === FS_TYPE_SECRET) return this.secrets;
|
|
||||||
if (fsType === FS_TYPE_SERVICEACCOUNT) return this.serviceAccounts;
|
|
||||||
|
|
||||||
return [];
|
|
||||||
},
|
|
||||||
|
|
||||||
onFsTypeChange(row, newType) {
|
|
||||||
row.fsType = newType;
|
|
||||||
row.volumeName = DEFAULT_VOLUME_NAMES[newType] || '';
|
|
||||||
row.resourceName = '';
|
|
||||||
},
|
|
||||||
|
|
||||||
addRow() {
|
|
||||||
if (this.canAddRow) {
|
|
||||||
const usedTypes = this.rows.map((r) => r.fsType);
|
|
||||||
const nextType = FS_TYPE_OPTIONS.find((opt) => !usedTypes.includes(opt.value))?.value || FS_TYPE_CONFIGMAP;
|
|
||||||
|
|
||||||
this.rows.push({
|
|
||||||
fsType: nextType,
|
|
||||||
volumeName: DEFAULT_VOLUME_NAMES[nextType] || '',
|
|
||||||
resourceName: '',
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
removeRow(index) {
|
|
||||||
this.rows.splice(index, 1);
|
|
||||||
},
|
|
||||||
|
|
||||||
mountCommands(row) {
|
|
||||||
const vol = row.volumeName || '<volume-name>';
|
|
||||||
|
|
||||||
return `- mkdir -p /mnt/${ vol }\n- mount -t virtiofs ${ vol } /mnt/${ vol }`;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div class="vm-filesystem">
|
|
||||||
<p class="mb-20">
|
|
||||||
{{ t('harvester.virtualMachine.filesystem.description') }}
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div
|
|
||||||
v-for="(row, index) in rows"
|
|
||||||
:key="index"
|
|
||||||
class="filesystem-row mb-15"
|
|
||||||
>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col span-3">
|
|
||||||
<LabeledSelect
|
|
||||||
:value="row.fsType"
|
|
||||||
:label="t('harvester.virtualMachine.filesystem.type')"
|
|
||||||
:options="fsTypeOptions(index)"
|
|
||||||
:mode="mode"
|
|
||||||
required
|
|
||||||
@update:value="onFsTypeChange(row, $event)"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col span-3">
|
|
||||||
<LabeledInput
|
|
||||||
v-model:value="row.volumeName"
|
|
||||||
:label="t('harvester.virtualMachine.filesystem.volume')"
|
|
||||||
:mode="mode"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col span-5">
|
|
||||||
<LabeledSelect
|
|
||||||
v-model:value="row.resourceName"
|
|
||||||
:label="t('harvester.virtualMachine.filesystem.resource')"
|
|
||||||
:options="resourceOptions(row.fsType)"
|
|
||||||
:mode="mode"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
v-if="!isView"
|
|
||||||
class="col span-1 remove-col"
|
|
||||||
>
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
class="btn role-link remove-btn"
|
|
||||||
@click="removeRow(index)"
|
|
||||||
>
|
|
||||||
{{ t('generic.remove') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Banner
|
|
||||||
v-if="completedRows.length > 0 && mode === 'create'"
|
|
||||||
color="warning"
|
|
||||||
class="mt-10"
|
|
||||||
>
|
|
||||||
<div>
|
|
||||||
<MessageLink
|
|
||||||
:to="{ hash: '#advanced' }"
|
|
||||||
prefix-label="harvester.virtualMachine.filesystem.mountBannerHint"
|
|
||||||
middle-label="harvester.virtualMachine.filesystem.mountBannerHintLink"
|
|
||||||
suffix-label="harvester.virtualMachine.filesystem.mountBannerHintSuffix"
|
|
||||||
/>
|
|
||||||
<div class="pre-wrapper mt-10">
|
|
||||||
<pre class="mt-5 mb-0">{{ allMountCommands }}</pre>
|
|
||||||
<CopyToClipboard
|
|
||||||
:text="allMountCommands"
|
|
||||||
:show-label="false"
|
|
||||||
class="icon-btn"
|
|
||||||
action-color="bg-transparent"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Banner>
|
|
||||||
|
|
||||||
<button
|
|
||||||
v-if="!isView && canAddRow"
|
|
||||||
type="button"
|
|
||||||
class="btn role-tertiary add"
|
|
||||||
@click="addRow"
|
|
||||||
>
|
|
||||||
{{ t('harvester.virtualMachine.filesystem.add') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.vm-filesystem {
|
|
||||||
padding: 10px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.filesystem-row {
|
|
||||||
border-bottom: 1px solid var(--border);
|
|
||||||
padding-bottom: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.remove-col {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.remove-btn {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pre-wrapper {
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
pre {
|
|
||||||
padding-right: 36px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-btn {
|
|
||||||
position: absolute;
|
|
||||||
top: 0px;
|
|
||||||
right: 5px;
|
|
||||||
padding: 2px 4px;
|
|
||||||
line-height: 1;
|
|
||||||
|
|
||||||
&:active {
|
|
||||||
background-color: var(--success) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -52,21 +52,31 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const selectedDevices = [];
|
const selectedDevices = [];
|
||||||
|
const oldFormatDevices = [];
|
||||||
|
|
||||||
const vmDevices = this.value?.domain?.devices?.hostDevices || [];
|
const vmDevices = this.value?.domain?.devices?.hostDevices || [];
|
||||||
|
const otherDevices = this.otherDevices(vmDevices).map(({ name }) => name);
|
||||||
const vmDeviceNames = vmDevices.map(({ name }) => name);
|
const vmDeviceNames = vmDevices.map(({ name }) => name);
|
||||||
|
|
||||||
this.pciDevices.forEach((row) => {
|
this.pciDevices.forEach((row) => {
|
||||||
row.allowDisable = !vmDeviceNames.includes(row.metadata.name);
|
row.allowDisable = !vmDeviceNames.includes(row.metadata.name);
|
||||||
});
|
});
|
||||||
|
|
||||||
vmDevices.forEach(({ name }) => {
|
vmDevices.forEach(({ name, deviceName }) => {
|
||||||
if (this.enabledDevices.find((device) => device?.metadata?.name === name)) {
|
const checkName = (deviceName || '').split('/')?.[1];
|
||||||
|
|
||||||
|
if (checkName && name.includes(checkName) && !otherDevices.includes(name)) {
|
||||||
|
oldFormatDevices.push(name);
|
||||||
|
} else if (this.enabledDevices.find((device) => device?.metadata?.name === name)) {
|
||||||
selectedDevices.push(name);
|
selectedDevices.push(name);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
this.selectedDevices = selectedDevices;
|
if (oldFormatDevices.length > 0) {
|
||||||
|
this.oldFormatDevices = oldFormatDevices;
|
||||||
|
} else {
|
||||||
|
this.selectedDevices = selectedDevices;
|
||||||
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
data() {
|
data() {
|
||||||
@ -77,6 +87,7 @@ export default {
|
|||||||
selectedDevices: [],
|
selectedDevices: [],
|
||||||
pciDeviceSchema: this.$store.getters['harvester/schemaFor'](HCI.PCI_DEVICE),
|
pciDeviceSchema: this.$store.getters['harvester/schemaFor'](HCI.PCI_DEVICE),
|
||||||
showMatrix: false,
|
showMatrix: false,
|
||||||
|
oldFormatDevices: [],
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -188,6 +199,11 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
|
oldFormatDevicesHTML() {
|
||||||
|
return this.oldFormatDevices.map((device) => {
|
||||||
|
return `<li>${ device }</li>`;
|
||||||
|
}).join('');
|
||||||
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
@ -211,89 +227,101 @@ export default {
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<div class="row">
|
<div
|
||||||
|
v-if="oldFormatDevices.length > 0"
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
<div class="col span-12">
|
<div class="col span-12">
|
||||||
<Banner color="info">
|
<Banner color="warning">
|
||||||
<MessageLink
|
<p v-clean-html="t('harvester.pci.oldFormatDevices.help', {oldFormatDevicesHTML}, true)" />
|
||||||
:to="toVGpuDevicesPage"
|
|
||||||
prefix-label="harvester.pci.howToUseDeviceInVMCreation.prefix"
|
|
||||||
middle-label="harvester.pci.howToUseDeviceInVMCreation.middle"
|
|
||||||
suffix-label="harvester.pci.howToUseDeviceInVMCreation.suffix"
|
|
||||||
/>
|
|
||||||
</Banner>
|
|
||||||
<Banner
|
|
||||||
v-if="selectedDevices.length > 0"
|
|
||||||
color="info"
|
|
||||||
>
|
|
||||||
<t k="harvester.pci.deviceInTheSameHost" />
|
|
||||||
</Banner>
|
</Banner>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<template v-if="enabledDevices.length">
|
<div v-else>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col span-6">
|
|
||||||
<LabeledSelect
|
|
||||||
v-model:value="selectedDevices"
|
|
||||||
label="Available PCI Devices"
|
|
||||||
searchable
|
|
||||||
multiple
|
|
||||||
taggable
|
|
||||||
:options="deviceOpts"
|
|
||||||
:mode="mode"
|
|
||||||
>
|
|
||||||
<template #option="option">
|
|
||||||
<span>{{ option.value }} <span class="text-label">({{ option.displayLabel }})</span></span>
|
|
||||||
</template>
|
|
||||||
</LabeledSelect>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="compatibleNodes.length && selectedDevices.length"
|
|
||||||
class="row"
|
|
||||||
>
|
|
||||||
<div class="col span-12 text-muted">
|
|
||||||
Compatible hosts:
|
|
||||||
<!-- eslint-disable-next-line vue/no-parsing-error -->
|
|
||||||
<span
|
|
||||||
v-for="(node, idx) in compatibleNodes"
|
|
||||||
:key="idx"
|
|
||||||
>{{ node }}{{ idx < compatibleNodes.length-1 ? ', ' : '' }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-else-if="selectedDevices.length"
|
|
||||||
class="text-error"
|
|
||||||
>
|
|
||||||
{{ t('harvester.pci.impossibleSelection') }}
|
|
||||||
</div>
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
class="btn btn-sm role-link pl-0"
|
|
||||||
@click="e=>{showMatrix = !showMatrix; e.target.blur()}"
|
|
||||||
>
|
|
||||||
{{ showMatrix ? t('harvester.pci.hideCompatibility') : t('harvester.pci.showCompatibility') }}
|
|
||||||
</button>
|
|
||||||
<div
|
|
||||||
v-if="showMatrix"
|
|
||||||
class="row mt-20"
|
|
||||||
>
|
|
||||||
<div class="col span-12">
|
<div class="col span-12">
|
||||||
<CompatibilityMatrix
|
<Banner color="info">
|
||||||
:enabled-devices="enabledDevices"
|
<MessageLink
|
||||||
:devices-by-node="devicesByNode"
|
:to="toVGpuDevicesPage"
|
||||||
:devices-in-use="devicesInUse"
|
prefix-label="harvester.pci.howToUseDeviceInVMCreation.prefix"
|
||||||
|
middle-label="harvester.pci.howToUseDeviceInVMCreation.middle"
|
||||||
|
suffix-label="harvester.pci.howToUseDeviceInVMCreation.suffix"
|
||||||
|
/>
|
||||||
|
</Banner>
|
||||||
|
<Banner
|
||||||
|
v-if="selectedDevices.length > 0"
|
||||||
|
color="info"
|
||||||
|
>
|
||||||
|
<t k="harvester.pci.deviceInTheSameHost" />
|
||||||
|
</Banner>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<template v-if="enabledDevices.length">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col span-6">
|
||||||
|
<LabeledSelect
|
||||||
|
v-model:value="selectedDevices"
|
||||||
|
label="Available PCI Devices"
|
||||||
|
searchable
|
||||||
|
multiple
|
||||||
|
taggable
|
||||||
|
:options="deviceOpts"
|
||||||
|
:mode="mode"
|
||||||
|
>
|
||||||
|
<template #option="option">
|
||||||
|
<span>{{ option.value }} <span class="text-label">({{ option.displayLabel }})</span></span>
|
||||||
|
</template>
|
||||||
|
</LabeledSelect>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
v-if="compatibleNodes.length && selectedDevices.length"
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<div class="col span-12 text-muted">
|
||||||
|
Compatible hosts:
|
||||||
|
<!-- eslint-disable-next-line vue/no-parsing-error -->
|
||||||
|
<span
|
||||||
|
v-for="(node, idx) in compatibleNodes"
|
||||||
|
:key="idx"
|
||||||
|
>{{ node }}{{ idx < compatibleNodes.length-1 ? ', ' : '' }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
v-else-if="selectedDevices.length"
|
||||||
|
class="text-error"
|
||||||
|
>
|
||||||
|
{{ t('harvester.pci.impossibleSelection') }}
|
||||||
|
</div>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="btn btn-sm role-link pl-0"
|
||||||
|
@click="e=>{showMatrix = !showMatrix; e.target.blur()}"
|
||||||
|
>
|
||||||
|
{{ showMatrix ? t('harvester.pci.hideCompatibility') : t('harvester.pci.showCompatibility') }}
|
||||||
|
</button>
|
||||||
|
<div
|
||||||
|
v-if="showMatrix"
|
||||||
|
class="row mt-20"
|
||||||
|
>
|
||||||
|
<div class="col span-12">
|
||||||
|
<CompatibilityMatrix
|
||||||
|
:enabled-devices="enabledDevices"
|
||||||
|
:devices-by-node="devicesByNode"
|
||||||
|
:devices-in-use="devicesInUse"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<div class="row mt-20">
|
||||||
|
<div class="col span-12">
|
||||||
|
<DeviceList
|
||||||
|
:schema="pciDeviceSchema"
|
||||||
|
:devices="pciDevices"
|
||||||
|
@submit.prevent
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
|
||||||
<div class="row mt-20">
|
|
||||||
<div class="col span-12">
|
|
||||||
<DeviceList
|
|
||||||
:schema="pciDeviceSchema"
|
|
||||||
:devices="pciDevices"
|
|
||||||
@submit.prevent
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -21,7 +21,9 @@ import { saferDump } from '@shell/utils/create-yaml';
|
|||||||
import { exceptionToErrorsArray } from '@shell/utils/error';
|
import { exceptionToErrorsArray } from '@shell/utils/error';
|
||||||
import { HCI as HCI_ANNOTATIONS } from '@pkg/harvester/config/labels-annotations';
|
import { HCI as HCI_ANNOTATIONS } from '@pkg/harvester/config/labels-annotations';
|
||||||
import { BEFORE_SAVE_HOOKS, AFTER_SAVE_HOOKS } from '@shell/mixins/child-hook';
|
import { BEFORE_SAVE_HOOKS, AFTER_SAVE_HOOKS } from '@shell/mixins/child-hook';
|
||||||
|
|
||||||
import CreateEditView from '@shell/mixins/create-edit-view';
|
import CreateEditView from '@shell/mixins/create-edit-view';
|
||||||
|
|
||||||
import { parseVolumeClaimTemplates } from '@pkg/utils/vm';
|
import { parseVolumeClaimTemplates } from '@pkg/utils/vm';
|
||||||
import VM_MIXIN from '../../mixins/harvester-vm';
|
import VM_MIXIN from '../../mixins/harvester-vm';
|
||||||
import { HCI } from '../../types';
|
import { HCI } from '../../types';
|
||||||
@ -35,7 +37,6 @@ import Network from './VirtualMachineNetwork';
|
|||||||
import Volume from './VirtualMachineVolume';
|
import Volume from './VirtualMachineVolume';
|
||||||
import SSHKey from './VirtualMachineSSHKey';
|
import SSHKey from './VirtualMachineSSHKey';
|
||||||
import Reserved from './VirtualMachineReserved';
|
import Reserved from './VirtualMachineReserved';
|
||||||
import Filesystem from './VirtualMachineFilesystem';
|
|
||||||
import { Banner } from '@components/Banner';
|
import { Banner } from '@components/Banner';
|
||||||
import MessageLink from '@shell/components/MessageLink';
|
import MessageLink from '@shell/components/MessageLink';
|
||||||
|
|
||||||
@ -71,7 +72,6 @@ export default {
|
|||||||
Banner,
|
Banner,
|
||||||
MessageLink,
|
MessageLink,
|
||||||
UsbDevices,
|
UsbDevices,
|
||||||
Filesystem,
|
|
||||||
},
|
},
|
||||||
|
|
||||||
mixins: [CreateEditView, VM_MIXIN],
|
mixins: [CreateEditView, VM_MIXIN],
|
||||||
@ -91,36 +91,22 @@ export default {
|
|||||||
|
|
||||||
const hostname = this.value.spec.template.spec.hostname || '';
|
const hostname = this.value.spec.template.spec.hostname || '';
|
||||||
|
|
||||||
const customizeDisplayName = !!(this.value.metadata?.annotations?.[HCI_ANNOTATIONS.VM_DISPLAY_NAME]);
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
cloneVM,
|
cloneVM,
|
||||||
count: 2,
|
count: 2,
|
||||||
templateId: '',
|
templateId: '',
|
||||||
templateVersionId: '',
|
templateVersionId: '',
|
||||||
namePrefix: '',
|
namePrefix: '',
|
||||||
isSingle: true,
|
isSingle: true,
|
||||||
isOpen: false,
|
isOpen: false,
|
||||||
hostname,
|
hostname,
|
||||||
isRestartImmediately,
|
isRestartImmediately,
|
||||||
customizeDisplayName,
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters({ t: 'i18n/t' }),
|
...mapGetters({ t: 'i18n/t' }),
|
||||||
|
|
||||||
// VM display name is stored as an annotation; bind a dedicated input to it
|
|
||||||
// so we don't have to mutate metadata.name (which would break the k8s PUT).
|
|
||||||
displayName: {
|
|
||||||
get() {
|
|
||||||
return this.value.metadata?.annotations?.[HCI_ANNOTATIONS.VM_DISPLAY_NAME] || '';
|
|
||||||
},
|
|
||||||
set(val) {
|
|
||||||
this.value.setAnnotation(HCI_ANNOTATIONS.VM_DISPLAY_NAME, val);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
to() {
|
to() {
|
||||||
return {
|
return {
|
||||||
name: 'harvester-c-cluster-resource',
|
name: 'harvester-c-cluster-resource',
|
||||||
@ -232,9 +218,6 @@ export default {
|
|||||||
usbPassthroughEnabled() {
|
usbPassthroughEnabled() {
|
||||||
return this.$store.getters['harvester-common/getFeatureEnabled']('usbPassthrough');
|
return this.$store.getters['harvester-common/getFeatureEnabled']('usbPassthrough');
|
||||||
},
|
},
|
||||||
filesystemEnabled() {
|
|
||||||
return this.$store.getters['harvester-common/getFeatureEnabled']('supportFilesystem');
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
|
|
||||||
watch: {
|
watch: {
|
||||||
@ -306,12 +289,6 @@ export default {
|
|||||||
this.getInitConfig({ value: this.value, init: this.isCreate });
|
this.getInitConfig({ value: this.value, init: this.isCreate });
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
customizeDisplayName(neu) {
|
|
||||||
if (!neu) {
|
|
||||||
this.value.setAnnotation(HCI_ANNOTATIONS.VM_DISPLAY_NAME, '');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
|
|
||||||
created() {
|
created() {
|
||||||
@ -344,7 +321,6 @@ export default {
|
|||||||
const diskRows = this.getDiskRows(this.value);
|
const diskRows = this.getDiskRows(this.value);
|
||||||
|
|
||||||
this['diskRows'] = diskRows;
|
this['diskRows'] = diskRows;
|
||||||
this['filesystemRows'] = this.getFilesystemRows(this.value);
|
|
||||||
const templateId = this.$route.query.templateId;
|
const templateId = this.$route.query.templateId;
|
||||||
const templateVersionId = this.$route.query.versionId;
|
const templateVersionId = this.$route.query.versionId;
|
||||||
|
|
||||||
@ -634,33 +610,6 @@ export default {
|
|||||||
</template>
|
</template>
|
||||||
</NameNsDescription>
|
</NameNsDescription>
|
||||||
|
|
||||||
<div v-if="isSingle">
|
|
||||||
<div class="row mb-20">
|
|
||||||
<div class="col span-12">
|
|
||||||
<Checkbox
|
|
||||||
v-model:value="customizeDisplayName"
|
|
||||||
class="check"
|
|
||||||
type="checkbox"
|
|
||||||
:label="t('harvester.virtualMachine.input.customizeDisplayName')"
|
|
||||||
:mode="mode"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="customizeDisplayName"
|
|
||||||
class="row mb-20"
|
|
||||||
>
|
|
||||||
<div class="col span-6">
|
|
||||||
<LabeledInput
|
|
||||||
v-model:value="displayName"
|
|
||||||
:mode="mode"
|
|
||||||
:label="t('harvester.virtualMachine.input.displayName')"
|
|
||||||
:placeholder="t('harvester.virtualMachine.input.displayNamePlaceholder')"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Checkbox
|
<Checkbox
|
||||||
v-if="isCreate"
|
v-if="isCreate"
|
||||||
v-model:value="useTemplate"
|
v-model:value="useTemplate"
|
||||||
@ -834,23 +783,10 @@ export default {
|
|||||||
/>
|
/>
|
||||||
</Tab>
|
</Tab>
|
||||||
|
|
||||||
<Tab
|
|
||||||
v-if="filesystemEnabled"
|
|
||||||
name="filesystem"
|
|
||||||
:label="t('harvester.tab.filesystem')"
|
|
||||||
:weight="-9"
|
|
||||||
>
|
|
||||||
<Filesystem
|
|
||||||
v-model:value="filesystemRows"
|
|
||||||
:mode="isCreate ? mode : 'view'"
|
|
||||||
:namespace="value.metadata.namespace"
|
|
||||||
/>
|
|
||||||
</Tab>
|
|
||||||
|
|
||||||
<Tab
|
<Tab
|
||||||
name="labels"
|
name="labels"
|
||||||
:label="t('generic.labels')"
|
:label="t('generic.labels')"
|
||||||
:weight="-10"
|
:weight="-9"
|
||||||
>
|
>
|
||||||
<Banner color="info">
|
<Banner color="info">
|
||||||
<t k="harvester.virtualMachine.labels.banner" />
|
<t k="harvester.virtualMachine.labels.banner" />
|
||||||
@ -869,7 +805,7 @@ export default {
|
|||||||
<Tab
|
<Tab
|
||||||
name="instanceLabel"
|
name="instanceLabel"
|
||||||
:label="t('harvester.tab.instanceLabel')"
|
:label="t('harvester.tab.instanceLabel')"
|
||||||
:weight="-11"
|
:weight="-10"
|
||||||
>
|
>
|
||||||
<Banner color="info">
|
<Banner color="info">
|
||||||
<t k="harvester.virtualMachine.instanceLabels.banner" />
|
<t k="harvester.virtualMachine.instanceLabels.banner" />
|
||||||
@ -890,7 +826,7 @@ export default {
|
|||||||
<Tab
|
<Tab
|
||||||
name="annotations"
|
name="annotations"
|
||||||
:label="t('harvester.tab.annotations')"
|
:label="t('harvester.tab.annotations')"
|
||||||
:weight="-12"
|
:weight="-11"
|
||||||
>
|
>
|
||||||
<Banner color="info">
|
<Banner color="info">
|
||||||
<t k="harvester.virtualMachine.annotations.banner" />
|
<t k="harvester.virtualMachine.annotations.banner" />
|
||||||
@ -911,7 +847,7 @@ export default {
|
|||||||
<Tab
|
<Tab
|
||||||
name="advanced"
|
name="advanced"
|
||||||
:label="t('harvester.tab.advanced')"
|
:label="t('harvester.tab.advanced')"
|
||||||
:weight="-13"
|
:weight="-12"
|
||||||
>
|
>
|
||||||
<div class="row mb-20">
|
<div class="row mb-20">
|
||||||
<div class="col span-6">
|
<div class="col span-6">
|
||||||
|
|||||||
@ -1,419 +0,0 @@
|
|||||||
<script>
|
|
||||||
import CruResource from '@shell/components/CruResource';
|
|
||||||
import NameNsDescription from '@shell/components/form/NameNsDescription';
|
|
||||||
import ResourceTabs from '@shell/components/form/ResourceTabs';
|
|
||||||
import Tab from '@shell/components/Tabbed/Tab';
|
|
||||||
import InfoBox from '@shell/components/InfoBox';
|
|
||||||
import MessageLink from '@shell/components/MessageLink';
|
|
||||||
import LabeledSelect from '@shell/components/form/LabeledSelect';
|
|
||||||
import { LabeledInput } from '@components/Form/LabeledInput';
|
|
||||||
import { RadioGroup } from '@components/Form/Radio';
|
|
||||||
import { Checkbox } from '@components/Form/Checkbox';
|
|
||||||
import HarvesterNodeSelector from '../components/HarvesterNodeSelector';
|
|
||||||
import CreateEditView from '@shell/mixins/create-edit-view';
|
|
||||||
import { allHash } from '@shell/utils/promise';
|
|
||||||
import { set } from '@shell/utils/object';
|
|
||||||
import { NODE } from '@shell/config/types';
|
|
||||||
import { HCI } from '../types';
|
|
||||||
import { ADD_ONS } from '../config/harvester-map';
|
|
||||||
|
|
||||||
const MODE_DHCP = 'dhcp';
|
|
||||||
const MODE_STATIC = 'static';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'HarvesterHostNetworkConfigEditPage',
|
|
||||||
|
|
||||||
emits: ['update:value'],
|
|
||||||
|
|
||||||
components: {
|
|
||||||
CruResource,
|
|
||||||
NameNsDescription,
|
|
||||||
ResourceTabs,
|
|
||||||
Tab,
|
|
||||||
InfoBox,
|
|
||||||
MessageLink,
|
|
||||||
LabeledSelect,
|
|
||||||
LabeledInput,
|
|
||||||
RadioGroup,
|
|
||||||
Checkbox,
|
|
||||||
HarvesterNodeSelector,
|
|
||||||
},
|
|
||||||
|
|
||||||
mixins: [CreateEditView],
|
|
||||||
|
|
||||||
inheritAttrs: false,
|
|
||||||
|
|
||||||
props: {
|
|
||||||
value: {
|
|
||||||
type: Object,
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
async fetch() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
|
|
||||||
await allHash({
|
|
||||||
clusterNetworks: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.CLUSTER_NETWORK }),
|
|
||||||
nodes: this.$store.dispatch(`${ inStore }/findAll`, { type: NODE }),
|
|
||||||
hostNetworkConfigs: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.HOST_NETWORK_CONFIG }),
|
|
||||||
addons: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.ADD_ONS }),
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
data() {
|
|
||||||
const networkMode = this.value?.spec?.mode || MODE_DHCP;
|
|
||||||
const ips = { ...(this.value?.spec?.ips || {}) };
|
|
||||||
|
|
||||||
if (!this.value.spec) {
|
|
||||||
set(this.value, 'spec', {});
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
networkMode,
|
|
||||||
ips,
|
|
||||||
hasNodeSelector: !!this.value?.spec?.nodeSelector,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
computed: {
|
|
||||||
modeOptions() {
|
|
||||||
return [
|
|
||||||
{ label: 'DHCP', value: MODE_DHCP },
|
|
||||||
{ label: 'Static', value: MODE_STATIC },
|
|
||||||
];
|
|
||||||
},
|
|
||||||
|
|
||||||
clusterNetworkOptions() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
const clusterNetworks = this.$store.getters[`${ inStore }/all`](HCI.CLUSTER_NETWORK) || [];
|
|
||||||
|
|
||||||
return clusterNetworks.map((n) => {
|
|
||||||
const disabled = !n.isReady;
|
|
||||||
|
|
||||||
return {
|
|
||||||
label: disabled ? `${ n.id } (${ this.t('generic.notReady') })` : n.id,
|
|
||||||
value: n.id,
|
|
||||||
disabled,
|
|
||||||
};
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
nodes() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
|
|
||||||
return this.$store.getters[`${ inStore }/all`](NODE) || [];
|
|
||||||
},
|
|
||||||
|
|
||||||
isStaticMode() {
|
|
||||||
return this.networkMode === MODE_STATIC;
|
|
||||||
},
|
|
||||||
|
|
||||||
underlay: {
|
|
||||||
get() {
|
|
||||||
return !!this.value?.spec?.underlay;
|
|
||||||
},
|
|
||||||
set(val) {
|
|
||||||
set(this.value, 'spec.underlay', val);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
vlanID: {
|
|
||||||
get() {
|
|
||||||
return this.value?.spec?.vlanID;
|
|
||||||
},
|
|
||||||
set(val) {
|
|
||||||
set(this.value, 'spec.vlanID', val);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
clusterNetwork: {
|
|
||||||
get() {
|
|
||||||
return this.value?.spec?.clusterNetwork;
|
|
||||||
},
|
|
||||||
set(val) {
|
|
||||||
set(this.value, 'spec.clusterNetwork', val);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
underlayConflict() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
const all = this.$store.getters[`${ inStore }/all`](HCI.HOST_NETWORK_CONFIG) || [];
|
|
||||||
const currentId = this.value?.id;
|
|
||||||
|
|
||||||
return all.find((c) => c.id !== currentId && c.spec?.underlay === true) || null;
|
|
||||||
},
|
|
||||||
|
|
||||||
kubeovnEnabled() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
const addons = this.$store.getters[`${ inStore }/all`](HCI.ADD_ONS) || [];
|
|
||||||
|
|
||||||
return addons.find((a) => a.name === ADD_ONS.KUBEOVN_OPERATOR)?.spec?.enabled === true;
|
|
||||||
},
|
|
||||||
|
|
||||||
underlayDisabled() {
|
|
||||||
return !this.kubeovnEnabled || !!this.underlayConflict;
|
|
||||||
},
|
|
||||||
|
|
||||||
kubeovnAddonTo() {
|
|
||||||
return {
|
|
||||||
name: 'c-cluster-product-resource-namespace-id',
|
|
||||||
params: {
|
|
||||||
cluster: this.$route.params.cluster,
|
|
||||||
product: this.$store.getters['productId'],
|
|
||||||
resource: HCI.ADD_ONS,
|
|
||||||
namespace: 'kube-system',
|
|
||||||
id: ADD_ONS.KUBEOVN_OPERATOR,
|
|
||||||
},
|
|
||||||
query: { mode: 'edit' },
|
|
||||||
hash: '#basic',
|
|
||||||
};
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
watch: {
|
|
||||||
networkMode(neu) {
|
|
||||||
set(this.value, 'spec.mode', neu);
|
|
||||||
|
|
||||||
if (neu !== MODE_STATIC) {
|
|
||||||
if (this.value?.spec?.ips !== undefined) {
|
|
||||||
delete this.value.spec.ips;
|
|
||||||
}
|
|
||||||
this.ips = {};
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
created() {
|
|
||||||
if (this.registerBeforeHook) {
|
|
||||||
this.registerBeforeHook(this.updateBeforeSave);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
updateBeforeSave() {
|
|
||||||
set(this.value, 'spec.mode', this.networkMode);
|
|
||||||
|
|
||||||
if (this.isStaticMode) {
|
|
||||||
set(this.value, 'spec.ips', { ...this.ips });
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
updateIp(nodeName, val) {
|
|
||||||
this.ips = { ...this.ips, [nodeName]: val };
|
|
||||||
},
|
|
||||||
|
|
||||||
addNodeSelector() {
|
|
||||||
set(this.value.spec, 'nodeSelector', {
|
|
||||||
matchExpressions: [{
|
|
||||||
key: '', operator: 'In', values: []
|
|
||||||
}]
|
|
||||||
});
|
|
||||||
this.hasNodeSelector = true;
|
|
||||||
},
|
|
||||||
|
|
||||||
removeNodeSelector() {
|
|
||||||
delete this.value.spec.nodeSelector;
|
|
||||||
this.hasNodeSelector = false;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<CruResource
|
|
||||||
:done-route="doneRoute"
|
|
||||||
:mode="mode"
|
|
||||||
:resource="value"
|
|
||||||
:errors="errors"
|
|
||||||
:apply-hooks="applyHooks"
|
|
||||||
@finish="save"
|
|
||||||
@cancel="done"
|
|
||||||
@error="e => errors = e"
|
|
||||||
>
|
|
||||||
<NameNsDescription
|
|
||||||
:value="value"
|
|
||||||
:mode="mode"
|
|
||||||
:namespaced="false"
|
|
||||||
description-key="spec.description"
|
|
||||||
@update:value="$emit('update:value', $event)"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<ResourceTabs
|
|
||||||
class="mt-15"
|
|
||||||
:need-conditions="false"
|
|
||||||
:need-related="false"
|
|
||||||
:need-events="false"
|
|
||||||
:side-tabs="true"
|
|
||||||
:mode="mode"
|
|
||||||
>
|
|
||||||
<Tab
|
|
||||||
name="basic"
|
|
||||||
:label="t('harvester.hostNetworkConfig.tabs.mode')"
|
|
||||||
:weight="99"
|
|
||||||
class="bordered-table"
|
|
||||||
>
|
|
||||||
<div class="row mb-20">
|
|
||||||
<div class="col span-6">
|
|
||||||
<RadioGroup
|
|
||||||
v-model:value="networkMode"
|
|
||||||
name="hostNetworkConfigMode"
|
|
||||||
:options="modeOptions"
|
|
||||||
:mode="mode"
|
|
||||||
:row="true"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row mb-20">
|
|
||||||
<div class="col span-6">
|
|
||||||
<LabeledSelect
|
|
||||||
v-model:value="clusterNetwork"
|
|
||||||
:label="t('harvester.network.clusterNetwork.label')"
|
|
||||||
:options="clusterNetworkOptions"
|
|
||||||
:mode="mode"
|
|
||||||
required
|
|
||||||
:placeholder="t('harvester.network.clusterNetwork.selectPlaceholder')"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row mb-20">
|
|
||||||
<div class="col span-6">
|
|
||||||
<LabeledInput
|
|
||||||
v-model:value.number="vlanID"
|
|
||||||
type="number"
|
|
||||||
required
|
|
||||||
:min="2"
|
|
||||||
:max="4094"
|
|
||||||
placeholder="e.g. 2 ~ 4094"
|
|
||||||
:label="t('harvester.hostNetworkConfig.vlanID.label')"
|
|
||||||
:mode="mode"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row mb-20">
|
|
||||||
<div class="col span-6">
|
|
||||||
<Checkbox
|
|
||||||
v-model:value="underlay"
|
|
||||||
:label="t('harvester.hostNetworkConfig.underlay.label')"
|
|
||||||
:tooltip="t('harvester.hostNetworkConfig.underlay.tooltip')"
|
|
||||||
:mode="mode"
|
|
||||||
:disabled="underlayDisabled"
|
|
||||||
/>
|
|
||||||
<span
|
|
||||||
v-if="!kubeovnEnabled"
|
|
||||||
class="underlay-conflict-warning"
|
|
||||||
>
|
|
||||||
<i class="icon icon-warning" />
|
|
||||||
<MessageLink
|
|
||||||
:to="kubeovnAddonTo"
|
|
||||||
prefix-label="harvester.hostNetworkConfig.underlay.noKubeovn.prefix"
|
|
||||||
middle-label="harvester.hostNetworkConfig.underlay.noKubeovn.middle"
|
|
||||||
suffix-label="harvester.hostNetworkConfig.underlay.noKubeovn.suffix"
|
|
||||||
/>
|
|
||||||
</span>
|
|
||||||
<span
|
|
||||||
v-else-if="underlayConflict"
|
|
||||||
class="underlay-conflict-warning"
|
|
||||||
>
|
|
||||||
<i class="icon icon-warning" />
|
|
||||||
{{ t('harvester.hostNetworkConfig.underlay.conflict', { name: underlayConflict.nameDisplay || underlayConflict.id }) }}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<template v-if="isStaticMode">
|
|
||||||
<hr class="section-divider" />
|
|
||||||
<div
|
|
||||||
v-for="node in nodes"
|
|
||||||
:key="node.id"
|
|
||||||
class="row mb-10 ips-row"
|
|
||||||
>
|
|
||||||
<div class="col span-3">
|
|
||||||
<LabeledInput
|
|
||||||
:value="node.nameDisplay || node.id"
|
|
||||||
:label="t('harvester.hostNetworkConfig.ips.nodeLabel')"
|
|
||||||
mode="view"
|
|
||||||
:disabled="true"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="col span-5">
|
|
||||||
<LabeledInput
|
|
||||||
:value="ips[node.id]"
|
|
||||||
:label="t('harvester.hostNetworkConfig.ips.label')"
|
|
||||||
:placeholder="t('harvester.hostNetworkConfig.ips.placeholder')"
|
|
||||||
:mode="mode"
|
|
||||||
required
|
|
||||||
@update:value="updateIp(node.id, $event)"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</Tab>
|
|
||||||
<Tab
|
|
||||||
name="nodeSelector"
|
|
||||||
:label="t('harvester.hostNetworkConfig.tabs.nodeSelector')"
|
|
||||||
:weight="98"
|
|
||||||
>
|
|
||||||
<template v-if="hasNodeSelector">
|
|
||||||
<InfoBox class="node-selector-box">
|
|
||||||
<button
|
|
||||||
v-if="!isView"
|
|
||||||
type="button"
|
|
||||||
class="role-link btn btn-sm remove"
|
|
||||||
:aria-label="t('generic.remove')"
|
|
||||||
@click="removeNodeSelector"
|
|
||||||
>
|
|
||||||
<i class="icon icon-x" />
|
|
||||||
</button>
|
|
||||||
<HarvesterNodeSelector
|
|
||||||
class="mt-20"
|
|
||||||
:value="value.spec.nodeSelector"
|
|
||||||
:mode="mode"
|
|
||||||
/>
|
|
||||||
</InfoBox>
|
|
||||||
</template>
|
|
||||||
<template v-else>
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
class="btn role-secondary"
|
|
||||||
:disabled="isView"
|
|
||||||
@click="addNodeSelector"
|
|
||||||
>
|
|
||||||
{{ t('harvester.hostNetworkConfig.nodeSelector.addButton') }}
|
|
||||||
</button>
|
|
||||||
</template>
|
|
||||||
</Tab>
|
|
||||||
</ResourceTabs>
|
|
||||||
</CruResource>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.section-divider {
|
|
||||||
border: none;
|
|
||||||
border-top: 1px solid var(--border);
|
|
||||||
margin: 10px 0 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.node-selector-box {
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.remove {
|
|
||||||
position: absolute;
|
|
||||||
top: 10px;
|
|
||||||
right: 10px;
|
|
||||||
z-index: 1;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.underlay-conflict-warning {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 4px;
|
|
||||||
margin-top: 4px;
|
|
||||||
color: var(--warning);
|
|
||||||
font-size: 13px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -31,10 +31,6 @@ export default {
|
|||||||
to() {
|
to() {
|
||||||
return this.vm?.detailLocation;
|
return this.vm?.detailLocation;
|
||||||
},
|
},
|
||||||
|
|
||||||
attachVMName() {
|
|
||||||
return this.vm?.nameDisplay || this.vm?.metadata?.name || this.value;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
@ -44,10 +40,10 @@ export default {
|
|||||||
v-if="to"
|
v-if="to"
|
||||||
:to="to"
|
:to="to"
|
||||||
>
|
>
|
||||||
{{ attachVMName }}
|
{{ value }}
|
||||||
</router-link>
|
</router-link>
|
||||||
|
|
||||||
<span v-else>
|
<span v-else>
|
||||||
{{ attachVMName }}
|
{{ value }}
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -1,23 +0,0 @@
|
|||||||
<script>
|
|
||||||
export default {
|
|
||||||
name: 'HarvesterBooleanFormatter',
|
|
||||||
props: {
|
|
||||||
value: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<span v-if="value">
|
|
||||||
<i class="icon icon-checkmark" />
|
|
||||||
</span>
|
|
||||||
<span
|
|
||||||
v-else
|
|
||||||
class="text-muted"
|
|
||||||
>
|
|
||||||
—
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
@ -1,29 +0,0 @@
|
|||||||
<script>
|
|
||||||
export default {
|
|
||||||
name: 'HarvesterHostNetworkConfigModeFormatter',
|
|
||||||
props: {
|
|
||||||
value: {
|
|
||||||
type: String,
|
|
||||||
default: '',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
computed: {
|
|
||||||
displayMode() {
|
|
||||||
if (this.value?.toLowerCase() === 'dhcp') {
|
|
||||||
return 'DHCP';
|
|
||||||
}
|
|
||||||
|
|
||||||
if (this.value?.toLowerCase() === 'static') {
|
|
||||||
return 'Static';
|
|
||||||
}
|
|
||||||
|
|
||||||
return this.value;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<span>{{ displayMode }}</span>
|
|
||||||
</template>
|
|
||||||
@ -1,24 +0,0 @@
|
|||||||
<script>
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'HarvesterVlanFormatter',
|
|
||||||
props: {
|
|
||||||
value: {
|
|
||||||
type: String,
|
|
||||||
default: '',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<span v-if="value">
|
|
||||||
{{ value }}
|
|
||||||
</span>
|
|
||||||
<span
|
|
||||||
v-else
|
|
||||||
class="text-muted"
|
|
||||||
>
|
|
||||||
—
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
@ -295,12 +295,6 @@ harvester:
|
|||||||
harvesterIpAddress:
|
harvesterIpAddress:
|
||||||
customIpTooltip: "Custom IP (set via annotation)"
|
customIpTooltip: "Custom IP (set via annotation)"
|
||||||
tableHeaders:
|
tableHeaders:
|
||||||
hostNetworkConfig:
|
|
||||||
underlay: Underlay
|
|
||||||
underlayTooltip: Allow this interface to act as the underlay for VM overlay networks.
|
|
||||||
vlanID: VLAN ID
|
|
||||||
mode: Mode
|
|
||||||
clusterNetwork: Cluster Network
|
|
||||||
imageEncryption: Encryption
|
imageEncryption: Encryption
|
||||||
size: Size
|
size: Size
|
||||||
virtualSize: Virtual Size
|
virtualSize: Virtual Size
|
||||||
@ -348,9 +342,6 @@ harvester:
|
|||||||
vmImportSourceOClusterStatus: Cluster Status
|
vmImportSourceOClusterStatus: Cluster Status
|
||||||
vmImportSourceOVAUrl: URL
|
vmImportSourceOVAUrl: URL
|
||||||
vmImportSourceOVAStatus: Status
|
vmImportSourceOVAStatus: Status
|
||||||
v4ip: V4 IP
|
|
||||||
v6ip: V6 IP
|
|
||||||
eipName: EIP Name
|
|
||||||
tab:
|
tab:
|
||||||
volume: Volumes
|
volume: Volumes
|
||||||
network: Networks
|
network: Networks
|
||||||
@ -364,7 +355,6 @@ harvester:
|
|||||||
snapshots: Snapshots
|
snapshots: Snapshots
|
||||||
instanceLabel: Instance Labels
|
instanceLabel: Instance Labels
|
||||||
annotations: Annotations
|
annotations: Annotations
|
||||||
filesystem: Filesystem Volume
|
|
||||||
fields:
|
fields:
|
||||||
version: Version
|
version: Version
|
||||||
name: Name
|
name: Name
|
||||||
@ -401,6 +391,21 @@ harvester:
|
|||||||
middle: vGPU Devices
|
middle: vGPU Devices
|
||||||
suffix: page.
|
suffix: page.
|
||||||
deviceInTheSameHost: 'You can only select devices on the same host.'
|
deviceInTheSameHost: 'You can only select devices on the same host.'
|
||||||
|
oldFormatDevices:
|
||||||
|
help: |-
|
||||||
|
<p>
|
||||||
|
The following PCI devices are using the old naming convention and need to be updated in the YAML file:
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
{oldFormatDevicesHTML}
|
||||||
|
</ul>
|
||||||
|
<p>
|
||||||
|
Please use the following instructions to update the virtual machine:
|
||||||
|
</p>
|
||||||
|
<ol>
|
||||||
|
<li>Stop the virtual machine, edit the virtual machine YAML, and remove the <Code>hostDevices</Code> section, and save virtual machine the changes to the YAML file.</li>
|
||||||
|
<li>Edit the virtual machine, and add the already enabled PCI Device from the list of available PCIDevices, and save and start VM.</li>
|
||||||
|
</ol>
|
||||||
showCompatibility: Show device compatibility matrix
|
showCompatibility: Show device compatibility matrix
|
||||||
hideCompatibility: Hide device compatibility matrix
|
hideCompatibility: Hide device compatibility matrix
|
||||||
claimError: Error enabling passthrough on {name}
|
claimError: Error enabling passthrough on {name}
|
||||||
@ -418,8 +423,6 @@ harvester:
|
|||||||
suffix: to enable the add-on to successfully manage your PCI devices.
|
suffix: to enable the add-on to successfully manage your PCI devices.
|
||||||
noPCIPermission: Please contact your system administrator to enable the PCI devices first.
|
noPCIPermission: Please contact your system administrator to enable the PCI devices first.
|
||||||
enablePassthroughWarning: Please be careful not to use host-owned PCI devices (e.g., management and VLAN NICs). Incorrect device allocation may cause damage to your cluster, including node failure.
|
enablePassthroughWarning: Please be careful not to use host-owned PCI devices (e.g., management and VLAN NICs). Incorrect device allocation may cause damage to your cluster, including node failure.
|
||||||
disableResourcePooling: Disable Resource Pooling
|
|
||||||
disableResourcePoolingDescription: Assigns this device a unique resource name so it can be pinned to a specific VM, instead of sharing the pool with other identical devices.
|
|
||||||
|
|
||||||
devices:
|
devices:
|
||||||
matrixHostName: Host Name
|
matrixHostName: Host Name
|
||||||
@ -784,7 +787,7 @@ harvester:
|
|||||||
addPort: Add Port
|
addPort: Add Port
|
||||||
cloudConfig:
|
cloudConfig:
|
||||||
title: Cloud Configuration
|
title: Cloud Configuration
|
||||||
createTemplateTitle: 'Create {name}'
|
createTemplateTitle: 'Create {name}.'
|
||||||
createNew: Create new...
|
createNew: Create new...
|
||||||
cloudInit:
|
cloudInit:
|
||||||
label: Cloud Init
|
label: Cloud Init
|
||||||
@ -827,18 +830,6 @@ harvester:
|
|||||||
username: Username
|
username: Username
|
||||||
password: Password
|
password: Password
|
||||||
reservedMemory: Reserved Memory
|
reservedMemory: Reserved Memory
|
||||||
customizeDisplayName: Customize virtual machine display name
|
|
||||||
displayNamePlaceholder: Virtual machine alias name
|
|
||||||
displayName: Display Name
|
|
||||||
filesystem:
|
|
||||||
description: Harvester supports filesystem volumes for VM via virtiofs.
|
|
||||||
type: Filesystem Type
|
|
||||||
volume: Volume
|
|
||||||
resource: Resource
|
|
||||||
add: Add
|
|
||||||
mountBannerHint: "Please update the mount path (e.g. /mnt/appconfigfs) to your preferred location, then add the corresponding commands to the"
|
|
||||||
mountBannerHintLink: "runcmd"
|
|
||||||
mountBannerHintSuffix: "in Advanced tab User Data."
|
|
||||||
machineTypeTip: 'Specify a processor architecture to emulate. To see a list of supported architectures, run: qemu-system-x86_64 -cpu ?'
|
machineTypeTip: 'Specify a processor architecture to emulate. To see a list of supported architectures, run: qemu-system-x86_64 -cpu ?'
|
||||||
detail:
|
detail:
|
||||||
tabs:
|
tabs:
|
||||||
@ -1158,9 +1149,6 @@ harvester:
|
|||||||
gateway:
|
gateway:
|
||||||
label: Gateway IP
|
label: Gateway IP
|
||||||
placeholder: e.g. 172.20.0.1
|
placeholder: e.g. 172.20.0.1
|
||||||
vlan:
|
|
||||||
label: VLAN
|
|
||||||
placeholder: Select a VLAN
|
|
||||||
dhcp:
|
dhcp:
|
||||||
label: Dynamic Host Configuration Protocol (DHCP)
|
label: Dynamic Host Configuration Protocol (DHCP)
|
||||||
v4Options: DHCPV4Options
|
v4Options: DHCPV4Options
|
||||||
@ -1168,9 +1156,6 @@ harvester:
|
|||||||
placeholder: key1=value1, key2=value2
|
placeholder: key1=value1, key2=value2
|
||||||
dhcpOptionBanner: DHCP options is a key/value string concatenate with comma. For more detail, please refer to <a href="https://kubeovn.github.io/docs/v1.13.x/en/kubevirt/dhcp/" target="_blank">KubOVN document</a>
|
dhcpOptionBanner: DHCP options is a key/value string concatenate with comma. For more detail, please refer to <a href="https://kubeovn.github.io/docs/v1.13.x/en/kubevirt/dhcp/" target="_blank">KubOVN document</a>
|
||||||
tooltip: Enable DHCP server for this subnet. When enabled, VMs can automatically obtain IP addresses from this subnet.
|
tooltip: Enable DHCP server for this subnet. When enabled, VMs can automatically obtain IP addresses from this subnet.
|
||||||
externalConnectivity:
|
|
||||||
label: NAT Outgoing
|
|
||||||
tooltip: Enable NAT for VMs using this subnet to access external networks.
|
|
||||||
private:
|
private:
|
||||||
label: Private Subnet
|
label: Private Subnet
|
||||||
tooltip: Enable network isolation for this Subnet. When enabled, VMs can only communicate within this subnet, even if other subnets exist under the same VPC.
|
tooltip: Enable network isolation for this Subnet. When enabled, VMs can only communicate within this subnet, even if other subnets exist under the same VPC.
|
||||||
@ -1246,97 +1231,14 @@ harvester:
|
|||||||
remoteVpc:
|
remoteVpc:
|
||||||
label: Remote VPC
|
label: Remote VPC
|
||||||
infoBanner: The static route destination CIDR must cover all subnets CIDR from remote VPC Peer. Read <a href="{url}" target="_blank">VPC Peering Configuration Examples</a> for more information.
|
infoBanner: The static route destination CIDR must cover all subnets CIDR from remote VPC Peer. Read <a href="{url}" target="_blank">VPC Peering Configuration Examples</a> for more information.
|
||||||
natGateway:
|
|
||||||
label: Gateways
|
|
||||||
internalTenantNetwork:
|
|
||||||
label: Internal Tenant Network
|
|
||||||
placeholder: Select a Virtual Machine Network
|
|
||||||
vpc:
|
|
||||||
label: VPC
|
|
||||||
placeholder: Select a VPC
|
|
||||||
subnet:
|
|
||||||
label: Subnet
|
|
||||||
placeholder: Select a subnet
|
|
||||||
lanIp:
|
|
||||||
label: LAN IP
|
|
||||||
placeholder: Enter LAN IP
|
|
||||||
externalSubnets:
|
|
||||||
label: External Subnets
|
|
||||||
addLabel: Add
|
|
||||||
placeholder: Select a subnet
|
|
||||||
externalIP:
|
|
||||||
label: External IPs
|
|
||||||
natGateway:
|
|
||||||
label: VpcNatGateway
|
|
||||||
placeholder: Select a VpcNatGateway
|
|
||||||
externalSubnet:
|
|
||||||
label: External Subnet
|
|
||||||
placeholder: Select an external subnet
|
|
||||||
v4ip:
|
|
||||||
label: V4 IP
|
|
||||||
placeholder: public ip from external subnet
|
|
||||||
snat:
|
|
||||||
label: Source Rules
|
|
||||||
eip:
|
|
||||||
label: EIP
|
|
||||||
placeholder: Select an external IP
|
|
||||||
internalCIDR:
|
|
||||||
label: Internal CIDR
|
|
||||||
placeholder: internal subnet CIDR
|
|
||||||
dnat:
|
|
||||||
label: Destination Rules
|
|
||||||
eip:
|
|
||||||
label: EIP
|
|
||||||
placeholder: Select an external IP
|
|
||||||
externalPort:
|
|
||||||
label: External Port
|
|
||||||
placeholder: port number
|
|
||||||
internalIp:
|
|
||||||
label: Internal IP
|
|
||||||
placeholder: internal IP address
|
|
||||||
internalPort:
|
|
||||||
label: Internal Port
|
|
||||||
placeholder: port number
|
|
||||||
protocol:
|
|
||||||
label: Protocol
|
|
||||||
placeholder: Select protocol (tcp or udp)
|
|
||||||
providerNetwork:
|
|
||||||
label: Provider Networks
|
|
||||||
defaultInterface:
|
|
||||||
label: Default Interface
|
|
||||||
placeholder: Select the interface the same as master interface of external overlay network
|
|
||||||
customInterfaces:
|
|
||||||
label: Custom Interfaces
|
|
||||||
addLabel: Add Custom Interface
|
|
||||||
interface:
|
|
||||||
label: Network Interface
|
|
||||||
placeholder: e.g. eth2
|
|
||||||
nodes:
|
|
||||||
label: Nodes
|
|
||||||
addLabel: Add Node
|
|
||||||
placeholder: Select a node
|
|
||||||
excludedNodes:
|
|
||||||
label: Excluded Nodes
|
|
||||||
addLabel: Add Excluded Node
|
|
||||||
placeholder: Select node to exclude from this provider network
|
|
||||||
vlanNetwork:
|
|
||||||
label: VLANs
|
|
||||||
vlan:
|
|
||||||
id:
|
|
||||||
label: VLAN ID
|
|
||||||
placeholder: "e.g. 1-4094"
|
|
||||||
provider:
|
|
||||||
label: Provider Network
|
|
||||||
placeholder: Select a provider network
|
|
||||||
networkPolicy:
|
networkPolicy:
|
||||||
label: Policies
|
label: Network Policies
|
||||||
banner: The network policies must be used for VMs attached to overlay networks. Please read the <a href="{url}" target="_blank">harvester document</a> how the network policy works.
|
banner: The network policies must be used for VMs attached to overlay networks. Please read the <a href="{url}" target="_blank">harvester document</a> how the network policy works.
|
||||||
network:
|
network:
|
||||||
label: Virtual Machine Networks
|
label: Virtual Machine Networks
|
||||||
tabs:
|
tabs:
|
||||||
basics: Basics
|
basics: Basics
|
||||||
layer3Network: Route
|
layer3Network: Route
|
||||||
nic: Network Interface Card
|
|
||||||
clusterNetwork:
|
clusterNetwork:
|
||||||
label: Cluster Network
|
label: Cluster Network
|
||||||
create: Create a new cluster network
|
create: Create a new cluster network
|
||||||
@ -1405,7 +1307,6 @@ harvester:
|
|||||||
invalid: '"Range" is invalid.'
|
invalid: '"Range" is invalid.'
|
||||||
clusterNetwork: Cluster Network
|
clusterNetwork: Cluster Network
|
||||||
vlan: VLAN ID
|
vlan: VLAN ID
|
||||||
exclusiveVlan: Exclusive VLAN
|
|
||||||
exclude:
|
exclude:
|
||||||
label: Exclude IPs
|
label: Exclude IPs
|
||||||
placeholder: CIDR format, e.g. 172.16.0.10/32
|
placeholder: CIDR format, e.g. 172.16.0.10/32
|
||||||
@ -1630,7 +1531,6 @@ harvester:
|
|||||||
useDefault: Use the default storage
|
useDefault: Use the default storage
|
||||||
volumeEncryption: Volume Encryption
|
volumeEncryption: Volume Encryption
|
||||||
secret: Secret
|
secret: Secret
|
||||||
volumeExpansionCheckbox: Enable Expansion
|
|
||||||
migratable:
|
migratable:
|
||||||
label: Migratable
|
label: Migratable
|
||||||
numberOfReplicas:
|
numberOfReplicas:
|
||||||
@ -1723,9 +1623,8 @@ harvester:
|
|||||||
schedulingRules: Select node(s) matching rules
|
schedulingRules: Select node(s) matching rules
|
||||||
uplink:
|
uplink:
|
||||||
nics:
|
nics:
|
||||||
label: NIC
|
label: NICs
|
||||||
addLabel: Add NIC
|
addLabel: Add NIC
|
||||||
overlayWarning: The NIC selected here must match the NIC provided in the provider network.
|
|
||||||
placeholder: Select a NIC that is available on all the selected nodes
|
placeholder: Select a NIC that is available on all the selected nodes
|
||||||
validate:
|
validate:
|
||||||
available: NIC "{nic}" is not available on the selected nodes
|
available: NIC "{nic}" is not available on the selected nodes
|
||||||
@ -1967,32 +1866,6 @@ harvester:
|
|||||||
addLabel: Add CIDR
|
addLabel: Add CIDR
|
||||||
range:
|
range:
|
||||||
addLabel: Add Range
|
addLabel: Add Range
|
||||||
hostNetworkConfig:
|
|
||||||
label: Host Networks
|
|
||||||
mode:
|
|
||||||
label: Mode
|
|
||||||
tabs:
|
|
||||||
mode: Mode
|
|
||||||
nodeSelector: Node Selector
|
|
||||||
nodeSelector:
|
|
||||||
addButton: Add Node Selector
|
|
||||||
underlay:
|
|
||||||
label: Underlay
|
|
||||||
tooltip: Allow this interface to act as the underlay for VM overlay networks.
|
|
||||||
conflict: '`{name}` host network config already has underlay enabled. Only one underlay is allowed in the cluster.'
|
|
||||||
noKubeovn:
|
|
||||||
prefix: The kubeovn-operator add-on is not enabled. Click
|
|
||||||
middle: here
|
|
||||||
suffix: to enable the add-on for overlay networking.
|
|
||||||
vlanID:
|
|
||||||
label: VLAN ID
|
|
||||||
ipRange:
|
|
||||||
label: IP Range ({node})
|
|
||||||
placeholder: e.g. 192.168.1.10/24
|
|
||||||
ips:
|
|
||||||
nodeLabel: Node
|
|
||||||
label: IP
|
|
||||||
placeholder: 'e.g. 192.168.1.10/24'
|
|
||||||
|
|
||||||
service:
|
service:
|
||||||
healthCheckPort:
|
healthCheckPort:
|
||||||
@ -2038,8 +1911,6 @@ harvester:
|
|||||||
|
|
||||||
migconfiguration:
|
migconfiguration:
|
||||||
label: vGPU MIG Configurations
|
label: vGPU MIG Configurations
|
||||||
status:
|
|
||||||
outOfSync: Out of Sync
|
|
||||||
infoBanner: To configure the MIG configuration, please disable it first and re-enable after editing the configuration.
|
infoBanner: To configure the MIG configuration, please disable it first and re-enable after editing the configuration.
|
||||||
profileSpec: Profile Specs
|
profileSpec: Profile Specs
|
||||||
profileStatus: Profile Status
|
profileStatus: Profile Status
|
||||||
@ -2180,8 +2051,6 @@ advancedSettings:
|
|||||||
'harv-auto-rotate-rke2-certs': The certificate rotation mechanism relies on Rancher. Harvester will automatically update certificates generation to trigger rotation.
|
'harv-auto-rotate-rke2-certs': The certificate rotation mechanism relies on Rancher. Harvester will automatically update certificates generation to trigger rotation.
|
||||||
'harv-kubeconfig-default-token-ttl-minutes': 'TTL (in minutes) applied on Harvester administration kubeconfig files. Default is 0, which means to never expire.'
|
'harv-kubeconfig-default-token-ttl-minutes': 'TTL (in minutes) applied on Harvester administration kubeconfig files. Default is 0, which means to never expire.'
|
||||||
'harv-longhorn-v2-data-engine-enabled': 'Enable the Longhorn V2 data engine. Default is false. <ul><li>Changing this setting will restart RKE2 on all nodes. This will not affect running VM workloads.</li><li>If you see "not enough hugepages-2Mi capacity" errors when enabling this setting, wait a minute for the error to clear. If the error remains, reboot the affected node.</li></ul>'
|
'harv-longhorn-v2-data-engine-enabled': 'Enable the Longhorn V2 data engine. Default is false. <ul><li>Changing this setting will restart RKE2 on all nodes. This will not affect running VM workloads.</li><li>If you see "not enough hugepages-2Mi capacity" errors when enabling this setting, wait a minute for the error to clear. If the error remains, reboot the affected node.</li></ul>'
|
||||||
'harv-longhorn-v2-data-engine-hugepage-enabled': 'Enable hugepages when using the Longhorn V2 data engine. Default is true. Disabling hugepages reduces memory pressure on low-spec nodes and increases deployment flexibility. However, performance may be lower compared to running with hugepages.'
|
|
||||||
'harv-longhorn-v2-data-engine-memory-size': 'Configure the amount of memory allocated to the SPDK target daemon when using the Longhorn V2 data engine. Default is 2048 MiB.'
|
|
||||||
'harv-additional-guest-memory-overhead-ratio': 'The ratio for kubevirt to adjust the VM overhead memory. The value could be zero, empty value or floating number between 1.0 and 10.0, default to 1.5.'
|
'harv-additional-guest-memory-overhead-ratio': 'The ratio for kubevirt to adjust the VM overhead memory. The value could be zero, empty value or floating number between 1.0 and 10.0, default to 1.5.'
|
||||||
'harv-upgrade-config': 'Configure image preloading and VM restore options for upgrades. See related fields in <a href="{url}" target="_blank" rel="noopener">settings/upgrade-config</a>'
|
'harv-upgrade-config': 'Configure image preloading and VM restore options for upgrades. See related fields in <a href="{url}" target="_blank" rel="noopener">settings/upgrade-config</a>'
|
||||||
'harv-vm-migration-network': 'Segregated network for VM migration traffic.'
|
'harv-vm-migration-network': 'Segregated network for VM migration traffic.'
|
||||||
@ -2252,36 +2121,6 @@ typeLabel:
|
|||||||
one { Virtual Private Cloud }
|
one { Virtual Private Cloud }
|
||||||
other { Virtual Private Clouds }
|
other { Virtual Private Clouds }
|
||||||
}
|
}
|
||||||
kubeovn.io.vlan: |-
|
|
||||||
{count, plural,
|
|
||||||
one { VLAN Network }
|
|
||||||
other { VLAN Networks }
|
|
||||||
}
|
|
||||||
kubeovn.io.providernetwork: |-
|
|
||||||
{count, plural,
|
|
||||||
one { Provider Network }
|
|
||||||
other { Provider Networks }
|
|
||||||
}
|
|
||||||
kubeovn.io.vpcnatgateway: |-
|
|
||||||
{count, plural,
|
|
||||||
one { NAT Gateway }
|
|
||||||
other { NAT Gateways }
|
|
||||||
}
|
|
||||||
kubeovn.io.iptablessnatrule: |-
|
|
||||||
{count, plural,
|
|
||||||
one { Source Rule }
|
|
||||||
other { Source Rules }
|
|
||||||
}
|
|
||||||
kubeovn.io.iptablesdnatrule: |-
|
|
||||||
{count, plural,
|
|
||||||
one { Destination Rule }
|
|
||||||
other { Destination Rules }
|
|
||||||
}
|
|
||||||
kubeovn.io.iptableseip: |-
|
|
||||||
{count, plural,
|
|
||||||
one { External IP }
|
|
||||||
other { External IPs }
|
|
||||||
}
|
|
||||||
networking.k8s.io.networkpolicy: |-
|
networking.k8s.io.networkpolicy: |-
|
||||||
{count, plural,
|
{count, plural,
|
||||||
one { Network Policy }
|
one { Network Policy }
|
||||||
@ -2348,11 +2187,6 @@ typeLabel:
|
|||||||
one { Cluster Network }
|
one { Cluster Network }
|
||||||
other { Cluster Networks }
|
other { Cluster Networks }
|
||||||
}
|
}
|
||||||
network.harvesterhci.io.hostnetworkconfig: |-
|
|
||||||
{count, plural,
|
|
||||||
one { Host Network }
|
|
||||||
other { Host Networks }
|
|
||||||
}
|
|
||||||
harvesterhci.io.addon: |-
|
harvesterhci.io.addon: |-
|
||||||
{count, plural,
|
{count, plural,
|
||||||
one { Add-on }
|
one { Add-on }
|
||||||
|
|||||||
@ -166,7 +166,6 @@ export default {
|
|||||||
:schema="schema"
|
:schema="schema"
|
||||||
:groupable="true"
|
:groupable="true"
|
||||||
:rows="filterRows"
|
:rows="filterRows"
|
||||||
:ignore-filter="true"
|
|
||||||
key-field="_key"
|
key-field="_key"
|
||||||
>
|
>
|
||||||
<template #cell:state="{row}">
|
<template #cell:state="{row}">
|
||||||
|
|||||||
@ -106,8 +106,8 @@ export default {
|
|||||||
name: 'AttachedVM',
|
name: 'AttachedVM',
|
||||||
labelKey: 'tableHeaders.attachedVM',
|
labelKey: 'tableHeaders.attachedVM',
|
||||||
type: 'attached',
|
type: 'attached',
|
||||||
value: 'attachVMName',
|
value: 'spec.claimRef',
|
||||||
sort: 'attachVMName',
|
sort: 'name',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'VolumeSnapshotCounts',
|
name: 'VolumeSnapshotCounts',
|
||||||
@ -134,8 +134,8 @@ export default {
|
|||||||
return row?.attachVM?.detailLocation;
|
return row?.attachVM?.detailLocation;
|
||||||
},
|
},
|
||||||
|
|
||||||
getAttachedVMName(row) {
|
getVMName(row) {
|
||||||
return row.attachVMName || '';
|
return row.attachVM?.metadata?.name || '';
|
||||||
},
|
},
|
||||||
|
|
||||||
isInternalStorageClass(storageClassName) {
|
isInternalStorageClass(storageClassName) {
|
||||||
@ -173,10 +173,10 @@ export default {
|
|||||||
<template #cell:AttachedVM="{row}">
|
<template #cell:AttachedVM="{row}">
|
||||||
<div>
|
<div>
|
||||||
<router-link
|
<router-link
|
||||||
v-if="getAttachedVMName(row)"
|
v-if="getVMName(row)"
|
||||||
:to="goTo(row)"
|
:to="goTo(row)"
|
||||||
>
|
>
|
||||||
{{ getAttachedVMName(row) }}
|
{{ getVMName(row) }}
|
||||||
</router-link>
|
</router-link>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -67,13 +67,6 @@ export default {
|
|||||||
NAMESPACE,
|
NAMESPACE,
|
||||||
CIDR_BLOCK,
|
CIDR_BLOCK,
|
||||||
PROTOCOL,
|
PROTOCOL,
|
||||||
{
|
|
||||||
name: 'vlan',
|
|
||||||
labelKey: 'harvester.subnet.vlan.label',
|
|
||||||
value: 'spec.vlan',
|
|
||||||
sort: 'spec.vlan',
|
|
||||||
formatter: 'HarvesterVlan',
|
|
||||||
},
|
|
||||||
PROVIDER,
|
PROVIDER,
|
||||||
AGE
|
AGE
|
||||||
];
|
];
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
<script>
|
<script>
|
||||||
import { mapGetters } from 'vuex';
|
|
||||||
import ResourceTable from '@shell/components/ResourceTable';
|
import ResourceTable from '@shell/components/ResourceTable';
|
||||||
import { STATE, AGE, NAME, NAMESPACE } from '@shell/config/table-headers';
|
import { STATE, AGE, NAME, NAMESPACE } from '@shell/config/table-headers';
|
||||||
import {
|
import {
|
||||||
@ -23,8 +22,6 @@ export const VM_HEADERS = [
|
|||||||
{
|
{
|
||||||
...NAME,
|
...NAME,
|
||||||
width: 350,
|
width: 350,
|
||||||
value: 'nameDisplay',
|
|
||||||
sort: ['nameDisplay'],
|
|
||||||
},
|
},
|
||||||
NAMESPACE,
|
NAMESPACE,
|
||||||
{
|
{
|
||||||
@ -117,8 +114,6 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters({ actionCb: 'action-menu/performCallbackData' }),
|
|
||||||
|
|
||||||
headers() {
|
headers() {
|
||||||
const restoreCol = {
|
const restoreCol = {
|
||||||
name: 'restoreProgress',
|
name: 'restoreProgress',
|
||||||
@ -185,13 +180,6 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
watch: {
|
watch: {
|
||||||
actionCb(neu) {
|
|
||||||
if (neu?.clearTableSelection) {
|
|
||||||
this.$refs.resourceTable.clearSelection();
|
|
||||||
this.$store.dispatch('action-menu/clearCallbackData');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
vmRestartRequiredNames(vmNames) {
|
vmRestartRequiredNames(vmNames) {
|
||||||
const count = vmNames.length;
|
const count = vmNames.length;
|
||||||
|
|
||||||
@ -230,7 +218,6 @@ export default {
|
|||||||
<Loading v-if="$fetchState.pending" />
|
<Loading v-if="$fetchState.pending" />
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<ResourceTable
|
<ResourceTable
|
||||||
ref="resourceTable"
|
|
||||||
v-bind="$attrs"
|
v-bind="$attrs"
|
||||||
:headers="headers"
|
:headers="headers"
|
||||||
default-sort-by="age"
|
default-sort-by="age"
|
||||||
@ -257,7 +244,7 @@ export default {
|
|||||||
v-if="scope.row.type !== HCI.VMI"
|
v-if="scope.row.type !== HCI.VMI"
|
||||||
:to="scope.row.detailLocation"
|
:to="scope.row.detailLocation"
|
||||||
>
|
>
|
||||||
{{ scope.row.nameDisplay }}
|
{{ scope.row.metadata.name }}
|
||||||
<i
|
<i
|
||||||
v-if="scope.row.encryptedVolumeType !== 'none'"
|
v-if="scope.row.encryptedVolumeType !== 'none'"
|
||||||
v-tooltip="lockIconTooltipMessage(scope.row)"
|
v-tooltip="lockIconTooltipMessage(scope.row)"
|
||||||
@ -266,7 +253,7 @@ export default {
|
|||||||
/>
|
/>
|
||||||
</router-link>
|
</router-link>
|
||||||
<span v-else>
|
<span v-else>
|
||||||
{{ scope.row.nameDisplay }}
|
{{ scope.row.metadata.name }}
|
||||||
</span>
|
</span>
|
||||||
<ConsoleBar
|
<ConsoleBar
|
||||||
:resource-type="scope.row"
|
:resource-type="scope.row"
|
||||||
|
|||||||
@ -1,86 +0,0 @@
|
|||||||
<script>
|
|
||||||
import ResourceTable from '@shell/components/ResourceTable';
|
|
||||||
import Loading from '@shell/components/Loading';
|
|
||||||
import { STATE, NAME as NAME_COL, AGE } from '@shell/config/table-headers';
|
|
||||||
import { HCI } from '../types';
|
|
||||||
|
|
||||||
const UNDERLAY = {
|
|
||||||
name: 'underlay',
|
|
||||||
labelKey: 'harvester.tableHeaders.hostNetworkConfig.underlay',
|
|
||||||
tooltip: 'harvester.tableHeaders.hostNetworkConfig.underlayTooltip',
|
|
||||||
value: 'spec.underlay',
|
|
||||||
sort: 'spec.underlay',
|
|
||||||
formatter: 'HarvesterBoolean',
|
|
||||||
};
|
|
||||||
|
|
||||||
const VLAN_ID = {
|
|
||||||
name: 'vlanID',
|
|
||||||
labelKey: 'harvester.tableHeaders.hostNetworkConfig.vlanID',
|
|
||||||
value: 'spec.vlanID',
|
|
||||||
sort: 'spec.vlanID',
|
|
||||||
};
|
|
||||||
|
|
||||||
const MODE = {
|
|
||||||
name: 'mode',
|
|
||||||
labelKey: 'harvester.tableHeaders.hostNetworkConfig.mode',
|
|
||||||
value: 'spec.mode',
|
|
||||||
sort: 'spec.mode',
|
|
||||||
formatter: 'HarvesterHostNetworkConfigMode',
|
|
||||||
};
|
|
||||||
|
|
||||||
const CLUSTER_NETWORK = {
|
|
||||||
name: 'clusterNetwork',
|
|
||||||
labelKey: 'harvester.tableHeaders.hostNetworkConfig.clusterNetwork',
|
|
||||||
value: 'spec.clusterNetwork',
|
|
||||||
sort: 'spec.clusterNetwork',
|
|
||||||
align: 'center',
|
|
||||||
};
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'HarvesterListHostNetworkConfig',
|
|
||||||
components: { ResourceTable, Loading },
|
|
||||||
|
|
||||||
inheritAttrs: false,
|
|
||||||
|
|
||||||
async fetch() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
|
|
||||||
this.rows = await this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.HOST_NETWORK_CONFIG });
|
|
||||||
},
|
|
||||||
|
|
||||||
data() {
|
|
||||||
return { rows: [] };
|
|
||||||
},
|
|
||||||
|
|
||||||
computed: {
|
|
||||||
schema() {
|
|
||||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
|
||||||
|
|
||||||
return this.$store.getters[`${ inStore }/schemaFor`](HCI.HOST_NETWORK_CONFIG);
|
|
||||||
},
|
|
||||||
headers() {
|
|
||||||
return [
|
|
||||||
STATE,
|
|
||||||
NAME_COL,
|
|
||||||
UNDERLAY,
|
|
||||||
VLAN_ID,
|
|
||||||
MODE,
|
|
||||||
CLUSTER_NETWORK,
|
|
||||||
AGE,
|
|
||||||
];
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<Loading v-if="$fetchState.pending" />
|
|
||||||
<ResourceTable
|
|
||||||
v-else
|
|
||||||
v-bind="$attrs"
|
|
||||||
:headers="headers"
|
|
||||||
:rows="rows"
|
|
||||||
:schema="schema"
|
|
||||||
key-field="_key"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
@ -12,7 +12,7 @@ import { base64Decode } from '@shell/utils/crypto';
|
|||||||
import { formatSi, parseSi } from '@shell/utils/units';
|
import { formatSi, parseSi } from '@shell/utils/units';
|
||||||
import { _CLONE, _CREATE, _VIEW } from '@shell/config/query-params';
|
import { _CLONE, _CREATE, _VIEW } from '@shell/config/query-params';
|
||||||
import {
|
import {
|
||||||
PV, PVC, STORAGE_CLASS, NODE, SECRET, CONFIG_MAP, SERVICE_ACCOUNT, NETWORK_ATTACHMENT, NAMESPACE, LONGHORN
|
PV, PVC, STORAGE_CLASS, NODE, SECRET, CONFIG_MAP, NETWORK_ATTACHMENT, NAMESPACE, LONGHORN
|
||||||
} from '@shell/config/types';
|
} from '@shell/config/types';
|
||||||
import { HOSTNAME } from '@shell/config/labels-annotations';
|
import { HOSTNAME } from '@shell/config/labels-annotations';
|
||||||
import { HCI as HCI_ANNOTATIONS } from '@pkg/harvester/config/labels-annotations';
|
import { HCI as HCI_ANNOTATIONS } from '@pkg/harvester/config/labels-annotations';
|
||||||
@ -25,7 +25,7 @@ import { HCI } from '../../types';
|
|||||||
import { parseVolumeClaimTemplates, EMPTY_IMAGE } from '../../utils/vm';
|
import { parseVolumeClaimTemplates, EMPTY_IMAGE } from '../../utils/vm';
|
||||||
import impl, { QGA_JSON, USB_TABLET } from './impl';
|
import impl, { QGA_JSON, USB_TABLET } from './impl';
|
||||||
import { GIBIBYTE } from '../../utils/unit';
|
import { GIBIBYTE } from '../../utils/unit';
|
||||||
import { VOLUME_MODE, FILESYSTEM_SOURCE_TYPE } from '@pkg/harvester/config/types';
|
import { VOLUME_MODE } from '@pkg/harvester/config/types';
|
||||||
|
|
||||||
const LONGHORN_V2_DATA_ENGINE = 'longhorn-system/v2-data-engine';
|
const LONGHORN_V2_DATA_ENGINE = 'longhorn-system/v2-data-engine';
|
||||||
|
|
||||||
@ -102,8 +102,6 @@ export default {
|
|||||||
vmims: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.VMIM }),
|
vmims: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.VMIM }),
|
||||||
vms: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.VM }),
|
vms: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.VM }),
|
||||||
secrets: this.$store.dispatch(`${ inStore }/findAll`, { type: SECRET }),
|
secrets: this.$store.dispatch(`${ inStore }/findAll`, { type: SECRET }),
|
||||||
configMaps: this.$store.dispatch(`${ inStore }/findAll`, { type: CONFIG_MAP }),
|
|
||||||
serviceAccounts: this.$store.dispatch(`${ inStore }/findAll`, { type: SERVICE_ACCOUNT }),
|
|
||||||
addons: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.ADD_ONS }),
|
addons: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.ADD_ONS }),
|
||||||
longhornV2Engine: this.$store.dispatch(`${ inStore }/find`, { type: LONGHORN.SETTINGS, id: LONGHORN_V2_DATA_ENGINE }),
|
longhornV2Engine: this.$store.dispatch(`${ inStore }/find`, { type: LONGHORN.SETTINGS, id: LONGHORN_V2_DATA_ENGINE }),
|
||||||
};
|
};
|
||||||
@ -158,7 +156,6 @@ export default {
|
|||||||
imageId: '',
|
imageId: '',
|
||||||
diskRows: [],
|
diskRows: [],
|
||||||
networkRows: [],
|
networkRows: [],
|
||||||
filesystemRows: [],
|
|
||||||
machineType: '',
|
machineType: '',
|
||||||
machineTypes: [],
|
machineTypes: [],
|
||||||
secretName: '',
|
secretName: '',
|
||||||
@ -443,7 +440,6 @@ export default {
|
|||||||
this['imageId'] = imageId;
|
this['imageId'] = imageId;
|
||||||
|
|
||||||
this['diskRows'] = diskRows;
|
this['diskRows'] = diskRows;
|
||||||
this['filesystemRows'] = this.getFilesystemRows(vm);
|
|
||||||
|
|
||||||
this.refreshYamlEditor();
|
this.refreshYamlEditor();
|
||||||
},
|
},
|
||||||
@ -645,80 +641,6 @@ export default {
|
|||||||
this.parseAccessCredentials();
|
this.parseAccessCredentials();
|
||||||
this.parseNetworkRows(this.networkRows);
|
this.parseNetworkRows(this.networkRows);
|
||||||
this.parseDiskRows(this.diskRows);
|
this.parseDiskRows(this.diskRows);
|
||||||
this.parseFilesystemRows();
|
|
||||||
},
|
|
||||||
|
|
||||||
getFilesystemRows(vm) {
|
|
||||||
const _filesystems = vm.spec.template.spec.domain.devices?.filesystems || [];
|
|
||||||
const _volumes = vm.spec.template.spec.volumes || [];
|
|
||||||
|
|
||||||
return _filesystems.map((fs) => {
|
|
||||||
const volume = _volumes.find((v) => v.name === fs.name);
|
|
||||||
let fsType = FILESYSTEM_SOURCE_TYPE.CONFIGMAP;
|
|
||||||
let resourceName = '';
|
|
||||||
|
|
||||||
if (volume?.configMap) {
|
|
||||||
fsType = FILESYSTEM_SOURCE_TYPE.CONFIGMAP;
|
|
||||||
resourceName = volume.configMap.name;
|
|
||||||
} else if (volume?.secret) {
|
|
||||||
fsType = FILESYSTEM_SOURCE_TYPE.SECRET;
|
|
||||||
resourceName = volume.secret.secretName;
|
|
||||||
} else if (volume?.serviceAccount) {
|
|
||||||
fsType = FILESYSTEM_SOURCE_TYPE.SERVICEACCOUNT;
|
|
||||||
resourceName = volume.serviceAccount.serviceAccountName;
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
fsType,
|
|
||||||
volumeName: fs.name,
|
|
||||||
resourceName,
|
|
||||||
};
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
parseFilesystemRows() {
|
|
||||||
const completedRows = this.filesystemRows.filter(
|
|
||||||
(r) => r.fsType && r.volumeName && r.resourceName
|
|
||||||
);
|
|
||||||
|
|
||||||
const filesystems = completedRows.map((r) => ({
|
|
||||||
name: r.volumeName,
|
|
||||||
virtiofs: {},
|
|
||||||
}));
|
|
||||||
|
|
||||||
const fsVolumes = completedRows.map((r) => {
|
|
||||||
if (r.fsType === FILESYSTEM_SOURCE_TYPE.CONFIGMAP) {
|
|
||||||
return {
|
|
||||||
name: r.volumeName,
|
|
||||||
configMap: { name: r.resourceName },
|
|
||||||
};
|
|
||||||
} else if (r.fsType === FILESYSTEM_SOURCE_TYPE.SECRET) {
|
|
||||||
return {
|
|
||||||
name: r.volumeName,
|
|
||||||
secret: { secretName: r.resourceName },
|
|
||||||
};
|
|
||||||
} else if (r.fsType === FILESYSTEM_SOURCE_TYPE.SERVICEACCOUNT) {
|
|
||||||
return {
|
|
||||||
name: r.volumeName,
|
|
||||||
serviceAccount: { serviceAccountName: r.resourceName },
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
return null;
|
|
||||||
}).filter(Boolean);
|
|
||||||
|
|
||||||
if (filesystems.length > 0) {
|
|
||||||
this.spec.template.spec.domain.devices['filesystems'] = filesystems;
|
|
||||||
} else {
|
|
||||||
delete this.spec.template.spec.domain.devices['filesystems'];
|
|
||||||
}
|
|
||||||
|
|
||||||
if (fsVolumes.length > 0) {
|
|
||||||
if (!this.spec.template.spec.volumes) {
|
|
||||||
this.spec.template.spec['volumes'] = [];
|
|
||||||
}
|
|
||||||
this.spec.template.spec.volumes.push(...fsVolumes);
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
|
|
||||||
parseOther() {
|
parseOther() {
|
||||||
@ -985,22 +907,14 @@ export default {
|
|||||||
const specInterfaces = this.spec?.template?.spec?.domain?.devices?.interfaces;
|
const specInterfaces = this.spec?.template?.spec?.domain?.devices?.interfaces;
|
||||||
const mergedInterfaces = this.mergeInterfaceList(specInterfaces, interfaces);
|
const mergedInterfaces = this.mergeInterfaceList(specInterfaces, interfaces);
|
||||||
|
|
||||||
const devices = {
|
|
||||||
...this.spec.template.spec.domain.devices,
|
|
||||||
interfaces: mergedInterfaces,
|
|
||||||
};
|
|
||||||
|
|
||||||
if (this.isEdit && networkRow.length === 0) {
|
|
||||||
devices.autoattachPodInterface = false;
|
|
||||||
} else {
|
|
||||||
delete devices.autoattachPodInterface;
|
|
||||||
}
|
|
||||||
|
|
||||||
const spec = {
|
const spec = {
|
||||||
...this.spec.template.spec,
|
...this.spec.template.spec,
|
||||||
domain: {
|
domain: {
|
||||||
...this.spec.template.spec.domain,
|
...this.spec.template.spec.domain,
|
||||||
devices,
|
devices: {
|
||||||
|
...this.spec.template.spec.domain.devices,
|
||||||
|
interfaces: mergedInterfaces,
|
||||||
|
},
|
||||||
},
|
},
|
||||||
networks
|
networks
|
||||||
};
|
};
|
||||||
@ -1742,7 +1656,7 @@ export default {
|
|||||||
|
|
||||||
const oldImageId = old[0]?.image;
|
const oldImageId = old[0]?.image;
|
||||||
|
|
||||||
if (this.isCreate && oldImageId !== imageId && imageId && osType) {
|
if (this.isCreate && oldImageId === imageId && imageId) {
|
||||||
this.osType = osType;
|
this.osType = osType;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -63,27 +63,13 @@ export default class MIGCONFIGURATION extends HarvesterResource {
|
|||||||
}
|
}
|
||||||
|
|
||||||
get stateDisplay() {
|
get stateDisplay() {
|
||||||
if (this.configStatus === 'out-of-sync') {
|
|
||||||
return this.t('harvester.migconfiguration.status.outOfSync');
|
|
||||||
}
|
|
||||||
|
|
||||||
return this.actualState;
|
return this.actualState;
|
||||||
}
|
}
|
||||||
|
|
||||||
get stateDescription() {
|
|
||||||
if (this.status?.message) {
|
|
||||||
return this.status.message;
|
|
||||||
}
|
|
||||||
|
|
||||||
return super.stateDescription;
|
|
||||||
}
|
|
||||||
|
|
||||||
get stateColor() {
|
get stateColor() {
|
||||||
if (this.configStatus === 'out-of-sync') {
|
const state = this.actualState;
|
||||||
return 'text-warning';
|
|
||||||
}
|
|
||||||
|
|
||||||
return colorForState(this.actualState);
|
return colorForState(state);
|
||||||
}
|
}
|
||||||
|
|
||||||
get isEnabled() {
|
get isEnabled() {
|
||||||
|
|||||||
@ -235,10 +235,6 @@ export default class HciPv extends HarvesterResource {
|
|||||||
return allVMs.find(findAttachVM);
|
return allVMs.find(findAttachVM);
|
||||||
}
|
}
|
||||||
|
|
||||||
get attachVMName() {
|
|
||||||
return this.attachVM?.nameDisplay || this.attachVM?.metadata?.name || '';
|
|
||||||
}
|
|
||||||
|
|
||||||
get isAvailable() {
|
get isAvailable() {
|
||||||
const unAvailable = ['Resizing', 'Not Ready'];
|
const unAvailable = ['Resizing', 'Not Ready'];
|
||||||
|
|
||||||
|
|||||||
@ -96,10 +96,6 @@ export default class HciStorageClass extends StorageClass {
|
|||||||
return this.$rootGetters['harvester-common/getFeatureEnabled']('volumeEncryption');
|
return this.$rootGetters['harvester-common/getFeatureEnabled']('volumeEncryption');
|
||||||
}
|
}
|
||||||
|
|
||||||
get expandOnlineEncryptedVolumeFeatureEnabled() {
|
|
||||||
return this.$rootGetters['harvester-common/getFeatureEnabled']('expandOnlineEncryptedVolume');
|
|
||||||
}
|
|
||||||
|
|
||||||
get thirdPartyStorageFeatureEnabled() {
|
get thirdPartyStorageFeatureEnabled() {
|
||||||
return this.$rootGetters['harvester-common/getFeatureEnabled']('thirdPartyStorage');
|
return this.$rootGetters['harvester-common/getFeatureEnabled']('thirdPartyStorage');
|
||||||
}
|
}
|
||||||
|
|||||||
@ -123,12 +123,7 @@ const IgnoreMessages = ['pod has unbound immediate PersistentVolumeClaims'];
|
|||||||
|
|
||||||
export default class VirtVm extends HarvesterResource {
|
export default class VirtVm extends HarvesterResource {
|
||||||
get availableActions() {
|
get availableActions() {
|
||||||
let out = super._availableActions;
|
const out = super._availableActions;
|
||||||
|
|
||||||
if (this.isCloneBackendStorageCloning || this.isCloneBackendStorageFailed) {
|
|
||||||
out = out.filter(({ action }) => action !== 'goToClone');
|
|
||||||
}
|
|
||||||
|
|
||||||
const clone = out.find((action) => action.action === 'goToClone');
|
const clone = out.find((action) => action.action === 'goToClone');
|
||||||
|
|
||||||
if (clone) {
|
if (clone) {
|
||||||
@ -184,12 +179,11 @@ export default class VirtVm extends HarvesterResource {
|
|||||||
label: this.t('harvester.action.softreboot')
|
label: this.t('harvester.action.softreboot')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
action: 'startVM',
|
action: 'startVM',
|
||||||
enabled: !!this.actions?.start,
|
enabled: !!this.actions?.start,
|
||||||
icon: 'icon icon-play',
|
icon: 'icon icon-play',
|
||||||
label: this.t('harvester.action.start'),
|
label: this.t('harvester.action.start'),
|
||||||
bulkable: true,
|
bulkable: true
|
||||||
bulkAction: 'startVM'
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
action: 'backupVM',
|
action: 'backupVM',
|
||||||
@ -379,6 +373,10 @@ export default class VirtVm extends HarvesterResource {
|
|||||||
this.metadata.annotations[HCI_ANNOTATIONS.VOLUME_CLAIM_TEMPLATE] = JSON.stringify(deleteDataSource);
|
this.metadata.annotations[HCI_ANNOTATIONS.VOLUME_CLAIM_TEMPLATE] = JSON.stringify(deleteDataSource);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
altRestartVM() {
|
||||||
|
this.doActionGrowl('restart', {});
|
||||||
|
}
|
||||||
|
|
||||||
restartVM(resources = this) {
|
restartVM(resources = this) {
|
||||||
this.$dispatch('promptModal', {
|
this.$dispatch('promptModal', {
|
||||||
resources,
|
resources,
|
||||||
@ -550,38 +548,16 @@ export default class VirtVm extends HarvesterResource {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
async altRestartVM() {
|
altStopVM() {
|
||||||
await this.doActionGrowl('restart', {});
|
this.doActionGrowl('stop', {});
|
||||||
this.$dispatch('promptModal', { performCallback: true, clearTableSelection: true });
|
|
||||||
}
|
}
|
||||||
|
|
||||||
async altStopVM() {
|
forceStop() {
|
||||||
await this.doActionGrowl('stop', {});
|
this.doActionGrowl('forceStop', {});
|
||||||
this.$dispatch('promptModal', { performCallback: true, clearTableSelection: true });
|
|
||||||
}
|
}
|
||||||
|
|
||||||
async forceStop() {
|
startVM() {
|
||||||
await this.doActionGrowl('forceStop', {});
|
this.doActionGrowl('start', {});
|
||||||
this.$dispatch('promptModal', { performCallback: true, clearTableSelection: true });
|
|
||||||
}
|
|
||||||
|
|
||||||
async startVM(resources = this) {
|
|
||||||
const list = Array.isArray(resources) ? resources : [resources];
|
|
||||||
|
|
||||||
for (const r of list) {
|
|
||||||
await r.doActionGrowl('start', {});
|
|
||||||
}
|
|
||||||
this.$dispatch('promptModal', { performCallback: true, clearTableSelection: true });
|
|
||||||
}
|
|
||||||
|
|
||||||
async download() {
|
|
||||||
await super.download();
|
|
||||||
this.$dispatch('promptModal', { performCallback: true, clearTableSelection: true });
|
|
||||||
}
|
|
||||||
|
|
||||||
async downloadBulk(items) {
|
|
||||||
await super.downloadBulk(items);
|
|
||||||
this.$dispatch('promptModal', { performCallback: true, clearTableSelection: true });
|
|
||||||
}
|
}
|
||||||
|
|
||||||
migrateVM(resources = this) {
|
migrateVM(resources = this) {
|
||||||
@ -794,18 +770,6 @@ export default class VirtVm extends HarvesterResource {
|
|||||||
return this.volumes.filter((volume) => volume?.isLonghornV2);
|
return this.volumes.filter((volume) => volume?.isLonghornV2);
|
||||||
}
|
}
|
||||||
|
|
||||||
get cloneBackendStorageStatus() {
|
|
||||||
return this.metadata?.annotations?.[HCI_ANNOTATIONS.CLONE_BACKEND_STORAGE_STATUS]?.toLowerCase() || '';
|
|
||||||
}
|
|
||||||
|
|
||||||
get isCloneBackendStorageCloning() {
|
|
||||||
return this.cloneBackendStorageStatus === 'cloning';
|
|
||||||
}
|
|
||||||
|
|
||||||
get isCloneBackendStorageFailed() {
|
|
||||||
return this.cloneBackendStorageStatus === 'failed';
|
|
||||||
}
|
|
||||||
|
|
||||||
get encryptedVolumeType() {
|
get encryptedVolumeType() {
|
||||||
if (!this.volumes || this.volumes.length === 0) {
|
if (!this.volumes || this.volumes.length === 0) {
|
||||||
return 'none';
|
return 'none';
|
||||||
@ -861,21 +825,13 @@ export default class VirtVm extends HarvesterResource {
|
|||||||
!this.isVMExpectedRunning &&
|
!this.isVMExpectedRunning &&
|
||||||
this.isVMCreated &&
|
this.isVMCreated &&
|
||||||
this.vmi?.status?.phase === VMIPhase.Pending
|
this.vmi?.status?.phase === VMIPhase.Pending
|
||||||
) || this.isCloneBackendStorageCloning) {
|
) || (this.metadata?.annotations?.[HCI_ANNOTATIONS.CLONE_BACKEND_STORAGE_STATUS] === 'cloning')) {
|
||||||
return { status: VMIPhase.Pending };
|
return { status: VMIPhase.Pending };
|
||||||
}
|
}
|
||||||
|
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
get isCloneFailed() {
|
|
||||||
if (this.isCloneBackendStorageFailed) {
|
|
||||||
return { status: VMIPhase.Failed };
|
|
||||||
}
|
|
||||||
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
get isStopping() {
|
get isStopping() {
|
||||||
if (this &&
|
if (this &&
|
||||||
!this.isVMExpectedRunning &&
|
!this.isVMExpectedRunning &&
|
||||||
@ -1032,7 +988,6 @@ export default class VirtVm extends HarvesterResource {
|
|||||||
this.isUnschedulable?.status ||
|
this.isUnschedulable?.status ||
|
||||||
this.isPaused?.status ||
|
this.isPaused?.status ||
|
||||||
this.isVMError?.status ||
|
this.isVMError?.status ||
|
||||||
this.isCloneFailed?.status ||
|
|
||||||
this.isPending?.status ||
|
this.isPending?.status ||
|
||||||
this.isStopping?.status ||
|
this.isStopping?.status ||
|
||||||
this.isOff?.status ||
|
this.isOff?.status ||
|
||||||
@ -1040,7 +995,7 @@ export default class VirtVm extends HarvesterResource {
|
|||||||
this.isRunning?.status ||
|
this.isRunning?.status ||
|
||||||
this.isNotReady?.status ||
|
this.isNotReady?.status ||
|
||||||
this.isStarting?.status ||
|
this.isStarting?.status ||
|
||||||
this.isWaitingForVMI?.status ||
|
this.isWaitingForVMI?.state ||
|
||||||
this.otherState?.status;
|
this.otherState?.status;
|
||||||
|
|
||||||
return state;
|
return state;
|
||||||
@ -1319,10 +1274,6 @@ export default class VirtVm extends HarvesterResource {
|
|||||||
return this.$rootGetters['harvester-common/getFeatureEnabled']('schedulingVMBackup');
|
return this.$rootGetters['harvester-common/getFeatureEnabled']('schedulingVMBackup');
|
||||||
}
|
}
|
||||||
|
|
||||||
get nameDisplay() {
|
|
||||||
return this.metadata?.annotations?.[HCI_ANNOTATIONS.VM_DISPLAY_NAME] || this.metadata?.name || this.id;
|
|
||||||
}
|
|
||||||
|
|
||||||
get volumeEncryptionFeatureEnabled() {
|
get volumeEncryptionFeatureEnabled() {
|
||||||
return this.$rootGetters['harvester-common/getFeatureEnabled']('volumeEncryption');
|
return this.$rootGetters['harvester-common/getFeatureEnabled']('volumeEncryption');
|
||||||
}
|
}
|
||||||
|
|||||||
@ -123,7 +123,6 @@ export default {
|
|||||||
this.value?.[0]?.currentRouter().push(goTo);
|
this.value?.[0]?.currentRouter().push(goTo);
|
||||||
}
|
}
|
||||||
this.close();
|
this.close();
|
||||||
this.$store.commit('action-menu/togglePromptModal', { performCallback: true, clearTableSelection: true });
|
|
||||||
}).catch((err) => {
|
}).catch((err) => {
|
||||||
this.$emit('errors', err);
|
this.$emit('errors', err);
|
||||||
});
|
});
|
||||||
|
|||||||
@ -3,8 +3,7 @@ import { ClusterNotFoundError } from '@shell/utils/error';
|
|||||||
import { SETTING } from '@shell/config/settings';
|
import { SETTING } from '@shell/config/settings';
|
||||||
import { COUNT, NAMESPACE, MANAGEMENT } from '@shell/config/types';
|
import { COUNT, NAMESPACE, MANAGEMENT } from '@shell/config/types';
|
||||||
import { allHash } from '@shell/utils/promise';
|
import { allHash } from '@shell/utils/promise';
|
||||||
import { DEV, NAMESPACE_FILTERS } from '@shell/store/prefs';
|
import { DEV } from '@shell/store/prefs';
|
||||||
import { createNamespaceFilterKeyWithId } from '@shell/utils/namespace-filter';
|
|
||||||
import { HCI } from '../../types';
|
import { HCI } from '../../types';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@ -122,11 +121,8 @@ export default {
|
|||||||
|
|
||||||
await dispatch('cleanNamespaces', null, { root: true });
|
await dispatch('cleanNamespaces', null, { root: true });
|
||||||
|
|
||||||
const namespaceFilterKey = createNamespaceFilterKeyWithId(id, 'harvester');
|
|
||||||
const savedFilters = rootGetters['prefs/get'](NAMESPACE_FILTERS)?.[namespaceFilterKey];
|
|
||||||
|
|
||||||
commit('updateNamespaces', {
|
commit('updateNamespaces', {
|
||||||
filters: savedFilters || [],
|
filters: [],
|
||||||
all: getters.filterNamespace(),
|
all: getters.filterNamespace(),
|
||||||
getters
|
getters
|
||||||
}, { root: true });
|
}, { root: true });
|
||||||
|
|||||||
@ -1,9 +1,3 @@
|
|||||||
// To find the CRD name, you can run `kubectl api-resources` and look for the `NAME` column.
|
|
||||||
// The CRD name is usually in the format of `<plural>.<group>`, where `<plural>` is the plural form of the resource and `<group>` is the API group it belongs to.
|
|
||||||
// e.g
|
|
||||||
// 1. `virtualmachines.kubevirt.io` -> kubevirt.io.virtualmachine, the CRD name for the `VirtualMachine` resource in the `kubevirt.io` API group
|
|
||||||
// 2. `vpc-nat-gateways.kubeovn.io` -> kubeovn.io.vpcnatgateway, the CRD name for the `VpcNatGateway` resource in the `kubeovn.io` API group.
|
|
||||||
|
|
||||||
export const HCI = {
|
export const HCI = {
|
||||||
VM: 'kubevirt.io.virtualmachine',
|
VM: 'kubevirt.io.virtualmachine',
|
||||||
VMI: 'kubevirt.io.virtualmachineinstance',
|
VMI: 'kubevirt.io.virtualmachineinstance',
|
||||||
@ -22,16 +16,9 @@ export const HCI = {
|
|||||||
RESTORE: 'harvesterhci.io.virtualmachinerestore',
|
RESTORE: 'harvesterhci.io.virtualmachinerestore',
|
||||||
NODE_NETWORK: 'network.harvesterhci.io.nodenetwork',
|
NODE_NETWORK: 'network.harvesterhci.io.nodenetwork',
|
||||||
CLUSTER_NETWORK: 'network.harvesterhci.io.clusternetwork',
|
CLUSTER_NETWORK: 'network.harvesterhci.io.clusternetwork',
|
||||||
HOST_NETWORK_CONFIG: 'network.harvesterhci.io.hostnetworkconfig',
|
|
||||||
SUBNET: 'kubeovn.io.subnet',
|
SUBNET: 'kubeovn.io.subnet',
|
||||||
VPC: 'kubeovn.io.vpc',
|
VPC: 'kubeovn.io.vpc',
|
||||||
IP: 'kubeovn.io.ip',
|
IP: 'kubeovn.io.ip',
|
||||||
VLAN: 'kubeovn.io.vlan',
|
|
||||||
IPTABLES_EIP: 'kubeovn.io.iptableseip',
|
|
||||||
IPTABLES_SNAT_RULE: 'kubeovn.io.iptablessnatrule',
|
|
||||||
IPTABLES_DNAT_RULE: 'kubeovn.io.iptablesdnatrule',
|
|
||||||
PROVIDER_NETWORK: 'kubeovn.io.providernetwork',
|
|
||||||
VPC_NAT_GATEWAY: 'kubeovn.io.vpcnatgateway',
|
|
||||||
VM_IMAGE_DOWNLOADER: 'harvesterhci.io.virtualmachineimagedownloader',
|
VM_IMAGE_DOWNLOADER: 'harvesterhci.io.virtualmachineimagedownloader',
|
||||||
SUPPORT_BUNDLE: 'harvesterhci.io.supportbundle',
|
SUPPORT_BUNDLE: 'harvesterhci.io.supportbundle',
|
||||||
NETWORK_ATTACHMENT: 'harvesterhci.io.networkattachmentdefinition',
|
NETWORK_ATTACHMENT: 'harvesterhci.io.networkattachmentdefinition',
|
||||||
@ -75,7 +62,6 @@ export const HCI = {
|
|||||||
VMIMPORT_SOURCE_OVA: 'migration.harvesterhci.io.ovasource',
|
VMIMPORT_SOURCE_OVA: 'migration.harvesterhci.io.ovasource',
|
||||||
VMIMPORT: 'migration.harvesterhci.io.virtualmachineimport',
|
VMIMPORT: 'migration.harvesterhci.io.virtualmachineimport',
|
||||||
MIGRATION: 'migration.harvesterhci.io',
|
MIGRATION: 'migration.harvesterhci.io',
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export const VOLUME_SNAPSHOT = 'snapshot.storage.k8s.io.volumesnapshot';
|
export const VOLUME_SNAPSHOT = 'snapshot.storage.k8s.io.volumesnapshot';
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user