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

close refactor

Browse Source
This commit is contained in:
Jan Prochazka
2020-05-10 20:50:37 +02:00
parent 31671ec573
commit c82f332c42
1 changed files with 22 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
packages/web/src/TabsPanel.js
View File

@@ -45,7 +45,7 @@ const CloseButton = styled.i`
}
`;
function TabContextMenu({ close, closeAll, closeOthers, closeWithSameDb, props }) {
function TabContextMenu({ close, closeAll, closeOthers, closeWithSameDb, closeWithOtherDb, props }) {
const { database } = props || {};
const { conid } = props || {};
return (
@@ -56,6 +56,9 @@ function TabContextMenu({ close, closeAll, closeOthers, closeWithSameDb, props }
{conid && database && (
<DropDownMenuItem onClick={closeWithSameDb}>Close with same DB - {database}</DropDownMenuItem>
)}
{conid && database && (
<DropDownMenuItem onClick={closeWithOtherDb}>Close with other DB than {database}</DropDownMenuItem>
)}
</>
);
}
@@ -75,10 +78,12 @@ export default function TabsPanel() {
}))
);
};
const closeTab = (tabid) => {
const closeTabFunc = (closeCondition) => (tabid) => {
setOpenedTabs((files) => {
const active = files.find((x) => x.tabid == tabid);
if (!active) return files;
let index = _.findIndex(files, (x) => x.tabid == tabid);
const newFiles = files.filter((x) => x.tabid != tabid);
const newFiles = files.filter((x) => !closeCondition(x, active));
if (!newFiles.find((x) => x.selected)) {
while (index >= newFiles.length) index -= 1;
@@ -88,36 +93,22 @@ export default function TabsPanel() {
return newFiles;
});
};
const closeTab = closeTabFunc((x, active) => x.tabid == active.tabid);
const closeAll = () => {
setOpenedTabs([]);
};
const closeWithSameDb = (tabid) => {
setOpenedTabs((files) => {
const closed = files.find((x) => x.tabid == tabid);
let index = _.findIndex(files, (x) => x.tabid == tabid);
const newFiles = files.filter(
(x) =>
_.get(x, 'props.conid') != _.get(closed, 'props.conid') ||
_.get(x, 'props.database') != _.get(closed, 'props.database')
);
if (!newFiles.find((x) => x.selected)) {
while (index >= newFiles.length) index -= 1;
if (index >= 0) newFiles[index].selected = true;
}
return newFiles;
});
};
const closeOthers = (tabid) => {
setOpenedTabs((files) => {
const newFiles = files.filter((x) => x.tabid == tabid);
if (newFiles[0]) newFiles[0].selected = true;
return newFiles;
});
};
const closeWithSameDb = closeTabFunc(
(x, active) =>
_.get(x, 'props.conid') == _.get(active, 'props.conid') &&
_.get(x, 'props.database') == _.get(active, 'props.database')
);
const closeWithOtherDb = closeTabFunc(
(x, active) =>
_.get(x, 'props.conid') != _.get(active, 'props.conid') ||
_.get(x, 'props.database') != _.get(active, 'props.database')
);
const closeOthers = closeTabFunc((x, active) => x.tabid != active.tabid);
const handleMouseUp = (e, tabid) => {
if (e.button == 1) {
closeTab(tabid);
@@ -133,6 +124,7 @@ export default function TabsPanel() {
closeAll={closeAll}
closeOthers={() => closeOthers(tabid)}
closeWithSameDb={() => closeWithSameDb(tabid)}
closeWithOtherDb={() => closeWithOtherDb(tabid)}
props={props}
/>
);