feat(backup-agent): add edit configuration agent drawer

ref: #BKP-656

Signed-off-by: Thibault Barske <[email protected]>

Author: tibs245

package.json

@@ -5,7 +5,224 @@
   "description": "OVH Control Panel also known as Manager",
   "license": "BSD-3-Clause",
   "workspaces": {
-    "packages": []
+    "packages": [
+      "docs",
+      "packages/components/ng-at-internet",
+      "packages/components/ng-at-internet-ui-router-plugin",
+      "packages/components/ng-log-live-tail",
+      "packages/components/ng-ovh-actions-menu",
+      "packages/components/ng-ovh-browser-alert",
+      "packages/components/ng-ovh-chart",
+      "packages/components/ng-ovh-checkbox-table",
+      "packages/components/ng-ovh-contact",
+      "packages/components/ng-ovh-contacts",
+      "packages/components/ng-ovh-contracts",
+      "packages/components/ng-ovh-doc-url",
+      "packages/components/ng-ovh-export-csv",
+      "packages/components/ng-ovh-feature-flipping",
+      "packages/components/ng-ovh-http",
+      "packages/components/ng-ovh-jquery-ui-draggable",
+      "packages/components/ng-ovh-line-diagnostics",
+      "packages/components/ng-ovh-mondial-relay",
+      "packages/components/ng-ovh-otrs",
+      "packages/components/ng-ovh-payment-method",
+      "packages/components/ng-ovh-proxy-request",
+      "packages/components/ng-ovh-responsive-popover",
+      "packages/components/ng-ovh-sidebar-menu",
+      "packages/components/ng-ovh-simple-country-list",
+      "packages/components/ng-ovh-sso-auth",
+      "packages/components/ng-ovh-swimming-poll",
+      "packages/components/ng-ovh-timeline",
+      "packages/components/ng-ovh-toaster",
+      "packages/components/ng-ovh-ui-confirm-modal",
+      "packages/components/ng-ovh-user-pref",
+      "packages/components/ng-ovh-utils",
+      "packages/components/ng-pagination-front",
+      "packages/components/ng-q-allsettled",
+      "packages/components/ng-shell-tracking",
+      "packages/components/ng-tail-logs",
+      "packages/components/ng-translate-async-loader",
+      "packages/components/ng-ui-router-breadcrumb",
+      "packages/components/ng-ui-router-layout",
+      "packages/components/ng-ui-router-title",
+      "packages/components/ovh-at-internet",
+      "packages/components/ovh-payment-method",
+      "packages/components/ovh-reket",
+      "packages/components/ovh-shell",
+      "packages/manager-tools/manager-cli",
+      "packages/manager-tools/manager-forge-cli",
+      "packages/manager-tools/manager-legacy-tools/codename-generator",
+      "packages/manager-tools/manager-legacy-tools/component-rollup-config",
+      "packages/manager-tools/manager-legacy-tools/dev-server",
+      "packages/manager-tools/manager-legacy-tools/dev-server-config",
+      "packages/manager-tools/manager-legacy-tools/test-utils",
+      "packages/manager-tools/manager-legacy-tools/webpack-config",
+      "packages/manager-tools/manager-legacy-tools/webpack-dev-server",
+      "packages/manager-tools/manager-muk-cli",
+      "packages/manager-tools/manager-pm",
+      "packages/manager-tools/manager-static-analysis-kit",
+      "packages/manager-tools/manager-tailwind-config",
+      "packages/manager-tools/manager-tests-setup",
+      "packages/manager-tools/manager-vite-config",
+      "packages/manager-ui-kit",
+      "packages/manager-wiki",
+      "packages/manager/apps/account",
+      "packages/manager/apps/account-creation",
+      "packages/manager/apps/billing",
+      "packages/manager/apps/bmc-backup-agent-baremetal",
+      "packages/manager/apps/carbon-calculator",
+      "packages/manager/apps/carrier-sip",
+      "packages/manager/apps/catalog",
+      "packages/manager/apps/cda",
+      "packages/manager/apps/cloud-connect",
+      "packages/manager/apps/cloud-shell",
+      "packages/manager/apps/communication",
+      "packages/manager/apps/container",
+      "packages/manager/apps/dbaas-logs",
+      "packages/manager/apps/dedicated",
+      "packages/manager/apps/dedicated-servers",
+      "packages/manager/apps/email-domain",
+      "packages/manager/apps/email-pro",
+      "packages/manager/apps/exchange",
+      "packages/manager/apps/freefax",
+      "packages/manager/apps/hpc-backup-agent-iaas",
+      "packages/manager/apps/hpc-vmware-public-vcf-aas",
+      "packages/manager/apps/hpc-vmware-vsphere",
+      "packages/manager/apps/hub",
+      "packages/manager/apps/hycu",
+      "packages/manager/apps/iam",
+      "packages/manager/apps/identity-access-management",
+      "packages/manager/apps/iplb",
+      "packages/manager/apps/metrics",
+      "packages/manager/apps/nasha",
+      "packages/manager/apps/netapp",
+      "packages/manager/apps/nutanix",
+      "packages/manager/apps/okms",
+      "packages/manager/apps/order-tracking",
+      "packages/manager/apps/overthebox",
+      "packages/manager/apps/pci",
+      "packages/manager/apps/pci-ai-endpoints",
+      "packages/manager/apps/pci-ai-tools",
+      "packages/manager/apps/pci-billing",
+      "packages/manager/apps/pci-block-storage",
+      "packages/manager/apps/pci-cold-archive",
+      "packages/manager/apps/pci-contacts",
+      "packages/manager/apps/pci-databases-analytics",
+      "packages/manager/apps/pci-dataplatform",
+      "packages/manager/apps/pci-gateway",
+      "packages/manager/apps/pci-instances",
+      "packages/manager/apps/pci-kubernetes",
+      "packages/manager/apps/pci-load-balancer",
+      "packages/manager/apps/pci-object-storage",
+      "packages/manager/apps/pci-private-network",
+      "packages/manager/apps/pci-private-registry",
+      "packages/manager/apps/pci-public-ip",
+      "packages/manager/apps/pci-quota",
+      "packages/manager/apps/pci-rancher",
+      "packages/manager/apps/pci-savings-plan",
+      "packages/manager/apps/pci-ssh-keys",
+      "packages/manager/apps/pci-users",
+      "packages/manager/apps/pci-volume-backup",
+      "packages/manager/apps/pci-volume-snapshot",
+      "packages/manager/apps/pci-vouchers",
+      "packages/manager/apps/pci-workflow",
+      "packages/manager/apps/procedures",
+      "packages/manager/apps/public-cloud",
+      "packages/manager/apps/restricted",
+      "packages/manager/apps/sap-features-hub",
+      "packages/manager/apps/sign-up",
+      "packages/manager/apps/sms",
+      "packages/manager/apps/support",
+      "packages/manager/apps/telecom",
+      "packages/manager/apps/telecom-dashboard",
+      "packages/manager/apps/telecom-task",
+      "packages/manager/apps/veeam-backup",
+      "packages/manager/apps/veeam-enterprise",
+      "packages/manager/apps/vps",
+      "packages/manager/apps/vrack",
+      "packages/manager/apps/vrack-services",
+      "packages/manager/apps/web",
+      "packages/manager/apps/web-domains",
+      "packages/manager/apps/web-hosting",
+      "packages/manager/apps/web-office",
+      "packages/manager/apps/web-ongoing-operations",
+      "packages/manager/apps/zimbra",
+      "packages/manager/core/api",
+      "packages/manager/core/application",
+      "packages/manager/core/ovh-product-icons",
+      "packages/manager/core/request-tagger",
+      "packages/manager/core/sso",
+      "packages/manager/core/url-builder",
+      "packages/manager/core/utils",
+      "packages/manager/modules/account",
+      "packages/manager/modules/account-migration",
+      "packages/manager/modules/advices",
+      "packages/manager/modules/at-internet-configuration",
+      "packages/manager/modules/backup-agent",
+      "packages/manager/modules/banner",
+      "packages/manager/modules/beta-preference",
+      "packages/manager/modules/billing",
+      "packages/manager/modules/billing-components",
+      "packages/manager/modules/billing-informations",
+      "packages/manager/modules/bm-server-components",
+      "packages/manager/modules/carbon-calculator",
+      "packages/manager/modules/carrier-sip",
+      "packages/manager/modules/catalog-price",
+      "packages/manager/modules/cda",
+      "packages/manager/modules/cloud-connect",
+      "packages/manager/modules/cloud-styles",
+      "packages/manager/modules/cloud-universe-components",
+      "packages/manager/modules/common-api",
+      "packages/manager/modules/common-translations",
+      "packages/manager/modules/config",
+      "packages/manager/modules/cookie-policy",
+      "packages/manager/modules/core",
+      "packages/manager/modules/dbaas-logs",
+      "packages/manager/modules/email-domain",
+      "packages/manager/modules/emailpro",
+      "packages/manager/modules/error-page",
+      "packages/manager/modules/exchange",
+      "packages/manager/modules/filters",
+      "packages/manager/modules/freefax",
+      "packages/manager/modules/gcj",
+      "packages/manager/modules/iam",
+      "packages/manager/modules/iplb",
+      "packages/manager/modules/log-to-customer",
+      "packages/manager/modules/logs-to-customer",
+      "packages/manager/modules/manager-components",
+      "packages/manager/modules/manager-pci-common",
+      "packages/manager/modules/metrics",
+      "packages/manager/modules/mfa-enrollment",
+      "packages/manager/modules/models",
+      "packages/manager/modules/nasha",
+      "packages/manager/modules/netapp",
+      "packages/manager/modules/network-common",
+      "packages/manager/modules/ng-apiv2-helper",
+      "packages/manager/modules/ng-layout-helpers",
+      "packages/manager/modules/ng-ovh-order-tracking",
+      "packages/manager/modules/nutanix",
+      "packages/manager/modules/order",
+      "packages/manager/modules/overthebox",
+      "packages/manager/modules/pci",
+      "packages/manager/modules/pci-universe-components",
+      "packages/manager/modules/phone-prefix",
+      "packages/manager/modules/product-offers",
+      "packages/manager/modules/request-tagger",
+      "packages/manager/modules/resource-tagging",
+      "packages/manager/modules/sign-up",
+      "packages/manager/modules/sms",
+      "packages/manager/modules/support",
+      "packages/manager/modules/telecom-dashboard",
+      "packages/manager/modules/telecom-styles",
+      "packages/manager/modules/telecom-task",
+      "packages/manager/modules/telecom-universe-components",
+      "packages/manager/modules/trusted-nic",
+      "packages/manager/modules/vcd-api",
+      "packages/manager/modules/veeam-enterprise",
+      "packages/manager/modules/vps",
+      "packages/manager/modules/vrack",
+      "packages/manager/modules/web-universe-components"
+    ]
   },
   "scripts": {
     "build": "yarn pm:build:ci",
@@ -39,18 +256,18 @@
     "manager-perf-budgets": "yarn manager-pm --type pnpm --action perfBudgets",
     "packages:publish": "manager-pm --type pnpm --action publish",
     "pm:add:app": "node ./packages/manager-tools/manager-pm/src/manager-pm-add-app.js",
-    "pm:remove:app": "node ./packages/manager-tools/manager-pm/src/manager-pm-remove-app.js",
     "pm:add:module": "node ./packages/manager-tools/manager-pm/src/manager-pm-add-module.js",
-    "pm:remove:module": "node ./packages/manager-tools/manager-pm/src/manager-pm-remove-module.js",
-    "pm:isolated:install": "node packages/manager-tools/manager-pm/src/manager-pm-isolated-install.js",
-    "pm:prepare:legacy:workspace": "node ./packages/manager-tools/manager-pm/src/manager-pm-prepare-workspace.js",
-    "pm:remove:legacy:workspace": "node ./packages/manager-tools/manager-pm/src/manager-pm-remove-workspace.js",
     "pm:build:ci": "manager-pm --type pnpm --action buildCI",
     "pm:build:full": "manager-pm --type pnpm --action full-build",
+    "pm:isolated:install": "node packages/manager-tools/manager-pm/src/manager-pm-isolated-install.js",
     "pm:lint": "manager-pm --type pnpm --action full-lint",
     "pm:lint:app": "manager-pm --type pnpm --action lint",
     "pm:lint:base": "node scripts/lint/lint-runner.js",
     "pm:lint:fix": "manager-pm --type pnpm --action full-lint --fix",
+    "pm:prepare:legacy:workspace": "node ./packages/manager-tools/manager-pm/src/manager-pm-prepare-workspace.js",
+    "pm:remove:app": "node ./packages/manager-tools/manager-pm/src/manager-pm-remove-app.js",
+    "pm:remove:legacy:workspace": "node ./packages/manager-tools/manager-pm/src/manager-pm-remove-workspace.js",
+    "pm:remove:module": "node ./packages/manager-tools/manager-pm/src/manager-pm-remove-module.js",
     "pm:start": "manager-pm --type pnpm --action start",
     "pm:test:ci": "manager-pm --type pnpm --action testCI",
     "pm:test:full": "manager-pm --type pnpm --action full-test",

packages/manager/modules/backup-agent/public/translations/services/agent/Messages_fr_FR.json

@@ -1,10 +1,13 @@
 {
   "add_configuration": "Ajouter une configuration",
+  "edit_configuration": "Editer un agent",
+  "service_informations": "Informations sur le service",
   "link_agent_to_a_server": "Lier un agent à un serveur existant",
   "add_server": "Ajouter un serveur",
   "select_server": "Sélectionner le serveur",
   "product_name": "Nom du produit",
   "select_os": "Sélectionner un système d'exploitation",
   "os": "Système d'exploitation",
-  "download_agent": "Télécharger l'agent"
+  "download_agent": "Télécharger l'agent",
+  "backup_policy": "Backup Policy"
 }

packages/manager/modules/backup-agent/src/data/api/agents/agents.requests.ts

@@ -1,5 +1,25 @@
+import { ApiResponse, v2 } from '@ovh-ux/manager-core-api';
+
 export const getBackupAgentsListRoute = (vspcTenantId: string) =>
   `/backup/tenant/vspc/${vspcTenantId}/backupAgent`;
 
 export const getBackupAgentsDetailsRoute = (vspcTenantId: string, backupAgentId: string) =>
   `${getBackupAgentsListRoute(vspcTenantId)}/${backupAgentId}`;
+
+export const editConfigurationBackupAgentsRoute = (vspcTenantId: string, backupAgentId: string) =>
+  getBackupAgentsDetailsRoute(vspcTenantId, backupAgentId);
+
+export type EditConfigurationBackupAgentsProps = {
+  vspcTenantId: string;
+  backupAgentId: string;
+  ips: string[];
+  displayName: string;
+  policy: string;
+};
+
+export const editConfigurationBackupAgents = async ({
+  vspcTenantId,
+  backupAgentId,
+  ...payload
+}: EditConfigurationBackupAgentsProps): Promise<ApiResponse<string>> =>
+  v2.put(editConfigurationBackupAgentsRoute(vspcTenantId, backupAgentId), payload);

packages/manager/modules/backup-agent/src/data/hooks/agents/getAgentDetails.ts

@@ -1,31 +1,43 @@
-import { DefinedInitialDataOptions, useQuery } from '@tanstack/react-query';
+import { queryOptions, useQuery } from '@tanstack/react-query';
 
 import { BACKUP_TENANT_DETAILS_QUERY_KEY } from '@/data/hooks/tenants/useBackupTenantDetails';
 import { mockAgents } from '@/mocks/agents/agents';
 import { Agent } from '@/types/Agent.type';
 import { Resource } from '@/types/Resource.type';
 
 export const BACKUP_VSPC_TENANT_AGENT_DETAILS_QUERY_KEY = (
-  vspcTenantID: string,
-  backupId: string,
-) => [...BACKUP_TENANT_DETAILS_QUERY_KEY(vspcTenantID), backupId];
+  vspcTenantId: string,
+  agentId: string,
+) => [...BACKUP_TENANT_DETAILS_QUERY_KEY(vspcTenantId), agentId];
 
