feat(pci-kubernetes): deploy multi node creation on cluster

ref: #TAPC-4718

Signed-off-by: Pierre-Philippe <[email protected]>

Author: ppprevost

packages/manager/apps/pci-kubernetes/public/translations/add/Messages_fr_FR.json

@@ -81,5 +81,6 @@
   "kube_add_plan_content_unavailable_1AZ_banner": "Le plan {{ plan }} n'est pas encore disponible dans les régions 1-AZ. Si vous souhaitez profiter du plan {{ plan }}, veuillez sélectionner le déploiement en 3-AZ.",
   "kube_add_plan_content_unavailable_3AZ_banner": "Le plan {{ plan }} n'est pas encore disponible dans les régions 3-AZ. Si vous souhaitez profiter du plan {{ plan }}, veuillez sélectionner un déploiement en 1-AZ.",
   "kube_add_plan_content_coming_very_soon": "Bientôt disponible",
-  "kube_add_plan_subtitle": "Choisissez le plan adapté à vos besoins. Bénéficiez d'un large choix d'instances utilisées comme nœuds Kubernetes, facturées à l'usage ou avec engagement."
+  "kube_add_plan_subtitle": "Choisissez le plan adapté à vos besoins. Bénéficiez d'un large choix d'instances utilisées comme nœuds Kubernetes, facturées à l'usage ou avec engagement.",
+  "kube_add_node_pool_name_already_exist_validation_error": "Le nom de nodepool est déjà utilisé. Veuillez en choisir un autre."
 }

packages/manager/apps/pci-kubernetes/public/translations/node-pool/Messages_de_DE.json

@@ -39,5 +39,6 @@
   "kube_node_pool": "Node-Pool konfigurieren",
   "kube_common_estimation_price_free": "Kostenlos",
   "kube_common_estimation_total_price": "Geschätzter Gesamtpreis:",
-  "kube_common_node_pool_estimation_cost_tile": "Monatliche Schätzung"
+  "kube_common_node_pool_estimation_cost_tile": "Monatliche Schätzung",
+  "kube_common_node_pool_select_zone": "Sie müssen mindestens eine Verfügbarkeitszone auswählen."
 }

packages/manager/apps/pci-kubernetes/public/translations/node-pool/Messages_en_GB.json

@@ -39,5 +39,6 @@
   "kube_node_pool": "Configure node pool",
   "kube_common_estimation_price_free": "Free",
   "kube_common_estimation_total_price": "Total estimated price:",
-  "kube_common_node_pool_estimation_cost_tile": "Monthly estimate"
+  "kube_common_node_pool_estimation_cost_tile": "Monthly estimate",
+  "kube_common_node_pool_select_zone": "You must select at least one availability zone."
 }

packages/manager/apps/pci-kubernetes/public/translations/node-pool/Messages_es_ES.json

@@ -39,5 +39,6 @@
   "kube_node_pool": "Configurar el pool de nodos",
   "kube_common_estimation_price_free": "Gratis",
   "kube_common_estimation_total_price": "Precio total estimado:",
-  "kube_common_node_pool_estimation_cost_tile": "Estimación mensual"
+  "kube_common_node_pool_estimation_cost_tile": "Estimación mensual",
+  "kube_common_node_pool_select_zone": "Debes seleccionar al menos una zona de disponibilidad."
 }

packages/manager/apps/pci-kubernetes/public/translations/node-pool/Messages_fr_CA.json

@@ -39,5 +39,6 @@
   "kube_common_add_node_pool": "Ajouter le pool de nœuds",
   "kube_common_min_max_nodes": "Min {{minNodes}}, Max {{maxNodes}}",
   "kube_common_node_pool_deploy_title": "Choix de la zone de disponibilité",
-  "kube_common_node_pool_deploy_description": "Dans un cluster Kubernetes réparti sur trois zone de disponibilité (AZ), l'utilisation de pools de nœuds par zone est recommandée pour assurer la résilience et la haute disponibilité. Cette configuration vous permet de distribuer de manière équilibrée vos workloads entre les AZ. Elle améliore ainsi la tolérance aux pannes et garantit une continuité de service optimale."
+  "kube_common_node_pool_deploy_description": "Dans un cluster Kubernetes réparti sur trois zone de disponibilité (AZ), l'utilisation de pools de nœuds par zone est recommandée pour assurer la résilience et la haute disponibilité. Cette configuration vous permet de distribuer de manière équilibrée vos workloads entre les AZ. Elle améliore ainsi la tolérance aux pannes et garantit une continuité de service optimale.",
+  "kube_common_node_pool_select_zone": "Vous devez sélectionner au moins une zone de disponibilité."
 }

packages/manager/apps/pci-kubernetes/public/translations/node-pool/Messages_fr_FR.json

