add compute offering details in UI (#8563)

* add compute offering details in UI

* Pearl's sugestions
This commit is contained in:
dahn 2024-02-08 19:29:50 +01:00 committed by GitHub
parent 0447040c08
commit bb70da0fed
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 14 additions and 1 deletions

View File

@ -37,7 +37,7 @@
size="small" size="small"
:dataSource="fetchDetails()"> :dataSource="fetchDetails()">
<template #renderItem="{item}"> <template #renderItem="{item}">
<a-list-item v-if="item in dataResource && !customDisplayItems.includes(item)"> <a-list-item v-if="(item in dataResource && !customDisplayItems.includes(item)) || (offeringDetails.includes(item) && dataResource.serviceofferingdetails)">
<div> <div>
<strong>{{ item === 'service' ? $t('label.supportedservices') : $t('label.' + String(item).toLowerCase()) }}</strong> <strong>{{ item === 'service' ? $t('label.supportedservices') : $t('label.' + String(item).toLowerCase()) }}</strong>
<br/> <br/>
@ -91,6 +91,9 @@
</span> </span>
</div> </div>
</div> </div>
<div v-else-if="$route.meta.name === 'computeoffering' && offeringDetails.includes(item)">
{{ dataResource.serviceofferingdetails[item] }}
</div>
<div v-else>{{ dataResource[item] }}</div> <div v-else>{{ dataResource[item] }}</div>
</div> </div>
</a-list-item> </a-list-item>
@ -255,6 +258,9 @@ export default {
} }
return null return null
}, },
offeringDetails () {
return ['maxcpunumber', 'mincpunumber', 'minmemory', 'maxmemory']
},
ipV6Address () { ipV6Address () {
if (this.dataResource.nic && this.dataResource.nic.length > 0) { if (this.dataResource.nic && this.dataResource.nic.length > 0) {
return this.dataResource.nic.filter(e => { return e.ip6address }).map(e => { return e.ip6address }).join(', ') return this.dataResource.nic.filter(e => { return e.ip6address }).map(e => { return e.ip6address }).join(', ')

View File

@ -47,6 +47,13 @@ export default {
store.getters.apis.createServiceOffering.params.filter(x => x.name === 'rootdisksize').length > 0) { store.getters.apis.createServiceOffering.params.filter(x => x.name === 'rootdisksize').length > 0) {
fields.splice(12, 0, 'rootdisksize') fields.splice(12, 0, 'rootdisksize')
} }
const detailFields = ['minmemory', 'maxmemory', 'mincpunumber', 'maxcpunumber']
for (const field of detailFields) {
if (store.getters.apis.createServiceOffering &&
store.getters.apis.createServiceOffering.params.filter(x => field === x.name).length > 0) {
fields.push(field)
}
}
return fields return fields
}, },
resourceType: 'ServiceOffering', resourceType: 'ServiceOffering',