-export const useBackupVSPCTenantDetails = ({
+export const useBackupVSPCTenantAgentDetailsOptions = ({
   tenantId,
-  backupId,
-  ...options
+  agentId,
 }: {
-  tenantId: string;
-  backupId: string;
-} & Partial<
-  Omit<DefinedInitialDataOptions<Resource<Agent>, unknown, Resource<Agent>>, 'queryKey' | 'queryFn'>
->) =>
-  useQuery({
+  tenantId?: string;
+  agentId?: string;
+}) =>
+  queryOptions({
     queryFn: () =>
       new Promise<Resource<Agent>>((resolve, reject) => {
-        const result = mockAgents.find((agent) => agent.id === tenantId);
-        result ? resolve(result) : reject(new Error('Agent not found'));
+        setTimeout(() => {
+          const result = mockAgents.find((agent) => agent.id === agentId);
+          result ? resolve(result) : reject(new Error('Agent not found'));
+        }, 1000);
       }),
-    queryKey: BACKUP_VSPC_TENANT_AGENT_DETAILS_QUERY_KEY(tenantId, backupId),
+    queryKey: BACKUP_VSPC_TENANT_AGENT_DETAILS_QUERY_KEY(tenantId!, agentId!),
+    enabled: !!tenantId && !!agentId,
+  });
+
+export const useBackupVSPCTenantAgentDetails = ({
+  tenantId,
+  agentId,
+  ...options
+}: {
+  tenantId?: string;
+  agentId?: string;
+}) =>
+  useQuery({
+    ...useBackupVSPCTenantAgentDetailsOptions({ tenantId, agentId }),
     ...options,
   });

packages/manager/modules/backup-agent/src/data/hooks/agents/putAgent.ts

@@ -0,0 +1,40 @@
+import { UseMutationOptions, useMutation, useQueryClient } from '@tanstack/react-query';
+
+import { ApiError, ApiResponse } from '@ovh-ux/manager-core-api';
+
+import {
+  EditConfigurationBackupAgentsProps,
+  editConfigurationBackupAgents,
+} from '@/data/api/agents/agents.requests';
+
+import { GET_VSPC_TENANTS_QUERY_KEY } from '../tenants/useVspcTenants';
+
+type UseEditConfigurationVSPCTenantAgentParams = Partial<
+  UseMutationOptions<
+    ApiResponse<string>,
+    ApiError,
+    Omit<EditConfigurationBackupAgentsProps, 'vspcTenantId' | 'backupAgentId'>
+  >
+>;
+
+export const useEditConfigurationVSPCTenantAgent = ({
+  vspcTenantId,
+  backupAgentId,
+  ...options
+}: UseEditConfigurationVSPCTenantAgentParams &
+  Pick<EditConfigurationBackupAgentsProps, 'vspcTenantId' | 'backupAgentId'>) => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (
+      payload: Omit<EditConfigurationBackupAgentsProps, 'vspcTenantId' | 'backupAgentId'>,
+    ) => editConfigurationBackupAgents({ vspcTenantId, backupAgentId, ...payload }),
+    ...options,
+    onSuccess: async (...params) => {
+      await queryClient.invalidateQueries({
+        queryKey: GET_VSPC_TENANTS_QUERY_KEY,
+      });
+      options.onSuccess?.(...params);
+    },
+  });
+};

packages/manager/modules/backup-agent/src/mocks/tenant/backupPolicies.mock.ts

@@ -1 +1 @@
-export const mockTenantBackupPolicies = ['windows', 'linux', 'macos'];
+export const mockTenantBackupPolicies = ['windows', 'linux', 'daily-backup-retention-30d', 'macos'];