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

share tab content

Browse Source
This commit is contained in:
Jan Prochazka
2020-12-14 20:24:21 +01:00
parent 808267d97a
commit 3a89d1a07b
1 changed files with 28 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
packages/web/src/modals/FavoriteModal.js
View File

@@ -20,6 +20,7 @@ import useHasPermission from '../utility/useHasPermission';
import _ from 'lodash'; import _ from 'lodash';
import getElectron from '../utility/getElectron'; import getElectron from '../utility/getElectron';
import { copyTextToClipboard } from '../utility/clipboard'; import { copyTextToClipboard } from '../utility/clipboard';
import localforage from 'localforage';
function FontIconPreview() { function FontIconPreview() {
const { values } = useForm(); const { values } = useForm();
@@ -32,32 +33,46 @@ export default function FavoriteModal({ modalState, editingData = undefined, sav
const savedProperties = ['title', 'icon', 'showInToolbar', 'openOnStartup', 'urlPath']; const savedProperties = ['title', 'icon', 'showInToolbar', 'openOnStartup', 'urlPath'];
const initialValues = React.useMemo(() => { const initialValues = React.useMemo(() => {
if (savingTab) { if (savingTab) {
return { const res = {
title: savingTab.title, title: savingTab.title,
icon: savingTab.icon, icon: savingTab.icon,
urlPath: _.kebabCase(_.deburr(savingTab.title)), urlPath: _.kebabCase(_.deburr(savingTab.title)),
}; };
if (!hasPermission('files/favorites/write')) {
res.shareAsLink = true;
}
return res;
} }
if (editingData) { if (editingData) {
return _.pick(editingData, savedProperties); return _.pick(editingData, savedProperties);
} }
}, []); }, []);
// const savedFile = savingTab && savingTab.props && savingTab.props.savedFile; const savedFile = savingTab && savingTab.props && savingTab.props.savedFile;
const getTabSaveData = async (values) => { const getTabSaveData = async (values) => {
const tabdata = {}; const tabdata = {};
const skipEditor = !!savedFile && values.whatToSave != 'content';
const re = new RegExp(`tabdata_(.*)_${savingTab.tabid}`); const re = new RegExp(`tabdata_(.*)_${savingTab.tabid}`);
for (const key in await localforage.keys()) {
const match = key.match(re);
if (!match) continue;
if (skipEditor && match[1] == 'editor') continue;
tabdata[match[1]] = JSON.parse(await localforage.getItem(key));
}
for (const key in localStorage) { for (const key in localStorage) {
const match = key.match(re); const match = key.match(re);
if (!match) continue; if (!match) continue;
if (match[1] == 'editor') continue; if (skipEditor && match[1] == 'editor') continue;
tabdata[match[1]] = JSON.parse(localStorage.getItem(key)); tabdata[match[1]] = JSON.parse(localStorage.getItem(key));
} }
return { return {
props: savingTab.props, props:
values.whatToSave == 'content' && savingTab.props
? _.omit(savingTab.props, ['savedFile', 'savedFormat', 'savedFolder'])
: savingTab.props,
tabComponent: savingTab.tabComponent, tabComponent: savingTab.tabComponent,
tabdata, tabdata,
..._.pick(values, savedProperties), ..._.pick(values, savedProperties),
@@ -119,22 +134,19 @@ export default function FavoriteModal({ modalState, editingData = undefined, sav
<FontIconPreview /> <FontIconPreview />
</FormFieldTemplate> </FormFieldTemplate>
<FormTextField label="URL path" name="urlPath" /> <FormTextField label="URL path" name="urlPath" />
{!!savingTab && !electron && <FormCheckboxField label="Share as link" name="shareAsLink" />} {!!savingTab && !electron && hasPermission('files/favorites/write') && (
<FormCheckboxField label="Share as link" name="shareAsLink" />
)}
<FormCondition condition={(values) => !values.shareAsLink}> <FormCondition condition={(values) => !values.shareAsLink}>
<FormCheckboxField label="Show in toolbar" name="showInToolbar" /> <FormCheckboxField label="Show in toolbar" name="showInToolbar" />
<FormCheckboxField label="Open on startup" name="openOnStartup" /> <FormCheckboxField label="Open on startup" name="openOnStartup" />
</FormCondition> </FormCondition>
{ {!!savingTab && !!savedFile && (
<FormSelectField label="Chart type" name="chartType"> <FormSelectField label="What to save" name="whatToSave">
<option value="bar">Bar</option> <option value="fileName">Link to file</option>
<option value="line">Line</option> <option value="content">Content</option>
{/* <option value="radar">Radar</option> */} </FormSelectField>
<option value="pie">Pie</option> )}
<option value="polarArea">Polar area</option>
{/* <option value="bubble">Bubble</option>
<option value="scatter">Scatter</option> */}
</FormSelectField>
}
</ModalContent> </ModalContent>
<ModalFooter> <ModalFooter>
<FormCondition condition={(values) => !values.shareAsLink && hasPermission('files/favorites/write')}> <FormCondition condition={(values) => !values.shareAsLink && hasPermission('files/favorites/write')}>