muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 19:16:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

redux: got rid of dialogs

Browse source
This commit is contained in:
muerwre 2018-11-26 18:10:05 +07:00
parent 2f4029bbd8
commit 53e8205643
8 changed files with 61 additions and 282 deletions
Download patch file Download diff file Expand all files Collapse all files

64
src/components/panels/EditorPanel.jsx
View file

@ -33,6 +33,17 @@ type Props = {
}
class Component extends React.PureComponent<Props, void> {
componentDidMount() {
const obj = document.getElementById('control-dialog');
const { width } = this.panel.getBoundingClientRect();
console.log(obj, this.panel);
if (!this.panel || !obj) return;
obj.style.width = width;
}
startPolyMode = () => this.props.setMode(MODES.POLY);
startStickerMode = () => this.props.setMode(MODES.STICKERS);
startRouterMode = () => this.props.setMode(MODES.ROUTER);
@ -40,45 +51,15 @@ class Component extends React.PureComponent<Props, void> {
startTrashMode = () => this.props.setMode(MODES.TRASH);
startLogoMode = () => this.props.setMode(MODES.LOGO);
startSaveMode = () => this.props.setMode(MODES.SAVE);
// startPolyMode = () => this.props.editor.changeMode(MODES.POLY);
// startStickerMode = () => this.props.editor.changeMode(MODES.STICKERS);
// startRouterMode = () => this.props.editor.changeMode(MODES.ROUTER);
// startShotterMode = () => this.props.editor.changeMode(MODES.SHOTTER);
// startTrashMode = () => this.props.editor.changeMode(MODES.TRASH);
// startLogoMode = () => this.props.editor.changeMode(MODES.LOGO);
// startSaveMode = () => this.props.editor.changeMode(MODES.SAVE);
// stopEditing = () => {
// if (!this.props.changed) {
// editor.cancelEditing();
// } else {
// // editor.changeMode(MODES.CONFIRM_CANCEL);
// this.props.setMode(MODES.CONFIRM_CANCEL);
// }
// };
// startEditing = () => editor.startEditing();
render() {
const {
mode, routerPoints, distance, estimated, activeSticker, logo, user, editing, title, address, changed,
mode, routerPoints, distance, estimated, activeSticker, logo, user, editing, title, address,
} = this.props;
return (
<div>
<EditorDialog
mode={mode}
routerPoints={routerPoints}
activeSticker={activeSticker}
editor={editor}
logo={logo}
user={user}
title={title}
address={address}
setLogo={this.props.setLogo}
/>
<LogoPreview logo={logo} />
<div className="control-dist">
@ -91,7 +72,7 @@ class Component extends React.PureComponent<Props, void> {
}
</div>
<div className={classnames('panel right', { active: editing })}>
<div className={classnames('panel right', { active: editing })} ref={el => { this.panel = el; }}>
<div className="control-bar">
<button
className={classnames({ active: mode === MODES.ROUTER })}
@ -161,6 +142,20 @@ class Component extends React.PureComponent<Props, void> {
</div>
<div className={classnames('panel right', { active: !editing })}>
<div className="control-bar">
<button
className={classnames({ active: mode === MODES.SHOTTER })}
onClick={this.startShotterMode}
>
<Icon icon="icon-shot-2" />
<span>
СНИМОК
</span>
</button>
</div>
<div className="control-sep" />
<div className="control-bar">
<button className="primary single" onClick={this.props.startEditing}>
<Icon icon="icon-route-2" />
@ -170,6 +165,11 @@ class Component extends React.PureComponent<Props, void> {
</button>
</div>
</div>
<EditorDialog
width={((this.panel && this.panel.getBoundingClientRect().width) || 0)}
/>
</div>
);
}