mirror of
https://github.com/harvester/harvester-ui-extension.git
synced 2026-10-01 11:46:06 +08:00
Compare commits
27
Commits
v1.7.1
..
v1.6.0-rc3
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
3f19494d98 | ||
|
|
296601d38c | ||
|
|
5d9ba584b8 | ||
|
|
eab4ba3d0f | ||
|
|
4e5320dc72 | ||
|
|
ba7092f400 | ||
|
|
eec7c3573d | ||
|
|
f0014cc627 | ||
|
|
9aa311a7e3 | ||
|
|
013d9f1d7e | ||
|
|
8c044ba44c | ||
|
|
7b8592e07d | ||
|
|
53d2e67b4f | ||
|
|
1d146a40bd | ||
|
|
11d6943596 | ||
|
|
7b754457ec | ||
|
|
2cb838eded | ||
|
|
bdcb34ab14 | ||
|
|
8daf44b3f6 | ||
|
|
8044e74102 | ||
|
|
264d65cc6d | ||
|
|
342a82c8e0 | ||
|
|
e7cd5cc4b0 | ||
|
|
cf405be71e | ||
|
|
911d30d7ba | ||
|
|
1b4bfa0962 | ||
|
|
d0f6f18a8a |
@@ -14,4 +14,3 @@ dist-pkg
|
||||
pkg/harvester/index.ts
|
||||
pkg/harvester/store/*
|
||||
scripts/pkgfile.js
|
||||
tmp
|
||||
|
||||
@@ -3,4 +3,5 @@ addReviewers: true
|
||||
numberOfReviewers: 0
|
||||
reviewers:
|
||||
- a110605
|
||||
- houhoucoop
|
||||
- houhoucoop
|
||||
- NickChungSUSE
|
||||
+31
-12
@@ -1,14 +1,33 @@
|
||||
pull_request_rules:
|
||||
- name: Ask to resolve conflict
|
||||
conditions:
|
||||
- conflict
|
||||
actions:
|
||||
comment:
|
||||
message: This pull request is now in conflict. Could you fix it @{{author}}? 🙏
|
||||
- name: Automatically open backport PR to release-harvester-v1.5
|
||||
conditions:
|
||||
- base=main
|
||||
- label="require backport 1.5"
|
||||
actions:
|
||||
backport:
|
||||
branches:
|
||||
- "release-harvester-v1.5"
|
||||
assignees:
|
||||
- "{{ author }}"
|
||||
labels:
|
||||
- "v1.5 backport PR"
|
||||
|
||||
commands_restrictions:
|
||||
backport:
|
||||
conditions:
|
||||
- or:
|
||||
- sender-permission>=write
|
||||
- sender=github-actions[bot]
|
||||
- name: Automatically open backport PR to release-harvester-v1.0
|
||||
conditions:
|
||||
- base=main
|
||||
- label="require backport 1.0"
|
||||
actions:
|
||||
backport:
|
||||
branches:
|
||||
- "release-harvester-v1.0"
|
||||
assignees:
|
||||
- "{{ author }}"
|
||||
labels:
|
||||
- "v1.0 backport PR"
|
||||
|
||||
- name: Ask to resolve conflict
|
||||
conditions:
|
||||
- conflict
|
||||
actions:
|
||||
comment:
|
||||
message: This pull request is now in conflict. Could you fix it @{{author}}? 🙏
|
||||
@@ -1,40 +0,0 @@
|
||||
# .github/release.yml
|
||||
changelog:
|
||||
categories:
|
||||
- title: Features
|
||||
labels:
|
||||
- feat
|
||||
- title: Bug Fixes
|
||||
labels:
|
||||
- fix
|
||||
- title: Dependencies
|
||||
labels:
|
||||
- deps
|
||||
- title: Performance
|
||||
labels:
|
||||
- perf
|
||||
- title: Documentation
|
||||
labels:
|
||||
- docs
|
||||
- title: Style
|
||||
labels:
|
||||
- style
|
||||
- title: Build & Continuous Integration
|
||||
labels:
|
||||
- build
|
||||
- ci
|
||||
- title: Security
|
||||
labels:
|
||||
- security
|
||||
- title: Tests
|
||||
labels:
|
||||
- test
|
||||
- title: Refactoring
|
||||
labels:
|
||||
- refactor
|
||||
- title: Chores
|
||||
labels:
|
||||
- chore
|
||||
- title: Others
|
||||
labels:
|
||||
- other
|
||||
@@ -1,17 +1,15 @@
|
||||
{
|
||||
"$schema": "https://docs.renovatebot.com/renovate-schema.json",
|
||||
"extends": [
|
||||
"config:recommended",
|
||||
":semanticCommitTypeAll(deps)",
|
||||
":semanticCommitScopeDisabled"
|
||||
],
|
||||
"extends": ["config:recommended"],
|
||||
"baseBranches": [
|
||||
"master",
|
||||
"main",
|
||||
"/^release-harvester-v\\d+\\.\\d+$/"
|
||||
],
|
||||
"automergeMajor": false,
|
||||
"semanticCommits": "enabled",
|
||||
"semanticCommitType": "deps",
|
||||
"semanticCommitType": "chore",
|
||||
"semanticCommitScope": "deps",
|
||||
"prHourlyLimit": 12,
|
||||
"timezone": "Asia/Taipei",
|
||||
"schedule": ["after 10am on sunday"],
|
||||
|
||||
@@ -1,49 +0,0 @@
|
||||
name: "[PR Management] Request Backport via Mergify"
|
||||
|
||||
on:
|
||||
pull_request_target:
|
||||
types: [closed]
|
||||
branches: [main]
|
||||
|
||||
permissions:
|
||||
pull-requests: write
|
||||
|
||||
jobs:
|
||||
comment-backport:
|
||||
if: github.event.pull_request.merged == true
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- name: Checkout repository
|
||||
uses: actions/checkout@v4
|
||||
with:
|
||||
ref: ${{ github.base_ref }}
|
||||
|
||||
- name: Post Mergify backport command
|
||||
env:
|
||||
GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
run: |
|
||||
set -euo pipefail
|
||||
|
||||
pr_number=${{ github.event.pull_request.number }}
|
||||
repo="${{ github.repository }}"
|
||||
|
||||
labels_json='${{ toJson(github.event.pull_request.labels.*.name) }}'
|
||||
labels=$(echo "$labels_json" | jq -r '.[] // empty')
|
||||
|
||||
echo "Labels on PR: $labels"
|
||||
|
||||
matches=$(echo "$labels" | grep -oE '^require backport/v[0-9]+\.[0-9]+$' || true)
|
||||
|
||||
if [[ -z "$matches" ]]; then
|
||||
echo "No back‑port labels found — skipping."
|
||||
exit 0
|
||||
fi
|
||||
|
||||
branches=$(echo "$matches" \
|
||||
| sed -E 's/^require backport\/v/release-harvester-v/' \
|
||||
| sort -u | tr '\n' ' ')
|
||||
branches=${branches%% }
|
||||
|
||||
cmd="@Mergifyio backport $branches"
|
||||
echo "Posting Mergify command: $cmd"
|
||||
gh pr comment "$pr_number" --repo "$repo" --body "$cmd"
|
||||
@@ -132,7 +132,7 @@ jobs:
|
||||
git push origin ${{ needs.setup-target-branch.outputs.target_branch }}
|
||||
|
||||
- name: Run Helm chart releaser
|
||||
uses: helm/chart-releaser-action@v1.7.0
|
||||
uses: helm/chart-releaser-action@v1.4.1
|
||||
with:
|
||||
charts_dir: ./charts
|
||||
env:
|
||||
|
||||
@@ -1,30 +0,0 @@
|
||||
name: "[PR Management] Add PR Label"
|
||||
|
||||
on:
|
||||
pull_request_target:
|
||||
types: [opened, reopened, edited]
|
||||
branches:
|
||||
- main
|
||||
- 'release-harvester-v*'
|
||||
|
||||
permissions:
|
||||
pull-requests: write
|
||||
|
||||
jobs:
|
||||
auto-assign-pr-label:
|
||||
if: github.event.pull_request.draft == false
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- name: Checkout repository
|
||||
uses: actions/checkout@v4
|
||||
with:
|
||||
ref: ${{ github.base_ref }}
|
||||
- name: Setup Nodejs and yarn install
|
||||
uses: ./.github/actions/setup
|
||||
- name: Set PR label
|
||||
env:
|
||||
GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
run: |
|
||||
PR_LABEL=$(node ./scripts/extract-release-label.mjs "${{ github.event.pull_request.title }}")
|
||||
echo "PR_LABEL = $PR_LABEL"
|
||||
gh pr edit ${{ github.event.pull_request.number }} --repo ${{ github.repository }} --add-label "$PR_LABEL"
|
||||
@@ -7,7 +7,6 @@ on:
|
||||
- main
|
||||
- 'release-*'
|
||||
pull_request:
|
||||
types: [opened, reopened, edited, synchronize]
|
||||
branches:
|
||||
- main
|
||||
- 'release-*'
|
||||
@@ -23,11 +22,6 @@ jobs:
|
||||
- name: Run tests
|
||||
uses: ./.github/actions/lint
|
||||
|
||||
- name: Validate PR title lint
|
||||
if: github.event_name == 'pull_request'
|
||||
shell: bash
|
||||
run: echo "${{ github.event.pull_request.title }}" | npx commitlint
|
||||
|
||||
- name: Validate commit messages
|
||||
shell: bash
|
||||
run: |
|
||||
@@ -41,14 +35,8 @@ jobs:
|
||||
FROM="$GITHUB_BASE_SHA"
|
||||
TO="$GITHUB_HEAD_SHA"
|
||||
elif [ -n "$GITHUB_BEFORE" ] && [ -n "$GITHUB_AFTER" ]; then
|
||||
if [ "$GITHUB_BEFORE" = "0000000000000000000000000000000000000000" ]; then
|
||||
# first push to HEAD
|
||||
FROM=""
|
||||
TO="$GITHUB_AFTER"
|
||||
else
|
||||
FROM="$GITHUB_BEFORE"
|
||||
TO="$GITHUB_AFTER"
|
||||
fi
|
||||
FROM="$GITHUB_BEFORE"
|
||||
TO="$GITHUB_AFTER"
|
||||
else
|
||||
echo "No valid commit range found, skipping commitlint."
|
||||
exit 0
|
||||
@@ -56,15 +44,7 @@ jobs:
|
||||
|
||||
echo "FROM=$FROM"
|
||||
echo "TO=$TO"
|
||||
|
||||
if [ -z "$FROM" ]; then
|
||||
echo "Linting last commit $TO"
|
||||
npx commitlint --last --verbose
|
||||
|
||||
else
|
||||
echo "Linting commits from $FROM to $TO"
|
||||
npx commitlint --from "$FROM" --to "$TO" --verbose
|
||||
fi
|
||||
npx commitlint --from "$FROM" --to "$TO" --verbose
|
||||
env:
|
||||
GITHUB_EVENT_NAME: ${{ github.event_name }}
|
||||
GITHUB_BASE_SHA: ${{ github.event.pull_request.base.sha }}
|
||||
|
||||
@@ -138,6 +138,7 @@ To validate changes in a release series, switch to the appropriate `vX.Y-head` b
|
||||
- Examples:
|
||||
- Test `1.0.x` series → `v1.0-head`
|
||||
- Test `1.5.x` series → `v1.5-head`
|
||||
- Test `1.6.x` series → `v1.6-head`
|
||||
|
||||
**Steps:**
|
||||
1. Navigate to **Rancher UI** → **Local** → **App** → **Repositories**
|
||||
|
||||
@@ -22,10 +22,6 @@ module.exports = {
|
||||
'security', // Security fixes
|
||||
]
|
||||
],
|
||||
// Allows the scope to be empty. [0] means the rule is disabled.
|
||||
'scope-empty': [0, 'always'],
|
||||
// Allows any string for the scope.
|
||||
'scope-case': [2, 'always', 'kebab-case'],
|
||||
'type-case': [2, 'always', 'lower-case'],
|
||||
'type-empty': [2, 'never'],
|
||||
'subject-case': [0, 'never'],
|
||||
|
||||
+11
-12
@@ -1,13 +1,13 @@
|
||||
{
|
||||
"name": "harvester-ui-extension",
|
||||
"version": "1.7.1",
|
||||
"version": "1.6.0-rc3",
|
||||
"private": false,
|
||||
"engines": {
|
||||
"node": ">=20.0.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/plugin-transform-class-static-block": "7.28.6",
|
||||
"@rancher/shell": "3.0.8-rc.8",
|
||||
"@babel/plugin-transform-class-static-block": "7.26.0",
|
||||
"@rancher/shell": "3.0.5-rc.6",
|
||||
"cache-loader": "^4.1.0",
|
||||
"color": "4.2.3",
|
||||
"ip": "2.0.1",
|
||||
@@ -16,21 +16,21 @@
|
||||
"yaml": "^2.5.1"
|
||||
},
|
||||
"resolutions": {
|
||||
"@types/node": "~20.19.0",
|
||||
"cronstrue": "2.59.0",
|
||||
"@types/node": "~20.10.0",
|
||||
"cronstrue": "2.50.0",
|
||||
"d3-color": "3.1.0",
|
||||
"ejs": "3.1.10",
|
||||
"follow-redirects": "1.15.11",
|
||||
"follow-redirects": "1.15.6",
|
||||
"glob": "7.2.3",
|
||||
"glob-parent": "6.0.2",
|
||||
"json5": "2.2.3",
|
||||
"@types/lodash": "4.17.23",
|
||||
"@types/lodash": "4.17.5",
|
||||
"merge": "2.1.1",
|
||||
"node-forge": "1.3.3",
|
||||
"node-forge": "1.3.1",
|
||||
"nth-check": "2.1.1",
|
||||
"qs": "6.14.1",
|
||||
"roarr": "7.21.4",
|
||||
"semver": "7.7.4",
|
||||
"qs": "6.11.1",
|
||||
"roarr": "7.0.4",
|
||||
"semver": "7.5.4",
|
||||
"@vue/cli-service/html-webpack-plugin": "^5.0.0"
|
||||
},
|
||||
"scripts": {
|
||||
@@ -46,7 +46,6 @@
|
||||
"prepare": "husky"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@commitlint/load": "^19.8.1",
|
||||
"@commitlint/cli": "^19.8.1",
|
||||
"@commitlint/config-conventional": "^19.8.1",
|
||||
"eslint-plugin-node": "^11.1.0",
|
||||
|
||||
@@ -1,178 +0,0 @@
|
||||
# harvester-ui-extension
|
||||
|
||||
The Harvester UI Extension is a Rancher extension that provides the user interface for [Harvester](https://harvesterhci.io) within the [Rancher Dashboard](https://github.com/rancher/dashboard).
|
||||
|
||||
> **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.
|
||||
|
||||
## Installation
|
||||
|
||||
For detailed installation instructions, please refer to the [official Harvester documentation](https://docs.harvesterhci.io/v1.5/rancher/harvester-ui-extension#installation-on-rancher-210).
|
||||
|
||||
|
||||
## Development Setup
|
||||
|
||||
Ensure **Node.js v20 or later** is installed for development and debugging.
|
||||
|
||||
### Standalone Mode
|
||||
|
||||
Run the extension standalone with hot reload at `https://localhost:8005`.
|
||||
|
||||
```bash
|
||||
# Install dependencies
|
||||
yarn install
|
||||
|
||||
# Start the development server
|
||||
RANCHER_ENV=harvester API=https://your-harvester-ip yarn dev
|
||||
|
||||
# Example with specific server version
|
||||
RANCHER_ENV=harvester VUE_APP_SERVER_VERSION=v1.5.0 API=https://192.168.1.123 yarn dev
|
||||
```
|
||||
|
||||
You may also define environment variables in a `.env` file:
|
||||
|
||||
```env
|
||||
RANCHER_ENV=harvester
|
||||
VUE_APP_SERVER_VERSION=v1.5.0
|
||||
API=https://192.168.1.123
|
||||
```
|
||||
|
||||
### Rancher Integration Mode
|
||||
|
||||
To run as a Rancher extension, follow the [Rancher UI Extension Guide](https://extensions.rancher.io/extensions/next/extensions-getting-started#running-the-app).
|
||||
|
||||
```bash
|
||||
API=https://your-rancher-ip yarn dev
|
||||
```
|
||||
|
||||
## Commit Message Guidelines
|
||||
|
||||
This project uses [commit-lint](https://commitlint.js.org/) with [Conventional Commits](https://www.conventionalcommits.org/) to ensure consistent and meaningful commit messages.
|
||||
|
||||
### Commit Message Format
|
||||
|
||||
All commit messages must follow the conventional commit format:
|
||||
|
||||
```
|
||||
<type>[optional scope]: <description>
|
||||
|
||||
[optional body]
|
||||
|
||||
[optional footer(s)]
|
||||
```
|
||||
|
||||
### Supported Types
|
||||
|
||||
- **feat**: New features
|
||||
- **fix**: Bug fixes
|
||||
- **docs**: Documentation changes
|
||||
- **style**: Code style changes (formatting, missing semicolons, etc.)
|
||||
- **refactor**: Code refactoring
|
||||
- **perf**: Performance improvements
|
||||
- **test**: Adding or updating tests
|
||||
- **build**: Build system or external dependencies
|
||||
- **ci**: CI/CD changes
|
||||
- **chore**: Other changes that don't modify src or test files
|
||||
- **revert**: Reverts a previous commit
|
||||
- **wip**: Work in progress
|
||||
- **deps**: Dependency updates
|
||||
- **security**: Security fixes
|
||||
|
||||
### Examples
|
||||
|
||||
```bash
|
||||
# Feature
|
||||
git commit -m "feat: add new virtual machine creation wizard"
|
||||
|
||||
# Bug fix
|
||||
git commit -m "fix: resolve memory leak in VM console"
|
||||
|
||||
# Documentation
|
||||
git commit -m "docs: update installation instructions"
|
||||
|
||||
# Breaking change
|
||||
git commit -m "feat!: change API endpoint structure
|
||||
|
||||
BREAKING CHANGE: The /api/v1/vms endpoint has been replaced with /api/v2/vms"
|
||||
```
|
||||
|
||||
### Git Hooks
|
||||
|
||||
The project uses [Husky](https://typicode.github.io/husky/) to automatically validate commit messages and run linting before commits:
|
||||
|
||||
- **pre-commit**: Runs ESLint to ensure code quality
|
||||
- **commit-msg**: Validates commit message format using commit-lint
|
||||
|
||||
These hooks are automatically installed when you run `yarn install`.
|
||||
|
||||
### Manual Validation
|
||||
|
||||
You can manually validate commit messages:
|
||||
|
||||
```bash
|
||||
# Validate the last commit
|
||||
yarn commitlint
|
||||
|
||||
# Validate a specific commit
|
||||
npx commitlint --from <commit-hash>
|
||||
|
||||
# Validate a range of commits
|
||||
npx commitlint --from <start-hash> --to <end-hash>
|
||||
```
|
||||
|
||||
## Branch Structure
|
||||
|
||||
- **`main`** – Main development branch
|
||||
- **`release-harvester-vX.Y`** – Stable release branches per version series
|
||||
- **`vX.Y-head`** – Testing branches for ongoing changes to extension builds in each release series
|
||||
|
||||
> **Note:**
|
||||
> The `vX.Y-head` branches are auto-generated and kept in sync with release branches. Use these for testing the latest changes in each version series.
|
||||
|
||||
## Testing Guidelines
|
||||
|
||||
### UI Extension Testing
|
||||
|
||||
To validate changes in a release series, switch to the appropriate `vX.Y-head` branch. For main branch testing, use `main-head`.
|
||||
|
||||
- Examples:
|
||||
- Test `1.0.x` series → `v1.0-head`
|
||||
- Test `1.5.x` series → `v1.5-head`
|
||||
|
||||
**Steps:**
|
||||
1. Navigate to **Rancher UI** → **Local** → **App** → **Repositories**
|
||||
2. Refresh the Harvester repository using the target `vX.Y-head` branch
|
||||
3. Go to the **Extensions** page and install the desired version
|
||||
|
||||
### Standalone Mode Testing
|
||||
|
||||
To test the standalone UI, configure Harvester to load the UI from an external source.
|
||||
|
||||
- Examples of `ui-index`:
|
||||
- Main branch → `https://releases.rancher.com/harvester-ui/dashboard/latest/index.html`
|
||||
- Release series `1.5.x` → `https://releases.rancher.com/harvester-ui/dashboard/release-harvester-v1.5/index.html`
|
||||
|
||||
**Steps:**
|
||||
1. Go to **Harvester UI** → **Advanced** → **Settings** → **UI**
|
||||
2. Set **ui-source** to `External`
|
||||
3. Set **ui-index** to the desired URL
|
||||
|
||||
## 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.
|
||||
|
||||
## License
|
||||
|
||||
Copyright (c) 2014-2025 [SUSE, LLC.](https://www.suse.com/)
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
[http://www.apache.org/licenses/LICENSE-2.0](http://www.apache.org/licenses/LICENSE-2.0)
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
@@ -11,6 +11,7 @@ const CATEGORY = {
|
||||
ui: [
|
||||
'branding',
|
||||
'ui-source',
|
||||
'ui-plugin-index',
|
||||
'ui-index',
|
||||
]
|
||||
};
|
||||
@@ -97,12 +98,8 @@ export default {
|
||||
return true;
|
||||
}
|
||||
|
||||
let description = this.t(setting.description, this.getDocLinkParams(setting) || {}, true)?.toLowerCase() || '';
|
||||
const description = this.t(setting.description, this.getDocLinkParams(setting) || {}, true)?.toLowerCase() || '';
|
||||
|
||||
// remove <a> tags from description
|
||||
if (description.includes('<a')) {
|
||||
description = description.replace(/<a[^>]*>(.*?)<\/a>/g, '$1');
|
||||
}
|
||||
// filter by description
|
||||
if (description.includes(searchQuery)) {
|
||||
return true;
|
||||
|
||||
@@ -257,12 +257,8 @@ export default {
|
||||
});
|
||||
},
|
||||
|
||||
reconnect() {
|
||||
this.$refs.novncConsole.reconnect();
|
||||
},
|
||||
|
||||
softReboot() {
|
||||
this.vmResource.doSoftReboot();
|
||||
this.vmResource.softrebootVM();
|
||||
},
|
||||
|
||||
showKeysModal() {
|
||||
@@ -310,13 +306,6 @@ export default {
|
||||
{{ t("harvester.action.softreboot") }}
|
||||
</button>
|
||||
|
||||
<button
|
||||
class="btn btn-sm bg-primary"
|
||||
@click="reconnect"
|
||||
>
|
||||
{{ t("harvester.action.reconnect") }}
|
||||
</button>
|
||||
|
||||
<v-dropdown
|
||||
v-if="!hideCustomKeysBar"
|
||||
ref="customKeyPopover"
|
||||
@@ -383,15 +372,3 @@ export default {
|
||||
background: rgb(40, 40, 40);
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss">
|
||||
.vm-console .v-popper__arrow-container {
|
||||
display: none;
|
||||
}
|
||||
.vm-console .v-popper__popper{
|
||||
margin-top: 8px;
|
||||
}
|
||||
.vm-console .v-popper__inner{
|
||||
overflow-y: visible;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,154 +0,0 @@
|
||||
<script>
|
||||
import { LabeledInput } from '@components/Form/LabeledInput';
|
||||
import { RadioGroup } from '@components/Form/Radio';
|
||||
import UnitInput from '@shell/components/form/UnitInput';
|
||||
import { MEBIBYTE } from '../../utils/unit';
|
||||
import { Banner } from '@components/Banner';
|
||||
|
||||
export default {
|
||||
name: 'KubevirtMigration',
|
||||
|
||||
components: {
|
||||
LabeledInput,
|
||||
UnitInput,
|
||||
RadioGroup,
|
||||
Banner
|
||||
},
|
||||
|
||||
props: {
|
||||
registerBeforeHook: {
|
||||
type: Function,
|
||||
required: true
|
||||
},
|
||||
value: {
|
||||
type: Object,
|
||||
default: () => ({
|
||||
value: '',
|
||||
default: '{}'
|
||||
})
|
||||
},
|
||||
},
|
||||
|
||||
data() {
|
||||
const migration = this.parseJSON(this.value?.value) || this.parseJSON(this.value?.default) || {};
|
||||
|
||||
return {
|
||||
MEBIBYTE,
|
||||
migration,
|
||||
parseError: null,
|
||||
};
|
||||
},
|
||||
|
||||
created() {
|
||||
this.registerBeforeHook?.(this.willSave, 'willSave');
|
||||
},
|
||||
|
||||
methods: {
|
||||
parseJSON(string) {
|
||||
try {
|
||||
return JSON.parse(string);
|
||||
} catch (e) {
|
||||
this.parseError = this.t('kubevirtMigration.parseError', { error: e.message });
|
||||
// eslint-disable-next-line no-console
|
||||
console.error('Failed to parse JSON:', e.message);
|
||||
|
||||
return null;
|
||||
}
|
||||
},
|
||||
|
||||
updateValue() {
|
||||
if (this.value) {
|
||||
this.value.value = JSON.stringify(this.migration);
|
||||
}
|
||||
},
|
||||
|
||||
useDefault() {
|
||||
if (this.value?.default) {
|
||||
const defaultMigration = this.parseJSON(this.value.default) || {};
|
||||
|
||||
this.migration = defaultMigration;
|
||||
this.updateValue();
|
||||
}
|
||||
},
|
||||
|
||||
async willSave() {
|
||||
this.updateValue();
|
||||
|
||||
return Promise.resolve();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<Banner
|
||||
v-if="parseError"
|
||||
color="error"
|
||||
>
|
||||
{{ parseError }}
|
||||
</Banner>
|
||||
|
||||
<div class="migration-field">
|
||||
<LabeledInput
|
||||
v-model:value.number="migration.parallelMigrationsPerCluster"
|
||||
:label="t('harvester.setting.kubevirtMigration.parallelMigrationsPerCluster')"
|
||||
type="number"
|
||||
min="1"
|
||||
/>
|
||||
<LabeledInput
|
||||
v-model:value.number="migration.parallelOutboundMigrationsPerNode"
|
||||
:label="t('harvester.setting.kubevirtMigration.parallelOutboundMigrationsPerNode')"
|
||||
type="number"
|
||||
min="1"
|
||||
/>
|
||||
<UnitInput
|
||||
v-model:value="migration.bandwidthPerMigration"
|
||||
min="0"
|
||||
:label="t('harvester.setting.kubevirtMigration.bandwidthPerMigration')"
|
||||
:mode="mode"
|
||||
:suffix="MEBIBYTE"
|
||||
:tooltip="t('harvester.setting.kubevirtMigration.bandwidthPerMigrationTooltip', _, true)"
|
||||
/>
|
||||
<UnitInput
|
||||
v-model:value="migration.completionTimeoutPerGiB"
|
||||
:label="t('harvester.setting.kubevirtMigration.completionTimeoutPerGiB')"
|
||||
:mode="mode"
|
||||
:suffix="migration.completionTimeoutPerGiB === 1 ? 'Second' : 'Seconds'"
|
||||
min="10"
|
||||
/>
|
||||
<UnitInput
|
||||
v-model:value="migration.progressTimeout"
|
||||
:label="t('harvester.setting.kubevirtMigration.progressTimeout')"
|
||||
:mode="mode"
|
||||
:suffix="migration.progressTimeout === 1 ? 'Second' : 'Seconds'"
|
||||
min="10"
|
||||
/>
|
||||
<div
|
||||
v-for="field in ['allowAutoConverge','allowPostCopy','unsafeMigrationOverride','allowWorkloadDisruption','disableTLS','matchSELinuxLevelOnMigration']"
|
||||
:key="field"
|
||||
>
|
||||
<label
|
||||
class="mb-5"
|
||||
:for="field"
|
||||
>{{ t(`harvester.setting.kubevirtMigration.${field}`) }}</label>
|
||||
<RadioGroup
|
||||
:id="field"
|
||||
v-model:value="migration[field]"
|
||||
:options="[
|
||||
{ label: t('advancedSettings.edit.trueOption'), value: true },
|
||||
{ label: t('advancedSettings.edit.falseOption'), value: false },
|
||||
]"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.migration-field {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
}
|
||||
</style>
|
||||
@@ -18,20 +18,16 @@ export default {
|
||||
|
||||
await this.$store.dispatch('harvester/findAll', { type: NAMESPACE });
|
||||
|
||||
if (this.customSupportBundleFeatureEnabled) {
|
||||
try {
|
||||
const url = this.$store.getters['harvester-common/getHarvesterClusterUrl']('v1/harvester/namespaces?link=supportbundle');
|
||||
const response = await this.$store.dispatch('harvester/request', { url });
|
||||
try {
|
||||
const url = this.$store.getters['harvester-common/getHarvesterClusterUrl']('v1/harvester/namespaces?link=supportbundle');
|
||||
const response = await this.$store.dispatch('harvester/request', { url });
|
||||
|
||||
this.defaultNamespaces = response.data || [];
|
||||
} catch (error) {
|
||||
this.defaultNamespaces = [];
|
||||
}
|
||||
} else {
|
||||
this.defaultNamespaces = response.data || [];
|
||||
} catch (error) {
|
||||
this.defaultNamespaces = [];
|
||||
} finally {
|
||||
this.loading = false;
|
||||
}
|
||||
|
||||
this.loading = false;
|
||||
},
|
||||
|
||||
data() {
|
||||
@@ -46,30 +42,18 @@ export default {
|
||||
},
|
||||
|
||||
computed: {
|
||||
customSupportBundleFeatureEnabled() {
|
||||
return this.$store.getters['harvester-common/getFeatureEnabled']('customSupportBundle');
|
||||
},
|
||||
|
||||
allNamespaces() {
|
||||
return this.$store.getters['harvester/all'](NAMESPACE).map((ns) => ns.id);
|
||||
},
|
||||
|
||||
filteredNamespaces() {
|
||||
if (!this.customSupportBundleFeatureEnabled) {
|
||||
return this.allNamespaces;
|
||||
}
|
||||
|
||||
const defaultIds = this.defaultNamespaces.map((ns) => ns.id);
|
||||
|
||||
return this.allNamespaces.filter((ns) => !defaultIds.includes(ns));
|
||||
},
|
||||
|
||||
namespaceOptions() {
|
||||
const mappedNamespaces = this.filteredNamespaces.map((ns) => ({ label: ns, value: ns }));
|
||||
|
||||
if (!this.customSupportBundleFeatureEnabled) {
|
||||
return mappedNamespaces;
|
||||
}
|
||||
if (this.availableNamespaces.length === 0) return [];
|
||||
|
||||
const allSelected =
|
||||
this.namespaces.length === this.filteredNamespaces.length &&
|
||||
@@ -77,7 +61,7 @@ export default {
|
||||
|
||||
const controlOption = allSelected ? { label: this.t('harvester.modal.bundle.namespaces.unselectAll'), value: UNSELECT_ALL } : { label: this.t('harvester.modal.bundle.namespaces.selectAll'), value: SELECT_ALL };
|
||||
|
||||
return [controlOption, ...mappedNamespaces];
|
||||
return [controlOption, ...this.filteredNamespaces];
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
@@ -1,13 +1,10 @@
|
||||
// suffix of doc link, see utils/feature-flags.js how to get complete doc link
|
||||
export const DOC = {
|
||||
CONSOLE_URL: `/host/#remote-console`,
|
||||
RANCHER_INTEGRATION_URL: `/rancher/rancher-integration`,
|
||||
KSMTUNED_MODE: `/host/#ksmtuned-mode`,
|
||||
UPGRADE_URL: `/upgrade/index`,
|
||||
UPGRADE_CONFIG_URL: `/advanced/index#upgrade-config`,
|
||||
STORAGE_NETWORK_EXAMPLE: `/advanced/storagenetwork#configuration-example`,
|
||||
SUPPORT_BUNDLE_NAMESPACES: `/advanced/index/#support-bundle-namespaces`,
|
||||
VPC_CONFIGURATION_EXAMPLES: `/networking/kubeovn-vpc#vpc-peering-configuration-examples`,
|
||||
NETWORK_POLICY: `/networking/kubeovn-vm-isolation/#network-policies`,
|
||||
TRANSPARENT_HUGEPAGES: `https://docs.kernel.org/admin-guide/mm/transhuge.html`,
|
||||
CONSOLE_URL: `/host/#remote-console`,
|
||||
RANCHER_INTEGRATION_URL: `/rancher/rancher-integration`,
|
||||
KSMTUNED_MODE: `/host/#ksmtuned-mode`,
|
||||
UPGRADE_URL: `/upgrade/index`,
|
||||
UPGRADE_CONFIG_URL: `/advanced/index#upgrade-config`,
|
||||
STORAGE_NETWORK_EXAMPLE: `/advanced/storagenetwork#configuration-example`,
|
||||
SUPPORT_BUNDLE_NAMESPACES: `/advanced/index/#support-bundle-namespaces`,
|
||||
};
|
||||
|
||||
@@ -39,24 +39,14 @@ const FEATURE_FLAGS = {
|
||||
],
|
||||
'v1.5.1': [],
|
||||
'v1.6.0': [
|
||||
'vmMachineTypes',
|
||||
'customSupportBundle',
|
||||
'csiOnlineExpandValidation',
|
||||
'vmNetworkMigration',
|
||||
'kubeovnVpcSubnet',
|
||||
'rancherClusterSetting',
|
||||
'cpuMemoryHotplug',
|
||||
'cdiSettings',
|
||||
'vmCloneRunStrategy',
|
||||
],
|
||||
'v1.6.1': [],
|
||||
'v1.7.0': [
|
||||
'vmMachineTypeAuto',
|
||||
'lhV2VolExpansion',
|
||||
'l2VlanTrunkMode',
|
||||
'kubevirtMigration',
|
||||
'hotplugNic'
|
||||
],
|
||||
'v1.7.1': [],
|
||||
'cpuMemoryHotplug'
|
||||
]
|
||||
};
|
||||
|
||||
const generateFeatureFlags = () => {
|
||||
|
||||
@@ -10,7 +10,6 @@ import {
|
||||
LOGGING,
|
||||
STORAGE_CLASS,
|
||||
SECRET,
|
||||
NETWORK_POLICY
|
||||
} from '@shell/config/types';
|
||||
import { HCI, VOLUME_SNAPSHOT } from '../types';
|
||||
import {
|
||||
@@ -426,7 +425,6 @@ export function init($plugin, store) {
|
||||
HCI.CLUSTER_NETWORK,
|
||||
HCI.NETWORK_ATTACHMENT,
|
||||
HCI.VPC,
|
||||
NETWORK_POLICY,
|
||||
HCI.LB,
|
||||
HCI.IP_POOL,
|
||||
],
|
||||
@@ -457,7 +455,6 @@ export function init($plugin, store) {
|
||||
HCI.PCI_DEVICE,
|
||||
HCI.SR_IOVGPU_DEVICE,
|
||||
HCI.VGPU_DEVICE,
|
||||
HCI.MIG_CONFIGURATION,
|
||||
HCI.USB_DEVICE,
|
||||
HCI.ADD_ONS,
|
||||
HCI.SECRET,
|
||||
@@ -569,21 +566,6 @@ export function init($plugin, store) {
|
||||
ifHaveType: HCI.VPC,
|
||||
});
|
||||
|
||||
configureType(NETWORK_POLICY, { hiddenNamespaceGroupButton: true, canYaml: false });
|
||||
|
||||
virtualType({
|
||||
labelKey: 'harvester.networkPolicy.label',
|
||||
name: NETWORK_POLICY,
|
||||
namespaced: true,
|
||||
weight: 186,
|
||||
route: {
|
||||
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
||||
params: { resource: NETWORK_POLICY }
|
||||
},
|
||||
exact: false,
|
||||
ifHaveType: NETWORK_POLICY,
|
||||
});
|
||||
|
||||
configureType(HCI.SNAPSHOT, {
|
||||
isCreatable: false,
|
||||
location: {
|
||||
@@ -850,26 +832,6 @@ export function init($plugin, store) {
|
||||
]
|
||||
});
|
||||
|
||||
virtualType({
|
||||
labelKey: 'harvester.migconfiguration.label',
|
||||
group: 'advanced',
|
||||
weight: 12,
|
||||
name: HCI.MIG_CONFIGURATION,
|
||||
namespaced: false,
|
||||
route: {
|
||||
name: `${ PRODUCT_NAME }-c-cluster-resource`,
|
||||
params: { resource: HCI.MIG_CONFIGURATION }
|
||||
},
|
||||
exact: false,
|
||||
ifHaveType: HCI.MIG_CONFIGURATION,
|
||||
});
|
||||
|
||||
configureType(HCI.MIG_CONFIGURATION, {
|
||||
isCreatable: false,
|
||||
hiddenNamespaceGroupButton: true,
|
||||
canYaml: false,
|
||||
});
|
||||
|
||||
virtualType({
|
||||
labelKey: 'harvester.usb.label',
|
||||
group: 'advanced',
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
import { HCI } from '../types';
|
||||
|
||||
// TODO: delete this not used variable
|
||||
export const MemoryUnit = [{
|
||||
label: 'Mi',
|
||||
@@ -83,14 +81,3 @@ export const CSI_SECRETS = {
|
||||
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',
|
||||
};
|
||||
|
||||
// Some harvester CRD type is not equal to model file name, define the mapping here
|
||||
export const HARVESTER_CRD_MAP = {
|
||||
node: HCI.HOST,
|
||||
configmap: HCI.CLOUD_TEMPLATE,
|
||||
persistentvolumeclaim: HCI.VOLUME,
|
||||
'snapshot.storage.k8s.io.volumesnapshot': HCI.SNAPSHOT,
|
||||
// specific groupable table detail page
|
||||
'network.harvesterhci.io.vlanconfig': HCI.CLUSTER_NETWORK,
|
||||
'kubeovn.io.subnet': HCI.VPC
|
||||
};
|
||||
|
||||
@@ -50,7 +50,6 @@ export const HCI = {
|
||||
STORAGE_CLASS: 'harvesterhci.io/storageClassName',
|
||||
STORAGE_NETWORK: 'storage-network.settings.harvesterhci.io',
|
||||
ADDON_EXPERIMENTAL: 'addon.harvesterhci.io/experimental',
|
||||
ADDON_DISPLAYNAME: 'addon.harvesterhci.io/displayName',
|
||||
VOLUME_ERROR: 'longhorn.io/volume-scheduling-error',
|
||||
VOLUME_FOR_VM: 'harvesterhci.io/volumeForVirtualMachine',
|
||||
KVM_AMD_CPU: 'cpu-feature.node.kubevirt.io/svm',
|
||||
@@ -73,9 +72,4 @@ export const HCI = {
|
||||
CUSTOM_IP: 'harvesterhci.io/custom-ip',
|
||||
IMPORTED_IMAGE: 'migration.harvesterhci.io/imported',
|
||||
VM_CPU_MEMORY_HOTPLUG: 'harvesterhci.io/enableCPUAndMemoryHotplug',
|
||||
FILESYSTEM_OVERHEAD: 'cdi.harvesterhci.io/filesystemOverhead',
|
||||
CLONE_STRATEGY: 'cdi.harvesterhci.io/storageProfileCloneStrategy',
|
||||
VOLUME_MODE_ACCESS_MODES: 'cdi.harvesterhci.io/storageProfileVolumeModeAccessModes',
|
||||
VOLUME_SNAPSHOT_CLASS: 'cdi.harvesterhci.io/storageProfileVolumeSnapshotClass',
|
||||
MAC_ADDRESS: 'harvesterhci.io/mac-address',
|
||||
};
|
||||
|
||||
@@ -4,6 +4,7 @@ export const HCI_SETTING = {
|
||||
LOG_LEVEL: 'log-level',
|
||||
SERVER_VERSION: 'server-version',
|
||||
UI_INDEX: 'ui-index',
|
||||
UI_PLUGIN_INDEX: 'ui-plugin-index',
|
||||
UPGRADE_CHECKER_ENABLED: 'upgrade-checker-enabled',
|
||||
UPGRADE_CHECKER_URL: 'upgrade-checker-url',
|
||||
VLAN: 'vlan',
|
||||
@@ -37,8 +38,7 @@ export const HCI_SETTING = {
|
||||
UPGRADE_CONFIG: 'upgrade-config',
|
||||
VM_MIGRATION_NETWORK: 'vm-migration-network',
|
||||
RANCHER_CLUSTER: 'rancher-cluster',
|
||||
MAX_HOTPLUG_RATIO: 'max-hotplug-ratio',
|
||||
KUBEVIRT_MIGRATION: 'kubevirt-migration'
|
||||
MAX_HOTPLUG_RATIO: 'max-hotplug-ratio'
|
||||
};
|
||||
|
||||
export const HCI_ALLOWED_SETTINGS = {
|
||||
@@ -84,6 +84,7 @@ export const HCI_ALLOWED_SETTINGS = {
|
||||
[HCI_SETTING.SUPPORT_BUNDLE_NAMESPACES]: { from: 'import', canReset: true },
|
||||
[HCI_SETTING.AUTO_DISK_PROVISION_PATHS]: { canReset: true },
|
||||
[HCI_SETTING.RELEASE_DOWNLOAD_URL]: { kind: 'url' },
|
||||
[HCI_SETTING.UI_PLUGIN_INDEX]: { kind: 'url' },
|
||||
[HCI_SETTING.CONTAINERD_REGISTRY]: {
|
||||
kind: 'json', from: 'import', canReset: true
|
||||
},
|
||||
@@ -112,13 +113,7 @@ export const HCI_ALLOWED_SETTINGS = {
|
||||
[HCI_SETTING.RANCHER_CLUSTER]: {
|
||||
kind: 'custom', from: 'import', canReset: true, featureFlag: 'rancherClusterSetting'
|
||||
},
|
||||
[HCI_SETTING.MAX_HOTPLUG_RATIO]: { kind: 'number', featureFlag: 'cpuMemoryHotplug' },
|
||||
[HCI_SETTING.VM_MIGRATION_NETWORK]: {
|
||||
kind: 'json', from: 'import', canReset: true, featureFlag: 'vmNetworkMigration',
|
||||
},
|
||||
[HCI_SETTING.KUBEVIRT_MIGRATION]: {
|
||||
kind: 'json', from: 'import', canReset: true, featureFlag: 'kubevirtMigration',
|
||||
}
|
||||
[HCI_SETTING.MAX_HOTPLUG_RATIO]: { kind: 'number', featureFlag: 'cpuMemoryHotplug' },
|
||||
};
|
||||
|
||||
export const HCI_SINGLE_CLUSTER_ALLOWED_SETTING = {
|
||||
|
||||
@@ -4,10 +4,9 @@ export const BACKUP_TYPE = {
|
||||
};
|
||||
|
||||
export const NETWORK_TYPE = {
|
||||
L2VLAN: 'L2VlanNetwork',
|
||||
UNTAGGED: 'UntaggedNetwork',
|
||||
OVERLAY: 'OverlayNetwork',
|
||||
L2TRUNK_VLAN: 'L2VlanTrunkNetwork',
|
||||
L2VLAN: 'L2VlanNetwork',
|
||||
UNTAGGED: 'UntaggedNetwork',
|
||||
OVERLAY: 'OverlayNetwork',
|
||||
};
|
||||
|
||||
export const VOLUME_MODE = {
|
||||
@@ -24,8 +23,3 @@ export const INTERNAL_STORAGE_CLASS = {
|
||||
VMSTATE_PERSISTENCE: 'vmstate-persistence',
|
||||
LONGHORN_STATIC: 'longhorn-static',
|
||||
};
|
||||
|
||||
export const L2VLAN_MODE = {
|
||||
ACCESS: 'access',
|
||||
TRUNK: 'trunk',
|
||||
};
|
||||
|
||||
@@ -1,124 +0,0 @@
|
||||
<script>
|
||||
import CreateEditView from '@shell/mixins/create-edit-view';
|
||||
import ResourceTabs from '@shell/components/form/ResourceTabs';
|
||||
import Tab from '@shell/components/Tabbed/Tab';
|
||||
import SortableTable from '@shell/components/SortableTable';
|
||||
|
||||
export default {
|
||||
|
||||
components: {
|
||||
ResourceTabs,
|
||||
Tab,
|
||||
SortableTable,
|
||||
},
|
||||
|
||||
mixins: [CreateEditView],
|
||||
|
||||
props: {
|
||||
value: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {};
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
headers() {
|
||||
return [
|
||||
{
|
||||
name: 'profileName',
|
||||
labelKey: 'harvester.migconfiguration.tableHeaders.profileName',
|
||||
value: 'name',
|
||||
width: 75,
|
||||
sort: 'name',
|
||||
dashIfEmpty: true,
|
||||
},
|
||||
{
|
||||
name: 'vGPUID',
|
||||
labelKey: 'harvester.migconfiguration.tableHeaders.vGPUID',
|
||||
value: 'vGPUID',
|
||||
width: 75,
|
||||
sort: 'vGPUID',
|
||||
dashIfEmpty: true,
|
||||
},
|
||||
{
|
||||
name: 'available',
|
||||
labelKey: 'harvester.migconfiguration.tableHeaders.available',
|
||||
value: 'available',
|
||||
width: 75,
|
||||
sort: 'available',
|
||||
align: 'center',
|
||||
dashIfEmpty: true,
|
||||
},
|
||||
{
|
||||
name: 'requested',
|
||||
labelKey: 'harvester.migconfiguration.tableHeaders.requested',
|
||||
value: 'requested',
|
||||
width: 75,
|
||||
sort: 'requested',
|
||||
align: 'center',
|
||||
dashIfEmpty: true,
|
||||
},
|
||||
{
|
||||
name: 'total',
|
||||
labelKey: 'harvester.migconfiguration.tableHeaders.total',
|
||||
value: 'total',
|
||||
width: 75,
|
||||
sort: 'total',
|
||||
align: 'center',
|
||||
dashIfEmpty: true,
|
||||
},
|
||||
];
|
||||
},
|
||||
|
||||
rows() {
|
||||
let out = (this.value?.status?.profileStatus || []).map((profile) => {
|
||||
const {
|
||||
id, name, total, available
|
||||
} = profile;
|
||||
|
||||
return {
|
||||
id,
|
||||
name,
|
||||
total,
|
||||
available,
|
||||
vGPUID: profile.vGPUID?.join(', ') || '',
|
||||
};
|
||||
});
|
||||
|
||||
out = out.map((row) => {
|
||||
const requested = this.value?.spec?.profileSpec.find((p) => p.id === row.id)?.requested || 0;
|
||||
|
||||
return { ...row, requested };
|
||||
});
|
||||
|
||||
return out;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<ResourceTabs
|
||||
:value="value"
|
||||
:need-events="false"
|
||||
:need-related="false"
|
||||
:mode="mode"
|
||||
>
|
||||
<Tab
|
||||
name="Profile Status"
|
||||
:label="t('harvester.migconfiguration.profileStatus')"
|
||||
>
|
||||
<SortableTable
|
||||
:headers="headers"
|
||||
:rows="rows"
|
||||
key-field="condition"
|
||||
default-sort-by="condition"
|
||||
:table-actions="false"
|
||||
:row-actions="false"
|
||||
:search="false"
|
||||
/>
|
||||
</Tab>
|
||||
</ResourceTabs>
|
||||
</template>
|
||||
@@ -1,119 +0,0 @@
|
||||
<script>
|
||||
import LabelValue from '@shell/components/LabelValue';
|
||||
import { HCI } from '../../types';
|
||||
import { DOC } from '../../config/doc-links';
|
||||
|
||||
export default {
|
||||
name: 'HarvesterHugepages',
|
||||
components: { LabelValue },
|
||||
|
||||
props: {
|
||||
node: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
},
|
||||
|
||||
computed: {
|
||||
docsTransparentHugepagesLink() {
|
||||
return DOC.TRANSPARENT_HUGEPAGES;
|
||||
},
|
||||
},
|
||||
|
||||
async fetch() {
|
||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
||||
|
||||
const hash = await this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.HUGEPAGES });
|
||||
|
||||
this.hugepages = hash.find((node) => {
|
||||
return node.id === this.node.id;
|
||||
}) || {};
|
||||
},
|
||||
|
||||
data() {
|
||||
return { hugepages: {} };
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<template v-if="hugepages.status">
|
||||
<h2>{{ t('harvester.host.hugepages.meminfo') }}</h2>
|
||||
|
||||
<div class="row mb-20">
|
||||
<div class="col span-6">
|
||||
<LabelValue
|
||||
:name="t('harvester.host.hugepages.status.anon')"
|
||||
:value="hugepages.status.meminfo.anonHugePages"
|
||||
/>
|
||||
</div>
|
||||
<div class="col span-6">
|
||||
<LabelValue
|
||||
:name="t('harvester.host.hugepages.status.size')"
|
||||
:value="hugepages.status.meminfo.hugepageSize"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-20">
|
||||
<div class="col span-3">
|
||||
<LabelValue
|
||||
:name="t('harvester.host.hugepages.status.total')"
|
||||
:value="hugepages.status.meminfo.hugePagesTotal"
|
||||
/>
|
||||
</div>
|
||||
<div class="col span-3">
|
||||
<LabelValue
|
||||
:name="t('harvester.host.hugepages.status.free')"
|
||||
:value="hugepages.status.meminfo.hugePagesFree"
|
||||
/>
|
||||
</div>
|
||||
<div class="col span-3">
|
||||
<LabelValue
|
||||
:name="t('harvester.host.hugepages.status.rsvd')"
|
||||
:value="hugepages.status.meminfo.hugePagesRsvd"
|
||||
/>
|
||||
</div>
|
||||
<div class="col span-3">
|
||||
<LabelValue
|
||||
:name="t('harvester.host.hugepages.status.surp')"
|
||||
:value="hugepages.status.meminfo.hugePagesSurp"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<hr class="divider" />
|
||||
<h3>
|
||||
<t
|
||||
k="harvester.host.hugepages.transparent.title"
|
||||
:raw="true"
|
||||
:url="docsTransparentHugepagesLink"
|
||||
/>
|
||||
</h3>
|
||||
|
||||
<div class="row mb-20">
|
||||
<div class="col span-4">
|
||||
<LabelValue
|
||||
:name="t('harvester.host.hugepages.transparent.enabled')"
|
||||
:value="hugepages.spec.transparent.enabled"
|
||||
/>
|
||||
</div>
|
||||
<div class="col span-4">
|
||||
<LabelValue
|
||||
:name="t('harvester.host.hugepages.transparent.shmemEnabled')"
|
||||
:value="hugepages.spec.transparent.shmemEnabled"
|
||||
/>
|
||||
</div>
|
||||
<div class="col span-4">
|
||||
<LabelValue
|
||||
:name="t('harvester.host.hugepages.transparent.defrag')"
|
||||
:value="hugepages.spec.transparent.defrag"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
@@ -47,26 +47,20 @@ export default {
|
||||
STATE,
|
||||
NAME,
|
||||
{
|
||||
name: 'CPU',
|
||||
label: 'CPU',
|
||||
sort: ['displayCPU'],
|
||||
value: 'displayCPU',
|
||||
align: 'center',
|
||||
dashIfEmpty: true,
|
||||
name: 'vmCPU',
|
||||
labelKey: 'tableHeaders.cpu',
|
||||
search: false,
|
||||
sort: ['spec.template.spec.domain.cpu.cores'],
|
||||
value: 'spec.template.spec.domain.cpu.cores',
|
||||
width: 120
|
||||
},
|
||||
{
|
||||
name: 'Memory',
|
||||
value: 'displayMemory',
|
||||
sort: ['memorySort'],
|
||||
align: 'center',
|
||||
labelKey: 'tableHeaders.memory',
|
||||
formatter: 'Si',
|
||||
formatterOpts: {
|
||||
opts: {
|
||||
increment: 1024, addSuffix: true, maxExponent: 3, minExponent: 3, suffix: 'i',
|
||||
},
|
||||
needParseSi: true
|
||||
},
|
||||
name: 'vmRAM',
|
||||
labelKey: 'glance.memory',
|
||||
search: false,
|
||||
sort: ['memorySort'],
|
||||
value: 'spec.template.spec.domain.resources.limits.memory',
|
||||
width: 120
|
||||
},
|
||||
{
|
||||
name: 'ip',
|
||||
|
||||
@@ -27,7 +27,6 @@ import Instance from './VirtualMachineInstance';
|
||||
import Disk from './HarvesterHostDisk';
|
||||
import VlanStatus from './VlanStatus';
|
||||
import HarvesterKsmtuned from './HarvesterKsmtuned.vue';
|
||||
import HarvesterHugepages from './HarvesterHugepages.vue';
|
||||
import HarvesterSeeder from './HarvesterSeeder';
|
||||
|
||||
const LONGHORN_SYSTEM = 'longhorn-system';
|
||||
@@ -47,7 +46,6 @@ export default {
|
||||
VlanStatus,
|
||||
LabelValue,
|
||||
HarvesterKsmtuned,
|
||||
HarvesterHugepages,
|
||||
Loading,
|
||||
SortableTable,
|
||||
HarvesterSeeder,
|
||||
@@ -211,12 +209,6 @@ export default {
|
||||
return !!this.$store.getters[`${ inStore }/schemaFor`](HCI.KSTUNED);
|
||||
},
|
||||
|
||||
hasHugepagesSchema() {
|
||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
||||
|
||||
return !!this.$store.getters[`${ inStore }/schemaFor`](HCI.HUGEPAGES);
|
||||
},
|
||||
|
||||
hasBlockDevicesSchema() {
|
||||
return !!this.$store.getters['harvester/schemaFor'](HCI.BLOCK_DEVICE);
|
||||
},
|
||||
@@ -476,16 +468,6 @@ export default {
|
||||
/>
|
||||
</Tab>
|
||||
|
||||
<Tab
|
||||
v-if="hasHugepagesSchema"
|
||||
name="hugepages"
|
||||
:weight="0"
|
||||
:show-header="false"
|
||||
:label="t('harvester.host.tabs.hugepages')"
|
||||
>
|
||||
<HarvesterHugepages :node="value" />
|
||||
</Tab>
|
||||
|
||||
<Tab
|
||||
v-if="seederEnabled"
|
||||
name="seeder"
|
||||
|
||||
@@ -213,7 +213,6 @@ export default {
|
||||
const diskRows = this.getDiskRows(neu);
|
||||
|
||||
this['diskRows'] = diskRows;
|
||||
this['networkRows'] = this.getNetworkRows(neu, { fromTemplate: false, init: false });
|
||||
},
|
||||
deep: true
|
||||
}
|
||||
@@ -266,7 +265,6 @@ export default {
|
||||
<Network
|
||||
v-model:value="networkRows"
|
||||
mode="view"
|
||||
:vm="value"
|
||||
/>
|
||||
</Tab>
|
||||
|
||||
|
||||
@@ -1,13 +1,12 @@
|
||||
<script>
|
||||
import { exceptionToErrorsArray } from '@shell/utils/error';
|
||||
import { mapGetters } from 'vuex';
|
||||
import { runStrategies as runStrategyOptions } from '../config/harvester-map';
|
||||
|
||||
import { Card } from '@components/Card';
|
||||
import { Banner } from '@components/Banner';
|
||||
import { Checkbox } from '@components/Form/Checkbox';
|
||||
import AsyncButton from '@shell/components/AsyncButton';
|
||||
import { LabeledInput } from '@components/Form/LabeledInput';
|
||||
import LabeledSelect from '@shell/components/form/LabeledSelect';
|
||||
|
||||
export default {
|
||||
name: 'CloneVMModal',
|
||||
@@ -15,7 +14,7 @@ export default {
|
||||
emits: ['close'],
|
||||
|
||||
components: {
|
||||
AsyncButton, Banner, Checkbox, Card, LabeledInput, LabeledSelect
|
||||
AsyncButton, Banner, Checkbox, Card, LabeledInput
|
||||
},
|
||||
|
||||
props: {
|
||||
@@ -27,11 +26,9 @@ export default {
|
||||
|
||||
data() {
|
||||
return {
|
||||
name: '',
|
||||
cloneData: true,
|
||||
errors: [],
|
||||
runStrategy: runStrategyOptions[1],
|
||||
runStrategyOptions
|
||||
name: '',
|
||||
cloneData: true,
|
||||
errors: []
|
||||
};
|
||||
},
|
||||
|
||||
@@ -41,9 +38,6 @@ export default {
|
||||
actionResource() {
|
||||
return this.resources[0];
|
||||
},
|
||||
vmCloneRunStrategyEnabled() {
|
||||
return this.$store.getters['harvester-common/getFeatureEnabled']('vmCloneRunStrategy');
|
||||
},
|
||||
},
|
||||
|
||||
methods: {
|
||||
@@ -64,8 +58,7 @@ export default {
|
||||
|
||||
// deep clone
|
||||
try {
|
||||
const payload = this.vmCloneRunStrategyEnabled ? { targetVm: this.name, runStrategy: this.runStrategy } : { targetVm: this.name };
|
||||
const res = await this.actionResource.doAction('clone', payload, {}, false);
|
||||
const res = await this.actionResource.doAction('clone', { targetVm: this.name }, {}, false);
|
||||
|
||||
if (res._status === 200 || res._status === 204) {
|
||||
this.$store.dispatch('growl/success', {
|
||||
@@ -113,13 +106,6 @@ export default {
|
||||
:label="t('harvester.modal.cloneVM.name')"
|
||||
required
|
||||
/>
|
||||
<LabeledSelect
|
||||
v-if="vmCloneRunStrategyEnabled"
|
||||
v-model:value="runStrategy"
|
||||
label-key="harvester.virtualMachine.runStrategy"
|
||||
:options="runStrategyOptions"
|
||||
:mode="mode"
|
||||
/>
|
||||
<Banner
|
||||
v-for="(err, i) in errors"
|
||||
:key="i"
|
||||
|
||||
@@ -32,7 +32,7 @@ export default {
|
||||
resources: {
|
||||
type: Array,
|
||||
required: true
|
||||
},
|
||||
}
|
||||
},
|
||||
|
||||
data() {
|
||||
@@ -43,7 +43,7 @@ export default {
|
||||
...mapState('action-menu', ['modalData']),
|
||||
|
||||
title() {
|
||||
return this.modalData?.title || 'dialog.promptRemove.title';
|
||||
return this.modalData.title || 'dialog.promptRemove.title';
|
||||
},
|
||||
|
||||
formattedType() {
|
||||
@@ -51,7 +51,7 @@ export default {
|
||||
},
|
||||
|
||||
warningMessage() {
|
||||
if (this.modalData?.warningMessage) return this.modalData.warningMessage;
|
||||
if (this.modalData.warningMessage) return this.modalData.warningMessage;
|
||||
|
||||
const isPlural = this.type.endsWith('s');
|
||||
const thisOrThese = isPlural ? 'these' : 'this';
|
||||
@@ -145,7 +145,6 @@ export default {
|
||||
try {
|
||||
for (const resource of this.resources) {
|
||||
await resource.remove();
|
||||
if (this.modalData?.extraActionAfterRemove) await this.modalData.extraActionAfterRemove();
|
||||
}
|
||||
buttonDone(true);
|
||||
this.close();
|
||||
|
||||
@@ -0,0 +1,149 @@
|
||||
<script>
|
||||
import { exceptionToErrorsArray } from '@shell/utils/error';
|
||||
import { mapGetters } from 'vuex';
|
||||
|
||||
import { Card } from '@components/Card';
|
||||
import { Banner } from '@components/Banner';
|
||||
import { Checkbox } from '@components/Form/Checkbox';
|
||||
import AsyncButton from '@shell/components/AsyncButton';
|
||||
import { LabeledInput } from '@components/Form/LabeledInput';
|
||||
|
||||
export default {
|
||||
name: 'CloneVMModal',
|
||||
|
||||
emits: ['close'],
|
||||
|
||||
components: {
|
||||
AsyncButton, Banner, Checkbox, Card, LabeledInput
|
||||
},
|
||||
|
||||
props: {
|
||||
resources: {
|
||||
type: Array,
|
||||
required: true
|
||||
}
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
name: '',
|
||||
cloneData: true,
|
||||
errors: []
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
...mapGetters({ t: 'i18n/t' }),
|
||||
|
||||
actionResource() {
|
||||
return this.resources[0];
|
||||
},
|
||||
},
|
||||
|
||||
methods: {
|
||||
close() {
|
||||
this.name = '';
|
||||
this.$emit('close');
|
||||
},
|
||||
|
||||
async create(buttonCb) {
|
||||
// shadow clone
|
||||
if (!this.cloneData) {
|
||||
this.resources[0].goToClone();
|
||||
buttonCb(false);
|
||||
this.close();
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
// deep clone
|
||||
try {
|
||||
const res = await this.actionResource.doAction('clone', { targetVm: this.name }, {}, false);
|
||||
|
||||
if (res._status === 200 || res._status === 204) {
|
||||
this.$store.dispatch('growl/success', {
|
||||
title: this.t('harvester.notification.title.succeed'),
|
||||
message: this.t('harvester.modal.cloneVM.message.success', { name: this.name })
|
||||
}, { root: true });
|
||||
|
||||
this.close();
|
||||
buttonCb(true);
|
||||
} else {
|
||||
const error = [res?.data] || exceptionToErrorsArray(res);
|
||||
|
||||
this['errors'] = error;
|
||||
buttonCb(false);
|
||||
}
|
||||
} catch (err) {
|
||||
const error = err?.data || err;
|
||||
const message = exceptionToErrorsArray(error);
|
||||
|
||||
this['errors'] = message;
|
||||
buttonCb(false);
|
||||
}
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Card :show-highlight-border="false">
|
||||
<template #title>
|
||||
{{ t('harvester.modal.cloneVM.title') }}
|
||||
</template>
|
||||
|
||||
<template #body>
|
||||
<Checkbox
|
||||
v-model:value="cloneData"
|
||||
class="mb-10"
|
||||
label-key="harvester.modal.cloneVM.type"
|
||||
/>
|
||||
|
||||
<LabeledInput
|
||||
v-show="cloneData"
|
||||
v-model:value="name"
|
||||
class="mb-20"
|
||||
:label="t('harvester.modal.cloneVM.name')"
|
||||
required
|
||||
/>
|
||||
<Banner
|
||||
v-for="(err, i) in errors"
|
||||
:key="i"
|
||||
:label="err"
|
||||
color="error"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<template #actions>
|
||||
<div class="actions">
|
||||
<div class="buttons">
|
||||
<button
|
||||
class="btn role-secondary mr-10"
|
||||
@click="close"
|
||||
>
|
||||
{{ t('generic.cancel') }}
|
||||
</button>
|
||||
|
||||
<AsyncButton
|
||||
mode="create"
|
||||
:action-label="cloneData ? t('harvester.modal.cloneVM.action.create') : t('harvester.modal.cloneVM.action.clone')"
|
||||
:disabled="cloneData && !name"
|
||||
@click="create"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.actions {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
+4
-4
@@ -11,7 +11,7 @@ import { LabeledInput } from '@components/Form/LabeledInput';
|
||||
import LabeledSelect from '@shell/components/form/LabeledSelect';
|
||||
|
||||
export default {
|
||||
name: 'HotplugVolumeModal',
|
||||
name: 'HotplugModal',
|
||||
|
||||
emits: ['close'],
|
||||
|
||||
@@ -62,7 +62,7 @@ export default {
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
return !pvc.attachVM;
|
||||
})
|
||||
.map((pvc) => {
|
||||
return {
|
||||
@@ -90,7 +90,7 @@ export default {
|
||||
if (res._status === 200 || res._status === 204) {
|
||||
this.$store.dispatch('growl/success', {
|
||||
title: this.t('generic.notification.title.succeed'),
|
||||
message: this.t('harvester.modal.hotplugVolume.success', { diskName: this.diskName, vm: this.actionResource.nameDisplay })
|
||||
message: this.t('harvester.modal.hotplug.success', { diskName: this.diskName, vm: this.actionResource.nameDisplay })
|
||||
}, { root: true });
|
||||
|
||||
this.close();
|
||||
@@ -122,7 +122,7 @@ export default {
|
||||
>
|
||||
<template #title>
|
||||
<h4
|
||||
v-clean-html="t('harvester.modal.hotplugVolume.title')"
|
||||
v-clean-html="t('harvester.modal.hotplug.title')"
|
||||
class="text-default-text"
|
||||
/>
|
||||
</template>
|
||||
@@ -1,212 +0,0 @@
|
||||
<script>
|
||||
import { exceptionToErrorsArray } from '@shell/utils/error';
|
||||
import { mapGetters } from 'vuex';
|
||||
import { NETWORK_ATTACHMENT } from '@shell/config/types';
|
||||
import { Card } from '@components/Card';
|
||||
import { Banner } from '@components/Banner';
|
||||
import AsyncButton from '@shell/components/AsyncButton';
|
||||
import { LabeledInput } from '@components/Form/LabeledInput';
|
||||
import LabeledSelect from '@shell/components/form/LabeledSelect';
|
||||
import { HCI as HCI_ANNOTATIONS } from '@pkg/harvester/config/labels-annotations';
|
||||
import { NETWORK_TYPE } from '../config/types';
|
||||
|
||||
export default {
|
||||
name: 'AddHotplugNic',
|
||||
|
||||
emits: ['close'],
|
||||
|
||||
components: {
|
||||
AsyncButton,
|
||||
Card,
|
||||
LabeledInput,
|
||||
LabeledSelect,
|
||||
Banner
|
||||
},
|
||||
|
||||
props: {
|
||||
resources: {
|
||||
type: Array,
|
||||
required: true
|
||||
}
|
||||
},
|
||||
|
||||
async fetch() {
|
||||
try {
|
||||
this.allVMNetworks = await this.$store.dispatch('harvester/findAll', { type: NETWORK_ATTACHMENT });
|
||||
} catch (err) {
|
||||
this.errors = exceptionToErrorsArray(err);
|
||||
this.allVMNetworks = [];
|
||||
}
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
interfaceName: '',
|
||||
networkName: '',
|
||||
macAddress: '',
|
||||
allVMNetworks: [],
|
||||
errors: [],
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
...mapGetters({ t: 'i18n/t' }),
|
||||
|
||||
actionResource() {
|
||||
return this.resources?.[0];
|
||||
},
|
||||
|
||||
isFormValid() {
|
||||
return this.interfaceName !== '' && this.networkName !== '';
|
||||
},
|
||||
|
||||
vmNetworksOption() {
|
||||
return this.allVMNetworks
|
||||
.filter((network) => {
|
||||
const labels = network.metadata?.labels || {};
|
||||
const type = labels[HCI_ANNOTATIONS.NETWORK_TYPE];
|
||||
|
||||
const isValidType = [
|
||||
NETWORK_TYPE.L2VLAN,
|
||||
NETWORK_TYPE.UNTAGGED,
|
||||
NETWORK_TYPE.L2TRUNK_VLAN,
|
||||
].includes(type);
|
||||
|
||||
return isValidType && !network.isSystem;
|
||||
})
|
||||
.map((network) => {
|
||||
const label = network.isNotReady ? `${ network.id } (${ this.t('generic.notReady') })` : network.id;
|
||||
|
||||
return ({
|
||||
label,
|
||||
value: network.id || '',
|
||||
disabled: network.isNotReady,
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
close() {
|
||||
this.interfaceName = '';
|
||||
this.networkName = '';
|
||||
this.macAddress = '';
|
||||
this.errors = [];
|
||||
this.$emit('close');
|
||||
},
|
||||
|
||||
async save(buttonCb) {
|
||||
if (!this.actionResource) {
|
||||
buttonCb(false);
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
const payload = {
|
||||
interfaceName: this.interfaceName,
|
||||
networkName: this.networkName
|
||||
};
|
||||
|
||||
if (this.macAddress) {
|
||||
payload.macAddress = this.macAddress;
|
||||
}
|
||||
|
||||
try {
|
||||
const res = await this.actionResource.doAction('addNic', payload);
|
||||
|
||||
if ([200, 204].includes(res?._status)) {
|
||||
this.$store.dispatch('growl/success', {
|
||||
title: this.t('generic.notification.title.succeed'),
|
||||
message: this.t('harvester.modal.hotplugNic.success', {
|
||||
interfaceName: this.interfaceName,
|
||||
vm: this.actionResource.nameDisplay
|
||||
})
|
||||
}, { root: true });
|
||||
|
||||
this.close();
|
||||
buttonCb(true);
|
||||
} else {
|
||||
this.errors = exceptionToErrorsArray(res);
|
||||
buttonCb(false);
|
||||
}
|
||||
} catch (err) {
|
||||
this.errors = exceptionToErrorsArray(err);
|
||||
buttonCb(false);
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Card
|
||||
ref="modal"
|
||||
name="modal"
|
||||
:show-highlight-border="false"
|
||||
>
|
||||
<template #title>
|
||||
<h4
|
||||
v-clean-html="t('harvester.modal.hotplugNic.title')"
|
||||
class="text-default-text"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<template #body>
|
||||
<LabeledInput
|
||||
v-model:value="interfaceName"
|
||||
:label="t('generic.name')"
|
||||
required
|
||||
/>
|
||||
<LabeledSelect
|
||||
v-model:value="networkName"
|
||||
class="mt-20"
|
||||
:label="t('harvester.modal.hotplugNic.vmNetwork')"
|
||||
:options="vmNetworksOption"
|
||||
required
|
||||
/>
|
||||
<LabeledInput
|
||||
v-model:value="macAddress"
|
||||
class="mt-20"
|
||||
label-key="harvester.modal.hotplugNic.macAddress"
|
||||
:tooltip="t('harvester.modal.hotplugNic.macAddressTooltip', _, true)"
|
||||
/>
|
||||
<Banner
|
||||
v-for="(err, i) in errors"
|
||||
:key="i"
|
||||
:label="err"
|
||||
color="error"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<template #actions>
|
||||
<div class="actions">
|
||||
<div class="buttons">
|
||||
<button
|
||||
type="button"
|
||||
class="btn role-secondary mr-10"
|
||||
@click="close"
|
||||
>
|
||||
{{ t('generic.cancel') }}
|
||||
</button>
|
||||
|
||||
<AsyncButton
|
||||
mode="apply"
|
||||
:disabled="!isFormValid"
|
||||
@click="save"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.actions {
|
||||
width: 100%;
|
||||
}
|
||||
.buttons {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
+12
-38
@@ -1,12 +1,13 @@
|
||||
<script>
|
||||
import { mapState, mapGetters } from 'vuex';
|
||||
|
||||
import { exceptionToErrorsArray } from '@shell/utils/error';
|
||||
import { Card } from '@components/Card';
|
||||
import { Banner } from '@components/Banner';
|
||||
import AsyncButton from '@shell/components/AsyncButton';
|
||||
|
||||
export default {
|
||||
name: 'HarvesterHotUnplug',
|
||||
name: 'HarvesterHotUnplugModal',
|
||||
|
||||
emits: ['close'],
|
||||
|
||||
@@ -34,25 +35,8 @@ export default {
|
||||
actionResource() {
|
||||
return this.resources[0];
|
||||
},
|
||||
|
||||
name() {
|
||||
return this.modalData.name;
|
||||
},
|
||||
|
||||
isVolume() {
|
||||
return this.modalData.type === 'volume';
|
||||
},
|
||||
|
||||
titleKey() {
|
||||
return this.isVolume ? 'harvester.virtualMachine.hotUnplug.detachVolume.title' : 'harvester.virtualMachine.hotUnplug.detachNIC.title';
|
||||
},
|
||||
|
||||
actionLabelKey() {
|
||||
return this.isVolume ? 'harvester.virtualMachine.hotUnplug.detachVolume.actionLabel' : 'harvester.virtualMachine.hotUnplug.detachNIC.actionLabel';
|
||||
},
|
||||
|
||||
successMessageKey() {
|
||||
return this.isVolume ? 'harvester.virtualMachine.hotUnplug.detachVolume.success' : 'harvester.virtualMachine.hotUnplug.detachNIC.success';
|
||||
diskName() {
|
||||
return this.modalData.diskName;
|
||||
}
|
||||
},
|
||||
|
||||
@@ -63,20 +47,14 @@ export default {
|
||||
|
||||
async save(buttonCb) {
|
||||
try {
|
||||
let res;
|
||||
|
||||
if (this.isVolume) {
|
||||
res = await this.actionResource.doAction('removeVolume', { diskName: this.name });
|
||||
} else {
|
||||
res = await this.actionResource.doAction('removeNic', { interfaceName: this.name });
|
||||
}
|
||||
const res = await this.actionResource.doAction('removeVolume', { diskName: this.diskName });
|
||||
|
||||
if (res._status === 200 || res._status === 204) {
|
||||
this.$store.dispatch(
|
||||
'growl/success',
|
||||
{
|
||||
title: this.t('generic.notification.title.succeed'),
|
||||
message: this.t(this.successMessageKey, { name: this.name })
|
||||
message: this.t('harvester.modal.hotunplug.success', { name: this.diskName })
|
||||
},
|
||||
{ root: true }
|
||||
);
|
||||
@@ -86,14 +64,14 @@ export default {
|
||||
} else {
|
||||
const error = [res?.data] || exceptionToErrorsArray(res);
|
||||
|
||||
this.errors = error;
|
||||
this['errors'] = error;
|
||||
buttonCb(false);
|
||||
}
|
||||
} catch (err) {
|
||||
const error = err?.data || err;
|
||||
const message = exceptionToErrorsArray(error);
|
||||
|
||||
this.errors = message;
|
||||
this['errors'] = message;
|
||||
buttonCb(false);
|
||||
}
|
||||
}
|
||||
@@ -109,7 +87,7 @@ export default {
|
||||
>
|
||||
<template #title>
|
||||
<h4
|
||||
v-clean-html="t(titleKey, { name })"
|
||||
v-clean-html="t('harvester.virtualMachine.unplug.title', { name: diskName })"
|
||||
class="text-default-text"
|
||||
/>
|
||||
<Banner
|
||||
@@ -133,9 +111,9 @@ export default {
|
||||
|
||||
<AsyncButton
|
||||
mode="apply"
|
||||
:action-label="t(actionLabelKey)"
|
||||
:waiting-label="t(actionLabelKey)"
|
||||
:success-label="t(actionLabelKey)"
|
||||
:action-label="t('harvester.virtualMachine.unplug.actionLabel')"
|
||||
:waiting-label="t('harvester.virtualMachine.unplug.actionLabel')"
|
||||
:success-label="t('harvester.virtualMachine.unplug.actionLabel')"
|
||||
@click="save"
|
||||
/>
|
||||
</div>
|
||||
@@ -154,8 +132,4 @@ export default {
|
||||
justify-content: flex-end;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
::v-deep(.card-title) {
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
@@ -1,133 +0,0 @@
|
||||
<script>
|
||||
import Tabbed from '@shell/components/Tabbed';
|
||||
import Tab from '@shell/components/Tabbed/Tab';
|
||||
import CruResource from '@shell/components/CruResource';
|
||||
import { LabeledInput } from '@components/Form/LabeledInput';
|
||||
import NameNsDescription from '@shell/components/form/NameNsDescription';
|
||||
import LabelValue from '@shell/components/LabelValue';
|
||||
import CreateEditView from '@shell/mixins/create-edit-view';
|
||||
|
||||
export default {
|
||||
name: 'HarvesterEditMIGConfiguration',
|
||||
|
||||
components: {
|
||||
Tab,
|
||||
Tabbed,
|
||||
CruResource,
|
||||
LabeledInput,
|
||||
NameNsDescription,
|
||||
LabelValue
|
||||
},
|
||||
|
||||
mixins: [CreateEditView],
|
||||
|
||||
inheritAttrs: false,
|
||||
|
||||
props: {
|
||||
value: {
|
||||
type: Object,
|
||||
required: true,
|
||||
}
|
||||
},
|
||||
|
||||
data() {
|
||||
const { profileSpec } = this.value.spec;
|
||||
|
||||
return { profileSpec: profileSpec || [] };
|
||||
},
|
||||
|
||||
created() {
|
||||
if (this.registerBeforeHook) {
|
||||
this.registerBeforeHook(this.updateBeforeSave);
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
isView() {
|
||||
return this.mode === 'view';
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
updateBeforeSave() {
|
||||
// MIGConfiguration CRD don't have any namespace field,
|
||||
// so we need to remove the namespace field before saving
|
||||
delete this.value.metadata.namespace;
|
||||
// enable the MIGConfiguration when saving
|
||||
this.value.spec.enabled = true;
|
||||
},
|
||||
|
||||
labelTitle(profile) {
|
||||
return `${ profile.name } (available : ${ this.available(profile) })`;
|
||||
},
|
||||
|
||||
available(profile) {
|
||||
const count = this.value.status?.profileStatus?.find((p) => p.id === profile.id)?.available;
|
||||
|
||||
return count || 0;
|
||||
},
|
||||
|
||||
updateRequested(neu, profile) {
|
||||
if (neu === null || neu === '') return;
|
||||
const newValue = Number(neu);
|
||||
const availableCount = this.available(profile);
|
||||
|
||||
if (newValue < 0) {
|
||||
profile.requested = 0;
|
||||
} else if ( newValue > availableCount ) {
|
||||
profile.requested = availableCount;
|
||||
} else {
|
||||
profile.requested = newValue;
|
||||
}
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<CruResource
|
||||
:done-route="doneRoute"
|
||||
:resource="value"
|
||||
:mode="mode"
|
||||
:errors="errors"
|
||||
:apply-hooks="applyHooks"
|
||||
finish-button-mode="enable"
|
||||
@finish="save"
|
||||
@error="e=>errors=e"
|
||||
>
|
||||
<NameNsDescription
|
||||
:value="value"
|
||||
:mode="mode"
|
||||
/>
|
||||
<Tabbed
|
||||
v-bind="$attrs"
|
||||
class="mt-15"
|
||||
:side-tabs="true"
|
||||
>
|
||||
<Tab
|
||||
name="profileSpec"
|
||||
:label="t('harvester.migconfiguration.profileSpec')"
|
||||
:weight="1"
|
||||
class="bordered-table"
|
||||
>
|
||||
<div
|
||||
v-for="(profile, index) in profileSpec"
|
||||
:key="index"
|
||||
>
|
||||
<LabelValue
|
||||
:value="labelTitle(profile)"
|
||||
class="mb-10"
|
||||
/>
|
||||
<LabeledInput
|
||||
v-model:value="profile.requested"
|
||||
:min="0"
|
||||
:disabled="isView"
|
||||
type="number"
|
||||
class="mb-20"
|
||||
:label="`${t('harvester.migconfiguration.requested')}`"
|
||||
@update:value="updateRequested($event, profile)"
|
||||
/>
|
||||
</div>
|
||||
</Tab>
|
||||
</Tabbed>
|
||||
</CruResource>
|
||||
</template>
|
||||
@@ -8,7 +8,7 @@ import LabelValue from '@shell/components/LabelValue';
|
||||
import { BadgeState } from '@components/BadgeState';
|
||||
import { Banner } from '@components/Banner';
|
||||
import LabeledSelect from '@shell/components/form/LabeledSelect';
|
||||
import { RadioGroup } from '@components/Form/Radio';
|
||||
import { RadioGroup, RadioButton } from '@components/Form/Radio';
|
||||
import HarvesterDisk from '../../mixins/harvester-disk';
|
||||
import Tags from '../../components/DiskTags';
|
||||
import { HCI } from '../../types';
|
||||
@@ -30,6 +30,7 @@ export default {
|
||||
BadgeState,
|
||||
Banner,
|
||||
RadioGroup,
|
||||
RadioButton,
|
||||
ModalWithCard,
|
||||
Tags,
|
||||
},
|
||||
@@ -183,11 +184,12 @@ export default {
|
||||
},
|
||||
|
||||
forceFormattedDisabled() {
|
||||
const lastFormattedAt = this.blockDevice?.status?.deviceStatus?.fileSystem?.LastFormattedAt;
|
||||
const fileSystem = this.blockDevice?.status?.deviceStatus?.fileSystem.type;
|
||||
|
||||
const systems = ['ext4', 'XFS'];
|
||||
|
||||
if (this.blockDevice?.childParts?.length > 0) {
|
||||
if (lastFormattedAt || this.blockDevice?.childParts?.length > 0) {
|
||||
return true;
|
||||
} else if (systems.includes(fileSystem)) {
|
||||
return false;
|
||||
@@ -444,7 +446,7 @@ export default {
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
v-if="(value.isNew && isLonghornV1) || isCorrupted"
|
||||
v-if="(value.isNew && isLonghornV1 && !isFormatted) || isCorrupted"
|
||||
class="col span-6"
|
||||
>
|
||||
<RadioGroup
|
||||
@@ -457,6 +459,15 @@ export default {
|
||||
:disabled="forceFormattedDisabled"
|
||||
tooltip-key="harvester.host.disk.forceFormatted.toolTip"
|
||||
>
|
||||
<template #1="{option, listeners}">
|
||||
<RadioButton
|
||||
:label="option.label"
|
||||
:val="option.value"
|
||||
:value="value.forceFormatted"
|
||||
:disabled="forceFormattedDisabled && !value.forceFormatted"
|
||||
v-on="listeners"
|
||||
/>
|
||||
</template>
|
||||
</RadioGroup>
|
||||
</div>
|
||||
<div
|
||||
|
||||
@@ -1,157 +0,0 @@
|
||||
<script>
|
||||
import LabeledSelect from '@shell/components/form/LabeledSelect.vue';
|
||||
import { HCI } from '../../types';
|
||||
import { DOC } from '../../config/doc-links';
|
||||
|
||||
export const hugepagesTHPEnabledMode = [{
|
||||
label: 'Always',
|
||||
value: 'always',
|
||||
}, {
|
||||
label: 'Madvise',
|
||||
value: 'madvise',
|
||||
}, {
|
||||
label: 'Never',
|
||||
value: 'never',
|
||||
}];
|
||||
|
||||
export const hugepagesTHPShmemEnabledMode = [{
|
||||
label: 'Always',
|
||||
value: 'always',
|
||||
}, {
|
||||
label: 'Within Size',
|
||||
value: 'within_size',
|
||||
}, {
|
||||
label: 'Advise',
|
||||
value: 'advise',
|
||||
}, {
|
||||
label: 'Never',
|
||||
value: 'never',
|
||||
}, {
|
||||
label: 'Deny',
|
||||
value: 'deny',
|
||||
}, {
|
||||
label: 'Force',
|
||||
value: 'force',
|
||||
}];
|
||||
|
||||
export const hugepagesTHPDefragMode = [{
|
||||
label: 'Always',
|
||||
value: 'always',
|
||||
}, {
|
||||
label: 'Defer',
|
||||
value: 'defer',
|
||||
}, {
|
||||
label: 'Defer+Madvise',
|
||||
value: 'defer+madvise',
|
||||
}, {
|
||||
label: 'Madvise',
|
||||
value: 'madvise',
|
||||
}, {
|
||||
label: 'Never',
|
||||
value: 'never'
|
||||
}];
|
||||
|
||||
export default {
|
||||
name: 'HarvesterHugepages',
|
||||
components: { LabeledSelect },
|
||||
|
||||
props: {
|
||||
node: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
|
||||
registerBeforeHook: {
|
||||
type: Function,
|
||||
required: true,
|
||||
},
|
||||
},
|
||||
|
||||
computed: {
|
||||
docsTransparentHugepagesLink() {
|
||||
return DOC.TRANSPARENT_HUGEPAGES;
|
||||
},
|
||||
},
|
||||
|
||||
methods: {
|
||||
async saveHugepages() {
|
||||
this.hugepages['spec'] = this.spec;
|
||||
|
||||
await this.hugepages.save().catch((reason) => {
|
||||
if (reason?.type === 'error') {
|
||||
this.$store.dispatch('growl/error', {
|
||||
title: this.t('harvester.notification.title.error'),
|
||||
message: reason?.message,
|
||||
}, { root: true });
|
||||
|
||||
return Promise.reject(new Error('saveHugepages error'));
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
|
||||
async fetch() {
|
||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
||||
|
||||
const hash = await this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.HUGEPAGES });
|
||||
|
||||
this.hugepages = hash.find((node) => {
|
||||
return node.id === this.node.id;
|
||||
});
|
||||
this.spec = this.hugepages.spec;
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
hugepages: {},
|
||||
spec: { transparent: {} },
|
||||
hugepagesTHPEnabledMode,
|
||||
hugepagesTHPShmemEnabledMode,
|
||||
hugepagesTHPDefragMode,
|
||||
};
|
||||
},
|
||||
|
||||
created() {
|
||||
this.registerBeforeHook(this.saveHugepages, 'saveHugepages');
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<div>
|
||||
<hr class="divider" />
|
||||
<h3>
|
||||
<t
|
||||
k="harvester.host.hugepages.transparent.title"
|
||||
:raw="true"
|
||||
:url="docsTransparentHugepagesLink"
|
||||
/>
|
||||
</h3>
|
||||
|
||||
<div class="row mb-20">
|
||||
<div class="col span-4">
|
||||
<LabeledSelect
|
||||
v-model:value="spec.transparent.enabled"
|
||||
:label="t('harvester.host.hugepages.transparent.enabled')"
|
||||
:options="hugepagesTHPEnabledMode"
|
||||
/>
|
||||
</div>
|
||||
<div class="col span-4">
|
||||
<LabeledSelect
|
||||
v-model:value="spec.transparent.shmemEnabled"
|
||||
:label="t('harvester.host.hugepages.transparent.shmemEnabled')"
|
||||
:options="hugepagesTHPShmemEnabledMode"
|
||||
/>
|
||||
</div>
|
||||
<div class="col span-4">
|
||||
<LabeledSelect
|
||||
v-model:value="spec.transparent.defrag"
|
||||
:label="t('harvester.host.hugepages.transparent.defrag')"
|
||||
:options="hugepagesTHPDefragMode"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -7,8 +7,6 @@ import { Checkbox } from '@components/Form/Checkbox';
|
||||
import { HCI } from '../../types';
|
||||
import { DOC } from '../../config/doc-links';
|
||||
import { docLink } from '../../utils/feature-flags';
|
||||
import isEqual from 'lodash/isEqual';
|
||||
import { clone } from '@shell/utils/object';
|
||||
|
||||
export const ksmtunedMode = [{
|
||||
value: 'standard',
|
||||
@@ -66,13 +64,11 @@ export default {
|
||||
|
||||
this.enableMergeAcrossNodes = !!this.ksmtuned.spec?.mergeAcrossNodes;
|
||||
this.spec = this.ksmtuned.spec;
|
||||
this.originSpec = clone(this.ksmtuned.spec);
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
ksmtuned: {},
|
||||
originSpec: {},
|
||||
spec: {},
|
||||
thresCoef: 30,
|
||||
ksmtunedMode,
|
||||
@@ -103,11 +99,6 @@ export default {
|
||||
|
||||
methods: {
|
||||
async saveKsmtuned() {
|
||||
// no ksmtuned spec change, skip save
|
||||
if (isEqual(this.spec, this.originSpec)) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.spec.mergeAcrossNodes = this.enableMergeAcrossNodes ? 1 : 0;
|
||||
this.ksmtuned['spec'] = this.spec;
|
||||
|
||||
|
||||
@@ -28,7 +28,6 @@ import { HCI } from '../../types';
|
||||
import HarvesterDisk from './HarvesterDisk';
|
||||
import HarvesterSeeder from './HarvesterSeeder';
|
||||
import HarvesterKsmtuned from './HarvesterKsmtuned';
|
||||
import HarvesterHugepages from './HarvesterHugepages';
|
||||
import Tags from '../../components/DiskTags';
|
||||
import { LVM_DRIVER } from '../../models/harvester/storage.k8s.io.storageclass';
|
||||
import isEqual from 'lodash/isEqual';
|
||||
@@ -51,7 +50,6 @@ export default {
|
||||
ArrayListGrouped,
|
||||
HarvesterDisk,
|
||||
HarvesterKsmtuned,
|
||||
HarvesterHugepages,
|
||||
ButtonDropdown,
|
||||
KeyValue,
|
||||
Banner,
|
||||
@@ -227,12 +225,6 @@ export default {
|
||||
return !!this.$store.getters[`${ inStore }/schemaFor`](HCI.KSTUNED);
|
||||
},
|
||||
|
||||
hasHugepagesSchema() {
|
||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
||||
|
||||
return !!this.$store.getters[`${ inStore }/schemaFor`](HCI.HUGEPAGES);
|
||||
},
|
||||
|
||||
hasBlockDevicesSchema() {
|
||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
||||
|
||||
@@ -535,6 +527,7 @@ export default {
|
||||
id: this.longhornNode.id,
|
||||
opt: { force: true },
|
||||
});
|
||||
|
||||
await new Promise((resolve) => setTimeout(resolve, '5000'));
|
||||
await retrySave();
|
||||
} else {
|
||||
@@ -655,17 +648,6 @@ export default {
|
||||
</template>
|
||||
</ArrayListGrouped>
|
||||
</Tab>
|
||||
<Tab
|
||||
v-if="hasHugepagesSchema"
|
||||
name="Hugepages"
|
||||
:weight="70"
|
||||
:label="t('harvester.host.tabs.hugepages')"
|
||||
>
|
||||
<HarvesterHugepages
|
||||
:node="value"
|
||||
:register-before-hook="registerBeforeHook"
|
||||
/>
|
||||
</Tab>
|
||||
<Tab
|
||||
v-if="hasKsmtunedSchema"
|
||||
name="Ksmtuned"
|
||||
|
||||
@@ -10,13 +10,9 @@ import { HCI as HCI_LABELS_ANNOTATIONS } from '@pkg/harvester/config/labels-anno
|
||||
import CreateEditView from '@shell/mixins/create-edit-view';
|
||||
import { allHash } from '@shell/utils/promise';
|
||||
import { HCI } from '../types';
|
||||
import { NETWORK_TYPE, L2VLAN_MODE } from '../config/types';
|
||||
import { removeObject } from '@shell/utils/array';
|
||||
import { NETWORK_TYPE } from '../config/types';
|
||||
|
||||
const {
|
||||
L2VLAN, UNTAGGED, OVERLAY, L2TRUNK_VLAN
|
||||
} = NETWORK_TYPE;
|
||||
const { ACCESS, TRUNK } = L2VLAN_MODE;
|
||||
const { L2VLAN, UNTAGGED, OVERLAY } = NETWORK_TYPE;
|
||||
|
||||
const AUTO = 'auto';
|
||||
const MANUAL = 'manual';
|
||||
@@ -56,8 +52,6 @@ export default {
|
||||
return {
|
||||
config,
|
||||
type,
|
||||
l2VlanMode: this.value.vlanType === L2TRUNK_VLAN ? TRUNK : ACCESS,
|
||||
vlanTrunk: this.parseVlanTrunk(config),
|
||||
layer3Network: {
|
||||
mode: layer3Network.mode || AUTO,
|
||||
serverIPAddr: layer3Network.serverIPAddr || '',
|
||||
@@ -114,10 +108,6 @@ export default {
|
||||
}];
|
||||
},
|
||||
|
||||
l2VlanTrunkModeFeatureEnabled() {
|
||||
return this.$store.getters['harvester-common/getFeatureEnabled']('l2VlanTrunkMode');
|
||||
},
|
||||
|
||||
kubeovnVpcSubnetSupport() {
|
||||
return this.$store.getters['harvester-common/getFeatureEnabled']('kubeovnVpcSubnet');
|
||||
},
|
||||
@@ -141,16 +131,6 @@ export default {
|
||||
});
|
||||
},
|
||||
|
||||
l2VlanModeOptions() {
|
||||
return [{
|
||||
label: this.t('harvester.vlanStatus.vlanConfig.l2VlanMode.access'),
|
||||
value: ACCESS,
|
||||
}, {
|
||||
label: this.t('harvester.vlanStatus.vlanConfig.l2VlanMode.trunk'),
|
||||
value: TRUNK,
|
||||
}];
|
||||
},
|
||||
|
||||
networkTypes() {
|
||||
const types = [L2VLAN, UNTAGGED];
|
||||
|
||||
@@ -169,22 +149,6 @@ export default {
|
||||
return this.type === L2VLAN;
|
||||
},
|
||||
|
||||
isL2VlanTrunkMode() {
|
||||
if (this.isView) {
|
||||
return this.value.vlanType === L2TRUNK_VLAN && this.l2VlanMode === TRUNK;
|
||||
}
|
||||
|
||||
return this.type === L2TRUNK_VLAN || (this.l2VlanMode === TRUNK && this.type === L2VLAN);
|
||||
},
|
||||
|
||||
isL2VlanAccessMode() {
|
||||
if (this.isView) {
|
||||
return this.value.vlanType === L2VLAN && this.l2VlanMode === ACCESS;
|
||||
}
|
||||
|
||||
return this.type === L2VLAN && this.l2VlanMode === ACCESS;
|
||||
},
|
||||
|
||||
isOverlayNetwork() {
|
||||
if (this.isView) {
|
||||
return this.value.vlanType === OVERLAY;
|
||||
@@ -204,11 +168,11 @@ export default {
|
||||
|
||||
watch: {
|
||||
type(newType) {
|
||||
if (newType === OVERLAY) { // overlay network configuration
|
||||
if (newType === OVERLAY) {
|
||||
this.config.type = 'kube-ovn';
|
||||
this.config.provider = `${ this.value.metadata.name }.${ this.value.metadata.namespace }.ovn`;
|
||||
this.config.server_socket = '/run/openvswitch/kube-ovn-daemon.sock';
|
||||
} else { // l2vlan or untagged network configuration
|
||||
} else {
|
||||
this.config.type = 'bridge';
|
||||
this.config.promiscMode = true;
|
||||
this.config.ipam = {};
|
||||
@@ -216,20 +180,7 @@ export default {
|
||||
delete this.config.provider;
|
||||
delete this.config.server_socket;
|
||||
}
|
||||
},
|
||||
l2VlanMode(newAccessMode) {
|
||||
if (this.type !== L2VLAN) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (newAccessMode === TRUNK) { // trunk mode
|
||||
this.config.vlan = 0;
|
||||
this.config.vlanTrunk = this.vlanTrunk;
|
||||
} else { // access mode
|
||||
delete this.config.vlanTrunk;
|
||||
this.config.vlan = '';
|
||||
}
|
||||
},
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
@@ -237,15 +188,7 @@ export default {
|
||||
const errors = [];
|
||||
|
||||
if (this.isL2VlanNetwork || this.isUntaggedNetwork) {
|
||||
if (this.isL2VlanTrunkMode && this.vlanTrunk.some((trunk) => trunk.minID === '')) {
|
||||
errors.push(this.$store.getters['i18n/t']('validation.required', { key: this.t('harvester.vlanStatus.vlanConfig.vlanTrunk.minId') }));
|
||||
}
|
||||
|
||||
if (this.isL2VlanTrunkMode && this.vlanTrunk.some((trunk) => trunk.maxID === '')) {
|
||||
errors.push(this.$store.getters['i18n/t']('validation.required', { key: this.t('harvester.vlanStatus.vlanConfig.vlanTrunk.maxId') }));
|
||||
}
|
||||
|
||||
if (this.isL2VlanAccessMode && !this.config.vlan && !this.isUntaggedNetwork) {
|
||||
if (!this.config.vlan && !this.isUntaggedNetwork) {
|
||||
errors.push(this.$store.getters['i18n/t']('validation.required', { key: this.t('tableHeaders.networkVlan') }));
|
||||
}
|
||||
|
||||
@@ -274,30 +217,6 @@ export default {
|
||||
await this.save(buttonCb);
|
||||
},
|
||||
|
||||
parseVlanTrunk(config) {
|
||||
if (config?.vlanTrunk && config?.vlanTrunk?.length > 0) {
|
||||
return config.vlanTrunk;
|
||||
}
|
||||
|
||||
return [{ minID: '', maxID: '' }];
|
||||
},
|
||||
|
||||
removeVlanTrunk(trunk) {
|
||||
removeObject(this.vlanTrunk, trunk);
|
||||
},
|
||||
|
||||
addVlanTrunk() {
|
||||
if (!this.config.vlanTrunk) {
|
||||
this.config.vlanTrunk = [];
|
||||
}
|
||||
this.vlanTrunk.push({ minID: this.minId, maxID: this.maxId });
|
||||
this.config.vlanTrunk = this.vlanTrunk;
|
||||
},
|
||||
|
||||
vlanTrunkChange() {
|
||||
this.config.vlanTrunk = this.vlanTrunk;
|
||||
},
|
||||
|
||||
input(neu) {
|
||||
if (neu === '') {
|
||||
this.config.vlan = '';
|
||||
@@ -373,76 +292,8 @@ export default {
|
||||
required
|
||||
/>
|
||||
|
||||
<LabeledSelect
|
||||
v-if="isL2VlanNetwork && l2VlanTrunkModeFeatureEnabled"
|
||||
v-model:value="l2VlanMode"
|
||||
class="mb-20"
|
||||
:options="l2VlanModeOptions"
|
||||
:mode="mode"
|
||||
:disabled="isEdit"
|
||||
:label="t('harvester.vlanStatus.vlanConfig.l2VlanMode.label')"
|
||||
required
|
||||
/>
|
||||
<div v-if="isL2VlanTrunkMode && l2VlanTrunkModeFeatureEnabled">
|
||||
<div
|
||||
v-for="(trunk, i) in vlanTrunk"
|
||||
:key="i"
|
||||
>
|
||||
<div class="row mt-10">
|
||||
<div class="col trunk-span">
|
||||
<LabeledInput
|
||||
v-model:value.number="trunk.minID"
|
||||
class="mb-20"
|
||||
required
|
||||
placeholder="e.g. 1-4094"
|
||||
:min="1"
|
||||
:max="4094"
|
||||
type="number"
|
||||
:label="t('harvester.vlanStatus.vlanConfig.vlanTrunk.minId')"
|
||||
:mode="mode"
|
||||
@update:value="vlanTrunkChange"
|
||||
/>
|
||||
</div>
|
||||
<div class="col trunk-span">
|
||||
<LabeledInput
|
||||
v-model:value.number="trunk.maxID"
|
||||
class="mb-20"
|
||||
:max="4094"
|
||||
:min="1"
|
||||
placeholder="e.g. 1-4094"
|
||||
required
|
||||
type="number"
|
||||
:label="t('harvester.vlanStatus.vlanConfig.vlanTrunk.maxId')"
|
||||
:mode="mode"
|
||||
@update:value="vlanTrunkChange"
|
||||
/>
|
||||
</div>
|
||||
<div class="col remove-btn mb-20">
|
||||
<button
|
||||
type="button"
|
||||
:disabled="isView || vlanTrunk.length <= 1"
|
||||
:aria-label="t('generic.ariaLabel.remove', {index: i+1})"
|
||||
role="button"
|
||||
class="btn role-link"
|
||||
@click="removeVlanTrunk(trunk)"
|
||||
>
|
||||
{{ t('harvester.fields.remove') }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
v-if="isL2VlanTrunkMode"
|
||||
type="button"
|
||||
class="btn btn-sm bg-primary mb-20"
|
||||
:disabled="isView"
|
||||
@click="addVlanTrunk"
|
||||
>
|
||||
{{ t('harvester.vlanStatus.vlanConfig.vlanTrunk.add') }}
|
||||
</button>
|
||||
</div>
|
||||
<LabeledInput
|
||||
v-if="isL2VlanAccessMode"
|
||||
v-if="isL2VlanNetwork"
|
||||
v-model:value.number="config.vlan"
|
||||
class="mb-20"
|
||||
required
|
||||
@@ -465,7 +316,7 @@ export default {
|
||||
/>
|
||||
</Tab>
|
||||
<Tab
|
||||
v-if="isL2VlanAccessMode"
|
||||
v-if="isL2VlanNetwork"
|
||||
name="layer3Network"
|
||||
:label="t('harvester.network.tabs.layer3Network')"
|
||||
:weight="98"
|
||||
@@ -524,12 +375,3 @@ export default {
|
||||
</Tabbed>
|
||||
</CruResource>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.remove-btn {
|
||||
align-self: center;
|
||||
}
|
||||
.trunk-span{
|
||||
flex: 5;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -15,7 +15,6 @@ import { HCI } from '../types';
|
||||
import { sortBy } from '@shell/utils/sort';
|
||||
import { BACKUP_TYPE } from '../config/types';
|
||||
import { _EDIT, _CREATE } from '@shell/config/query-params';
|
||||
import { isBackupTargetSettingEmpty, isBackupTargetSettingUnavailable } from '../utils/setting';
|
||||
|
||||
export default {
|
||||
name: 'CreateVMSchedule',
|
||||
@@ -94,7 +93,7 @@ export default {
|
||||
return this.settings.find( (O) => O.id === 'backup-target');
|
||||
},
|
||||
isEmptyValue() {
|
||||
return isBackupTargetSettingEmpty(this.backupTargetResource);
|
||||
return this.getBackupTargetValueIsEmpty(this.backupTargetResource);
|
||||
},
|
||||
canUpdate() {
|
||||
return this?.backupTargetResource?.canUpdate;
|
||||
@@ -110,7 +109,7 @@ export default {
|
||||
!!this.value.spec.maxFailure;
|
||||
},
|
||||
isBackupTargetUnAvailable() {
|
||||
return this.value.spec.vmbackup.type === BACKUP_TYPE.BACKUP && isBackupTargetSettingUnavailable(this.backupTargetResource);
|
||||
return this.value.spec.vmbackup.type === BACKUP_TYPE.BACKUP && (this.errorMessage || this.isEmptyValue) && this.canUpdate;
|
||||
},
|
||||
vmOptions() {
|
||||
const nsVmList = this.$store.getters['harvester/all'](HCI.VM).filter((vm) => vm.metadata.namespace === this.value.metadata.namespace);
|
||||
@@ -167,6 +166,20 @@ export default {
|
||||
onTypeChange(newType) {
|
||||
this.value.metadata.name = `svm${ newType }-${ this.value.spec.vmbackup.source.name }`;
|
||||
},
|
||||
getBackupTargetValueIsEmpty(resource) {
|
||||
let out = true;
|
||||
|
||||
if (resource?.value) {
|
||||
try {
|
||||
const valueJson = JSON.parse(resource?.value);
|
||||
|
||||
out = !valueJson.type;
|
||||
} catch (e) {}
|
||||
}
|
||||
|
||||
return out;
|
||||
},
|
||||
|
||||
validateFailure(count) {
|
||||
if (this.value.spec.retain && count > this.value.spec.retain) {
|
||||
this.value.spec['maxFailure'] = this.value.spec.retain;
|
||||
|
||||
@@ -296,9 +296,4 @@ export default {
|
||||
:deep() .edit-help code {
|
||||
padding: 1px 5px;
|
||||
}
|
||||
|
||||
::v-deep(.banner__content.closable) {
|
||||
white-space: normal;
|
||||
word-break: break-word;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,319 +0,0 @@
|
||||
<script>
|
||||
import { VOLUME_MODE } from '@pkg/harvester/config/types';
|
||||
import { HCI as HCI_ANNOTATIONS } from '@pkg/harvester/config/labels-annotations';
|
||||
import ArrayList from '@shell/components/form/ArrayList';
|
||||
import { Checkbox } from '@components/Form/Checkbox';
|
||||
import LabeledInput from '@components/Form/LabeledInput/LabeledInput.vue';
|
||||
import LabeledSelect from '@shell/components/form/LabeledSelect';
|
||||
import { VOLUME_SNAPSHOT_CLASS, HCI } from '../../types';
|
||||
import { HCI_SETTING } from '../../config/settings';
|
||||
import { allHash } from '@shell/utils/promise';
|
||||
import { _EDIT, _CREATE } from '@shell/config/query-params';
|
||||
|
||||
export default {
|
||||
name: 'CDISettings',
|
||||
|
||||
props: {
|
||||
value: {
|
||||
type: Object,
|
||||
required: true
|
||||
},
|
||||
mode: {
|
||||
type: String,
|
||||
required: true
|
||||
},
|
||||
provisioner: {
|
||||
type: String,
|
||||
required: true
|
||||
},
|
||||
},
|
||||
|
||||
components: {
|
||||
ArrayList,
|
||||
Checkbox,
|
||||
LabeledInput,
|
||||
LabeledSelect,
|
||||
},
|
||||
|
||||
emits: ['update:cdiSettings'],
|
||||
|
||||
async fetch() {
|
||||
const hash = {
|
||||
volumeSnapshotClasses: this.$store.dispatch(`${ this.inStore }/findAll`, { type: VOLUME_SNAPSHOT_CLASS }),
|
||||
csiDriverConfigSetting: this.$store.dispatch(`${ this.inStore }/find`, { type: HCI.SETTING, id: HCI_SETTING.CSI_DRIVER_CONFIG }),
|
||||
};
|
||||
|
||||
await allHash(hash);
|
||||
|
||||
if (this.mode === _CREATE ) {
|
||||
this.setDefaultVolumeSnapshotClass();
|
||||
} else {
|
||||
this.initCDISettingsFromAnnotations();
|
||||
}
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
cdiSettings: {
|
||||
volumeModeAccessModes: [],
|
||||
volumeSnapshotClass: null,
|
||||
cloneStrategy: null,
|
||||
filesystemOverhead: null,
|
||||
},
|
||||
defaultAddValue: { volumeMode: null, accessModes: [] },
|
||||
noneOption: { label: 'None', value: '' },
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
inStore() {
|
||||
return this.$store.getters['currentProduct'].inStore;
|
||||
},
|
||||
|
||||
allVolumeModeOptions() {
|
||||
return Object.values(VOLUME_MODE).map((mode) => ({ label: mode, value: mode }));
|
||||
},
|
||||
|
||||
selectedVolumeModes() {
|
||||
return this.cdiSettings.volumeModeAccessModes
|
||||
.map((item) => item.volumeMode)
|
||||
.filter(Boolean);
|
||||
},
|
||||
|
||||
volumeModeOptions() {
|
||||
return [this.noneOption, ...this.allVolumeModeOptions].filter( (option) => !this.selectedVolumeModes.includes(option.value) );
|
||||
},
|
||||
|
||||
allVolumeModesSelected() {
|
||||
return this.selectedVolumeModes.length === this.allVolumeModeOptions.length;
|
||||
},
|
||||
|
||||
accessModeOptions() {
|
||||
return [
|
||||
{ label: 'ReadWriteOnce', value: 'ReadWriteOnce' },
|
||||
{ label: 'ReadOnlyMany', value: 'ReadOnlyMany' },
|
||||
{ label: 'ReadWriteMany', value: 'ReadWriteMany' },
|
||||
{ label: 'ReadWriteOncePod', value: 'ReadWriteOncePod' },
|
||||
];
|
||||
},
|
||||
|
||||
cloneStrategyOptions() {
|
||||
return [
|
||||
this.noneOption,
|
||||
{ label: this.t('harvester.storage.cdiSettings.cloneStrategy.copy'), value: 'copy' },
|
||||
{ label: this.t('harvester.storage.cdiSettings.cloneStrategy.snapshot'), value: 'snapshot' },
|
||||
{ label: this.t('harvester.storage.cdiSettings.cloneStrategy.csiClone'), value: 'csi-clone' },
|
||||
];
|
||||
},
|
||||
|
||||
volumeSnapshotClassOptions() {
|
||||
const allClasses = this.$store.getters[`${ this.inStore }/all`](VOLUME_SNAPSHOT_CLASS) || [];
|
||||
const filtered = allClasses.filter((c) => c.driver === this.provisioner);
|
||||
|
||||
return [this.noneOption, ...filtered.map((c) => ({ label: c.name, value: c.name }))];
|
||||
},
|
||||
|
||||
isFilesystemOverheadValid() {
|
||||
const val = this.cdiSettings.filesystemOverhead;
|
||||
|
||||
if (val === null || val === '') return true;
|
||||
const regex = /^(0(\.\d{1,3})?|1(\.0{1,3})?)$/;
|
||||
|
||||
return regex.test(val);
|
||||
},
|
||||
|
||||
isCustomClass() {
|
||||
return this.mode === _CREATE || this.mode === _EDIT;
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
provisioner() {
|
||||
this.resetCdiSettings();
|
||||
this.$nextTick(this.setDefaultVolumeSnapshotClass);
|
||||
},
|
||||
|
||||
cdiSettings: {
|
||||
handler(val) {
|
||||
this.$emit('update:cdiSettings', val);
|
||||
},
|
||||
deep: true,
|
||||
immediate: true,
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
setDefaultVolumeSnapshotClass() {
|
||||
try {
|
||||
const setting = this.$store.getters[`${ this.inStore }/byId`](HCI.SETTING, HCI_SETTING.CSI_DRIVER_CONFIG);
|
||||
const config = JSON.parse(setting?.value || setting?.default || '{}');
|
||||
const defaultClass = config?.[this.provisioner]?.volumeSnapshotClassName || null;
|
||||
|
||||
const allClasses = this.$store.getters[`${ this.inStore }/all`](VOLUME_SNAPSHOT_CLASS) || [];
|
||||
const matched = allClasses.find((cls) => cls.name === defaultClass && cls.driver === this.provisioner);
|
||||
|
||||
this.cdiSettings.volumeSnapshotClass = matched?.name || null;
|
||||
} catch (e) {
|
||||
console.error('Failed to parse CSI config:', e); // eslint-disable-line no-console
|
||||
this.cdiSettings.volumeSnapshotClass = null;
|
||||
}
|
||||
},
|
||||
|
||||
initCDISettingsFromAnnotations() {
|
||||
const annotations = this.value?.metadata?.annotations || {};
|
||||
|
||||
let volumeModeAccessModes = [];
|
||||
const rawVolumeMode = annotations[HCI_ANNOTATIONS.VOLUME_MODE_ACCESS_MODES];
|
||||
|
||||
if (rawVolumeMode) {
|
||||
try {
|
||||
const parsed = JSON.parse(rawVolumeMode);
|
||||
|
||||
volumeModeAccessModes = Object.entries(parsed).map(([volumeMode, accessModes]) => ({
|
||||
volumeMode,
|
||||
accessModes: Array.isArray(accessModes) ? accessModes : [],
|
||||
}));
|
||||
} catch (e) {
|
||||
console.error('Failed to parse annotation:', e); // eslint-disable-line no-console
|
||||
}
|
||||
}
|
||||
|
||||
if (volumeModeAccessModes.length) {
|
||||
this.cdiSettings.volumeModeAccessModes = volumeModeAccessModes;
|
||||
}
|
||||
if (annotations[HCI_ANNOTATIONS.VOLUME_SNAPSHOT_CLASS]) {
|
||||
this.cdiSettings.volumeSnapshotClass = annotations[HCI_ANNOTATIONS.VOLUME_SNAPSHOT_CLASS];
|
||||
}
|
||||
if (annotations[HCI_ANNOTATIONS.CLONE_STRATEGY]) {
|
||||
this.cdiSettings.cloneStrategy = annotations[HCI_ANNOTATIONS.CLONE_STRATEGY];
|
||||
}
|
||||
if (annotations[HCI_ANNOTATIONS.FILESYSTEM_OVERHEAD]) {
|
||||
this.cdiSettings.filesystemOverhead = annotations[HCI_ANNOTATIONS.FILESYSTEM_OVERHEAD];
|
||||
}
|
||||
},
|
||||
|
||||
resetCdiSettings() {
|
||||
this.cdiSettings.volumeModeAccessModes = [this.defaultAddValue];
|
||||
this.cdiSettings.volumeSnapshotClass = null;
|
||||
this.cdiSettings.cloneStrategy = null;
|
||||
this.cdiSettings.filesystemOverhead = null;
|
||||
},
|
||||
|
||||
validateFilesystemOverhead(e) {
|
||||
const val = e.target.value;
|
||||
|
||||
this.cdiSettings.filesystemOverhead = val;
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<ArrayList
|
||||
v-model:value="cdiSettings.volumeModeAccessModes"
|
||||
:initial-empty-row="true"
|
||||
:show-header="true"
|
||||
:mode="mode"
|
||||
:title="t('harvester.storage.cdiSettings.volumeModeAccessModes.label')"
|
||||
:add-label="t('harvester.storage.cdiSettings.volumeModeAccessModes.add')"
|
||||
:default-add-value="defaultAddValue"
|
||||
:protip="t('harvester.storage.cdiSettings.volumeModeAccessModes.tooltip')"
|
||||
:add-disabled="allVolumeModesSelected"
|
||||
>
|
||||
<template #column-headers>
|
||||
<div class="column-headers">
|
||||
<div
|
||||
class="row"
|
||||
:class="{ custom: isCustomClass }"
|
||||
>
|
||||
<label
|
||||
class="col span-3 value text-label mb-10"
|
||||
for="volumeMode"
|
||||
>
|
||||
{{ t('harvester.storage.cdiSettings.volumeModeAccessModes.volumeMode') }}
|
||||
</label>
|
||||
<label
|
||||
class="col span-9 value text-label mb-10"
|
||||
for="accessModes"
|
||||
>
|
||||
{{ t('harvester.storage.cdiSettings.volumeModeAccessModes.accessModes.label') }}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template #columns="{ row }">
|
||||
<div class="row">
|
||||
<div class="col span-3">
|
||||
<LabeledSelect
|
||||
id="volumeMode"
|
||||
v-model:value="row.value.volumeMode"
|
||||
:mode="mode"
|
||||
:options="volumeModeOptions"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
id="accessModes"
|
||||
class="col span-9"
|
||||
>
|
||||
<Checkbox
|
||||
v-for="opt in accessModeOptions"
|
||||
:key="opt.value"
|
||||
v-model:value="row.value.accessModes"
|
||||
:value-when-true="opt.value"
|
||||
:label="opt.label"
|
||||
type="checkbox"
|
||||
:mode="mode"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</ArrayList>
|
||||
|
||||
<LabeledSelect
|
||||
v-model:value="cdiSettings.volumeSnapshotClass"
|
||||
class="select mt-20 mb-20"
|
||||
:label="t('harvester.storage.cdiSettings.volumeSnapshotClass.label')"
|
||||
:tooltip="t('harvester.storage.cdiSettings.volumeSnapshotClass.tooltip')"
|
||||
:mode="mode"
|
||||
:options="volumeSnapshotClassOptions"
|
||||
/>
|
||||
|
||||
<LabeledSelect
|
||||
v-model:value="cdiSettings.cloneStrategy"
|
||||
class="select mb-20"
|
||||
:label="t('harvester.storage.cdiSettings.cloneStrategy.label')"
|
||||
:tooltip="t('harvester.storage.cdiSettings.cloneStrategy.tooltip')"
|
||||
:mode="mode"
|
||||
:options="cloneStrategyOptions"
|
||||
/>
|
||||
|
||||
<LabeledInput
|
||||
v-model:value="cdiSettings.filesystemOverhead"
|
||||
class="select mb-20"
|
||||
:label="t('harvester.storage.cdiSettings.fileSystemOverhead.label')"
|
||||
:tooltip="t('harvester.storage.cdiSettings.fileSystemOverhead.tooltip')"
|
||||
:mode="mode"
|
||||
type="number"
|
||||
:min="0"
|
||||
:max="1"
|
||||
:step="0.001"
|
||||
:placeholder="t('harvester.storage.cdiSettings.fileSystemOverhead.placeholder')"
|
||||
:status="isFilesystemOverheadValid ? null : 'error'"
|
||||
@input="validateFilesystemOverhead"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.column-headers .row.custom {
|
||||
max-width: calc(100% - 75px);
|
||||
}
|
||||
|
||||
.row {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.select {
|
||||
max-width: 480px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,5 +1,4 @@
|
||||
<script>
|
||||
import { HCI as HCI_ANNOTATIONS } from '@pkg/harvester/config/labels-annotations';
|
||||
import CreateEditView from '@shell/mixins/create-edit-view';
|
||||
import CruResource from '@shell/components/CruResource';
|
||||
import NameNsDescription from '@shell/components/form/NameNsDescription';
|
||||
@@ -7,9 +6,11 @@ import ArrayList from '@shell/components/form/ArrayList';
|
||||
import Tab from '@shell/components/Tabbed/Tab';
|
||||
import Tabbed from '@shell/components/Tabbed';
|
||||
import { RadioGroup } from '@components/Form/Radio';
|
||||
import { LabeledInput } from '@components/Form/LabeledInput';
|
||||
|
||||
import LabeledInput from '@components/Form/LabeledInput/LabeledInput.vue';
|
||||
import LabeledSelect from '@shell/components/form/LabeledSelect';
|
||||
import Loading from '@shell/components/Loading';
|
||||
|
||||
import { _CREATE, _VIEW } from '@shell/config/query-params';
|
||||
import { mapFeature, UNSUPPORTED_STORAGE_DRIVERS } from '@shell/store/features';
|
||||
import {
|
||||
@@ -21,7 +22,6 @@ import { CSI_DRIVER } from '../../types';
|
||||
import Tags from '../../components/DiskTags';
|
||||
import { DATA_ENGINE_V1, DATA_ENGINE_V2 } from '../../models/harvester/persistentvolumeclaim';
|
||||
import { LVM_DRIVER } from '../../models/harvester/storage.k8s.io.storageclass';
|
||||
import CDISettings from './CDISettings';
|
||||
|
||||
export const LVM_TOPOLOGY_LABEL = 'topology.lvm.csi/node';
|
||||
|
||||
@@ -45,7 +45,6 @@ export default {
|
||||
Tabbed,
|
||||
Loading,
|
||||
Tags,
|
||||
CDISettings,
|
||||
},
|
||||
|
||||
mixins: [CreateEditView],
|
||||
@@ -118,7 +117,6 @@ export default {
|
||||
key: '',
|
||||
values: [],
|
||||
},
|
||||
cdiSettings: {},
|
||||
};
|
||||
},
|
||||
|
||||
@@ -126,10 +124,10 @@ export default {
|
||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
||||
|
||||
const hash = {
|
||||
namespaces: this.$store.dispatch(`${ inStore }/findAll`, { type: NAMESPACE }),
|
||||
storages: this.$store.dispatch(`${ inStore }/findAll`, { type: STORAGE_CLASS }),
|
||||
longhornNodes: this.$store.dispatch(`${ inStore }/findAll`, { type: LONGHORN.NODES }),
|
||||
csiDrivers: this.$store.dispatch(`${ inStore }/findAll`, { type: CSI_DRIVER }),
|
||||
namespaces: this.$store.dispatch(`${ inStore }/findAll`, { type: NAMESPACE }),
|
||||
storages: this.$store.dispatch(`${ inStore }/findAll`, { type: STORAGE_CLASS }),
|
||||
longhornNodes: this.$store.dispatch(`${ inStore }/findAll`, { type: LONGHORN.NODES }),
|
||||
csiDrivers: this.$store.dispatch(`${ inStore }/findAll`, { type: CSI_DRIVER })
|
||||
};
|
||||
|
||||
if (this.value.longhornV2LVMSupport) {
|
||||
@@ -199,14 +197,6 @@ export default {
|
||||
|
||||
return v2DataEngine.value === 'true' ? DATA_ENGINE_V2 : DATA_ENGINE_V1;
|
||||
},
|
||||
|
||||
isCDISettingsFeatureEnabled() {
|
||||
return this.$store.getters['harvester-common/getFeatureEnabled']('cdiSettings');
|
||||
},
|
||||
|
||||
shouldShowCDISettingsTab() {
|
||||
return this.isCDISettingsFeatureEnabled && this.provisioner !== `${ LONGHORN_DRIVER }_${ DATA_ENGINE_V1 }`;
|
||||
},
|
||||
},
|
||||
|
||||
watch: {
|
||||
@@ -259,10 +249,6 @@ export default {
|
||||
});
|
||||
|
||||
this.formatAllowedTopoloties();
|
||||
|
||||
if (this.shouldShowCDISettingsTab) {
|
||||
this.formatCDISettings();
|
||||
}
|
||||
},
|
||||
|
||||
formatAllowedTopoloties() {
|
||||
@@ -284,42 +270,6 @@ export default {
|
||||
if (matchLabelExpressions.length > 0) {
|
||||
this.value.allowedTopologies = [{ matchLabelExpressions: [...matchLabelExpressions, ...lvmMatchExpression] }];
|
||||
}
|
||||
},
|
||||
formatCDISettings() {
|
||||
const annotations = this.value.metadata.annotations || {};
|
||||
const volumeModeAccessModes = {};
|
||||
|
||||
this.cdiSettings.volumeModeAccessModes.forEach((setting) => {
|
||||
if (setting.volumeMode && Array.isArray(setting.accessModes) && setting.accessModes.length > 0) {
|
||||
volumeModeAccessModes[setting.volumeMode] = setting.accessModes;
|
||||
}
|
||||
});
|
||||
|
||||
if (Object.keys(volumeModeAccessModes).length > 0) {
|
||||
annotations[HCI_ANNOTATIONS.VOLUME_MODE_ACCESS_MODES] = JSON.stringify(volumeModeAccessModes);
|
||||
} else {
|
||||
delete annotations[HCI_ANNOTATIONS.VOLUME_MODE_ACCESS_MODES];
|
||||
}
|
||||
|
||||
if (this.cdiSettings.volumeSnapshotClass) {
|
||||
annotations[HCI_ANNOTATIONS.VOLUME_SNAPSHOT_CLASS] = this.cdiSettings.volumeSnapshotClass;
|
||||
} else {
|
||||
delete annotations[HCI_ANNOTATIONS.VOLUME_SNAPSHOT_CLASS];
|
||||
}
|
||||
|
||||
if (this.cdiSettings.cloneStrategy) {
|
||||
annotations[HCI_ANNOTATIONS.CLONE_STRATEGY] = this.cdiSettings.cloneStrategy;
|
||||
} else {
|
||||
delete annotations[HCI_ANNOTATIONS.CLONE_STRATEGY];
|
||||
}
|
||||
|
||||
if (this.cdiSettings.filesystemOverhead) {
|
||||
annotations[HCI_ANNOTATIONS.FILESYSTEM_OVERHEAD] = this.cdiSettings.filesystemOverhead;
|
||||
} else {
|
||||
delete annotations[HCI_ANNOTATIONS.FILESYSTEM_OVERHEAD];
|
||||
}
|
||||
|
||||
this.value.metadata.annotations = annotations;
|
||||
}
|
||||
}
|
||||
};
|
||||
@@ -454,19 +404,6 @@ export default {
|
||||
</template>
|
||||
</ArrayList>
|
||||
</Tab>
|
||||
<Tab
|
||||
v-if="shouldShowCDISettingsTab"
|
||||
name="cdiSettings"
|
||||
:label="t('harvester.storage.cdiSettings.label')"
|
||||
:weight="-2"
|
||||
>
|
||||
<CDISettings
|
||||
v-model:cdi-settings="cdiSettings"
|
||||
:value="value"
|
||||
:mode="mode"
|
||||
:provisioner="value.provisioner"
|
||||
/>
|
||||
</Tab>
|
||||
</Tabbed>
|
||||
</CruResource>
|
||||
</template>
|
||||
|
||||
@@ -257,7 +257,6 @@ export default {
|
||||
:label="t('harvester.vmTemplate.tabs.basics')"
|
||||
>
|
||||
<CpuMemory
|
||||
class="mb-20"
|
||||
:cpu="cpu"
|
||||
:memory="memory"
|
||||
:max-cpu="maxCpu"
|
||||
|
||||
@@ -7,7 +7,6 @@ import ResourceTabs from '@shell/components/form/ResourceTabs';
|
||||
import LabeledSelect from '@shell/components/form/LabeledSelect';
|
||||
import { LabeledInput } from '@components/Form/LabeledInput';
|
||||
import NameNsDescription from '@shell/components/form/NameNsDescription';
|
||||
import Conditions from '@shell/components/form/Conditions';
|
||||
import { Banner } from '@components/Banner';
|
||||
import { allHash } from '@shell/utils/promise';
|
||||
import { get } from '@shell/utils/object';
|
||||
@@ -41,7 +40,6 @@ export default {
|
||||
LabeledSelect,
|
||||
LabeledInput,
|
||||
NameNsDescription,
|
||||
Conditions
|
||||
},
|
||||
|
||||
mixins: [CreateEditView],
|
||||
@@ -269,19 +267,7 @@ export default {
|
||||
|
||||
rebuildStatus() {
|
||||
return this.value.longhornEngine?.status?.rebuildStatus;
|
||||
},
|
||||
|
||||
isLHV2VolExpansionFeatureEnabled() {
|
||||
return this.$store.getters['harvester-common/getFeatureEnabled']('lhV2VolExpansion');
|
||||
},
|
||||
|
||||
isResizeDisabled() {
|
||||
return (
|
||||
!this.isLHV2VolExpansionFeatureEnabled &&
|
||||
this.value?.isLonghornV2 &&
|
||||
this.isEdit
|
||||
);
|
||||
},
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
@@ -477,7 +463,7 @@ export default {
|
||||
:output-modifier="true"
|
||||
:increment="1024"
|
||||
:mode="mode"
|
||||
:disabled="isResizeDisabled"
|
||||
:disabled="value?.isLonghornV2 && isEdit"
|
||||
required
|
||||
class="mb-20"
|
||||
:suffix="GIBIBYTE"
|
||||
@@ -485,7 +471,7 @@ export default {
|
||||
/>
|
||||
|
||||
<Banner
|
||||
v-if="isResizeDisabled"
|
||||
v-if="value?.isLonghornV2 && isEdit"
|
||||
color="warning"
|
||||
>
|
||||
<span>{{ t('harvester.volume.longhorn.disableResize') }}</span>
|
||||
@@ -595,15 +581,6 @@ export default {
|
||||
:label="t('nameNsDescription.name.label')"
|
||||
/>
|
||||
</Tab>
|
||||
<Tab
|
||||
v-if="!isCreate"
|
||||
name="conditions"
|
||||
:label="t('harvester.volume.tabs.conditions')"
|
||||
class="bordered-table"
|
||||
:mode="mode"
|
||||
>
|
||||
<Conditions :value="value" />
|
||||
</Tab>
|
||||
</ResourceTabs>
|
||||
</CruResource>
|
||||
</template>
|
||||
|
||||
@@ -1,196 +0,0 @@
|
||||
<script>
|
||||
import debounce from 'lodash/debounce';
|
||||
import { _EDIT, _VIEW } from '@shell/config/query-params';
|
||||
import { removeAt } from '@shell/utils/array';
|
||||
import { Banner } from '@components/Banner';
|
||||
import InfoBox from '@shell/components/InfoBox';
|
||||
import LabeledSelect from '@shell/components/form/LabeledSelect';
|
||||
import { LabeledInput } from '@components/Form/LabeledInput';
|
||||
|
||||
export default {
|
||||
name: 'AccessControlList',
|
||||
|
||||
emits: ['update:value'],
|
||||
|
||||
components: {
|
||||
Banner, InfoBox, LabeledSelect, LabeledInput
|
||||
},
|
||||
|
||||
props: {
|
||||
value: {
|
||||
type: Array,
|
||||
default: null,
|
||||
},
|
||||
mode: {
|
||||
type: String,
|
||||
default: _EDIT,
|
||||
},
|
||||
},
|
||||
|
||||
data() {
|
||||
const rows = (this.value || []).map((row) => {
|
||||
return {
|
||||
action: row.action || '',
|
||||
direction: row.direction || '',
|
||||
priority: row.priority || 0,
|
||||
match: row.match || '',
|
||||
};
|
||||
});
|
||||
|
||||
return { rows };
|
||||
},
|
||||
|
||||
computed: {
|
||||
isView() {
|
||||
return this.mode === _VIEW;
|
||||
},
|
||||
|
||||
actionOptions() {
|
||||
return [
|
||||
{ label: 'Allow', value: 'allow' },
|
||||
{ label: 'Drop', value: 'drop' },
|
||||
{ label: 'Pass', value: 'pass' },
|
||||
{ label: 'Reject', value: 'reject' },
|
||||
{ label: 'Allow-related', value: 'allow-related' },
|
||||
{ label: 'Allow-stateless', value: 'allow-stateless' },
|
||||
];
|
||||
},
|
||||
directionOptions() {
|
||||
return [
|
||||
{ label: 'To-lport', value: 'to-lport' },
|
||||
{ label: 'From-lport', value: 'from-lport' },
|
||||
];
|
||||
}
|
||||
},
|
||||
|
||||
created() {
|
||||
this.queueUpdate = debounce(this.update, 100);
|
||||
},
|
||||
|
||||
methods: {
|
||||
add() {
|
||||
this.rows.push({
|
||||
action: '',
|
||||
direction: '',
|
||||
priority: this.rows.length,
|
||||
match: '',
|
||||
});
|
||||
this.queueUpdate();
|
||||
},
|
||||
|
||||
removeRule(idx) {
|
||||
removeAt(this.rows, idx);
|
||||
this.queueUpdate();
|
||||
},
|
||||
|
||||
update() {
|
||||
if (this.isView) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.$emit('update:value', this.rows);
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<Banner
|
||||
v-if="rows.length > 0"
|
||||
color="info"
|
||||
>
|
||||
<t
|
||||
k="harvester.subnet.acl.banner"
|
||||
:raw="true"
|
||||
/>
|
||||
</Banner>
|
||||
<div
|
||||
v-for="(row, idx) in rows"
|
||||
:key="idx"
|
||||
>
|
||||
<InfoBox class="box">
|
||||
<button
|
||||
type="button"
|
||||
class="role-link btn btn-sm removeBtn"
|
||||
:disabled="isView"
|
||||
@click="removeRule(idx)"
|
||||
>
|
||||
<i class="icon icon-x" />
|
||||
</button>
|
||||
<div class="row">
|
||||
<div class="col span-4">
|
||||
<LabeledSelect
|
||||
v-model:value="row.action"
|
||||
:mode="mode"
|
||||
class="mt-5 ml-5"
|
||||
:options="actionOptions"
|
||||
:required="true"
|
||||
:label="t('harvester.subnet.acl.action.label')"
|
||||
:placeholder="t('harvester.subnet.acl.action.placeholder')"
|
||||
@update:value="update"
|
||||
/>
|
||||
</div>
|
||||
<div class="col span-4">
|
||||
<LabeledSelect
|
||||
v-model:value="row.direction"
|
||||
:mode="mode"
|
||||
:options="directionOptions"
|
||||
class="mt-5"
|
||||
:required="true"
|
||||
:label="t('harvester.subnet.acl.direction.label')"
|
||||
:placeholder="t('harvester.subnet.acl.direction.placeholder')"
|
||||
@update:value="update"
|
||||
/>
|
||||
</div>
|
||||
<div class="col span-3">
|
||||
<LabeledInput
|
||||
v-model:value.number="row.priority"
|
||||
type="number"
|
||||
class="mb-20 mt-5"
|
||||
:max="32767"
|
||||
:min="0"
|
||||
:mode="mode"
|
||||
required
|
||||
label-key="harvester.subnet.acl.priority.label"
|
||||
@update:value="update"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col span-11">
|
||||
<LabeledInput
|
||||
v-model:value="row.match"
|
||||
class="mb-5 ml-5"
|
||||
:mode="mode"
|
||||
required
|
||||
:placeholder="t('harvester.subnet.acl.match.placeholder')"
|
||||
label-key="harvester.subnet.acl.match.label"
|
||||
@update:value="update"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</InfoBox>
|
||||
</div>
|
||||
<button
|
||||
type="button"
|
||||
class="btn role-tertiary add"
|
||||
:disabled="isView"
|
||||
@click="add()"
|
||||
>
|
||||
<t k="harvester.subnet.acl.addRule" />
|
||||
</button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.box {
|
||||
position: relative;
|
||||
}
|
||||
.removeBtn {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
padding: 0px;
|
||||
}
|
||||
</style>
|
||||
@@ -14,8 +14,6 @@ import ArrayList from '@shell/components/form/ArrayList';
|
||||
import { allHash } from '@shell/utils/promise';
|
||||
import { HCI } from '../../types';
|
||||
import ResourceTabs from '@shell/components/form/ResourceTabs/index';
|
||||
import { Banner } from '@components/Banner';
|
||||
import AccessControlList from './AccessControlList';
|
||||
|
||||
export default {
|
||||
name: 'EditSubnet',
|
||||
@@ -23,7 +21,6 @@ export default {
|
||||
emits: ['update:value'],
|
||||
|
||||
components: {
|
||||
Banner,
|
||||
CruResource,
|
||||
LabeledInput,
|
||||
LabeledSelect,
|
||||
@@ -33,7 +30,6 @@ export default {
|
||||
ArrayList,
|
||||
ResourceTabs,
|
||||
Loading,
|
||||
AccessControlList
|
||||
},
|
||||
|
||||
mixins: [CreateEditView],
|
||||
@@ -42,9 +38,7 @@ export default {
|
||||
|
||||
created() {
|
||||
const vpc = this.$route.query.vpc || '';
|
||||
const enableDHCP = this.value?.spec?.enableDHCP || false;
|
||||
|
||||
set(this.value.spec, 'enableDHCP', enableDHCP);
|
||||
set(this.value, 'spec', this.value.spec || {
|
||||
cidrBlock: '',
|
||||
protocol: NETWORK_PROTOCOL.IPv4,
|
||||
@@ -52,9 +46,7 @@ export default {
|
||||
vpc,
|
||||
gatewayIP: '',
|
||||
excludeIps: [],
|
||||
private: false,
|
||||
enableDHCP,
|
||||
acls: []
|
||||
private: false
|
||||
});
|
||||
},
|
||||
|
||||
@@ -89,6 +81,7 @@ export default {
|
||||
protocolOptions() {
|
||||
return Object.values(NETWORK_PROTOCOL);
|
||||
},
|
||||
|
||||
provider: {
|
||||
get() {
|
||||
const raw = this.value.spec.provider;
|
||||
@@ -132,21 +125,10 @@ export default {
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
'value.spec.enableDHCP': {
|
||||
handler(newValue) {
|
||||
if (newValue === false) {
|
||||
this.value.spec.dhcpV4Options = '';
|
||||
this.value.spec.dhcpV6Options = '';
|
||||
}
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async saveSubnet(buttonCb) {
|
||||
const errors = [];
|
||||
const name = this.value?.metadata?.name;
|
||||
const hasEmptyAcls = this.value?.spec?.acls?.some((acl) => !acl.match || !acl.action || acl.priority === undefined || acl.priority === null);
|
||||
|
||||
try {
|
||||
if (!name) {
|
||||
@@ -157,8 +139,6 @@ export default {
|
||||
errors.push(this.t('validation.required', { key: this.t('harvester.subnet.provider.label') }, true));
|
||||
} else if (this.value.spec.excludeIps.includes('')) {
|
||||
errors.push(this.t('harvester.validation.subnet.excludeIps'));
|
||||
} else if (hasEmptyAcls) {
|
||||
errors.push(this.t('harvester.validation.subnet.aclEmptyError'));
|
||||
}
|
||||
|
||||
if (errors.length > 0) {
|
||||
@@ -265,45 +245,6 @@ export default {
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-20">
|
||||
<div class="col span-6">
|
||||
<RadioGroup
|
||||
v-model:value="value.spec.enableDHCP"
|
||||
name="enabled"
|
||||
:options="[true, false]"
|
||||
:label="t('harvester.subnet.dhcp.label')"
|
||||
:labels="[t('generic.enabled'), t('generic.disabled')]"
|
||||
:mode="mode"
|
||||
:tooltip="t('harvester.subnet.dhcp.tooltip')"
|
||||
/>
|
||||
<LabeledInput
|
||||
v-if="value.spec.enableDHCP && value.spec.protocol === 'IPv4'"
|
||||
v-model:value="value.spec.dhcpV4Options"
|
||||
class="mb-20 mt-20"
|
||||
:placeholder="t('harvester.subnet.dhcp.placeholder')"
|
||||
:label="t('harvester.subnet.dhcp.v4Options')"
|
||||
:mode="mode"
|
||||
/>
|
||||
<LabeledInput
|
||||
v-if="value.spec.enableDHCP && value.spec.protocol === 'IPv6'"
|
||||
v-model:value="value.spec.dhcpV6Options"
|
||||
:placeholder="t('harvester.subnet.dhcp.placeholder')"
|
||||
class="mb-20 mt-20"
|
||||
:label="t('harvester.subnet.dhcp.v6Options')"
|
||||
:mode="mode"
|
||||
/>
|
||||
<Banner
|
||||
v-if="value.spec.enableDHCP"
|
||||
color="info"
|
||||
class="dhcpOption-banner"
|
||||
>
|
||||
<t
|
||||
k="harvester.subnet.dhcp.dhcpOptionBanner"
|
||||
:raw="true"
|
||||
/>
|
||||
</Banner>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-20">
|
||||
<div class="col span-6">
|
||||
<RadioGroup
|
||||
@@ -371,29 +312,12 @@ export default {
|
||||
<div class="key">
|
||||
<input
|
||||
v-model="scope.row.value"
|
||||
:placeholder="t('harvester.subnet.excludeIPs.placeholder')"
|
||||
:placeholder="t('harvester.setting.storageNetwork.exclude.placeholder')"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
</ArrayList>
|
||||
</Tab>
|
||||
<Tab
|
||||
name="ACL"
|
||||
:label="t('harvester.subnet.acl.label')"
|
||||
:weight="-2"
|
||||
class="bordered-table"
|
||||
>
|
||||
<AccessControlList
|
||||
v-model:value="value.spec.acls"
|
||||
:mode="mode"
|
||||
/>
|
||||
</Tab>
|
||||
</ResourceTabs>
|
||||
</CruResource>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.dhcpOption-banner {
|
||||
width: max-content;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -2,17 +2,12 @@
|
||||
import debounce from 'lodash/debounce';
|
||||
import { _EDIT, _VIEW } from '@shell/config/query-params';
|
||||
import { removeAt } from '@shell/utils/array';
|
||||
import { Banner } from '@components/Banner';
|
||||
import { DOC } from '../../config/doc-links';
|
||||
import { docLink } from '../../utils/feature-flags';
|
||||
|
||||
export default {
|
||||
name: 'StaticRoutes',
|
||||
|
||||
emits: ['update:value'],
|
||||
|
||||
components: { Banner },
|
||||
|
||||
props: {
|
||||
value: {
|
||||
type: Array,
|
||||
@@ -50,12 +45,6 @@ export default {
|
||||
nextHopIPTooltip() {
|
||||
return this.t('harvester.vpc.staticRoutes.nextHopIP.tooltip');
|
||||
},
|
||||
|
||||
vpcPeeringExamplesLink() {
|
||||
const version = this.$store.getters['harvester-common/getServerVersion']();
|
||||
|
||||
return docLink(DOC.VPC_CONFIGURATION_EXAMPLES, version);
|
||||
},
|
||||
},
|
||||
|
||||
created() {
|
||||
@@ -89,13 +78,6 @@ export default {
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<Banner color="info">
|
||||
<t
|
||||
k="harvester.vpc.vpcPeerings.infoBanner"
|
||||
:raw="true"
|
||||
:url="vpcPeeringExamplesLink"
|
||||
/>
|
||||
</Banner>
|
||||
<div
|
||||
v-if="rows.length"
|
||||
class="static-route-row"
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
<script>
|
||||
import InfoBox from '@shell/components/InfoBox';
|
||||
|
||||
import { NETWORK_ATTACHMENT } from '@shell/config/types';
|
||||
import { sortBy } from '@shell/utils/sort';
|
||||
import { clone } from '@shell/utils/object';
|
||||
@@ -13,13 +14,6 @@ export default {
|
||||
components: { InfoBox, Base },
|
||||
|
||||
props: {
|
||||
vm: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {};
|
||||
}
|
||||
},
|
||||
|
||||
mode: {
|
||||
type: String,
|
||||
default: 'create'
|
||||
@@ -38,15 +32,10 @@ export default {
|
||||
}
|
||||
},
|
||||
|
||||
async fetch() {
|
||||
await this.fetchHotunplugData();
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
nameIdx: 1,
|
||||
rows: this.addKeyId(clone(this.value)),
|
||||
hotunpluggableNics: new Set(),
|
||||
rows: this.addKeyId(clone(this.value)),
|
||||
nameIdx: 1
|
||||
};
|
||||
},
|
||||
|
||||
@@ -75,57 +64,15 @@ export default {
|
||||
|
||||
return out;
|
||||
},
|
||||
|
||||
canCheckHotunplug() {
|
||||
return !!this.vm?.actions?.findHotunpluggableNics;
|
||||
},
|
||||
|
||||
vmState() {
|
||||
return this.vm?.stateDisplay;
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
value(neu) {
|
||||
this.rows = this.mergeHotplugData(clone(neu));
|
||||
this.rows = neu;
|
||||
},
|
||||
|
||||
vmState(newState, oldState) {
|
||||
if (newState !== oldState) {
|
||||
this.fetchHotunplugData();
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
async fetchHotunplugData() {
|
||||
if (!this.canCheckHotunplug) {
|
||||
this.rows = this.mergeHotplugData(clone(this.value));
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const resp = await this.vm.doAction('findHotunpluggableNics');
|
||||
|
||||
this.hotunpluggableNics = new Set(resp?.interfaces || []);
|
||||
} catch (e) {
|
||||
// eslint-disable-next-line no-console
|
||||
console.error('Failed to fetch hot-unpluggable NICs:', e);
|
||||
this.hotunpluggableNics = new Set();
|
||||
}
|
||||
|
||||
this.rows = this.mergeHotplugData(clone(this.value));
|
||||
},
|
||||
|
||||
mergeHotplugData(networks) {
|
||||
return (networks || []).map((network) => ({
|
||||
...network,
|
||||
isHotunpluggable: this.hotunpluggableNics.has(network.name),
|
||||
rowKeyId: network.rowKeyId || randomStr(10)
|
||||
}));
|
||||
},
|
||||
|
||||
add(type) {
|
||||
const name = this.generateName();
|
||||
|
||||
@@ -171,11 +118,7 @@ export default {
|
||||
|
||||
update() {
|
||||
this.$emit('update:value', this.rows);
|
||||
},
|
||||
|
||||
unplugNIC(network) {
|
||||
this.vm.unplugNIC(network.name);
|
||||
},
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -186,28 +129,17 @@ export default {
|
||||
v-for="(row, i) in rows"
|
||||
:key="i"
|
||||
>
|
||||
<div class="box-title mb-10">
|
||||
<h3>
|
||||
{{ t('harvester.virtualMachine.network.title') }}
|
||||
</h3>
|
||||
<button
|
||||
v-if="!isView"
|
||||
type="button"
|
||||
class="role-link btn btn-sm remove"
|
||||
@click="remove(row)"
|
||||
>
|
||||
<i class="icon icon-x" />
|
||||
</button>
|
||||
<button
|
||||
v-if="vm.hotplugNicFeatureEnabled && row.isHotunpluggable && isView"
|
||||
type="button"
|
||||
class="role-link btn btn-sm remove"
|
||||
:disabled="!canCheckHotunplug"
|
||||
@click="unplugNIC(row)"
|
||||
>
|
||||
{{ t('harvester.virtualMachine.hotUnplug.detachNIC.actionLabel') }}
|
||||
</button>
|
||||
</div>
|
||||
<button
|
||||
v-if="!isView"
|
||||
type="button"
|
||||
class="role-link remove-vol"
|
||||
@click="remove(row)"
|
||||
>
|
||||
<i class="icon icon-x" />
|
||||
</button>
|
||||
|
||||
<h3> {{ t('harvester.virtualMachine.network.title') }} </h3>
|
||||
|
||||
<Base
|
||||
v-model:value="rows[i]"
|
||||
:rows="rows"
|
||||
@@ -230,13 +162,16 @@ export default {
|
||||
</template>
|
||||
|
||||
<style lang='scss' scoped>
|
||||
.box-title{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.infoBox{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.remove-vol {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 16px;
|
||||
padding:0px;
|
||||
max-height: 28px;
|
||||
min-height: 28px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -240,7 +240,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<div class="mt-20">
|
||||
<LabeledSelect
|
||||
v-model:value="checkedSsh"
|
||||
:label="t('harvester.virtualMachine.input.sshKey')"
|
||||
|
||||
@@ -136,10 +136,6 @@ export default {
|
||||
pvcs() {
|
||||
return this.$store.getters['harvester/all'](PVC) || [];
|
||||
},
|
||||
|
||||
isLHV2VolExpansionFeatureEnabled() {
|
||||
return this.$store.getters['harvester-common/getFeatureEnabled']('lhV2VolExpansion');
|
||||
},
|
||||
},
|
||||
|
||||
watch: {
|
||||
@@ -274,8 +270,8 @@ export default {
|
||||
},
|
||||
|
||||
isResizeDisabled(volume) {
|
||||
if (this.isLHV2VolExpansionFeatureEnabled) return false;
|
||||
if (this.isCreate || volume.newCreateId) return false;
|
||||
if (this.isCreate) return false;
|
||||
if (volume.newCreateId) return false;
|
||||
|
||||
const isStopped = this.vm.stateDisplay === OFF;
|
||||
const isLonghornV2 = this.isLonghornV2(volume);
|
||||
@@ -303,57 +299,55 @@ export default {
|
||||
v-for="(volume, i) in rows"
|
||||
:key="volume.id"
|
||||
>
|
||||
<InfoBox>
|
||||
<div class="box-title mb-10">
|
||||
<h3>
|
||||
<span
|
||||
v-if="volume.to && isVirtualType"
|
||||
class="title"
|
||||
<InfoBox class="box">
|
||||
<button
|
||||
v-if="!isView"
|
||||
type="button"
|
||||
class="role-link btn btn-sm remove"
|
||||
@click="removeVolume(volume)"
|
||||
>
|
||||
<i class="icon icon-x" />
|
||||
</button>
|
||||
<button
|
||||
v-if="volume.hotpluggable && isView"
|
||||
type="button"
|
||||
class="role-link btn remove"
|
||||
@click="unplugVolume(volume)"
|
||||
>
|
||||
{{ t('harvester.virtualMachine.unplug.detachVolume') }}
|
||||
</button>
|
||||
<h3>
|
||||
<span
|
||||
v-if="volume.to && isVirtualType"
|
||||
class="title"
|
||||
>
|
||||
<router-link :to="volume.to">
|
||||
{{ t('harvester.virtualMachine.volume.edit') }} {{ headerFor(volume.source) }}
|
||||
</router-link>
|
||||
|
||||
<BadgeStateFormatter
|
||||
v-if="volume.pvc"
|
||||
class="ml-10 state"
|
||||
:arbitrary="true"
|
||||
:row="volume.pvc"
|
||||
:value="volume.pvc.state"
|
||||
/>
|
||||
<a
|
||||
v-if="dev && !!volume.pvc && !!volume.pvc.resourceExternalLink"
|
||||
v-clean-tooltip="t(volume.pvc.resourceExternalLink.tipsKey || 'generic.resourceExternalLinkTips')"
|
||||
class="ml-5 resource-external"
|
||||
rel="nofollow noopener noreferrer"
|
||||
target="_blank"
|
||||
:href="volume.pvc.resourceExternalLink.url"
|
||||
>
|
||||
<router-link :to="volume.to">
|
||||
{{ t('harvester.virtualMachine.volume.edit') }} {{ headerFor(volume.source) }}
|
||||
</router-link>
|
||||
<i class="icon icon-external-link" />
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<BadgeStateFormatter
|
||||
v-if="volume.pvc"
|
||||
class="ml-10 state"
|
||||
:arbitrary="true"
|
||||
:row="volume.pvc"
|
||||
:value="volume.pvc.state"
|
||||
/>
|
||||
<a
|
||||
v-if="dev && !!volume.pvc && !!volume.pvc.resourceExternalLink"
|
||||
v-clean-tooltip="t(volume.pvc.resourceExternalLink.tipsKey || 'generic.resourceExternalLinkTips')"
|
||||
class="ml-5 resource-external"
|
||||
rel="nofollow noopener noreferrer"
|
||||
target="_blank"
|
||||
:href="volume.pvc.resourceExternalLink.url"
|
||||
>
|
||||
<i class="icon icon-external-link" />
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<span v-else>
|
||||
{{ headerFor(volume.source, !!volume?.volumeBackups) }}
|
||||
</span>
|
||||
</h3>
|
||||
<button
|
||||
v-if="!isView"
|
||||
type="button"
|
||||
class="role-link btn btn-sm remove"
|
||||
@click="removeVolume(volume)"
|
||||
>
|
||||
<i class="icon icon-x" />
|
||||
</button>
|
||||
<button
|
||||
v-if="volume.hotpluggable && isView"
|
||||
type="button"
|
||||
class="role-link btn btn-sm remove"
|
||||
@click="unplugVolume(volume)"
|
||||
>
|
||||
{{ t('harvester.virtualMachine.hotUnplug.detachVolume.actionLabel') }}
|
||||
</button>
|
||||
</div>
|
||||
<span v-else>
|
||||
{{ headerFor(volume.source, !!volume?.volumeBackups) }}
|
||||
</span>
|
||||
</h3>
|
||||
<div>
|
||||
<component
|
||||
:is="componentFor(volume.source)"
|
||||
@@ -412,7 +406,7 @@ export default {
|
||||
:label="ucFirst(value.volumeBackups.error.message)"
|
||||
/>
|
||||
<Banner
|
||||
v-if="!isLHV2VolExpansionFeatureEnabled && isLonghornV2(volume) && !isView"
|
||||
v-if="isLonghornV2(volume) && !isView"
|
||||
color="warning"
|
||||
:label="t('harvester.volume.longhorn.disableResize')"
|
||||
/>
|
||||
@@ -497,24 +491,25 @@ export default {
|
||||
</template>
|
||||
|
||||
<style lang='scss' scoped>
|
||||
.box-title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
h3 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.box {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.state {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.remove {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.bootOrder {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
+8
-6
@@ -99,6 +99,7 @@ export default {
|
||||
this.allPVCs
|
||||
.filter( (pvc) => {
|
||||
let isAvailable = true;
|
||||
let isBeingUsed = false;
|
||||
|
||||
this.rows.forEach( (O) => {
|
||||
if (O.volumeName === pvc.metadata.name) {
|
||||
@@ -110,16 +111,17 @@ export default {
|
||||
return false;
|
||||
}
|
||||
|
||||
// already used as image volume
|
||||
if (this.idx > 0 && pvc.metadata?.annotations?.[HCI_ANNOTATIONS.IMAGE_ID]) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (pvc.isGoldenImageVolume) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return isAvailable && pvc.isAvailable;
|
||||
if (pvc.attachVM && isAvailable && pvc.attachVM?.id === this.vm?.id && this.isEdit) {
|
||||
isBeingUsed = false;
|
||||
} else if (pvc.attachVM) {
|
||||
isBeingUsed = true;
|
||||
}
|
||||
|
||||
return isAvailable && !isBeingUsed && pvc.isAvailable;
|
||||
})
|
||||
.map((pvc) => {
|
||||
return {
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
import { isEqual } from 'lodash';
|
||||
import { mapGetters } from 'vuex';
|
||||
import Tabbed from '@shell/components/Tabbed';
|
||||
import { clone } from '@shell/utils/object';
|
||||
import { clone, set } from '@shell/utils/object';
|
||||
import Tab from '@shell/components/Tabbed/Tab';
|
||||
import { Checkbox } from '@components/Form/Checkbox';
|
||||
import CruResource from '@shell/components/CruResource';
|
||||
@@ -96,6 +96,7 @@ export default {
|
||||
templateVersionId: '',
|
||||
namePrefix: '',
|
||||
isSingle: true,
|
||||
useTemplate: false,
|
||||
isOpen: false,
|
||||
hostname,
|
||||
isRestartImmediately,
|
||||
@@ -254,7 +255,6 @@ export default {
|
||||
return volume;
|
||||
});
|
||||
|
||||
delete cloneVersionVM.metadata.annotations[HCI_ANNOTATIONS.MAC_ADDRESS];
|
||||
cloneVersionVM.metadata.annotations[HCI_ANNOTATIONS.VOLUME_CLAIM_TEMPLATE] = JSON.stringify(deleteDataSource);
|
||||
|
||||
// Update instance labels, labels and annotations
|
||||
@@ -338,15 +338,6 @@ export default {
|
||||
saveVM(buttonCb) {
|
||||
clear(this.errors);
|
||||
|
||||
this.validateCPUMemory();
|
||||
|
||||
// block create VM flow if has validation errors
|
||||
if (this.errors.length) {
|
||||
buttonCb(false);
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
if (this.isSingle) {
|
||||
this.saveSingle(buttonCb);
|
||||
} else {
|
||||
@@ -354,18 +345,6 @@ export default {
|
||||
}
|
||||
},
|
||||
|
||||
validateCPUMemory() {
|
||||
const { cpu, memory } = this;
|
||||
|
||||
if ((!cpu)) {
|
||||
this.errors.push(this.t('validation.required', { key: this.t('harvester.virtualMachine.input.cpu') }, true));
|
||||
}
|
||||
|
||||
if ((!memory)) {
|
||||
this.errors.push(this.t('validation.required', { key: this.t('harvester.virtualMachine.input.memory') }, true));
|
||||
}
|
||||
},
|
||||
|
||||
async saveSingle(buttonCb) {
|
||||
this.parseVM();
|
||||
this.value.spec.template.spec.hostname = this.hostname ? this.hostname : this.value.metadata.name;
|
||||
@@ -434,44 +413,38 @@ export default {
|
||||
}
|
||||
},
|
||||
|
||||
_compareDisksIgnoreStorage(disksA = [], disksB = []) {
|
||||
if (disksA.length !== disksB.length) return false;
|
||||
restartVM() {
|
||||
if (this.mode !== 'edit') {
|
||||
return;
|
||||
}
|
||||
if (!this.value.isRunning) {
|
||||
return;
|
||||
}
|
||||
const cloneDeepNewVM = clone(this.value);
|
||||
|
||||
const sortedA = [...disksA].sort((a, b) => a.metadata.name.localeCompare(b.metadata.name));
|
||||
const sortedB = [...disksB].sort((a, b) => a.metadata.name.localeCompare(b.metadata.name));
|
||||
// new VM
|
||||
delete cloneDeepNewVM?.metadata;
|
||||
delete cloneDeepNewVM?.__clone;
|
||||
|
||||
for (let i = 0; i < sortedA.length; i++) {
|
||||
const cloneA = clone(sortedA[i]);
|
||||
const cloneB = clone(sortedB[i]);
|
||||
// old VM
|
||||
delete this.cloneVM?.metadata;
|
||||
delete this.cloneVM?.__clone;
|
||||
|
||||
// remove the storage field before comparison
|
||||
delete cloneA?.spec?.resources?.requests?.storage;
|
||||
delete cloneB?.spec?.resources?.requests?.storage;
|
||||
// add empty hostDevices to old VM as CRD does not have it.
|
||||
const devicesObj = this.cloneVM?.spec?.template?.spec?.domain?.devices;
|
||||
|
||||
if (!isEqual(cloneA, cloneB)) return false;
|
||||
if (devicesObj && devicesObj.hostDevices === undefined) {
|
||||
set(devicesObj, 'hostDevices', []);
|
||||
}
|
||||
|
||||
return true;
|
||||
},
|
||||
const oldVM = JSON.parse(JSON.stringify(this.cloneVM));
|
||||
const newVM = JSON.parse(JSON.stringify(cloneDeepNewVM));
|
||||
|
||||
_shouldPromptRestart(oldVM, newVM) {
|
||||
const specChanged = !isEqual(oldVM?.spec, newVM?.spec);
|
||||
|
||||
// check if the disk defined in annotations has changed, ignoring storage size
|
||||
const oldDisks = parseVolumeClaimTemplates(oldVM);
|
||||
const newDisks = parseVolumeClaimTemplates(newVM);
|
||||
const diskChanged = !this._compareDisksIgnoreStorage(oldDisks, newDisks);
|
||||
|
||||
return specChanged || diskChanged;
|
||||
},
|
||||
|
||||
restartVM() {
|
||||
if (this.mode !== 'edit' || !this.value.isRunning) return;
|
||||
|
||||
const needsRestart = this._shouldPromptRestart(this.cloneVM, this.value);
|
||||
|
||||
// if no restart is needed (either no changes or only size changed)
|
||||
if (!needsRestart) return;
|
||||
// we won't show restart dialog in yaml page as we don't have a way to detect change in yaml editor.
|
||||
// only check VM is changed in form page.
|
||||
if (isEqual(oldVM, newVM)) {
|
||||
return;
|
||||
}
|
||||
|
||||
return new Promise((resolve) => {
|
||||
this.isOpen = true;
|
||||
@@ -490,11 +463,12 @@ export default {
|
||||
if (this.isSingle) {
|
||||
if (!this.value.spec.template.spec.hostname) {
|
||||
this.value.spec.template.spec['hostname'] = this.value.metadata.name;
|
||||
this.spec.template.spec['hostname'] = this.value.metadata.name;
|
||||
}
|
||||
}
|
||||
|
||||
const errors = this.getAccessCredentialsValidation();
|
||||
const cpuMemoryErrors = this.getCPUMemoryValidation();
|
||||
const accessCredentialsErrors = this.getAccessCredentialsValidation();
|
||||
const errors = [...cpuMemoryErrors, ...accessCredentialsErrors];
|
||||
|
||||
if (errors.length > 0) {
|
||||
return Promise.reject(errors);
|
||||
@@ -631,7 +605,6 @@ export default {
|
||||
:label="t('harvester.virtualMachine.detail.tabs.basics')"
|
||||
>
|
||||
<CpuMemory
|
||||
class="mb-20"
|
||||
:cpu="cpu"
|
||||
:max-cpu="maxCpu"
|
||||
:memory="memory"
|
||||
@@ -899,10 +872,7 @@ export default {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div
|
||||
v-if="!value.vmMachineTypeAutoFeatureEnabled"
|
||||
class="col span-6"
|
||||
>
|
||||
<div class="col span-6">
|
||||
<LabeledSelect
|
||||
v-model:value="machineType"
|
||||
label-key="harvester.virtualMachine.input.MachineType"
|
||||
|
||||
@@ -39,10 +39,6 @@ export default {
|
||||
return this.mode === _VIEW;
|
||||
},
|
||||
|
||||
disableAdd() {
|
||||
return this.isStandaloneHarvester && this.rows.some((row) => row.namespace === '*');
|
||||
},
|
||||
|
||||
showAdd() {
|
||||
return !this.isView;
|
||||
},
|
||||
@@ -145,7 +141,6 @@ export default {
|
||||
>
|
||||
<button
|
||||
type="button"
|
||||
:disabled="disableAdd"
|
||||
class="btn role-tertiary add"
|
||||
@click="add()"
|
||||
>
|
||||
|
||||
@@ -66,26 +66,17 @@ export default {
|
||||
},
|
||||
|
||||
namespaceOptions() {
|
||||
const namespaces = this.filteredNamespaces;
|
||||
const selected = this.rows.map((r) => r?.namespace);
|
||||
|
||||
if (this.isStandaloneHarvester) {
|
||||
return [
|
||||
{ label: this.t('generic.all'), value: '*' },
|
||||
...namespaces.map((ns) => ({
|
||||
label: ns.metadata.name,
|
||||
value: ns.id,
|
||||
disabled: selected.includes(ns.id) && ns.id !== this.row.namespace
|
||||
}))
|
||||
];
|
||||
}
|
||||
const out = (this.filteredNamespaces || []).map((namespace) => {
|
||||
return {
|
||||
label: namespace.metadata.name,
|
||||
value: namespace.id,
|
||||
};
|
||||
});
|
||||
|
||||
return [{
|
||||
label: this.t('generic.all'),
|
||||
value: '*',
|
||||
},
|
||||
...namespaces.map((ns) => ({ label: ns.metadata.name, value: ns.id }))
|
||||
];
|
||||
}, ...out];
|
||||
},
|
||||
|
||||
guestClusterOptions() {
|
||||
|
||||
@@ -1,42 +0,0 @@
|
||||
<script>
|
||||
import NetworkPolicy from '@shell/edit/networking.k8s.io.networkpolicy';
|
||||
import { Banner } from '@components/Banner';
|
||||
import { DOC } from '../config/doc-links';
|
||||
import { docLink } from '../utils/feature-flags';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
NetworkPolicy,
|
||||
Banner
|
||||
},
|
||||
|
||||
computed: {
|
||||
networkPolicyDocLink() {
|
||||
const version = this.$store.getters['harvester-common/getServerVersion']();
|
||||
|
||||
return docLink(DOC.NETWORK_POLICY, version);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="network-policy-edit">
|
||||
<Banner color="info">
|
||||
<t
|
||||
k="harvester.networkPolicy.banner"
|
||||
:url="networkPolicyDocLink"
|
||||
:raw="true"
|
||||
/>
|
||||
</Banner>
|
||||
<NetworkPolicy v-bind="$attrs" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.network-policy-edit {
|
||||
flex: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
</style>
|
||||
+16
-151
@@ -154,19 +154,15 @@ harvester:
|
||||
nodeTimeout:
|
||||
label: Node Collection Timeout
|
||||
tooltip: Minutes allowed for collecting logs/configurations on nodes.<br/>See docs support-bundle-node-collection-timeout for detail.
|
||||
hotplugVolume:
|
||||
hotplug:
|
||||
success: 'Volume { diskName } is mounted to the virtual machine { vm }.'
|
||||
title: Add Volume
|
||||
hotplugNic:
|
||||
success: 'The settings have been saved, but the network interface {interfaceName} will be attached only after the virtual machine is migrated.'
|
||||
title: Add Network Interface
|
||||
vmNetwork: Virtual Machine Network
|
||||
macAddress: MAC Address
|
||||
macAddressTooltip: If left blank, the MAC address will be automatically generated.
|
||||
cpuMemoryHotplug:
|
||||
success: 'CPU and Memory are updated to the virtual machine { vm }.'
|
||||
title: Edit CPU and Memory
|
||||
maxResourcesMessage: 'You can increase the CPU to maximum { maxCpu }C and memory to maximum { maxMemory }.'
|
||||
hotunplug:
|
||||
success: 'Volume { name } is detached successfully.'
|
||||
snapshot:
|
||||
title: Take Snapshot
|
||||
name: Name
|
||||
@@ -230,8 +226,7 @@ harvester:
|
||||
disableCPUManager: Disable CPU Manager
|
||||
cordon: Cordon
|
||||
uncordon: Uncordon
|
||||
addHotplugVolume: Add Volume
|
||||
addHotplugNic: Hotplug Network Interface
|
||||
addHotplug: Add Volume
|
||||
exportImage: Export Image
|
||||
viewlogs: View Logs
|
||||
cancelExpand: Cancel Expand
|
||||
@@ -241,7 +236,6 @@ harvester:
|
||||
shutdown: Shut Down
|
||||
powerOn: Power On
|
||||
reboot: Reboot
|
||||
reconnect: Reconnect
|
||||
forceStop: Force Stop
|
||||
formatters:
|
||||
hardwareResourceGauge:
|
||||
@@ -277,7 +271,6 @@ harvester:
|
||||
cronExpression: Cron Expression
|
||||
retain: Retain
|
||||
scheduleType: Type
|
||||
configuredProfiles: Configured Profiles
|
||||
maxFailure: Max Failure
|
||||
sourceVm: Source Virtual Machine
|
||||
vmSchedule: Virtual Machine Schedule
|
||||
@@ -410,7 +403,7 @@ harvester:
|
||||
sha512: 'Invalid SHA512 checksum.'
|
||||
subnet:
|
||||
excludeIps: 'Exclude IPs cannot be empty. Please remove or fill in the exclude IPs.'
|
||||
aclEmptyError: The fields in subnet access control list rule can not be empty.
|
||||
|
||||
dashboard:
|
||||
label: Dashboard
|
||||
header: "Harvester Cluster: {cluster}"
|
||||
@@ -447,7 +440,6 @@ harvester:
|
||||
storage: Storage
|
||||
labels: Labels
|
||||
ksmtuned: Ksmtuned
|
||||
hugepages: Hugepages
|
||||
seeder: Out-of-band Access
|
||||
detail:
|
||||
kvm:
|
||||
@@ -520,20 +512,6 @@ harvester:
|
||||
fullScans: Full Scans
|
||||
stableNodeChains: Stable Node Chains
|
||||
stableNodeDups: Stable Node Dups
|
||||
hugepages:
|
||||
meminfo: Meminfo
|
||||
transparent:
|
||||
title: Transparent Hugepages <a href="{url}" target="_blank"><i class="icon icon-info" /></a>
|
||||
enabled: Enabled
|
||||
shmemEnabled: Shared Memory Enabled
|
||||
defrag: Defragmentation
|
||||
status:
|
||||
anon: Anonymous Hugepages (bytes)
|
||||
size: Default Hugepage Size (bytes)
|
||||
total: Total Hugepages
|
||||
free: Free Hugepages
|
||||
rsvd: Reserved Hugepages
|
||||
surp: Surplus Hugepages
|
||||
disk:
|
||||
add: Add Disk
|
||||
path:
|
||||
@@ -602,16 +580,6 @@ harvester:
|
||||
title: Enable CPU and memory hotplug
|
||||
tooltip: The default maximum CPU and maximum memory are {hotPlugTimes} times based on CPU and memory.
|
||||
restartVMMessage: Restart action is required for the virtual machine configuration change to take effect
|
||||
hotUnplug:
|
||||
actionLabel: Detach
|
||||
detachVolume:
|
||||
title: 'Are you sure that you want to detach volume {name}?'
|
||||
actionLabel: Detach Volume
|
||||
success: 'Volume { name } is detached successfully.'
|
||||
detachNIC:
|
||||
title: 'Are you sure that you want to detach network interface {name}?'
|
||||
actionLabel: Detach Network Interface
|
||||
success: 'The settings have been saved, but the network interface {name} will be detached only after the virtual machine is migrated.'
|
||||
instance:
|
||||
singleInstance:
|
||||
multipleInstance:
|
||||
@@ -643,6 +611,11 @@ harvester:
|
||||
title: 'Select the volume you want to delete:'
|
||||
deleteAll: Delete All
|
||||
tips: "Warn: The snapshots of the virtual machine will be deleted with virtual machine and the snapshots of volume will be deleted with volume."
|
||||
unplug:
|
||||
title: 'Are you sure that you want to detach volume {name} ?'
|
||||
actionLabel: Detach
|
||||
detachVolume:
|
||||
Detach Volume
|
||||
restartTip: |-
|
||||
{restart, select,
|
||||
true {Restart}
|
||||
@@ -863,7 +836,6 @@ harvester:
|
||||
snapshots: Snapshots
|
||||
datasource: Data Source
|
||||
details: Details
|
||||
conditions: Conditions
|
||||
size: Size
|
||||
volumeMode: Volume Mode
|
||||
source: Source
|
||||
@@ -922,8 +894,6 @@ harvester:
|
||||
checksumTip: Validate the image using the SHA512 checksum, if specified.
|
||||
tooltip:
|
||||
imported: Created automatically by the vm-import-controller
|
||||
errors:
|
||||
unsupportedBackend: 'Unsupported backend type: {backend}'
|
||||
|
||||
vmTemplate:
|
||||
label: Templates
|
||||
@@ -1059,7 +1029,7 @@ harvester:
|
||||
progress: Restore in progress
|
||||
complete: Restore completed
|
||||
|
||||
subnet:
|
||||
subnet:
|
||||
cidrBlock:
|
||||
tooltip: The subnet range in CIDR notation. Note that the CIDR blocks of different Subnets' within the same VPC cannot overlap.
|
||||
label: CIDR Block
|
||||
@@ -1074,13 +1044,6 @@ harvester:
|
||||
gateway:
|
||||
label: Gateway IP
|
||||
placeholder: e.g. 172.20.0.1
|
||||
dhcp:
|
||||
label: Dynamic Host Configuration Protocol (DHCP)
|
||||
v4Options: DHCPV4Options
|
||||
v6Options: DHCPV6Options
|
||||
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>
|
||||
tooltip: Enable DHCP server for this subnet. When enabled, VMs can automatically obtain IP addresses from this subnet.
|
||||
private:
|
||||
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.
|
||||
@@ -1091,25 +1054,6 @@ harvester:
|
||||
placeholder: e.g. 172.16.0.0/16
|
||||
excludeIPs:
|
||||
tooltip: The IP address list to reserve from automatic assignment. The gateway IP address is always excluded and will be automatically added to the list.
|
||||
placeholder: single IP or 192.168.0.100..192.168.0.200
|
||||
|
||||
acl:
|
||||
label: Access Control List
|
||||
tooltip: The ACL to apply to this Subnet. Must be one of the ACLs in the same namespace.
|
||||
action:
|
||||
label: Action
|
||||
placeholder: Please select an action
|
||||
direction:
|
||||
label: Direction
|
||||
placeholder: Please select a direction
|
||||
addRule: Add Rule
|
||||
priority:
|
||||
label: Priority
|
||||
placeholder: Please select a priority
|
||||
match:
|
||||
label: Match
|
||||
placeholder: e.g. ip4.dst == 10.10.0.2
|
||||
banner: The supported field in ACL match can refer to <a href="https://kubeovn.github.io/docs/v1.14.x/en/guide/subnet/#subnet-acl" target="_blank">KubeOvn Subnet ACL document</a>
|
||||
|
||||
vpc:
|
||||
noAddonEnabled:
|
||||
@@ -1136,10 +1080,8 @@ harvester:
|
||||
placeholder: e.g. 169.254.0.1/16
|
||||
remoteVpc:
|
||||
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.
|
||||
networkPolicy:
|
||||
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.
|
||||
|
||||
|
||||
network:
|
||||
label: Virtual Machine Networks
|
||||
tabs:
|
||||
@@ -1208,7 +1150,7 @@ harvester:
|
||||
vlan: VLAN ID
|
||||
exclude:
|
||||
label: Exclude IPs
|
||||
placeholder: CIDR format, e.g. 172.16.0.10/32
|
||||
placeholder: e.g. 172.16.0.1
|
||||
invalid: '"Exclude list" is invalid.'
|
||||
addIp: Add Exclude IP
|
||||
warning: 'WARNING: <br/> Any change to storage-network requires shutting down all virtual machines before applying this setting. <br/> Users have to ensure the cluster network is configured and VLAN Configuration will cover all nodes and ensure the network connectivity is working and expected in all nodes.'
|
||||
@@ -1298,21 +1240,6 @@ harvester:
|
||||
ntpServers:
|
||||
isNotIPV4: The address you entered is not IPv4 or host. Please enter a valid IPv4 address or a host address.
|
||||
isDuplicate: There are duplicate NTP server configurations.
|
||||
kubevirtMigration:
|
||||
parseError: "Failed to parse configuration: {error}"
|
||||
parallelMigrationsPerCluster: "Parallel Migrations Per Cluster"
|
||||
parallelOutboundMigrationsPerNode: "Parallel Outbound Migrations Per Node"
|
||||
bandwidthPerMigration: "Bandwidth Per Migration"
|
||||
bandwidthPerMigrationTooltip: '0 is KubeVirt default, representing unlimited bandwidth'
|
||||
completionTimeoutPerGiB: "Completion Timeout Per GiB"
|
||||
progressTimeout: "Progress Timeout"
|
||||
allowAutoConverge: "Allow Auto Converge"
|
||||
allowPostCopy: "Allow Post Copy"
|
||||
unsafeMigrationOverride: "Unsafe Migration Override"
|
||||
allowWorkloadDisruption: "Allow Workload Disruption"
|
||||
disableTLS: "Disable TLS"
|
||||
matchSELinuxLevelOnMigration: "Match SELinux Level On Migration"
|
||||
|
||||
cloudTemplate:
|
||||
label: Cloud Configuration Templates
|
||||
templateType: Template Type
|
||||
@@ -1461,28 +1388,6 @@ harvester:
|
||||
label: Internal Storage Class
|
||||
cannotDeleteTooltip: Internal storage class volumes cannot be deleted
|
||||
cannotDeleteOrDefaultTooltip: Internal storage classes cannot be deleted or set as default
|
||||
cdiSettings:
|
||||
label: CDI Settings
|
||||
volumeModeAccessModes:
|
||||
label: Volume Mode / Access Modes
|
||||
tooltip: Specifies the default volume mode and access modes.
|
||||
add: Add
|
||||
volumeMode: Volume Mode
|
||||
accessModes:
|
||||
label: Access Modes
|
||||
volumeSnapshotClass:
|
||||
label: Volume Snapshot Class
|
||||
tooltip: Sets the Volume Snapshot Class name to be used when taking snapshots of PVCs under this StorageClass.
|
||||
cloneStrategy:
|
||||
label: Clone Strategy
|
||||
tooltip: Defines the clone strategy to use for volumes created with this StorageClass.
|
||||
copy: Copy
|
||||
snapshot: Snapshot
|
||||
csiClone: CSI Clone
|
||||
fileSystemOverhead:
|
||||
label: File System Overhead
|
||||
tooltip: Specifies the percentage of filesystem overhead to consider when calculating PVC size.
|
||||
placeholder: e.g. 0.05 (up to 3 decimal places, between 0 and 1)
|
||||
|
||||
vlanConfig:
|
||||
title: Network Configuration
|
||||
@@ -1528,14 +1433,6 @@ harvester:
|
||||
vlanStatus:
|
||||
vlanConfig:
|
||||
label: Network Configuration
|
||||
l2VlanMode:
|
||||
access: Access
|
||||
trunk: Trunk
|
||||
label: Mode
|
||||
vlanTrunk:
|
||||
minId: Minimum VLAN ID
|
||||
maxId: Maximum VLAN ID
|
||||
add: Add VLAN Trunk
|
||||
|
||||
clusterNetwork:
|
||||
title: Cluster Network Configuration
|
||||
@@ -1563,7 +1460,6 @@ harvester:
|
||||
'harvester-seeder': harvester-seeder is an add-on that uses IPMI and Redfish to discover hardware information and perform out-of-band operations.
|
||||
'harvester-system/harvester-seeder': harvester-seeder is an add-on that uses IPMI and Redfish to discover hardware information and perform out-of-band operations.
|
||||
'harvester-csi-driver-lvm': harvester-csi-driver-lvm is an add-on allowing users to create PVC through the LVM with local devices.
|
||||
'descheduler': 'The virtual machine auto balance optimizes workload scheduling by evicting pods that are not optimally placed according to administrator-defined policies.'
|
||||
vmImport:
|
||||
titles:
|
||||
basic: Basic
|
||||
@@ -1710,26 +1606,6 @@ harvester:
|
||||
middle: here
|
||||
suffix: to enable it to manage your SR-IOV GPU devices.
|
||||
|
||||
migconfiguration:
|
||||
label: vGPU MIG Configurations
|
||||
infoBanner: To configure the MIG configuration, please disable it first and re-enable after editing the configuration.
|
||||
profileSpec: Profile Specs
|
||||
profileStatus: Profile Status
|
||||
tableHeaders:
|
||||
profileName: Profile Name
|
||||
total: Total
|
||||
vGPUID: vGPU ID
|
||||
available: Available
|
||||
requested: Requested
|
||||
requested: Requested
|
||||
available: Available
|
||||
total: Total
|
||||
vGPUID: vGPU ID
|
||||
goSriovGPU:
|
||||
prefix: Please enable the supported GPU devices in
|
||||
middle: SR-IOV GPU Devices
|
||||
suffix: page to manage the vGPU MIG configurations.
|
||||
|
||||
vgpu:
|
||||
label: vGPU Devices
|
||||
noPermission: Please contact system administrator to add Harvester add-ons first.
|
||||
@@ -1822,8 +1698,9 @@ advancedSettings:
|
||||
'harv-server-version': Harvester server version.
|
||||
'harv-upgrade-checker-enabled': Specifies whether to enable Harvester upgrade check or not. Default is True.
|
||||
'harv-upgrade-checker-url': Default Harvester upgrade check url. Only used when the <code>upgrade-checker-enabled</code> is equal to True.
|
||||
'harv-ui-source': Configure how to load the UI source. The `External` option is used to load the UI from a ui-index URL, while the `Bundled` option loads the UI from the local Harvester server.
|
||||
'harv-ui-source': Configure how to load the UI source.
|
||||
'harv-ui-index': 'HTML index location for the UI.'
|
||||
'harv-ui-plugin-index': 'JS index location for the Harvester plugin UI.'
|
||||
'harv-cluster-registration-url': Registration URL for multi-cluster management.
|
||||
'harv-http-proxy': 'HTTP proxy for Harvester to access external services.'
|
||||
'harv-additional-ca': 'Custom CA root certificates for TLS validation.'
|
||||
@@ -1848,7 +1725,6 @@ advancedSettings:
|
||||
'harv-vm-migration-network': 'Segregated network for VM migration traffic.'
|
||||
'harv-rancher-cluster': 'Configure Rancher cluster integration settings for guest cluster management.'
|
||||
'harv-max-hotplug-ratio': 'The ratio for kubevirt to limit the maximum CPU and memory that can be hotplugged to a VM. The value could be an integer between 1 and 20, default to 4.'
|
||||
'harv-kubevirt-migration': 'Configure cluster-wide KubeVirt live migration parameters.'
|
||||
|
||||
typeLabel:
|
||||
kubevirt.io.virtualmachine: |-
|
||||
@@ -1911,11 +1787,6 @@ typeLabel:
|
||||
one { Virtual Private Cloud }
|
||||
other { Virtual Private Clouds }
|
||||
}
|
||||
networking.k8s.io.networkpolicy: |-
|
||||
{count, plural,
|
||||
one { Network Policy }
|
||||
other { Network Policies }
|
||||
}
|
||||
harvesterhci.io.cloudtemplate: |-
|
||||
{count, plural,
|
||||
one { Cloud Configuration Template }
|
||||
@@ -2004,12 +1875,6 @@ typeLabel:
|
||||
other { vGPU Devices }
|
||||
}
|
||||
|
||||
devices.harvesterhci.io.migconfiguration: |-
|
||||
{count, plural,
|
||||
one { vGPU MIG Configuration }
|
||||
other { vGPU MIG Configurations }
|
||||
}
|
||||
|
||||
harvesterhci.io.secret: |-
|
||||
{count, plural,
|
||||
one { Secret }
|
||||
|
||||
@@ -1,177 +0,0 @@
|
||||
<script>
|
||||
import { STATE, NAME } from '@shell/config/table-headers';
|
||||
import { allHash } from '@shell/utils/promise';
|
||||
import Banner from '@components/Banner/Banner.vue';
|
||||
import Loading from '@shell/components/Loading';
|
||||
import ResourceTable from '@shell/components/ResourceTable';
|
||||
import { HCI } from '../types';
|
||||
import { ADD_ONS } from '../config/harvester-map';
|
||||
import MessageLink from '@shell/components/MessageLink';
|
||||
|
||||
export default {
|
||||
name: 'ListMIGConfigurations',
|
||||
|
||||
inheritAttrs: false,
|
||||
|
||||
components: {
|
||||
Banner,
|
||||
Loading,
|
||||
ResourceTable,
|
||||
MessageLink,
|
||||
},
|
||||
|
||||
async fetch() {
|
||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
||||
|
||||
this.schema = this.$store.getters[`${ inStore }/schemaFor`](HCI.MIG_CONFIGURATION);
|
||||
this.hasAddonSchema = this.$store.getters[`${ inStore }/schemaFor`](HCI.ADD_ONS);
|
||||
|
||||
if (this.hasSchema) {
|
||||
try {
|
||||
const hash = await allHash({
|
||||
migconfigs: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.MIG_CONFIGURATION }),
|
||||
vGpuDevices: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.VGPU_DEVICE }),
|
||||
addons: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.ADD_ONS })
|
||||
});
|
||||
|
||||
this.hasPCIAddon = hash.addons.find((addon) => addon.name === ADD_ONS.PCI_DEVICE_CONTROLLER)?.spec?.enabled === true;
|
||||
this.hasSriovgpuAddon = hash.addons.find((addon) => addon.name === ADD_ONS.NVIDIA_DRIVER_TOOLKIT_CONTROLLER)?.spec?.enabled === true;
|
||||
this.hasSRIOVGPUSchema = !!this.$store.getters[`${ inStore }/schemaFor`](HCI.SR_IOVGPU_DEVICE);
|
||||
|
||||
if (this.hasSRIOVGPUSchema) {
|
||||
await this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.SR_IOVGPU_DEVICE });
|
||||
}
|
||||
this.rows = hash.migconfigs;
|
||||
} catch (e) {}
|
||||
}
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
rows: [],
|
||||
schema: null,
|
||||
hasAddonSchema: false,
|
||||
hasPCIAddon: false,
|
||||
hasSriovgpuAddon: false,
|
||||
hasSRIOVGPUSchema: false,
|
||||
toVGpuAddon: `${ HCI.ADD_ONS }/harvester-system/${ ADD_ONS.NVIDIA_DRIVER_TOOLKIT_CONTROLLER }?mode=edit`,
|
||||
toPciAddon: `${ HCI.ADD_ONS }/harvester-system/${ ADD_ONS.PCI_DEVICE_CONTROLLER }?mode=edit`,
|
||||
SRIOVGPUPage: `${ HCI.ADD_ONS }/harvester-system/${ ADD_ONS.NVIDIA_DRIVER_TOOLKIT_CONTROLLER }?mode=edit`,
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
hasSchema() {
|
||||
return !!this.schema;
|
||||
},
|
||||
|
||||
rowsData() {
|
||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
||||
const rows = this.$store.getters[`${ inStore }/all`](HCI.MIG_CONFIGURATION) || [];
|
||||
|
||||
return rows;
|
||||
},
|
||||
|
||||
sriovGPUPage() {
|
||||
return {
|
||||
name: 'harvester-c-cluster-resource',
|
||||
params: { cluster: this.$store.getters['clusterId'], resource: HCI.SR_IOVGPU_DEVICE },
|
||||
};
|
||||
},
|
||||
|
||||
showEnableSRIOVGPUMessage() {
|
||||
return this.rowsData.length === 0;
|
||||
},
|
||||
|
||||
headers() {
|
||||
const cols = [
|
||||
STATE,
|
||||
NAME,
|
||||
{
|
||||
name: 'address',
|
||||
label: 'Address',
|
||||
value: 'spec.gpuAddress',
|
||||
sort: ['spec.gpuAddress']
|
||||
},
|
||||
{
|
||||
name: 'Configured Profile',
|
||||
label: 'Configured Count',
|
||||
labelKey: 'harvester.tableHeaders.configuredProfiles',
|
||||
value: 'configuredProfiles',
|
||||
sort: ['configuredProfiles'],
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
name: 'status',
|
||||
label: 'Status',
|
||||
labelKey: 'tableHeaders.status',
|
||||
sort: ['status.status'],
|
||||
value: 'status.status',
|
||||
},
|
||||
];
|
||||
|
||||
return cols;
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Loading v-if="$fetchState.pending" />
|
||||
<div v-else-if="!hasAddonSchema">
|
||||
<Banner color="warning">
|
||||
{{ t('harvester.vgpu.noPermission') }}
|
||||
</Banner>
|
||||
</div>
|
||||
<div v-else-if="!hasSriovgpuAddon || !hasPCIAddon">
|
||||
<Banner
|
||||
v-if="!hasSriovgpuAddon"
|
||||
color="warning"
|
||||
>
|
||||
<MessageLink
|
||||
:to="toVGpuAddon"
|
||||
prefix-label="harvester.vgpu.goSetting.prefix"
|
||||
middle-label="harvester.vgpu.goSetting.middle"
|
||||
suffix-label="harvester.vgpu.goSetting.suffix"
|
||||
/>
|
||||
</Banner>
|
||||
<Banner
|
||||
v-if="!hasPCIAddon"
|
||||
color="warning"
|
||||
>
|
||||
<MessageLink
|
||||
:to="toPciAddon"
|
||||
prefix-label="harvester.pci.goSetting.prefix"
|
||||
middle-label="harvester.pci.goSetting.middle"
|
||||
suffix-label="harvester.pci.goSetting.suffix"
|
||||
/>
|
||||
</Banner>
|
||||
</div>
|
||||
<div v-else-if="hasSchema">
|
||||
<Banner
|
||||
v-if="showEnableSRIOVGPUMessage"
|
||||
color="warning"
|
||||
>
|
||||
<MessageLink
|
||||
:to="sriovGPUPage"
|
||||
prefix-label="harvester.migconfiguration.goSriovGPU.prefix"
|
||||
middle-label="harvester.migconfiguration.goSriovGPU.middle"
|
||||
suffix-label="harvester.migconfiguration.goSriovGPU.suffix"
|
||||
/>
|
||||
</Banner>
|
||||
<Banner
|
||||
v-if="!showEnableSRIOVGPUMessage"
|
||||
color="warning"
|
||||
:label="t('harvester.migconfiguration.infoBanner')"
|
||||
/>
|
||||
<ResourceTable
|
||||
v-bind="$attrs"
|
||||
:groupable="false"
|
||||
:namespaced="false"
|
||||
:headers="headers"
|
||||
:schema="schema"
|
||||
:rows="rowsData"
|
||||
key-field="_key"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
@@ -4,7 +4,7 @@ import Loading from '@shell/components/Loading';
|
||||
import MessageLink from '@shell/components/MessageLink';
|
||||
import Masthead from '@shell/components/ResourceList/Masthead';
|
||||
import ResourceTable from '@shell/components/ResourceTable';
|
||||
import { isBackupTargetSettingEmpty } from '../utils/setting';
|
||||
|
||||
import { STATE, AGE, NAME, NAMESPACE } from '@shell/config/table-headers';
|
||||
import FilterVMSchedule from '../components/FilterVMSchedule';
|
||||
import { HCI } from '../types';
|
||||
@@ -39,7 +39,7 @@ export default {
|
||||
this.settings = hash.settings;
|
||||
if (this.$store.getters[`${ inStore }/schemaFor`](HCI.SETTING)) {
|
||||
const backupTargetResource = hash.settings.find( (O) => O.id === 'backup-target');
|
||||
const isEmpty = isBackupTargetSettingEmpty(backupTargetResource);
|
||||
const isEmpty = this.getBackupTargetValueIsEmpty(backupTargetResource);
|
||||
|
||||
if (backupTargetResource && !isEmpty) {
|
||||
this.testConnect();
|
||||
@@ -78,6 +78,20 @@ export default {
|
||||
}
|
||||
},
|
||||
|
||||
getBackupTargetValueIsEmpty(resource) {
|
||||
let out = true;
|
||||
|
||||
if (resource?.value) {
|
||||
try {
|
||||
const valueJson = JSON.parse(resource?.value);
|
||||
|
||||
out = !valueJson.type;
|
||||
} catch (e) {}
|
||||
}
|
||||
|
||||
return out;
|
||||
},
|
||||
|
||||
getRow(row) {
|
||||
return row.status && row.status.source;
|
||||
},
|
||||
@@ -169,9 +183,11 @@ export default {
|
||||
backupTargetResource() {
|
||||
return this.settings.find((O) => O.id === 'backup-target');
|
||||
},
|
||||
|
||||
isEmptyValue() {
|
||||
return isBackupTargetSettingEmpty(this.backupTargetResource);
|
||||
return this.getBackupTargetValueIsEmpty(this.backupTargetResource);
|
||||
},
|
||||
|
||||
canUpdate() {
|
||||
return this?.backupTargetResource?.canUpdate;
|
||||
},
|
||||
|
||||
@@ -74,7 +74,7 @@ export default {
|
||||
async fetch() {
|
||||
const inStore = this.$store.getters['currentProduct'].inStore;
|
||||
const _hash = {
|
||||
vms: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.VM, opt: { force: true } }),
|
||||
vms: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.VM }),
|
||||
pod: this.$store.dispatch(`${ inStore }/findAll`, { type: POD }),
|
||||
pvcs: this.$store.dispatch(`${ inStore }/findAll`, { type: PVC }),
|
||||
pvs: this.$store.dispatch(`${ inStore }/findAll`, { type: PV }),
|
||||
|
||||
@@ -142,7 +142,6 @@ export default {
|
||||
showYaml: false,
|
||||
spec: null,
|
||||
osType: 'linux',
|
||||
useTemplate: false,
|
||||
sshKey: [],
|
||||
maintenanceStrategies,
|
||||
maintenanceStrategy: 'Migrate',
|
||||
@@ -274,7 +273,7 @@ export default {
|
||||
|
||||
needNewSecret() {
|
||||
// When creating a template it is always necessary to create a new secret.
|
||||
return this.isCreate || this.showYaml ? false : this.resourceType === HCI.VM_VERSION;
|
||||
return this.showYaml ? false : this.resourceType === HCI.VM_VERSION || this.isCreate;
|
||||
},
|
||||
|
||||
defaultTerminationSetting() {
|
||||
@@ -300,11 +299,9 @@ export default {
|
||||
async created() {
|
||||
await this.$store.dispatch(`${ this.inStore }/findAll`, { type: SECRET });
|
||||
|
||||
if (!this.value.vmMachineTypeAutoFeatureEnabled) {
|
||||
if (this.value.vmMachineTypesFeatureEnabled) {
|
||||
try {
|
||||
const url = this.$store.getters['harvester-common/getHarvesterClusterUrl'](
|
||||
'v1/harvester/clusters/local?link=machineTypes'
|
||||
);
|
||||
const url = this.$store.getters['harvester-common/getHarvesterClusterUrl']('v1/harvester/clusters/local?link=machineTypes');
|
||||
const machineTypes = await this.$store.dispatch('harvester/request', { url });
|
||||
|
||||
this.machineTypes = machineTypes;
|
||||
@@ -694,22 +691,31 @@ export default {
|
||||
this.spec.template.spec.domain.cpu.cores = this.cpu;
|
||||
this.spec.template.spec.domain.resources.limits.cpu = this.cpu?.toString();
|
||||
this.spec.template.spec.domain.resources.limits.memory = this.memory;
|
||||
// clean below fields as we don't need them if not enable CPU and memory hotplug
|
||||
if (this.spec?.template?.spec?.domain?.memory?.maxGuest) {
|
||||
delete this.spec.template.spec.domain.memory.maxGuest;
|
||||
}
|
||||
// clean
|
||||
delete this.spec.template.spec.resources;
|
||||
delete this.spec.template.spec.domain.memory;
|
||||
delete this.spec.template.spec.domain.cpu.maxSockets;
|
||||
}
|
||||
},
|
||||
|
||||
parseDiskRows(disk) {
|
||||
const disks = [];
|
||||
const volumes = [];
|
||||
const diskNameLabels = [];
|
||||
const diskNameLables = [];
|
||||
const volumeClaimTemplates = [];
|
||||
|
||||
disk.forEach( (R, index) => {
|
||||
const prefixName = this.value.metadata?.name || '';
|
||||
const dataVolumeName = this.parseDataVolumeName(R, prefixName);
|
||||
|
||||
let dataVolumeName = '';
|
||||
|
||||
if (R.source === SOURCE_TYPE.ATTACH_VOLUME) {
|
||||
dataVolumeName = R.volumeName;
|
||||
} else if (this.isClone || !this.hasCreateVolumes.includes(R.realName)) {
|
||||
dataVolumeName = `${ prefixName }-${ R.name }-${ randomStr(5).toLowerCase() }`;
|
||||
} else {
|
||||
dataVolumeName = R.realName;
|
||||
}
|
||||
|
||||
const _disk = this.parseDisk(R, index);
|
||||
const _volume = this.parseVolume(R, dataVolumeName);
|
||||
@@ -717,7 +723,7 @@ export default {
|
||||
|
||||
disks.push(_disk);
|
||||
volumes.push(_volume);
|
||||
diskNameLabels.push(dataVolumeName);
|
||||
diskNameLables.push(dataVolumeName);
|
||||
|
||||
if (R.source !== SOURCE_TYPE.CONTAINER) {
|
||||
volumeClaimTemplates.push(_dataVolumeTemplate);
|
||||
@@ -758,9 +764,6 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
const specDisks = this.spec?.template?.spec?.domain?.devices?.disks;
|
||||
const mergedDisks = this.mergeDeviceList(specDisks, disks);
|
||||
|
||||
let spec = {
|
||||
...this.spec,
|
||||
runStrategy: this.runStrategy,
|
||||
@@ -783,7 +786,7 @@ export default {
|
||||
...this.spec.template?.spec?.domain,
|
||||
devices: {
|
||||
...this.spec.template?.spec?.domain?.devices,
|
||||
disks: mergedDisks,
|
||||
disks,
|
||||
},
|
||||
},
|
||||
volumes,
|
||||
@@ -882,16 +885,13 @@ export default {
|
||||
interfaces.push(_interface);
|
||||
});
|
||||
|
||||
const specInterfaces = this.spec?.template?.spec?.domain?.devices?.interfaces;
|
||||
const mergedInterfaces = this.mergeInterfaceList(specInterfaces, interfaces);
|
||||
|
||||
const spec = {
|
||||
...this.spec.template.spec,
|
||||
domain: {
|
||||
...this.spec.template.spec.domain,
|
||||
devices: {
|
||||
...this.spec.template.spec.domain.devices,
|
||||
interfaces: mergedInterfaces,
|
||||
interfaces,
|
||||
},
|
||||
},
|
||||
networks
|
||||
@@ -1004,20 +1004,6 @@ export default {
|
||||
this['cpuMemoryHotplugEnabled'] = cpuMemoryHotplugEnabled;
|
||||
},
|
||||
|
||||
parseDataVolumeName(R, prefixName) {
|
||||
let dataVolumeName = '';
|
||||
|
||||
if (R.source === SOURCE_TYPE.ATTACH_VOLUME) {
|
||||
dataVolumeName = R.volumeName;
|
||||
} else if (this.isClone || !this.hasCreateVolumes.includes(R.realName)) {
|
||||
dataVolumeName = `${ prefixName }-${ R.name }-${ randomStr(5).toLowerCase() }`;
|
||||
} else {
|
||||
dataVolumeName = R.realName;
|
||||
}
|
||||
|
||||
return dataVolumeName;
|
||||
},
|
||||
|
||||
parseDisk(R, index) {
|
||||
const out = { name: R.name };
|
||||
|
||||
@@ -1048,9 +1034,7 @@ export default {
|
||||
},
|
||||
|
||||
parseVolumeClaimTemplate(R, dataVolumeName) {
|
||||
const sizeString = String(R.size);
|
||||
|
||||
if (!(sizeString.includes('Gi') || sizeString.includes('Ti')) && R.size) {
|
||||
if (!String(R.size).includes('Gi') && R.size) {
|
||||
R.size = `${ R.size }${ GIBIBYTE }`;
|
||||
}
|
||||
|
||||
@@ -1374,6 +1358,21 @@ export default {
|
||||
}
|
||||
},
|
||||
|
||||
getCPUMemoryValidation() {
|
||||
const errors = [];
|
||||
const { cpu, memory } = this;
|
||||
|
||||
if ((!cpu)) {
|
||||
errors.push(this.t('validation.required', { key: this.t('harvester.virtualMachine.input.cpu') }, true));
|
||||
}
|
||||
|
||||
if ((!memory)) {
|
||||
errors.push(this.t('validation.required', { key: this.t('harvester.virtualMachine.input.memory') }, true));
|
||||
}
|
||||
|
||||
return errors;
|
||||
},
|
||||
|
||||
getAccessCredentialsValidation() {
|
||||
const errors = [];
|
||||
|
||||
@@ -1541,49 +1540,6 @@ export default {
|
||||
this.refreshYamlEditor();
|
||||
},
|
||||
|
||||
mergeInterfaceList(specInterfaceList, interfaceList) {
|
||||
if (!specInterfaceList || specInterfaceList.length === 0) {
|
||||
return interfaceList;
|
||||
}
|
||||
const specInterfaceMap = new Map(specInterfaceList.map((iface) => [iface.name, iface]));
|
||||
|
||||
return interfaceList.map((iface) => {
|
||||
const specInterface = specInterfaceMap.get(iface.name);
|
||||
|
||||
if (specInterface) {
|
||||
const merged = { ...specInterface, ...iface };
|
||||
|
||||
// currently we only have bridge and masquerade network type, they are mutually exclusive
|
||||
if (iface['bridge']) {
|
||||
delete merged['masquerade'];
|
||||
} else {
|
||||
delete merged['bridge'];
|
||||
}
|
||||
|
||||
return merged;
|
||||
}
|
||||
|
||||
return iface;
|
||||
});
|
||||
},
|
||||
|
||||
mergeDeviceList(specDeviceList, deviceList) {
|
||||
if (!specDeviceList || specDeviceList.length === 0) {
|
||||
return deviceList;
|
||||
}
|
||||
const specDeviceMap = new Map(specDeviceList.map((device) => [device.name, device]));
|
||||
|
||||
return deviceList.map((device) => {
|
||||
const specDevice = specDeviceMap.get(device.name);
|
||||
|
||||
if (specDevice) {
|
||||
return { ...specDevice, ...device };
|
||||
}
|
||||
|
||||
return device;
|
||||
});
|
||||
},
|
||||
|
||||
refreshYamlEditor() {
|
||||
this.$nextTick(() => {
|
||||
this.$refs.yamlEditor?.updateValue();
|
||||
@@ -1643,8 +1599,7 @@ export default {
|
||||
|
||||
secretRef: {
|
||||
handler(secret) {
|
||||
// we should not inherit the secret if it's from VM template.
|
||||
if (secret && this.resourceType !== HCI.BACKUP && !this.useTemplate) {
|
||||
if (secret && this.resourceType !== HCI.BACKUP) {
|
||||
this.secretName = secret?.metadata.name;
|
||||
}
|
||||
},
|
||||
|
||||
@@ -1,116 +0,0 @@
|
||||
import { escapeHtml } from '@shell/utils/string';
|
||||
import { colorForState } from '@shell/plugins/dashboard-store/resource-class';
|
||||
import HarvesterResource from './harvester';
|
||||
|
||||
/**
|
||||
* Class representing vGPU MIGConfiguration resource.
|
||||
* @extends HarvesterResource
|
||||
*/
|
||||
export default class MIGCONFIGURATION extends HarvesterResource {
|
||||
get _availableActions() {
|
||||
let out = super._availableActions;
|
||||
|
||||
out = out.map((action) => {
|
||||
if (action.action === 'showConfiguration') {
|
||||
return { ...action, enabled: !this.spec.enabled };
|
||||
} else if (action.action === 'goToEditYaml') {
|
||||
return { ...action, enabled: !this.spec.enabled };
|
||||
} else if (action.action === 'goToEdit') {
|
||||
// need to wait for status to be disabled or empty value, then allow user to editConfig
|
||||
return { ...action, enabled: !this.spec.enabled && ['disabled', ''].includes(this.configStatus) };
|
||||
} else {
|
||||
return action;
|
||||
}
|
||||
});
|
||||
|
||||
out.push(
|
||||
{
|
||||
action: 'enableConfig',
|
||||
enabled: !this.isEnabled,
|
||||
icon: 'icon icon-fw icon-dot',
|
||||
label: 'Enable',
|
||||
},
|
||||
{
|
||||
action: 'disableConfig',
|
||||
enabled: this.isEnabled,
|
||||
icon: 'icon icon-fw icon-dot-open',
|
||||
label: 'Disable',
|
||||
},
|
||||
);
|
||||
|
||||
return out;
|
||||
}
|
||||
|
||||
get canYaml() {
|
||||
return false;
|
||||
}
|
||||
|
||||
get disableResourceDetailDrawer() {
|
||||
return true;
|
||||
}
|
||||
|
||||
get canDelete() {
|
||||
return false;
|
||||
}
|
||||
|
||||
get configStatus() {
|
||||
return this.status.status;
|
||||
}
|
||||
|
||||
get actualState() {
|
||||
return this.isEnabled ? 'Enabled' : 'Disabled';
|
||||
}
|
||||
|
||||
get stateDisplay() {
|
||||
return this.actualState;
|
||||
}
|
||||
|
||||
get stateColor() {
|
||||
const state = this.actualState;
|
||||
|
||||
return colorForState(state);
|
||||
}
|
||||
|
||||
get isEnabled() {
|
||||
return this.spec.enabled;
|
||||
}
|
||||
|
||||
get configuredProfiles() {
|
||||
const configuredProfiles = this.spec?.profileSpec?.filter((p) => p.requested > 0) || [];
|
||||
|
||||
if (configuredProfiles.length === 0) {
|
||||
return '';
|
||||
}
|
||||
|
||||
return configuredProfiles
|
||||
.map((profile) => `${ profile.name } * ${ profile.requested }`)
|
||||
.join(', ');
|
||||
}
|
||||
|
||||
async enableConfig() {
|
||||
try {
|
||||
this.spec.enabled = true;
|
||||
await this.save();
|
||||
} catch (err) {
|
||||
this.$dispatch('growl/fromError', {
|
||||
title: this.t('generic.notification.title.error', { name: escapeHtml(this.name) }),
|
||||
err,
|
||||
}, { root: true });
|
||||
}
|
||||
}
|
||||
|
||||
async disableConfig() {
|
||||
const { enabled: currentEnabled } = this.spec;
|
||||
|
||||
try {
|
||||
this.spec.enabled = false;
|
||||
await this.save();
|
||||
} catch (err) {
|
||||
this.spec.enabled = currentEnabled;
|
||||
this.$dispatch('growl/fromError', {
|
||||
title: this.t('generic.notification.title.error', { name: escapeHtml(this.name) }),
|
||||
err,
|
||||
}, { root: true });
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,19 +1,17 @@
|
||||
import SteveModel from '@shell/plugins/steve/steve-class';
|
||||
import { VIEW_IN_API, DEV } from '@shell/store/prefs';
|
||||
import { PRODUCT_NAME as HARVESTER_PRODUCT } from '../config/harvester';
|
||||
import { HARVESTER_CRD_MAP } from '../config/harvester-map';
|
||||
|
||||
export default class HarvesterResource extends SteveModel {
|
||||
get listLocation() {
|
||||
const name = this.harvesterResourcesInExplorer ? 'c-cluster-product-resource' : `${ HARVESTER_PRODUCT }-c-cluster-resource`;
|
||||
const resource = HARVESTER_CRD_MAP[this.type] || this.type;
|
||||
|
||||
return this.$rootGetters['type-map/optionsFor'](this.type).customRoute || {
|
||||
name,
|
||||
params: {
|
||||
product: this.$rootGetters['productId'],
|
||||
cluster: this.$rootGetters['clusterId'],
|
||||
resource
|
||||
resource: this.type,
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
// This file is Cloud Configuration Templates page model
|
||||
import { clone } from '@shell/utils/object';
|
||||
import { HCI } from '../../types';
|
||||
import HarvesterResource from '../harvester';
|
||||
|
||||
@@ -12,7 +12,7 @@ export default class HarvesterNetworkAttachmentDef extends NetworkAttachmentDef
|
||||
params: {
|
||||
product: HARVESTER_PRODUCT,
|
||||
cluster: this.$rootGetters['clusterId'],
|
||||
resource: HCI.NETWORK_ATTACHMENT,
|
||||
resource: this.type,
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
@@ -9,19 +9,6 @@ export default class HciClusterflow extends HarvesterFlow {
|
||||
return this.$rootGetters['harvester/all'](LOGGING.CLUSTER_OUTPUT) || [];
|
||||
}
|
||||
|
||||
get listLocation() {
|
||||
const listLocation = clone(super.listLocation);
|
||||
|
||||
listLocation.name = this.harvesterResourcesInExplorer ? 'c-cluster-product-resource' : `${ HARVESTER_PRODUCT }-c-cluster-resource`;
|
||||
listLocation.params.resource = HCI.CLUSTER_FLOW;
|
||||
|
||||
return listLocation;
|
||||
}
|
||||
|
||||
get harvesterResourcesInExplorer() {
|
||||
return this.$rootGetters['productId'] !== HARVESTER_PRODUCT;
|
||||
}
|
||||
|
||||
get _detailLocation() {
|
||||
const schema = this.$getters['schemaFor'](this.type);
|
||||
|
||||
|
||||
@@ -21,19 +21,6 @@ export default class HciClusteroutput extends LogOutput {
|
||||
};
|
||||
}
|
||||
|
||||
get listLocation() {
|
||||
const listLocation = clone(super.listLocation);
|
||||
|
||||
listLocation.name = this.harvesterResourcesInExplorer ? 'c-cluster-product-resource' : `${ HARVESTER_PRODUCT }-c-cluster-resource`;
|
||||
listLocation.params.resource = HCI.CLUSTER_OUTPUT;
|
||||
|
||||
return listLocation;
|
||||
}
|
||||
|
||||
get harvesterResourcesInExplorer() {
|
||||
return this.$rootGetters['productId'] !== HARVESTER_PRODUCT;
|
||||
}
|
||||
|
||||
get detailLocation() {
|
||||
const detailLocation = clone(this._detailLocation);
|
||||
|
||||
|
||||
@@ -14,19 +14,6 @@ export default class HarvesterLogFlow extends Flow {
|
||||
return this.$rootGetters['harvester/all'](LOGGING.CLUSTER_OUTPUT) || [];
|
||||
}
|
||||
|
||||
get listLocation() {
|
||||
const listLocation = clone(super.listLocation);
|
||||
|
||||
listLocation.name = this.harvesterResourcesInExplorer ? 'c-cluster-product-resource' : `${ HARVESTER_PRODUCT }-c-cluster-resource`;
|
||||
listLocation.params.resource = HCI.FLOW;
|
||||
|
||||
return listLocation;
|
||||
}
|
||||
|
||||
get harvesterResourcesInExplorer() {
|
||||
return this.$rootGetters['productId'] !== HARVESTER_PRODUCT;
|
||||
}
|
||||
|
||||
get _detailLocation() {
|
||||
const schema = this.$getters['schemaFor'](this.type);
|
||||
|
||||
|
||||
@@ -22,19 +22,6 @@ export default class HarvesterLogOutput extends LogOutput {
|
||||
};
|
||||
}
|
||||
|
||||
get listLocation() {
|
||||
const listLocation = clone(super.listLocation);
|
||||
|
||||
listLocation.name = this.harvesterResourcesInExplorer ? 'c-cluster-product-resource' : `${ HARVESTER_PRODUCT }-c-cluster-resource`;
|
||||
listLocation.params.resource = HCI.OUTPUT;
|
||||
|
||||
return listLocation;
|
||||
}
|
||||
|
||||
get harvesterResourcesInExplorer() {
|
||||
return this.$rootGetters['productId'] !== HARVESTER_PRODUCT;
|
||||
}
|
||||
|
||||
get detailLocation() {
|
||||
const detailLocation = clone(this._detailLocation);
|
||||
|
||||
|
||||
@@ -19,19 +19,6 @@ export default class HciAlertmanagerConfig extends SteveModel {
|
||||
};
|
||||
}
|
||||
|
||||
get listLocation() {
|
||||
const listLocation = clone(super.listLocation);
|
||||
|
||||
listLocation.name = this.harvesterResourcesInExplorer ? 'c-cluster-product-resource' : `${ HARVESTER_PRODUCT }-c-cluster-resource`;
|
||||
listLocation.params.resource = HCI.ALERTMANAGERCONFIG;
|
||||
|
||||
return listLocation;
|
||||
}
|
||||
|
||||
get harvesterResourcesInExplorer() {
|
||||
return this.$rootGetters['productId'] !== HARVESTER_PRODUCT;
|
||||
}
|
||||
|
||||
get doneOverride() {
|
||||
const detailLocation = clone(this._detailLocation);
|
||||
|
||||
|
||||
@@ -354,7 +354,7 @@ export default class HciNode extends HarvesterResource {
|
||||
}
|
||||
|
||||
get isCordoned() {
|
||||
return this.hasAction('uncordon');
|
||||
return (this.isUnSchedulable && !this.isEtcd) || this.hasAction('uncordon');
|
||||
}
|
||||
|
||||
get isEtcd() {
|
||||
|
||||
@@ -35,10 +35,15 @@ export default class HciPv extends HarvesterResource {
|
||||
get availableActions() {
|
||||
let out = super._availableActions;
|
||||
|
||||
const clone = out.find((action) => action.action === 'goToClone');
|
||||
// Longhorn V2 provisioner do not support volume clone feature yet
|
||||
if (this.isLonghornV2) {
|
||||
out = out.filter((action) => action.action !== 'goToClone');
|
||||
} else {
|
||||
const clone = out.find((action) => action.action === 'goToClone');
|
||||
|
||||
if (clone) {
|
||||
clone.action = 'goToCloneVolume';
|
||||
if (clone) {
|
||||
clone.action = 'goToCloneVolume';
|
||||
}
|
||||
}
|
||||
|
||||
const exportImageAction = {
|
||||
@@ -60,6 +65,10 @@ export default class HciPv extends HarvesterResource {
|
||||
takeSnapshotAction,
|
||||
...out
|
||||
];
|
||||
// TODO: remove this block if Longhorn V2 engine supports restore volume snapshot
|
||||
if (this.isLonghornV2) {
|
||||
out = out.filter((action) => action.action !== takeSnapshotAction.action);
|
||||
}
|
||||
} else { // v1.4 / v1.3
|
||||
if (!this.isLonghorn || !this.isLonghornV2) {
|
||||
out = [
|
||||
|
||||
@@ -5,25 +5,6 @@ import Secret from '@shell/models/secret';
|
||||
import { NAMESPACE } from '@shell/config/types';
|
||||
|
||||
export default class HciSecret extends Secret {
|
||||
// prevent harvester secret detail page be overridden.
|
||||
// See isFullPageOverride in https://github.com/rancher/dashboard/blob/master/shell/components/ResourceDetail/index.vue
|
||||
get fullDetailPageOverride() {
|
||||
return false;
|
||||
}
|
||||
|
||||
get listLocation() {
|
||||
const listLocation = clone(super.listLocation);
|
||||
|
||||
listLocation.name = this.harvesterResourcesInExplorer ? 'c-cluster-product-resource' : `${ HARVESTER_PRODUCT }-c-cluster-resource`;
|
||||
listLocation.params.resource = HCI.SECRET;
|
||||
|
||||
return listLocation;
|
||||
}
|
||||
|
||||
get harvesterResourcesInExplorer() {
|
||||
return this.$rootGetters['productId'] !== HARVESTER_PRODUCT;
|
||||
}
|
||||
|
||||
get _detailLocation() {
|
||||
const schema = this.$getters['schemaFor'](this.type);
|
||||
|
||||
|
||||
@@ -9,19 +9,6 @@ import { isInternalStorageClass } from '../../utils/storage-class';
|
||||
export const LVM_DRIVER = 'lvm.driver.harvesterhci.io';
|
||||
|
||||
export default class HciStorageClass extends StorageClass {
|
||||
get listLocation() {
|
||||
const listLocation = clone(super.listLocation);
|
||||
|
||||
listLocation.name = this.harvesterResourcesInExplorer ? 'c-cluster-product-resource' : `${ HARVESTER_PRODUCT }-c-cluster-resource`;
|
||||
listLocation.params.resource = HCI.STORAGE;
|
||||
|
||||
return listLocation;
|
||||
}
|
||||
|
||||
get harvesterResourcesInExplorer() {
|
||||
return this.$rootGetters['productId'] !== HARVESTER_PRODUCT;
|
||||
}
|
||||
|
||||
get detailLocation() {
|
||||
const detailLocation = clone(this._detailLocation);
|
||||
|
||||
@@ -107,14 +94,13 @@ export default class HciStorageClass extends StorageClass {
|
||||
get availableActions() {
|
||||
let out = super.availableActions || [];
|
||||
|
||||
if (this.isInternalStorageClass()) {
|
||||
out = out.filter((action) => {
|
||||
return !['setDefault', 'setAsDefault', 'promptRemove'].includes(action.action);
|
||||
});
|
||||
}
|
||||
if (out[0] && out[0].divider === true) {
|
||||
out = out.slice(1);
|
||||
}
|
||||
out = out.map((action) => {
|
||||
if ((action.action === 'setDefault' || action.action === 'setAsDefault' || action.action === 'promptRemove') && this.isInternalStorageClass()) {
|
||||
return { ...action, enabled: false };
|
||||
}
|
||||
|
||||
return action;
|
||||
});
|
||||
|
||||
return out;
|
||||
}
|
||||
|
||||
@@ -113,9 +113,8 @@ export default class HciAddonConfig extends HarvesterResource {
|
||||
|
||||
get displayName() {
|
||||
const isExperimental = this.metadata?.labels?.[HCI_ANNOTATIONS.ADDON_EXPERIMENTAL] === 'true';
|
||||
const name = this.metadata?.labels?.[HCI_ANNOTATIONS.ADDON_DISPLAYNAME] || this.metadata.name;
|
||||
|
||||
return isExperimental ? `${ name } (${ this.t('generic.experimental') })` : name;
|
||||
return isExperimental ? `${ this.metadata.name } (${ this.t('generic.experimental') })` : this.metadata.name;
|
||||
}
|
||||
|
||||
get customValidationRules() {
|
||||
|
||||
@@ -156,8 +156,4 @@ export default class HciSetting extends HarvesterResource {
|
||||
|
||||
return out;
|
||||
}
|
||||
|
||||
get disableResourceDetailDrawer() {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -25,10 +25,6 @@ export default class HciVmBackup extends HarvesterResource {
|
||||
return detailLocation;
|
||||
}
|
||||
|
||||
get disableResourceDetailDrawerConfigTab() {
|
||||
return true;
|
||||
}
|
||||
|
||||
get doneOverride() {
|
||||
const route = this.currentRoute();
|
||||
const detailLocation = clone(this._detailLocation);
|
||||
|
||||
@@ -318,21 +318,8 @@ export default class HciVmImage extends HarvesterResource {
|
||||
get uploadImage() {
|
||||
return async(file, opt = {}) => {
|
||||
const formData = new FormData();
|
||||
const backend = this.spec?.backend || 'backingimage';
|
||||
const backendFieldMap = {
|
||||
cdi: 'file',
|
||||
backingimage: 'chunk'
|
||||
};
|
||||
const fieldName = backendFieldMap[backend];
|
||||
|
||||
if (!fieldName) {
|
||||
const error = this.t('harvester.image.errors.unsupportedBackend', { backend });
|
||||
|
||||
this.$ctx.commit('harvester-common/uploadError', { name: this.name, message: error }, { root: true });
|
||||
throw new Error(error);
|
||||
}
|
||||
|
||||
formData.append(fieldName, file);
|
||||
formData.append('chunk', file);
|
||||
|
||||
try {
|
||||
this.$ctx.commit('harvester-common/uploadStart', this.metadata.name, { root: true });
|
||||
|
||||
@@ -2,7 +2,7 @@ import SteveModel from '@shell/plugins/steve/steve-class';
|
||||
import { HCI } from '@shell/config/labels-annotations';
|
||||
import { NETWORK_TYPE } from '../config/types';
|
||||
|
||||
const { UNTAGGED, OVERLAY, L2TRUNK_VLAN } = NETWORK_TYPE;
|
||||
const { UNTAGGED } = NETWORK_TYPE;
|
||||
|
||||
export default class NetworkAttachmentDef extends SteveModel {
|
||||
applyDefaults() {
|
||||
@@ -29,16 +29,6 @@ export default class NetworkAttachmentDef extends SteveModel {
|
||||
}
|
||||
}
|
||||
|
||||
get isSystem() {
|
||||
const systemNamespaces = this.$rootGetters['systemNamespaces'];
|
||||
|
||||
if (systemNamespaces.includes(this.metadata?.namespace)) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
get isIpamStatic() {
|
||||
return this.parseConfig.ipam?.type === 'static';
|
||||
}
|
||||
@@ -55,7 +45,7 @@ export default class NetworkAttachmentDef extends SteveModel {
|
||||
}
|
||||
|
||||
get vlanId() {
|
||||
return this.vlanType === UNTAGGED || this.vlanType === OVERLAY || this.vlanType === L2TRUNK_VLAN ? 'N/A' : this.parseConfig.vlan;
|
||||
return this.vlanType === UNTAGGED ? 'N/A' : this.parseConfig.vlan;
|
||||
}
|
||||
|
||||
get customValidationRules() {
|
||||
@@ -78,7 +68,7 @@ export default class NetworkAttachmentDef extends SteveModel {
|
||||
const route = annotations[HCI.NETWORK_ROUTE];
|
||||
let config = {};
|
||||
|
||||
if (this.vlanType === UNTAGGED || this.vlanType === OVERLAY || this.vlanType === L2TRUNK_VLAN) {
|
||||
if (this.vlanType === UNTAGGED) {
|
||||
return 'N/A';
|
||||
}
|
||||
|
||||
|
||||
@@ -14,7 +14,6 @@ import { BACKUP_TYPE } from '../config/types';
|
||||
import { HCI } from '../types';
|
||||
import HarvesterResource from './harvester';
|
||||
import { getVmCPUMemoryValues } from '../utils/cpuMemory';
|
||||
import { isBackupTargetSettingUnavailable } from '../utils/setting';
|
||||
|
||||
export const OFF = 'Off';
|
||||
|
||||
@@ -33,6 +32,8 @@ const PAUSED_VM_MODAL_MESSAGE =
|
||||
|
||||
const POD_STATUS_NOT_SCHEDULABLE = 'POD_NOT_SCHEDULABLE';
|
||||
const POD_STATUS_CONTAINER_FAILING = 'POD_CONTAINER_FAILING';
|
||||
// eslint-disable-next-line no-unused-vars
|
||||
const POD_STATUS_NOT_READY = 'POD_NOT_READY';
|
||||
|
||||
const POD_STATUS_FAILED = 'POD_FAILED';
|
||||
const POD_STATUS_CRASHLOOP_BACKOFF = 'POD_CRASHLOOP_BACKOFF';
|
||||
@@ -87,11 +88,17 @@ const IgnoreMessages = ['pod has unbound immediate PersistentVolumeClaims'];
|
||||
|
||||
export default class VirtVm extends HarvesterResource {
|
||||
get availableActions() {
|
||||
const out = super._availableActions;
|
||||
const clone = out.find((action) => action.action === 'goToClone');
|
||||
let out = super._availableActions;
|
||||
|
||||
if (clone) {
|
||||
clone.action = 'goToCloneVM';
|
||||
// VM attached with Longhorn V2 volume doesn't support clone feature
|
||||
if (this.longhornV2Volumes.length > 0) {
|
||||
out = out.filter((action) => action.action !== 'goToClone');
|
||||
} else {
|
||||
const clone = out.find((action) => action.action === 'goToClone');
|
||||
|
||||
if (clone) {
|
||||
clone.action = 'goToCloneVM';
|
||||
}
|
||||
}
|
||||
|
||||
return [
|
||||
@@ -147,13 +154,13 @@ export default class VirtVm extends HarvesterResource {
|
||||
},
|
||||
{
|
||||
action: 'backupVM',
|
||||
enabled: !!this.actions?.backup && !this.isBackupTargetUnavailable,
|
||||
enabled: !!this.actions?.backup,
|
||||
icon: 'icon icon-backup',
|
||||
label: this.t('harvester.action.backup')
|
||||
},
|
||||
{
|
||||
action: 'takeVMSnapshot',
|
||||
enabled: (!!this.actions?.snapshot || !!this.action?.backup),
|
||||
enabled: (!!this.actions?.snapshot || !!this.action?.backup) && !this.longhornV2Volumes.length,
|
||||
icon: 'icon icon-snapshot',
|
||||
label: this.t('harvester.action.vmSnapshot')
|
||||
},
|
||||
@@ -200,16 +207,10 @@ export default class VirtVm extends HarvesterResource {
|
||||
label: this.t('harvester.action.abortMigration')
|
||||
},
|
||||
{
|
||||
action: 'addHotplugVolume',
|
||||
action: 'addHotplug',
|
||||
enabled: !!this.actions?.addVolume,
|
||||
icon: 'icon icon-plus',
|
||||
label: this.t('harvester.action.addHotplugVolume')
|
||||
},
|
||||
{
|
||||
action: 'addHotplugNic',
|
||||
enabled: this.hotplugNicFeatureEnabled && !!this.actions?.addNic,
|
||||
icon: 'icon icon-plus',
|
||||
label: this.t('harvester.action.addHotplugNic')
|
||||
label: this.t('harvester.action.addHotplug')
|
||||
},
|
||||
{
|
||||
action: 'createTemplate',
|
||||
@@ -328,10 +329,6 @@ export default class VirtVm extends HarvesterResource {
|
||||
});
|
||||
}
|
||||
|
||||
doSoftReboot() {
|
||||
this.doActionGrowl('softreboot', {});
|
||||
}
|
||||
|
||||
softrebootVM(resources = this) {
|
||||
this.$dispatch('promptModal', {
|
||||
resources,
|
||||
@@ -395,20 +392,8 @@ export default class VirtVm extends HarvesterResource {
|
||||
|
||||
this.$dispatch('promptModal', {
|
||||
resources,
|
||||
name: diskName,
|
||||
type: 'volume',
|
||||
component: 'HarvesterHotUnplug',
|
||||
});
|
||||
}
|
||||
|
||||
unplugNIC(networkName) {
|
||||
const resources = this;
|
||||
|
||||
this.$dispatch('promptModal', {
|
||||
resources,
|
||||
name: networkName,
|
||||
type: 'network',
|
||||
component: 'HarvesterHotUnplug',
|
||||
diskName,
|
||||
component: 'HarvesterUnplugVolume'
|
||||
});
|
||||
}
|
||||
|
||||
@@ -516,17 +501,10 @@ export default class VirtVm extends HarvesterResource {
|
||||
});
|
||||
}
|
||||
|
||||
addHotplugVolume(resources = this) {
|
||||
addHotplug(resources = this) {
|
||||
this.$dispatch('promptModal', {
|
||||
resources,
|
||||
component: 'HarvesterAddHotplugVolumeModal'
|
||||
});
|
||||
}
|
||||
|
||||
addHotplugNic(resources = this) {
|
||||
this.$dispatch('promptModal', {
|
||||
resources,
|
||||
component: 'HarvesterAddHotplugNic'
|
||||
component: 'HarvesterAddHotplugModal'
|
||||
});
|
||||
}
|
||||
|
||||
@@ -764,7 +742,6 @@ export default class VirtVm extends HarvesterResource {
|
||||
if (this &&
|
||||
!this.isVMExpectedRunning &&
|
||||
this.isVMCreated &&
|
||||
this.vmi?.status?.phase !== undefined &&
|
||||
this.vmi?.status?.phase !== VMIPhase.Succeeded &&
|
||||
this.vmi?.status?.phase !== VMIPhase.Pending
|
||||
) {
|
||||
@@ -1188,13 +1165,6 @@ export default class VirtVm extends HarvesterResource {
|
||||
return this.t('harvester.virtualMachine.hotplug.restartVMMessage');
|
||||
}
|
||||
|
||||
const restoreConditions = this.restoreResource?.status?.conditions || [];
|
||||
const restoreError = restoreConditions.find((s) => s.error === true && s.reason === 'Error' && s.type === 'Ready');
|
||||
|
||||
if (restoreError?.message) {
|
||||
return restoreError.message;
|
||||
}
|
||||
|
||||
return this.ingoreVMMessage ? '' : super.stateDescription;
|
||||
}
|
||||
|
||||
@@ -1255,19 +1225,8 @@ export default class VirtVm extends HarvesterResource {
|
||||
return this.$rootGetters['harvester-common/getFeatureEnabled']('thirdPartyStorage');
|
||||
}
|
||||
|
||||
get vmMachineTypeAutoFeatureEnabled() {
|
||||
return this.$rootGetters['harvester-common/getFeatureEnabled']('vmMachineTypeAuto');
|
||||
}
|
||||
|
||||
get hotplugNicFeatureEnabled() {
|
||||
return this.$rootGetters['harvester-common/getFeatureEnabled']('hotplugNic');
|
||||
}
|
||||
|
||||
get isBackupTargetUnavailable() {
|
||||
const allSettings = this.$rootGetters['harvester/all'](HCI.SETTING) || [];
|
||||
const backupTargetSetting = allSettings.find( (O) => O.id === 'backup-target');
|
||||
|
||||
return isBackupTargetSettingUnavailable(backupTargetSetting);
|
||||
get vmMachineTypesFeatureEnabled() {
|
||||
return this.$rootGetters['harvester-common/getFeatureEnabled']('vmMachineTypes');
|
||||
}
|
||||
|
||||
setInstanceLabels(val) {
|
||||
|
||||
@@ -16,10 +16,7 @@ export default class HciVlanConfig extends HarvesterResource {
|
||||
uplink: {
|
||||
nics: [],
|
||||
linkAttributes: {},
|
||||
bondOptions: {
|
||||
mode: 'active-backup',
|
||||
miimon: -1
|
||||
},
|
||||
bondOptions: { mode: 'active-backup' },
|
||||
},
|
||||
};
|
||||
|
||||
|
||||
@@ -1,13 +1,13 @@
|
||||
{
|
||||
"name": "harvester",
|
||||
"description": "Rancher UI Extension for Harvester",
|
||||
"version": "1.7.1",
|
||||
"version": "1.6.0-rc3",
|
||||
"private": false,
|
||||
"rancher": {
|
||||
"annotations": {
|
||||
"catalog.cattle.io/display-name": "Harvester",
|
||||
"catalog.cattle.io/kube-version": ">= 1.16.0-0",
|
||||
"catalog.cattle.io/rancher-version": ">= 2.13.0-0",
|
||||
"catalog.cattle.io/rancher-version": ">= 2.12.0-0",
|
||||
"catalog.cattle.io/ui-extensions-version": ">= 3.0.0 < 4.0.0"
|
||||
}
|
||||
},
|
||||
|
||||
@@ -79,6 +79,7 @@ export default {
|
||||
skipSingleReplicaDetachedVolFeatureEnabled() {
|
||||
return this.$store.getters['harvester-common/getFeatureEnabled']('skipSingleReplicaDetachedVol');
|
||||
},
|
||||
|
||||
allOSImages() {
|
||||
return this.$store.getters['harvester/all'](HCI.IMAGE).filter((I) => I.isOSImage) || [];
|
||||
},
|
||||
@@ -115,7 +116,7 @@ export default {
|
||||
},
|
||||
|
||||
fileName() {
|
||||
return this.preprocessImageName(this.file?.name || '');
|
||||
return this.file?.name || '';
|
||||
},
|
||||
|
||||
canEnableLogging() {
|
||||
@@ -190,7 +191,6 @@ export default {
|
||||
annotations: {}
|
||||
},
|
||||
spec: {
|
||||
backend: 'cdi',
|
||||
sourceType: UPLOAD,
|
||||
displayName: '',
|
||||
checksum: this.imageValue?.spec?.checksum || '',
|
||||
@@ -203,9 +203,8 @@ export default {
|
||||
|
||||
this.file = {};
|
||||
this.errors = [];
|
||||
const imageDisplayName = this.imageValue?.spec?.displayName || '';
|
||||
|
||||
if (!imageDisplayName && this.createNewImage) {
|
||||
if (!this.imageValue.spec.displayName && this.createNewImage) {
|
||||
this.errors.push(this.$store.getters['i18n/t']('validation.required', { key: this.t('generic.name') }));
|
||||
buttonCb(false);
|
||||
|
||||
@@ -213,14 +212,14 @@ export default {
|
||||
}
|
||||
|
||||
try {
|
||||
// Save the image first if creating a new one
|
||||
if (this.imageSource === IMAGE_METHOD.NEW) {
|
||||
this.imageValue.metadata.annotations[HCI_ANNOTATIONS.OS_UPGRADE_IMAGE] = 'True';
|
||||
|
||||
if (this.sourceType === UPLOAD && this.uploadImageId !== '') { // upload new image
|
||||
if (this.sourceType === UPLOAD && this.uploadImageId !== '') {
|
||||
this.value.spec.image = this.uploadImageId;
|
||||
} else if (this.sourceType === DOWNLOAD) { // give URL to download new image
|
||||
// check if URL is provided
|
||||
} else if (this.sourceType === DOWNLOAD) {
|
||||
this.imageValue.spec.sourceType = DOWNLOAD;
|
||||
|
||||
if (!this.imageValue.spec.url) {
|
||||
this.errors.push(this.$store.getters['i18n/t']('harvester.setting.upgrade.imageUrl'));
|
||||
buttonCb(false);
|
||||
@@ -228,14 +227,10 @@ export default {
|
||||
return;
|
||||
}
|
||||
|
||||
this.imageValue.spec.sourceType = DOWNLOAD;
|
||||
this.imageValue.spec.targetStorageClassName = 'longhorn-static';
|
||||
|
||||
res = await this.imageValue.save();
|
||||
|
||||
this.value.spec.image = res.id;
|
||||
}
|
||||
} else if (this.imageSource === IMAGE_METHOD.EXIST) { // select existing image
|
||||
} else if (this.imageSource === IMAGE_METHOD.EXIST) {
|
||||
if (!this.imageId) {
|
||||
this.errors.push(this.$store.getters['i18n/t']('harvester.setting.upgrade.chooseFile'));
|
||||
buttonCb(false);
|
||||
@@ -245,13 +240,14 @@ export default {
|
||||
|
||||
this.value.spec.image = this.imageId;
|
||||
}
|
||||
// enable logging or skip single replica detection if checked
|
||||
|
||||
if (this.canEnableLogging) {
|
||||
this.value.spec.logEnabled = this.enableLogging;
|
||||
}
|
||||
if (this.skipSingleReplicaDetachedVolFeatureEnabled) {
|
||||
this.value.metadata.annotations = { [HCI_ANNOTATIONS.SKIP_SINGLE_REPLICA_DETACHED_VOL]: JSON.stringify(this.skipSingleReplicaDetachedVol) };
|
||||
}
|
||||
|
||||
await this.value.save();
|
||||
this.done();
|
||||
buttonCb(true);
|
||||
@@ -262,7 +258,7 @@ export default {
|
||||
},
|
||||
|
||||
async uploadFile(file) {
|
||||
const fileName = this.preprocessImageName(file.name);
|
||||
const fileName = file.name;
|
||||
|
||||
if (!fileName) {
|
||||
this.errors.push(this.$store.getters['i18n/t']('harvester.setting.upgrade.unknownImageName'));
|
||||
@@ -286,8 +282,6 @@ export default {
|
||||
this.imageValue.spec.url = '';
|
||||
|
||||
try {
|
||||
this.imageValue.spec.targetStorageClassName = 'longhorn-static';
|
||||
|
||||
const res = await this.imageValue.save();
|
||||
|
||||
this.uploadImageId = res.id;
|
||||
@@ -309,25 +303,15 @@ export default {
|
||||
}
|
||||
},
|
||||
|
||||
// replace _ to - to meet storage class name requirement
|
||||
preprocessImageName(name) {
|
||||
if (!name) {
|
||||
return '';
|
||||
}
|
||||
|
||||
return name.toLowerCase().replace(/[_]/g, '-');
|
||||
},
|
||||
|
||||
handleImageDelete(imageId) {
|
||||
const image = this.allOSImages.find((I) => I.id === imageId);
|
||||
const imageDisplayName = image?.spec?.displayName || '';
|
||||
|
||||
if (image && imageDisplayName) {
|
||||
if (image) {
|
||||
this.$store.dispatch('harvester/promptModal', {
|
||||
resources: [image],
|
||||
component: 'ConfirmRelatedToRemoveDialog',
|
||||
needConfirmation: false,
|
||||
warningMessage: this.$store.getters['i18n/t']('harvester.modal.osImage.message', { name: imageDisplayName }),
|
||||
warningMessage: this.$store.getters['i18n/t']('harvester.modal.osImage.message', { name: image.displayName })
|
||||
});
|
||||
this.deleteImageId = '';
|
||||
}
|
||||
@@ -350,22 +334,6 @@ export default {
|
||||
},
|
||||
|
||||
watch: {
|
||||
async sourceType(neu) {
|
||||
if (neu === DOWNLOAD && this.imageValue && this.uploadController) {
|
||||
if (this.uploadController) {
|
||||
this.uploadController.abort();
|
||||
}
|
||||
|
||||
try {
|
||||
await this.imageValue.remove();
|
||||
await this.initImageValue();
|
||||
} catch (error) {
|
||||
// eslint-disable-next-line no-console
|
||||
console.error('Error occurred while removing imageValue:', error);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
imageSource(neu) {
|
||||
if (neu !== IMAGE_METHOD.DELETE) {
|
||||
this.deleteImageId = '';
|
||||
@@ -437,13 +405,13 @@ export default {
|
||||
v-if="showUploadSuccessBanner"
|
||||
color="success"
|
||||
class="mt-0 mb-30"
|
||||
:label="t('harvester.setting.upgrade.uploadSuccess', { name: fileName })"
|
||||
:label="t('harvester.setting.upgrade.uploadSuccess', { name: file.name })"
|
||||
/>
|
||||
<Banner
|
||||
v-if="showUploadingWarningBanner"
|
||||
color="warning"
|
||||
class="mt-0 mb-30"
|
||||
:label="t('harvester.image.warning.osUpgrade.uploading', { name: fileName })"
|
||||
:label="t('harvester.image.warning.osUpgrade.uploading', { name: file.name })"
|
||||
/>
|
||||
|
||||
<div
|
||||
|
||||
@@ -37,7 +37,6 @@ export const HCI = {
|
||||
STORAGE: 'harvesterhci.io.storage',
|
||||
RESOURCE_QUOTA: 'harvesterhci.io.resourcequota',
|
||||
KSTUNED: 'node.harvesterhci.io.ksmtuned',
|
||||
HUGEPAGES: 'node.harvesterhci.io.hugepage',
|
||||
PCI_DEVICE: 'devices.harvesterhci.io.pcidevice',
|
||||
PCI_CLAIM: 'devices.harvesterhci.io.pcideviceclaim',
|
||||
SR_IOV: 'devices.harvesterhci.io.sriovnetworkdevice',
|
||||
@@ -45,7 +44,6 @@ export const HCI = {
|
||||
SR_IOVGPU_DEVICE: 'devices.harvesterhci.io.sriovgpudevice',
|
||||
USB_DEVICE: 'devices.harvesterhci.io.usbdevice',
|
||||
USB_CLAIM: 'devices.harvesterhci.io.usbdeviceclaim',
|
||||
MIG_CONFIGURATION: 'devices.harvesterhci.io.migconfiguration',
|
||||
VLAN_CONFIG: 'network.harvesterhci.io.vlanconfig',
|
||||
VLAN_STATUS: 'network.harvesterhci.io.vlanstatus',
|
||||
ADD_ONS: 'harvesterhci.io.addon',
|
||||
@@ -55,7 +53,7 @@ export const HCI = {
|
||||
LB: 'loadbalancer.harvesterhci.io.loadbalancer',
|
||||
IP_POOL: 'loadbalancer.harvesterhci.io.ippool',
|
||||
HARVESTER_CONFIG: 'rke-machine-config.cattle.io.harvesterconfig',
|
||||
LVM_VOLUME_GROUP: 'harvesterhci.io.lvmvolumegroup',
|
||||
LVM_VOLUME_GROUP: 'harvesterhci.io.lvmvolumegroup'
|
||||
};
|
||||
|
||||
export const VOLUME_SNAPSHOT = 'snapshot.storage.k8s.io.volumesnapshot';
|
||||
|
||||
@@ -3,19 +3,17 @@ import { HCI as HCI_ANNOTATIONS } from '@pkg/harvester/config/labels-annotations
|
||||
export function getVmCPUMemoryValues(vm) {
|
||||
if (!vm) {
|
||||
return {
|
||||
cpu: null,
|
||||
cpu: 0,
|
||||
memory: null,
|
||||
isHotplugEnabled: false
|
||||
};
|
||||
}
|
||||
|
||||
const isHotplugEnabled = isCPUMemoryHotPlugEnabled(vm);
|
||||
const { sockets = 1, threads = 1, cores = null } = vm.spec.template.spec.domain.cpu || {};
|
||||
const cpu = cores === null ? null : sockets * threads * cores;
|
||||
|
||||
if (isHotplugEnabled) {
|
||||
return {
|
||||
cpu,
|
||||
cpu: vm.spec.template.spec.domain.cpu.sockets,
|
||||
memory: vm.spec.template.spec.domain?.memory?.guest || null,
|
||||
maxCpu: vm.spec.template.spec.domain.cpu?.maxSockets || 0,
|
||||
maxMemory: vm.spec.template.spec.domain?.memory?.maxGuest || null,
|
||||
@@ -23,7 +21,7 @@ export function getVmCPUMemoryValues(vm) {
|
||||
};
|
||||
} else {
|
||||
return {
|
||||
cpu,
|
||||
cpu: vm.spec.template.spec.domain.cpu.cores,
|
||||
memory: vm.spec.template.spec.domain.resources?.limits?.memory || null,
|
||||
isHotplugEnabled
|
||||
};
|
||||
@@ -31,5 +29,8 @@ export function getVmCPUMemoryValues(vm) {
|
||||
}
|
||||
|
||||
export function isCPUMemoryHotPlugEnabled(vm) {
|
||||
return vm?.metadata?.annotations[HCI_ANNOTATIONS.VM_CPU_MEMORY_HOTPLUG] === 'true' || !!vm?.spec?.template?.spec?.domain?.memory?.maxGuest || false;
|
||||
return vm?.metadata?.annotations[HCI_ANNOTATIONS.VM_CPU_MEMORY_HOTPLUG] === 'true' ||
|
||||
!!vm?.spec?.template?.spec?.domain.cpu?.maxSockets ||
|
||||
!!vm?.spec?.template?.spec?.domain?.memory?.maxGuest ||
|
||||
false;
|
||||
}
|
||||
|
||||
@@ -8,6 +8,7 @@ export const docLink = (suffix, version) => {
|
||||
};
|
||||
|
||||
export function getVersion(v) {
|
||||
// e.g v1.4.0
|
||||
if (process.env.VUE_APP_SERVER_VERSION) {
|
||||
return process.env.VUE_APP_SERVER_VERSION;
|
||||
}
|
||||
@@ -17,21 +18,20 @@ export function getVersion(v) {
|
||||
return `v${ semver.major(v) }.${ semver.minor(v) }.${ semver.patch(v) }`;
|
||||
} catch (error) {
|
||||
// fallback to the latest version
|
||||
return getLatestVersion();
|
||||
return latestVersion(Object.keys(RELEASE_FEATURES));
|
||||
}
|
||||
}
|
||||
|
||||
function getLatestVersion() {
|
||||
const allVersions = Object.keys(RELEASE_FEATURES).filter(semver.valid).sort(semver.rcompare);
|
||||
|
||||
return allVersions[0] || '';
|
||||
function latestVersion(versions) {
|
||||
return versions.sort((a, b) => semver.compare(a, b)).pop();
|
||||
}
|
||||
|
||||
function getLatestCompatibleVersion(version) {
|
||||
const allVersions = Object.keys(RELEASE_FEATURES).filter(semver.valid);
|
||||
const compatible = allVersions.filter((v) => semver.lte(v, version)).sort(semver.rcompare);
|
||||
// v1.3.3 => latest v1.3.x, v1.4.2 => latest v1.4.x
|
||||
function latestMinorVersion(v) {
|
||||
const minor = `v${ semver.major(v) }.${ semver.minor(v) }`;
|
||||
const minorVersions = Object.keys(RELEASE_FEATURES).filter((version) => version.startsWith(minor));
|
||||
|
||||
return compatible[0] || getLatestVersion();
|
||||
return latestVersion(minorVersions);
|
||||
}
|
||||
|
||||
export const featureEnabled = (featureKey, serverVersion) => {
|
||||
@@ -46,16 +46,12 @@ export const featureEnabled = (featureKey, serverVersion) => {
|
||||
return false;
|
||||
}
|
||||
|
||||
const compatibleVersion = getLatestCompatibleVersion(version);
|
||||
const releasedFeatures = RELEASE_FEATURES?.[compatibleVersion];
|
||||
let releasedFeatures = RELEASE_FEATURES[version];
|
||||
|
||||
if (!Array.isArray(releasedFeatures)) {
|
||||
// eslint-disable-next-line no-console
|
||||
console.error(
|
||||
`Feature flags for version ${ version } are not defined. Please upgrade Harvester UI extension and check the support matrix.`
|
||||
);
|
||||
if (!releasedFeatures) {
|
||||
const fallback = latestMinorVersion(version);
|
||||
|
||||
return false;
|
||||
releasedFeatures = RELEASE_FEATURES[fallback];
|
||||
}
|
||||
|
||||
return releasedFeatures.includes(featureKey);
|
||||
|
||||
@@ -1,25 +0,0 @@
|
||||
|
||||
export function isBackupTargetSettingEmpty(setting = {}) {
|
||||
let isEmpty = true;
|
||||
|
||||
if (setting?.value) {
|
||||
try {
|
||||
const valueJson = JSON.parse(setting?.value);
|
||||
|
||||
isEmpty = !valueJson.type;
|
||||
} catch (e) {
|
||||
// eslint-disable-next-line no-console
|
||||
console.error('Failed to parse backup target value:', e);
|
||||
}
|
||||
}
|
||||
|
||||
return isEmpty;
|
||||
}
|
||||
|
||||
export function isBackupTargetSettingUnavailable(setting = {}) {
|
||||
const errorMessage = setting.errorMessage;
|
||||
const isEmptyValue = isBackupTargetSettingEmpty(setting);
|
||||
const canUpdate = setting.canUpdate;
|
||||
|
||||
return (errorMessage || isEmptyValue) && canUpdate;
|
||||
}
|
||||
@@ -2,78 +2,30 @@ import { HCI } from '@pkg/harvester/config/labels-annotations';
|
||||
|
||||
export const VM_IMAGE_FILE_FORMAT = ['qcow', 'qcow2', 'raw', 'img', 'iso'];
|
||||
|
||||
/**
|
||||
* Extracts the filename from a URL, handling query parameters and fragments
|
||||
* @param {string} url - The URL to parse
|
||||
* @returns {string} - The filename without query params or fragments
|
||||
*/
|
||||
function getFilenameFromUrl(url) {
|
||||
try {
|
||||
// Try to parse as a full URL
|
||||
const urlObj = new URL(url);
|
||||
// Get pathname and extract the last segment
|
||||
const pathname = urlObj.pathname;
|
||||
|
||||
return pathname.split('/').filter(Boolean).pop() || '';
|
||||
} catch (e) {
|
||||
// If URL parsing fails, treat as a relative path
|
||||
// Remove query params and fragments manually
|
||||
const cleanUrl = url.split('?')[0].split('#')[0];
|
||||
|
||||
return cleanUrl.split('/').pop() || '';
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Validates image URL format
|
||||
* @param {string} url - The image URL to validate
|
||||
* @param {object} getters - Vuex getters
|
||||
* @param {array} errors - Array to collect validation errors
|
||||
* @param {any} validatorArgs - Additional validator arguments
|
||||
* @param {string} type - Type of validation ('file' or other)
|
||||
* @returns {array} - Array of validation errors
|
||||
*/
|
||||
export function imageUrl(url, getters, errors, validatorArgs, type) {
|
||||
const tipString =
|
||||
type === 'file' ? 'harvester.validation.image.ruleFileTip' : 'harvester.validation.image.ruleTip';
|
||||
const t = getters['i18n/t'];
|
||||
|
||||
if (!url || url === '') {
|
||||
return errors;
|
||||
}
|
||||
|
||||
// Extract filename, handling query parameters and fragments
|
||||
const filename = getFilenameFromUrl(url);
|
||||
|
||||
if (!filename) {
|
||||
errors.push(t(tipString));
|
||||
|
||||
return errors;
|
||||
}
|
||||
|
||||
// Get file extension
|
||||
const fileSuffix = filename.split('.').pop().toLowerCase();
|
||||
const suffixName = url.split('/').pop();
|
||||
const fileSuffix = suffixName.split('.').pop().toLowerCase();
|
||||
|
||||
if (!VM_IMAGE_FILE_FORMAT.includes(fileSuffix)) {
|
||||
const tipString = type === 'file' ? 'harvester.validation.image.ruleFileTip' : 'harvester.validation.image.ruleTip';
|
||||
|
||||
errors.push(t(tipString));
|
||||
}
|
||||
|
||||
return errors;
|
||||
}
|
||||
|
||||
export function fileRequired(
|
||||
annotations = {},
|
||||
getters,
|
||||
errors,
|
||||
validatorArgs,
|
||||
type
|
||||
) {
|
||||
export function fileRequired(annotations = {}, getters, errors, validatorArgs, type) {
|
||||
const t = getters['i18n/t'];
|
||||
|
||||
if (!annotations[HCI.IMAGE_NAME]) {
|
||||
errors.push(
|
||||
t('validation.required', { key: t('harvester.image.fileName') })
|
||||
);
|
||||
errors.push(t('validation.required', { key: t('harvester.image.fileName') }));
|
||||
}
|
||||
|
||||
return errors;
|
||||
|
||||
@@ -15,7 +15,7 @@ if [[ "$VERSION" != "$EXTENSION_VERSION" ]]; then
|
||||
exit 1
|
||||
fi
|
||||
|
||||
if [[ "${TAG_VERSION}" != "${PKG_VERSION}"* ]]; then
|
||||
if [[ "${TAG_VERSION}" != "$PKG_VERSION" ]]; then
|
||||
echo "Package version $PKG_VERSION in pkg/harvester/package.json does not match tag version ${TAG_VERSION}"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
@@ -1,16 +0,0 @@
|
||||
/* eslint-disable no-console */
|
||||
import load from "@commitlint/load";
|
||||
|
||||
if (process.argv.length < 3) {
|
||||
console.error('No PR title as first argument');
|
||||
process.exit(1);
|
||||
}
|
||||
|
||||
const prTitle = process.argv[2];
|
||||
const prLabel = prTitle.split(':')[0].trim();
|
||||
|
||||
const config = await load({ extends: ["./commitlint.config.js"] });
|
||||
const commitPrefix = config?.rules?.['type-enum']?.[2] || [];
|
||||
const label = commitPrefix.includes(prLabel) ? prLabel : 'other';
|
||||
|
||||
console.log(label);
|
||||
Reference in New Issue
Block a user