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

resizable widgets in grid

Browse Source
This commit is contained in:
Jan Prochazka
2020-11-05 12:33:31 +01:00
parent 7888cf6714
commit f5e243a77f
7 changed files with 18 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/web/src/freetable/FreeTableColumnEditor.js
View File

@@ -134,7 +134,6 @@ export default function FreeTableColumnEditor(props) {
const model = modelState.value;
return (
<>
<WidgetTitle>Columns</WidgetTitle>
<ManagerInnerContainer style={{ maxWidth: props.managerSize }}>
{model.structure.columns.map((column, index) =>
index == editingColumn ? (

13
packages/web/src/freetable/FreeTableGrid.js
View File

@@ -9,6 +9,7 @@ import FreeTableColumnEditor from './FreeTableColumnEditor';
import FreeTableGridCore from './FreeTableGridCore';
import MacroDetail from './MacroDetail';
import MacroManager from './MacroManager';
import WidgetColumnBar, { WidgetColumnBarItem } from '../widgets/WidgetColumnBar';
const LeftContainer = styled.div`
background-color: white;
@@ -50,19 +51,19 @@ export default function FreeTableGrid(props) {
return (
<HorizontalSplitter initialValue="300px" size={managerSize} setSize={setManagerSize}>
<LeftContainer>
<ManagerMainContainer>
<ManagerOuterContainer_40>
<WidgetColumnBar>
<WidgetColumnBarItem title="Columns" name="columns" height="40%">
<FreeTableColumnEditor {...props} />
</ManagerOuterContainer_40>
<ManagerOuterContainer_60>
</WidgetColumnBarItem>
<WidgetColumnBarItem title="Macros" name="macros">
<MacroManager
{...props}
managerSize={managerSize}
selectedMacro={selectedMacro}
setSelectedMacro={setSelectedMacro}
/>
</ManagerOuterContainer_60>
</ManagerMainContainer>
</WidgetColumnBarItem>
</WidgetColumnBar>
</LeftContainer>
<DataGridContainer>

4
packages/web/src/freetable/MacroManager.js
View File

@@ -26,15 +26,13 @@ const SearchBoxWrapper = styled.div`
// }
export default function MacroManager({ managerSize, selectedMacro, setSelectedMacro }) {
const inputRef = React.useRef(null);
const [filter, setFilter] = React.useState('');
return (
<>
<WidgetTitle inputRef={inputRef}>Macros</WidgetTitle>
<ManagerInnerContainer style={{ maxWidth: managerSize }}>
<SearchBoxWrapper>
<SearchInput placeholder="Search macros" filter={filter} setFilter={setFilter} inputRef={inputRef} />
<SearchInput placeholder="Search macros" filter={filter} setFilter={setFilter} />
</SearchBoxWrapper>
<AppObjectList
list={_.sortBy(macros, 'title')}