2022-02-22 06:37:00 +01:00
|
|
|
import React from 'react';
|
|
|
|
import ReactDOM from 'react-dom';
|
|
|
|
import Editor, { EditorOptions } from '../../../../src/index';
|
2022-02-25 16:33:37 +01:00
|
|
|
import { LocalStorageManager, Designer } from '@wisemapping/mindplot';
|
2022-02-22 06:37:00 +01:00
|
|
|
|
2022-02-25 16:33:37 +01:00
|
|
|
const initialization = (designer: Designer) => {
|
2022-02-22 06:37:00 +01:00
|
|
|
|
|
|
|
designer.addEvent('loadSuccess', () => {
|
|
|
|
const elem = document.getElementById('mindplot');
|
|
|
|
if (elem) {
|
|
|
|
elem.classList.add('ready');
|
|
|
|
}
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
const persistence = new LocalStorageManager('samples/{id}.wxml', false);
|
|
|
|
const mapId = 'welcome';
|
|
|
|
const options: EditorOptions = {
|
|
|
|
zoom: 0.8,
|
|
|
|
locked: false,
|
|
|
|
mapTitle: "Develop Mindnap",
|
|
|
|
mode: 'edition',
|
|
|
|
locale: 'en',
|
|
|
|
enableKeyboardEvents: true
|
|
|
|
};
|
|
|
|
|
|
|
|
ReactDOM.render(
|
|
|
|
<Editor
|
|
|
|
mapId={mapId}
|
|
|
|
options={options}
|
|
|
|
persistenceManager={persistence}
|
|
|
|
onAction={(action) => console.log('action called:', action)}
|
2022-02-25 16:33:37 +01:00
|
|
|
onLoad={initialization}
|
2022-02-22 06:37:00 +01:00
|
|
|
/>,
|
|
|
|
document.getElementById('root'),
|
|
|
|
);
|