feat: control the visibility of NMRium header items

close #2642 Control the visibility of those items (help,logs, general setting, workspaces and maximize) from the workspace preferences
cheminfo · Aug 25, 2023 · 7a24c77 · 7a24c77
1 parent 819f828
commit 7a24c77
Show file tree

Hide file tree

Showing 5 changed files with 84 additions and 21 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -89,6 +89,7 @@
     "nmr-correlation": "^2.3.3",
     "nmr-load-save": "^0.18.0",
     "nmr-processing": "^10.0.7",
+    "nmredata": "^0.9.2",
     "numeral": "^2.0.6",
     "openchemlib": "^8.3.0",
     "openchemlib-utils": "^5.2.0",
@@ -147,4 +148,4 @@
     "vite": "^4.4.9",
     "vitest": "^0.34.1"
   }
-}
+}
diff --git a/src/component/header/Header.tsx b/src/component/header/Header.tsx
@@ -98,9 +98,11 @@ function HeaderInner(props: HeaderInnerProps) {
   } = usePreferences();
 
   const workspacesList = useWorkspacesList();
+
   const hideGeneralSettings = !!(
     general?.hideGeneralSettings && workspace.base
   );
+  const hideWorkspaces = !!(general?.hideWorkspaces && workspace.base);
 
   const selectedPanel = useMemo(() => {
     switch (selectedOptionPanel) {
@@ -161,33 +163,33 @@ function HeaderInner(props: HeaderInnerProps) {
             alignItems: 'center',
           }}
         >
-          {!hideGeneralSettings && (
-            <>
-              <DropDownButton
-                data={workspacesList}
-                selectedKey={workspace.current}
-                onSelect={changeWorkspaceHandler}
-                renderItem={renderItem}
-              />
-              <SaveButton />
-            </>
+          {!hideWorkspaces && (
+            <DropDownButton
+              data={workspacesList}
+              selectedKey={workspace.current}
+              onSelect={changeWorkspaceHandler}
+              renderItem={renderItem}
+            />
           )}
+          {!hideGeneralSettings && <SaveButton />}
           {!general?.hideLogs && <LogsHistoryModal />}
 
           <div>
             <Toolbar orientation="horizontal">
-              <Toolbar.Item
-                id="user-manual"
-                title="User manual"
-                onClick={() => window.open(docsBaseUrl, '_blank')}
-              >
-                <FaQuestionCircle />
-              </Toolbar.Item>
+              {!general?.hideHelp && (
+                <Toolbar.Item
+                  id="user-manual"
+                  title="User manual"
+                  onClick={() => window.open(docsBaseUrl, '_blank')}
+                >
+                  <FaQuestionCircle />
+                </Toolbar.Item>
+              )}
               {!hideGeneralSettings && (
                 <GeneralSettingsModal height={height / 2} />
               )}
 
-              {!isFullscreenEnabled && (
+              {!isFullscreenEnabled && !general?.hideMaximize && (
                 <Toolbar.Item
                   id="full-screen"
                   onClick={onEnableFullscreen}

diff --git a/src/component/workspaces/embedded.ts b/src/component/workspaces/embedded.ts
@@ -7,6 +7,11 @@ export const embedded: InnerWorkspace = {
     general: {
       experimentalFeatures: { display: true },
       hidePanelOnLoad: true,
+      hideHelp: true,
+      hideLogs: true,
+      hideMaximize: true,
+      hideWorkspaces: true,
+      hideGeneralSettings: true,
     },
 
     panels: {

diff --git a/src/component/workspaces/workspaceDefaultProperties.ts b/src/component/workspaces/workspaceDefaultProperties.ts
@@ -8,6 +8,9 @@ export const workspaceDefaultProperties: Required<WorkspacePreferences> = {
       experimentalFeatures: { display: false },
       hidePanelOnLoad: false,
       hideLogs: false,
+      hideHelp: false,
+      hideMaximize: false,
+      hideWorkspaces: false,
     },
 
     panels: {