Fixed an issue where floating pool names using a domain selector were not displayed (#2700)

Author: grolu

frontend/src/components/ShootDetails/GShootInfrastructureCard.vue

@@ -321,6 +321,7 @@ export default {
     const {
       credential,
       isSharedCredential,
+      openStackDomainName,
     } = useCloudProviderBinding(shootCloudProviderBinding)
 
     return {
@@ -346,6 +347,7 @@ export default {
       getResourceRefName,
       credential,
       isSharedCredential,
+      openStackDomainName,
     }
   },
   computed: {
@@ -375,6 +377,7 @@ export default {
       const availableFloatingPools = this.floatingPoolsByCloudProfileRefAndRegionAndDomain({
         cloudProfileRef: this.shootCloudProfileRef,
         region: this.shootRegion,
+        secretDomain: this.openStackDomainName,
       })
       const floatingPoolWildCardObjects = wildcardObjectsFromStrings(map(availableFloatingPools, 'name'))
 

frontend/src/composables/credential/useCloudProviderBinding.js

@@ -15,6 +15,8 @@ import { useCloudProfileStore } from '@/store/cloudProfile'
 import { useGardenerExtensionStore } from '@/store/gardenerExtension'
 import { useCredentialStore } from '@/store/credential'
 
+import { decodeBase64 } from '@/utils'
+
 import {
   isSharedCredential as _isSharedCredential,
   isInfrastructureBinding as _isInfrastructureBinding,
@@ -185,6 +187,14 @@ export const useCloudProviderBinding = (binding, options = {}) => {
     )
   })
 
+  const openStackDomainName = computed(() => {
+    if (binding.value?.provider?.type !== 'openstack' || !hasOwnSecret.value) {
+      return undefined
+    }
+    const domainName = get(credential.value, ['data', 'domainName'])
+    return domainName ? decodeBase64(domainName) : undefined
+  })
+
   return {
     // Classification
     isSharedCredential,
@@ -214,5 +224,8 @@ export const useCloudProviderBinding = (binding, options = {}) => {
     // Quotas & lifecycle
     quotas,
     selfTerminationDays,
+
+    // Other
+    openStackDomainName,
   }
 }

frontend/src/composables/useShootHelper.js

@@ -153,7 +153,10 @@ export function createShootHelperComposable (shootItem, options = {}) {
     return cloudProfileStore.kubernetesVersionIsNotLatestPatch(kubernetesVersion.value, cloudProfileRef.value)
   })
 
-  const { selfTerminationDays } = useCloudProviderBinding(infrastructureBinding)
+  const {
+    selfTerminationDays,
+    openStackDomainName,
+  } = useCloudProviderBinding(infrastructureBinding)
 
   const allPurposes = computed(() => {
     if (some(addons.value, 'enabled')) {
@@ -198,7 +201,7 @@ export function createShootHelperComposable (shootItem, options = {}) {
     return cloudProfileStore.floatingPoolNamesByCloudProfileRefAndRegionAndDomain({
       cloudProfileRef: cloudProfileRef.value,
       region: region.value,
-      secretDomain: get(infrastructureBinding.value, ['data', 'domainName']),
+      secretDomain: openStackDomainName.value,
     })
   })