apache/cloudstack
1
0
Fork 0
mirror of https://github.com/apache/cloudstack.git synced 2025-10-26 08:42:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

[UI] Add dedicated account field dropdown on zone creation (#11195)

Browse Source
This commit is contained in:
Nicolas Vazquez 2025-07-26 04:06:47 -03:00 committed by GitHub
parent 609efcc231
commit 40035f54d0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 30 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ui/public/locales/en.json
View File

@ -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.",

32
ui/src/views/infra/zone/ZoneWizardZoneDetailsStep.vue
View File

@ -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-9A-Fa-f]{1,4}:){0,5}:((\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-9A-Fa-f]{1,4}:){0,5}((\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-9A-Fa-f]{1,4}::([0-9A-Fa-f]{1,4}:){0,5}[0-9A-Fa-f]{1,4})|(::([0-9A-Fa-f]{1,4}:){0,6}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){1,7}:))$/i,
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