mirror of
https://github.com/gristlabs/grist-core.git
synced 2024-09-28 09:20:49 +00:00
3f29baaded
Summary: - When in View-As mode, clicking the Access Rules page now shows a tooltip with a link to return to normal mode and open the Access Rules page. - A "revert" button is shown next to the item with the same behavior. - Implemented hoverTooltip() with various options. (It will have other uses.) - Simplify creation of links based on UrlState: - Allow merging with previous urlState using a function - Add a helper function to merge in aclAsUser parameter. - Add setHref() method to UrlState Test Plan: Added test cases: - for tooltips generally in test/projects - for updating UrlState using a callback - for Access Rules tooltip and button behavior Reviewers: paulfitz Reviewed By: paulfitz Differential Revision: https://phab.getgrist.com/D2749
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import {ITooltipControl, showTooltip, tooltipCloseButton} from 'app/client/ui/tooltips';
|
|
import {colors, testId} from 'app/client/ui2018/cssVars';
|
|
import {icon} from 'app/client/ui2018/icons';
|
|
import {cssLink} from 'app/client/ui2018/links';
|
|
import {dom, styled} from 'grainjs';
|
|
|
|
export function showTooltipToCreateFormula(editorDom: HTMLElement, convert: () => void) {
|
|
function buildTooltip(ctl: ITooltipControl) {
|
|
return cssConvertTooltip(icon('Convert'),
|
|
cssLink('Convert column to formula',
|
|
dom.on('mousedown', (ev) => { ev.preventDefault(); convert(); }),
|
|
testId('editor-tooltip-convert'),
|
|
),
|
|
tooltipCloseButton(ctl),
|
|
);
|
|
}
|
|
const offerCtl = showTooltip(editorDom, buildTooltip, {key: 'col-to-formula'});
|
|
|
|
dom.onDisposeElem(editorDom, offerCtl.close);
|
|
const lis = dom.onElem(editorDom, 'keydown', () => {
|
|
lis.dispose();
|
|
offerCtl.close();
|
|
});
|
|
}
|
|
|
|
const cssConvertTooltip = styled('div', `
|
|
display: flex;
|
|
align-items: center;
|
|
--icon-color: ${colors.lightGreen};
|
|
|
|
& > .${cssLink.className} {
|
|
margin-left: 8px;
|
|
}
|
|
`);
|