feat(web.office): add datagrid for react app

ref:MANAGER-16068 Signed-off-by: stif59100 <[email protected]>
ovh · Dec 18, 2024 · 39b5f78 · 39b5f78
1 parent 7a48a67
commit 39b5f78
Show file tree

Hide file tree

Showing 54 changed files with 1,221 additions and 1,658 deletions.
diff --git a/packages/manager/apps/container/src/container/legacy/server-sidebar/universe/WebSidebar.tsx b/packages/manager/apps/container/src/container/legacy/server-sidebar/universe/WebSidebar.tsx
@@ -7,7 +7,7 @@ import useServiceLoader from "./useServiceLoader";
 import OrderTrigger from '../order/OrderTrigger';
 import webShopConfig from '../order/shop-config/web';
 import { ShopItem } from '../order/OrderPopupContent';
-import getIcon  from './GetIcon';
+import getIcon from './GetIcon';
 import { useFeatureAvailability } from '@ovh-ux/manager-react-components';
 
 export const webFeatures = [
@@ -23,13 +23,13 @@ export const webFeatures = [
   'emails:delegate',
   'emails',
   'exchange:web-dashboard',
-  'office',
   'office-reseller',
   'sharepoint',
   'web:microsoft',
   'web-paas',
   'cloud-web',
   'cloud-database',
+  'web-office',
   'zimbra'
 ];
 
@@ -259,21 +259,36 @@ export default function WebSidebar() {
                 ...service,
               }));
             },
-          },
-          features.office && {
-            id: 'office',
+          }, features['web-office'] &&
+          {
+            id: 'web-office',
             label: t('sidebar_license_office'),
             icon: getIcon('ms-Icon ms-Icon--OfficeLogo'),
-            routeMatcher: new RegExp(`/office`),
+            routeMatcher: new RegExp(`^/web-office`),
             async loader() {
               const services = await loadServices('/license/office');
-              return services.map((service) => ({
-                icon: getIcon('ms-Icon ms-Icon--OfficeLogo'),
-                ...service,
-              }));
+              return [
+                {
+                  id: 'web_office_list',
+                  label: t('sidebar_license_office_list'),
+                  href: navigation.getURL(
+                    'web-office',
+                    `#/`
+                  ),
+                  icon: getIcon('oui-icon oui-icon-list'),
+                  ignoreSearch: true,
+                },
+                ...services.map((service) => ({
+                  ...service,
+                  icon: getIcon('ms-Icon ms-Icon--OfficeLogo'),
+                  href: navigation.getURL(
+                    'web-office',
+                    `#/license/${service.serviceName}`
+                  ),
+                })),
+              ];
             },
-          }
-        ],
+          },]
       });
     } else {
       if (features['exchange:web-dashboard']) {
@@ -324,7 +339,7 @@ export default function WebSidebar() {
     return menu;
   };
 
-  const {data: availability} = useFeatureAvailability(webFeatures);
+  const { data: availability } = useFeatureAvailability(webFeatures);
 
   useEffect(() => {
     if (availability) {