vmario/wisemapping-frontend
1
0
Fork 0
mirror of https://bitbucket.org/wisemapping/wisemapping-frontend.git synced 2025-06-11 18:43:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

Change background color base on border color.

Browse Source
This commit is contained in:
Paulo Gustavo Veiga
2023-01-02 09:33:30 -08:00
parent 26d2ce68be
commit 160c0e1d94
21 changed files with 101 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
packages/editor/src/components/editor-toolbar/configBuilder.tsx
View File

@ -105,35 +105,6 @@ export function buildEditorPanelConfig(model: Editor, intl: IntlShape): ActionCo
selected: () => modelBuilder.getTopicShapeModel().getValue() === 'elipse',
},
null,
{
icon: () => <Palette htmlColor={modelBuilder.getSelectedTopicColorModel().getValue()} />,
tooltip: intl.formatMessage({
id: 'editor-panel.tooltip-topic-fill-color',
defaultMessage: 'Fill color',
}),
options: [
{
render: (closeModal) => {
return (
<ColorPicker
closeModal={closeModal}
colorModel={modelBuilder.getSelectedTopicColorModel()}
/>
);
},
},
],
},
{
icon: <ClearOutlined />,
tooltip: intl.formatMessage({
id: 'editor-panel.tooltip-topic-fill-color-default',
defaultMessage: 'Default fill color',
}),
onClick: () => modelBuilder.getSelectedTopicColorModel().setValue(undefined),
selected: () => modelBuilder.getSelectedTopicColorModel().getValue() === undefined,
},
null,
{
icon: () => <SquareOutlined htmlColor={modelBuilder.getColorBorderModel().getValue()} />,
tooltip: intl.formatMessage({
@ -162,6 +133,35 @@ export function buildEditorPanelConfig(model: Editor, intl: IntlShape): ActionCo
onClick: () => modelBuilder.getColorBorderModel().setValue(undefined),
selected: () => modelBuilder.getColorBorderModel().getValue() === undefined,
},
null,
{
icon: () => <Palette htmlColor={modelBuilder.getSelectedTopicColorModel().getValue()} />,
tooltip: intl.formatMessage({
id: 'editor-panel.tooltip-topic-fill-color',
defaultMessage: 'Fill color',
}),
options: [
{
render: (closeModal) => {
return (
<ColorPicker
closeModal={closeModal}
colorModel={modelBuilder.getSelectedTopicColorModel()}
/>
);
},
},
],
},
{
icon: <ClearOutlined />,
tooltip: intl.formatMessage({
id: 'editor-panel.tooltip-topic-fill-color-default',
defaultMessage: 'Default fill color',
}),
onClick: () => modelBuilder.getSelectedTopicColorModel().setValue(undefined),
selected: () => modelBuilder.getSelectedTopicColorModel().getValue() === undefined,
},
],
disabled: () => model.getDesignerModel().filterSelectedTopics().length === 0,
};
@ -429,9 +429,9 @@ export function buildEditorPanelConfig(model: Editor, intl: IntlShape): ActionCo
return [
addNodeToolbarConfiguration,
deleteNodeToolbarConfiguration,
colorAndShapeToolbarConfiguration,
fontFormatToolbarConfiguration,
connectionStyleConfiguration,
fontFormatToolbarConfiguration,
colorAndShapeToolbarConfiguration,
editIconConfiguration,
editNoteConfiguration,
editLinkUrlConfiguration,