This is an automated email from the ASF dual-hosted git repository.
sureshanaparti pushed a commit to branch 4.20
in repository https://gitbox.apache.org/repos/asf/cloudstack.git
The following commit(s) were added to refs/heads/4.20 by this push:
new 40035f54d0f [UI] Add dedicated account field dropdown on zone creation
(#11195)
40035f54d0f is described below
commit 40035f54d0fc7e33b8a19932b63751f97e5ab7ae
Author: Nicolas Vazquez <nicovazque...@gmail.com>
AuthorDate: Sat Jul 26 04:06:47 2025 -0300
[UI] Add dedicated account field dropdown on zone creation (#11195)
---
ui/public/locales/en.json | 1 +
.../views/infra/zone/ZoneWizardZoneDetailsStep.vue | 32 ++++++++++++++++++++--
2 files changed, 30 insertions(+), 3 deletions(-)
diff --git a/ui/public/locales/en.json b/ui/public/locales/en.json
index c36b96cc961..79ea9bb9d8f 100644
--- a/ui/public/locales/en.json
+++ b/ui/public/locales/en.json
@@ -3168,6 +3168,7 @@
"message.error.sbdomain.username": "Please enter SMB domain username.",
"message.error.secret.key": "Please enter secret key.",
"message.error.select": "Please select option.",
+"message.error.select.account.to.dedicate": "Please select an account to
dedicate to.",
"message.error.select.domain.to.dedicate": "Please select domain to dedicate
to.",
"message.error.select.zone.type": "Please select Zone type below.",
"message.error.server": "Please enter server.",
diff --git a/ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue
b/ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue
index 05c5adc1bd2..584cbe6d1ba 100644
--- a/ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue
+++ b/ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue
@@ -195,7 +195,8 @@
optionFilterProp="label"
:filterOption="(input, option) => {
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
- }" >
+ }"
+ @change="val => { fetchDomainAccounts(val) }">
<a-select-option v-for="dom in domains" :key="dom.id"
:label="dom.path">
{{ dom.path }}
</a-select-option>
@@ -213,7 +214,20 @@
:label="$t('label.account')"
v-bind="formItemLayout"
v-if="isDedicated">
- <a-input v-model:value="form.account" />
+ <a-select
+ v-model:value="form.account"
+ v-focus="true"
+ showSearch
+ optionFilterProp="value"
+ :filterOption="(input, option) => {
+ return option.value.toLowerCase().indexOf(input.toLowerCase())
>= 0
+ }"
+ :placeholder="$t('message.error.select.account.to.dedicate')"
+ >
+ <a-select-option v-for="(acc, index) in selectedDomainAccounts"
:value="acc.name" :key="index">
+ {{ acc.name }}
+ </a-select-option>
+ </a-select>
</a-form-item>
<a-form-item
name="localstorageenabled"
@@ -276,7 +290,8 @@ export default {
availableNetworkOfferings: null,
ipV4Regex:
/^(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)$/i,
ipV6Regex:
/^((([0-9A-Fa-f]{1,4}:){7}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}:[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){5}:([0-9A-Fa-f]{1,4}:)?[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){4}:([0-9A-Fa-f]{1,4}:){0,2}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){3}:([0-9A-Fa-f]{1,4}:){0,3}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){2}:([0-9A-Fa-f]{1,4}:){0,4}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(([0-
[...]
- formModel: {}
+ formModel: {},
+ selectedDomainAccounts: []
}),
created () {
this.hypervisors = this.prefillContent?.hypervisors || null
@@ -454,6 +469,17 @@ export default {
hypervisor: [{ required: true, message:
this.$t('message.error.hypervisor.type') }]
})
},
+ fetchDomainAccounts (domainid) {
+ api('listAccounts', {
+ domainid: domainid
+ }).then(response => {
+ // Clean up the selected account from a previous domain
+ this.form.account = null
+ this.selectedDomainAccounts = response.listaccountsresponse.account ||
[]
+ }).catch(error => {
+ this.$notifyError(error)
+ })
+ },
fetchData () {
api('listHypervisors').then(json => {
this.hypervisors = json.listhypervisorsresponse.hypervisor