@@ -39,5 +39,6 @@
   "kube_common_add_node_pool": "Ajouter le pool de nœuds",
   "kube_common_min_max_nodes": "Min {{minNodes}}, Max {{maxNodes}}",
   "kube_common_node_pool_deploy_title": "Choix de la zone de disponibilité",
-  "kube_common_node_pool_deploy_description": "Dans un cluster Kubernetes réparti sur trois zone de disponibilité (AZ), l'utilisation de pools de nœuds par zone est recommandée pour assurer la résilience et la haute disponibilité. Cette configuration vous permet de distribuer de manière équilibrée vos workloads entre les AZ. Elle améliore ainsi la tolérance aux pannes et garantit une continuité de service optimale."
+  "kube_common_node_pool_deploy_description": "Dans un cluster Kubernetes réparti sur trois zone de disponibilité (AZ), l'utilisation de pools de nœuds par zone est recommandée pour assurer la résilience et la haute disponibilité. Cette configuration vous permet de distribuer de manière équilibrée vos workloads entre les AZ. Elle améliore ainsi la tolérance aux pannes et garantit une continuité de service optimale.",
+  "kube_common_node_pool_select_zone": "Vous devez sélectionner au moins une zone de disponibilité."
 }

packages/manager/apps/pci-kubernetes/public/translations/node-pool/Messages_it_IT.json

@@ -39,5 +39,6 @@
   "kube_node_pool": "Configurare il pool di nodi",
   "kube_common_estimation_price_free": "Gratis",
   "kube_common_estimation_total_price": "Prezzo totale stimato:",
-  "kube_common_node_pool_estimation_cost_tile": "Stima mensile"
+  "kube_common_node_pool_estimation_cost_tile": "Stima mensile",
+  "kube_common_node_pool_select_zone": "Devi selezionare almeno una zona di disponibilità."
 }

packages/manager/apps/pci-kubernetes/public/translations/node-pool/Messages_pl_PL.json

@@ -39,5 +39,6 @@
   "kube_node_pool": "Konfiguracja puli węzłów",
   "kube_common_estimation_price_free": "Gratis",
   "kube_common_estimation_total_price": "Szacowana cena całkowita:",
-  "kube_common_node_pool_estimation_cost_tile": "Szacunkowy koszt miesięczny"
+  "kube_common_node_pool_estimation_cost_tile": "Szacunkowy koszt miesięczny",
+  "kube_common_node_pool_select_zone": "Musisz wybrać przynajmniej jedną strefę dostępności."
 }

packages/manager/apps/pci-kubernetes/public/translations/node-pool/Messages_pt_PT.json

@@ -39,5 +39,6 @@
   "kube_node_pool": "Configurar o pool de nós",
   "kube_common_estimation_price_free": "Grátis",
   "kube_common_estimation_total_price": "Preço total estimado:",
-  "kube_common_node_pool_estimation_cost_tile": "Estimativa mensal"
+  "kube_common_node_pool_estimation_cost_tile": "Estimativa mensal",
+  "kube_common_node_pool_select_zone": "Você deve selecionar pelo menos uma zona de disponibilidade."
 }

packages/manager/apps/pci-kubernetes/src/components/pciCard/PciCard.component.tsx

@@ -0,0 +1,54 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+
+import clsx from 'clsx';
+
+import { Card, CardProp } from '@ovhcloud/ods-react';
+
+import { PciCardContent } from './PciCardContent.component';
+import { PciCardFooter } from './PciCardFooter.component';
+import { PciCardHeader } from './PciCardHeader.component';
+
+export type TPciCardProps = CardProp &
+  HTMLAttributes<HTMLDivElement> &
+  PropsWithChildren<{
+    selectable?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    compact?: boolean;
+  }>;
+
+export const PciCard = ({
+  color = 'neutral',
+  selectable = false,
+  selected = false,
+  disabled = false,
+  compact = false,
+  className,
+  children,
+  onClick,
+  ...rest
+}: TPciCardProps) => {
+  // TODO : fix badge background color with tailwind
+  const baseClasses = clsx(
+    'flex flex-col gap-6',
+    compact ? 'px-6 py-4' : 'p-6',
+    {
+      'cursor-not-allowed bg-[--ods-color-neutral-100] [&_*]:text-neutral-500 [&_[class^=_badge]]:bg-[--ods-color-neutral-500]':
+        disabled,
+      'hover:cursor-pointer border-[--ods-color-primary-600] bg-[--ods-color-information-025]':
+        selected,
+      'hover:cursor-pointer hover:border-[--ods-color-primary-600]': selectable,
+    },
+    className,
+  );
+
+  return (
+    <Card color={color} className={baseClasses} {...(!disabled && { onClick })} {...rest}>
+      {children}
+    </Card>
+  );
+};
+
+PciCard.Header = PciCardHeader;
+PciCard.Content = PciCardContent;
+PciCard.Footer = PciCardFooter;