dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-19 16:36:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

custom markdown pages - basic concept

Browse Source
This commit is contained in:
Jan Prochazka
2020-12-10 15:12:19 +01:00
parent 7a0883ea03
commit 79ddbd439f
12 changed files with 201 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
packages/web/src/widgets/FilesWidget.js
View File

@@ -5,7 +5,12 @@ import { AppObjectList } from '../appobj/AppObjectList';
import { useOpenedTabs } from '../utility/globalState';
import ClosedTabAppObject from '../appobj/ClosedTabAppObject';
import { WidgetsInnerContainer } from './WidgetStyles';
import { SavedSqlFileAppObject, SavedShellFileAppObject, SavedChartFileAppObject } from '../appobj/SavedFileAppObject';
import {
SavedSqlFileAppObject,
SavedShellFileAppObject,
SavedChartFileAppObject,
SavedMarkdownFileAppObject,
} from '../appobj/SavedFileAppObject';
import WidgetColumnBar, { WidgetColumnBarItem } from './WidgetColumnBar';
import { useFiles } from '../utility/metadataLoaders';
import useHasPermission from '../utility/useHasPermission';
@@ -64,6 +69,18 @@ function SavedChartFilesList() {
);
}
function SavedMarkdownFilesList() {
const files = useFiles({ folder: 'markdown' });
return (
<>
<WidgetsInnerContainer>
<AppObjectList list={files} AppObjectComponent={SavedMarkdownFileAppObject} />
</WidgetsInnerContainer>
</>
);
}
export default function FilesWidget() {
const hasPermission = useHasPermission();
return (
@@ -72,20 +89,25 @@ export default function FilesWidget() {
<ClosedTabsList />
</WidgetColumnBarItem>
{hasPermission('files/sql/read') && (
<WidgetColumnBarItem title="Saved SQL files" name="sqlFiles" height="20%">
<WidgetColumnBarItem title="Saved SQL files" name="sqlFiles" height="15%">
<SavedSqlFilesList />
</WidgetColumnBarItem>
)}
{hasPermission('files/shell/read') && (
<WidgetColumnBarItem title="Saved shell files" name="shellFiles" height="20%">
<WidgetColumnBarItem title="Saved shell files" name="shellFiles" height="15%">
<SavedShellFilesList />
</WidgetColumnBarItem>
)}
{hasPermission('files/charts/read') && (
<WidgetColumnBarItem title="Saved charts" name="charts" height="20%">
<WidgetColumnBarItem title="Saved charts" name="charts" height="15%">
<SavedChartFilesList />
</WidgetColumnBarItem>
)}
{hasPermission('files/markdown/read') && (
<WidgetColumnBarItem title="Saved markdown pages" name="markdown" height="15%">
<SavedMarkdownFilesList />
</WidgetColumnBarItem>
)}
</WidgetColumnBar>
);
}

11
packages/web/src/widgets/Toolbar.js
View File

@@ -66,6 +66,14 @@ export default function ToolBar({ toolbarPortalRef }) {
else setCurrentTheme('light');
};
const newMarkdown = () => {
openNewTab(setOpenedTabs, {
title: 'Page',
tabComponent: 'MarkdownEditorTab',
icon: 'img markdown',
});
};
function openTabFromButton(button) {
if (openedTabs.find((x) => x.tabComponent == 'InfoPageTab' && x.props && x.props.page == button.page)) {
setOpenedTabs((tabs) =>
@@ -118,6 +126,9 @@ export default function ToolBar({ toolbarPortalRef }) {
<ToolbarButton onClick={newFreeTable} icon="icon table">
Free table editor
</ToolbarButton>
<ToolbarButton onClick={newMarkdown} icon="icon markdown">
New markdown
</ToolbarButton>
<ToolbarButton onClick={showImport} icon="icon import">
Import data
</ToolbarButton>