[backport] Add vGPU allocatable warning banner #11017

- Add vGPU allocatable warning banner
- Update shell/assets/translations/en-us.yaml
- Fix wording
- Show allocation warning only when allocation info are available

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>

pkg/harvester-manager/machine-config/harvester.vue

@@ -474,6 +474,10 @@ export default {
       ]);
 
       return vGpuTypes;
+    },
+
+    showVGpuAllocationInfo() {
+      return this.mode !== _VIEW && !!Object.values(this.vGpuDevices).find((d) => d.allocatable);
     }
   },
 
@@ -1405,6 +1409,11 @@ export default {
           {{ t("harvesterManager.vGpu.title") }}
         </h3>
         <div>
+          <Banner
+            v-if="showVGpuAllocationInfo"
+            color="warning"
+            :label="t('cluster.credential.harvester.vGpus.warnings.minimumAllocatable')"
+          />
           <ArrayListSelect
             v-model="vGpus"
             class="mt-20"

shell/assets/translations/en-us.yaml

@@ -1301,6 +1301,8 @@ cluster:
         macAddress: Mac Address
         macFormat: 'Invalid MAC address format.'
       vGpus:
+        warnings:
+          minimumAllocatable: It's highly recommended to select a vGPU with a number of allocatable devices greater than the number of nodes (Machine Count) to avoid "un-schedulable" errors after cluster updates.
         errors:
           notAllocatable: '[{vGpu}] vGPU device is not allocatable; required: {allocated}, allocatable: {allocatable}'
       volume: