charts version 0

packages/web/src/tabs/ChartTab.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import { createFreeTableModel } from 'dbgate-datalib';
+import useUndoReducer from '../utility/useUndoReducer';
+import { useSetOpenedTabs } from '../utility/globalState';
+import useGridConfig from '../utility/useGridConfig';
+import FreeTableGrid from '../freetable/FreeTableGrid';
+import SaveArchiveModal from '../modals/SaveArchiveModal';
+import useModalState from '../modals/useModalState';
+import axios from '../utility/axios';
+import LoadingInfo from '../widgets/LoadingInfo';
+import { changeTab } from '../utility/common';
+import ErrorInfo from '../widgets/ErrorInfo';
+import useEditorData from '../utility/useEditorData';
+import SaveTabModal from '../modals/SaveTabModal';
+import ChartEditor from '../charts/ChartEditor';
+
+export default function ChartTab({ tabVisible, toolbarPortalRef, tabid }) {
+  const [config, setConfig] = useGridConfig(tabid);
+  const [modelState, dispatchModel] = useUndoReducer(createFreeTableModel());
+  const saveFileModalState = useModalState();
+  const { initialData, setEditorData, errorMessage, isLoading } = useEditorData({
+    tabid,
+  });
+
+  React.useEffect(() => {
+    // @ts-ignore
+    if (initialData) dispatchModel({ type: 'reset', value: initialData });
+  }, [initialData]);
+
+  React.useEffect(() => {
+    setEditorData(modelState.value);
+  }, [modelState]);
+
+  if (isLoading) {
+    return <LoadingInfo wrapper message="Loading data" />;
+  }
+  if (errorMessage) {
+    return <ErrorInfo message={errorMessage} />;
+  }
+
+  return (
+    <>
+      <ChartEditor data={modelState.value && modelState.value.data} />
+      <SaveTabModal
+        modalState={saveFileModalState}
+        data={modelState.value}
+        format="json"
+        folder="charts"
+        tabid={tabid}
+      />
+    </>
+  );
+}

packages/web/src/tabs/index.js

@@ -7,6 +7,7 @@ import InfoPageTab from './InfoPageTab';
 import ArchiveFileTab from './ArchiveFileTab';
 import FreeTableTab from './FreeTableTab';
 import PluginTab from './PluginTab';
+import ChartTab from './ChartTab';
 
 export default {
   TableDataTab,
@@ -18,4 +19,5 @@ export default {
   ArchiveFileTab,
   FreeTableTab,
   PluginTab,
+  ChartTab,
 };