feat: add get toolbar api call in one2many

src/actionbar/TreeActionBar.tsx

@@ -327,7 +327,7 @@ function TreeActionBarComponent({
         icon={<InfoCircleOutlined />}
         tooltip={t("showLogs")}
         disabled={
-          !(selectedRowItems && selectedRowItems?.length > 0) || treeIsLoading
+          !(selectedRowItems && selectedRowItems?.length === 1) || treeIsLoading
         }
         onClick={() => showLogInfo(currentModel!, selectedRowItems![0].id, t)}
       />

src/helpers/logInfoHelper.tsx

@@ -1,5 +1,4 @@
 import ConnectionProvider from "@/ConnectionProvider";
-import React from "react";
 import showInfo from "@/ui/InfoDialog";
 
 async function showLogInfo(

src/hooks/useDuplicateItem.ts

@@ -0,0 +1,45 @@
+import { useCallback, useState, RefObject } from "react";
+import { ConnectionProvider } from "..";
+import { showErrorDialog } from "@/ui/GenericErrorDialog";
+
+type UseDuplicateItemProps = {
+  currentId?: number;
+  currentModel: string;
+  onItemDuplicated?: (id: number) => void;
+  context?: any;
+};
+
+export const useDuplicateItem = ({
+  currentId,
+  currentModel,
+  onItemDuplicated,
+  context,
+}: UseDuplicateItemProps) => {
+  const [duplicatingItem, setDuplicatingItem] = useState(false);
+
+  const duplicate = useCallback(async () => {
+    try {
+      if (!currentId) {
+        return;
+      }
+      setDuplicatingItem(true);
+      const newId = await ConnectionProvider.getHandler().duplicate({
+        id: currentId,
+        model: currentModel,
+        context,
+      });
+      if (newId) {
+        await onItemDuplicated?.(newId);
+      }
+    } catch (e) {
+      showErrorDialog(JSON.stringify(e));
+    } finally {
+      setDuplicatingItem(false);
+    }
+  }, [currentId, currentModel, onItemDuplicated, context]);
+
+  return {
+    duplicatingItem,
+    duplicate,
+  };
+};

src/locales/ca_ES.ts

@@ -99,8 +99,7 @@ export default {
   allRecordsSelected: "Hi ha {totalRecords} registres seleccionats.",
   openInSameWindow: "Obrir en la pestanya actual",
   openInNewTab: "Obrir en una nova pestanya",
-  confirmDuplicate:
-    "Estàs segur de volguer duplicar els registre/s seleccionats?",
+  confirmDuplicate: "Estàs segur de volguer duplicar els registre seleccionat?",
   confirmSelectAllRegisters:
     "Estàs segur de volguer seleccionar tots els {totalRecords} registres?",
   filter: "Filtrar",

src/locales/en_US.ts

@@ -96,7 +96,7 @@ export default {
   allRecordsSelected: "Hi ha {totalRecords} registres seleccionats.",
   openInSameWindow: "Open in the current tab",
   openInNewTab: "Open in a new tab",
-  confirmDuplicate: "Are you sure you want to duplicate the selected item/s?",
+  confirmDuplicate: "Are you sure you want to duplicate the selected item?",
   confirmSelectAllRegisters:
     "Are you sure you want to select all {totalRecords} registers?",
   filter: "Filter",

src/locales/es_ES.ts

@@ -101,8 +101,7 @@ export default {
   allRecordsSelected: "Hay {totalRecords} registros seleccionados.",
   openInSameWindow: "Abrir en la pestaña actual",
   openInNewTab: "Abrir en una nueva pestaña",
-  confirmDuplicate:
-    "Estás seguro de querer duplicar el registro/s seleccionado/s?",
+  confirmDuplicate: "Estás seguro de querer duplicar el registro seleccionado?",
   confirmSelectAllRegisters:
     "Estás seguro de querer seleccionar todos los {totalRecords} registros?",
   filter: "Filtrar",

src/models/erpFeature.ts

@@ -4,6 +4,7 @@ export enum ErpFeatureKeys {
   FEATURE_OMNISEARCH = "omnisearch",
   FEATURE_READFORVIEW = "read_for_view",
   FEATURE_USERVIEWPREFS = "user_view_prefs",
+  FEATURE_GET_TOOLBAR = "get_toolbar",
   // ... add more features here
 }
 

src/types/index.ts

@@ -218,6 +218,13 @@ type GetViewRequest = {
   context?: any;
 };
 
+type GetToolbarRequest = {
+  model: string;
+  id?: number;
+  type: ViewType;
+  context?: any;
+};
+
 type GetFieldsRequest = {
   model: string;
   fields?: string[];
@@ -383,6 +390,7 @@ type ConnectionProviderType = {
     { key }: { key: string },
     requestConfig?: any,
   ) => Promise<any>;
+  getToolbar: (options: GetViewRequest, requestConfig?: any) => Promise<any>;
 };
 
 type ViewType = "tree" | "form" | "dashboard" | "graph" | "calendar";

src/widgets/base/one2many/One2many.tsx

@@ -12,6 +12,8 @@ import {
 } from "@/widgets/base/one2many/One2manyInputInfinite";
 import useDeepCompareEffect from "use-deep-compare-effect";
 import { FormContext, FormContextType } from "@/context/FormContext";
+import { useFeatureIsEnabled } from "@/context/ConfigContext";
+import { ErpFeatureKeys } from "@/models/erpFeature";
 
 const MIN_ITEMS_TO_USE_INFINITE = 30;
 
@@ -35,14 +37,25 @@ export const One2many = (props: Props) => {
     fetchData();
   }, [ooui]);
 
+  const getToolbarEnabled = useFeatureIsEnabled(
+    ErpFeatureKeys.FEATURE_GET_TOOLBAR,
+  );
+
   const getViewData = async (type: ViewType) => {
     if (oouiViews && oouiViews[type]) {
       const view = oouiViews[type];
-      // TODO: Replace with the new API call to retrieve only the toolbar
-      // if (!view.toolbar && (type === "form" || type === "tree")) {
-      //   const viewWithToolbar: TreeView | FormView = await getViewPromise;
-      //   return { ...view, toolbar: viewWithToolbar.toolbar };
-      // }
+      if (
+        getToolbarEnabled &&
+        !view.toolbar &&
+        (type === "form" || type === "tree")
+      ) {
+        const toolbar = await ConnectionProvider.getHandler().getToolbar({
+          model: relation,
+          type,
+          context: { ...getContext?.(), ...context },
+        });
+        return { ...view, toolbar };
+      }
       return view;
     }
 

src/widgets/base/one2many/One2manyInput.tsx

@@ -680,6 +680,8 @@ const One2manyInput: React.FC<One2manyInputProps> = (
     <>
       <One2manyTopBar
         mode={currentView}
+        model={relation}
+        currentId={itemsToShow[itemIndex]?.id}
         title={getTitle()}
         readOnly={readOnly || false}
         isMany2Many={isMany2many}

src/widgets/base/one2many/One2manyInputInfinite.tsx

@@ -251,6 +251,8 @@ export const One2manyInput: React.FC<One2manyInputInfiniteProps> = (
       <One2manyTopBar
         mode={currentView}
         title={title}
+        currentId={items[itemIndex]?.id}
+        model={relation}
         readOnly={readOnly || false}
         isMany2Many={isMany2many}
         formHasChanges={formHasChanges}

src/widgets/base/one2many/One2manyTopBar.tsx

@@ -12,17 +12,24 @@ import {
   ThunderboltOutlined,
   PrinterOutlined,
   EnterOutlined,
+  InfoCircleOutlined,
+  CopyOutlined,
 } from "@ant-design/icons";
 import { ViewType } from "@/types";
 import { theme, Badge } from "antd";
 import { useFormToolbarButtons } from "@/hooks/useFormToolbarButtons";
 import { useTreeToolbarButtons } from "@/hooks/useTreeToolbarButtons";
+import { showLogInfo } from "@/helpers/logInfoHelper";
+import { showConfirmDialog } from "@/index";
+import { useDuplicateItem } from "@/hooks/useDuplicateItem";
 const { useToken } = theme;
 
 type One2manyTopBarProps = {
   title: string;
   mode: ViewType;
+  model: string;
   isMany2Many: boolean;
+  currentId: number | undefined;
   readOnly: boolean;
   formHasChanges: boolean;
   onToggleViewMode: () => void;
@@ -47,6 +54,7 @@ function One2manyTopBarComponent(props: One2manyTopBarProps) {
     title: titleString,
     readOnly,
     onCreateItem,
+    model,
     onToggleViewMode,
     mode,
     onDelete,
@@ -63,11 +71,21 @@ function One2manyTopBarComponent(props: One2manyTopBarProps) {
     context,
     formRef,
     onRefreshParentValues,
+    currentId,
   } = props;
 
   const { token } = useToken();
   const { t } = useLocale();
 
+  const { duplicatingItem, duplicate } = useDuplicateItem({
+    currentId: mode === "form" ? currentId : parseInt(selectedRowKeys[0]),
+    currentModel: model,
+    onItemDuplicated: () => {
+      onRefreshParentValues?.();
+    },
+    context: mode === "tree" ? context : formRef?.current?.getContext(),
+  });
+
   const { actionButtonProps, printButtonProps, relateButtonProps } =
     useFormToolbarButtons({
       toolbar,
@@ -121,6 +139,56 @@ function One2manyTopBarComponent(props: One2manyTopBarProps) {
             onDelete={onDelete}
           />
         )}
+        {(mode === "tree" || mode === "form") && (
+          <>
+            <Separator />
+            <ButtonWithTooltip
+              icon={<InfoCircleOutlined />}
+              tooltip={t("showLogs")}
+              disabled={
+                !(
+                  (mode === "form" &&
+                    currentId !== undefined &&
+                    currentId > 0) ||
+                  (mode === "tree" &&
+                    selectedRowKeys.length === 1 &&
+                    selectedRowKeys?.[0] !== undefined &&
+                    parseInt(selectedRowKeys[0]) > 0)
+                )
+              }
+              onClick={() =>
+                showLogInfo(
+                  model,
+                  mode === "form" ? currentId! : parseInt(selectedRowKeys![0]),
+                  t,
+                )
+              }
+            />
+          </>
+        )}
+        {(mode === "form" || mode === "tree") && (
+          <>
+            <Separator />
+            <ButtonWithTooltip
+              icon={<CopyOutlined />}
+              tooltip={t("duplicate")}
+              disabled={
+                readOnly ||
+                duplicatingItem ||
+                (mode === "tree" && selectedRowKeys.length !== 1) ||
+                (mode === "form" && (currentId === undefined || currentId < 0))
+              }
+              loading={duplicatingItem}
+              onClick={() =>
+                showConfirmDialog({
+                  confirmMessage: t("confirmDuplicate"),
+                  t,
+                  onOk: async () => duplicate(),
+                })
+              }
+            />
+          </>
+        )}
         {mode === "form" && (
           <ItemBrowser
             currentItemIndex={currentItemIndex}
@@ -129,27 +197,41 @@ function One2manyTopBarComponent(props: One2manyTopBarProps) {
             onNextItem={onNextItem}
           />
         )}
-        <Separator />
         {showToggleButton && (
-          <ButtonWithTooltip
-            tooltip={t("toggleViewMode")}
-            icon={<AlignLeftOutlined />}
-            onClick={onToggleViewMode}
-          />
-        )}
-        {/* {toolbar && (
           <>
             <Separator />
-            <DropdownButton
-              icon={<ThunderboltOutlined />}
-              {...(mode === "form" ? actionButtonProps : treeActionButtonProps)}
-            />
-            <Separator />
-            <DropdownButton
-              icon={<PrinterOutlined />}
-              {...(mode === "form" ? printButtonProps : treePrintButtonProps)}
+            <ButtonWithTooltip
+              tooltip={t("toggleViewMode")}
+              icon={<AlignLeftOutlined />}
+              onClick={onToggleViewMode}
             />
-            {mode === "form" && (
+          </>
+        )}
+        {toolbar && (
+          <>
+            {toolbar.action?.length > 0 && (
+              <>
+                <Separator />
+                <DropdownButton
+                  icon={<ThunderboltOutlined />}
+                  {...(mode === "form"
+                    ? actionButtonProps
+                    : treeActionButtonProps)}
+                />
+              </>
+            )}
+            {toolbar.print?.length > 0 && (
+              <>
+                <Separator />
+                <DropdownButton
+                  icon={<PrinterOutlined />}
+                  {...(mode === "form"
+                    ? printButtonProps
+                    : treePrintButtonProps)}
+                />
+              </>
+            )}
+            {mode === "form" && toolbar.relate?.length > 0 && (
               <>
                 <Separator />
                 <DropdownButton
@@ -159,7 +241,7 @@ function One2manyTopBarComponent(props: One2manyTopBarProps) {
               </>
             )}
           </>
-        )} */}
+        )}
       </div>
     </div>
   );