Current Dev State

static/js/ketcher2/script/ui/dialog/open.jsx

@@ -0,0 +1,95 @@
+/****************************************************************************
+ * Copyright 2017 EPAM Systems
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ ***************************************************************************/
+
+import { h, Component } from 'preact';
+import { connect } from 'preact-redux';
+/** @jsx h */
+
+import { map as formatMap } from '../structformat';
+import Dialog from '../component/dialog';
+import OpenButton from '../component/openbutton';
+import ClipArea, { exec } from '../component/cliparea';
+
+import { load } from '../state';
+
+class Open extends Component {
+	constructor(props) {
+		super(props);
+		this.state = {
+			structStr: '',
+			fragment: false
+		};
+	}
+	result() {
+		let { structStr, fragment } = this.state;
+		return structStr ? { structStr, fragment } : null;
+	}
+	changeStructStr(structStr) {
+		this.setState({ structStr });
+	}
+	changeFragment(target) {
+		this.setState({
+			fragment: target.checked
+		});
+	}
+	render () {
+		let { structStr, fragment } = this.state;
+		return (
+			<Dialog title="Open Structure"
+					className="open" result={() => this.result()}
+					params={this.props}
+					buttons={[(
+						<OpenButton className="open" server={this.props.server}
+									type={structAcceptMimes()}
+									onLoad={s => this.changeStructStr(s)}>
+							Open From File…
+						</OpenButton>
+					), "Cancel", "OK"]}>
+				<textarea value={structStr}
+						  onInput={ev => this.changeStructStr(ev.target.value)}/>
+				<label>
+					<input type="checkbox" checked={fragment}
+						   onClick={ev => this.changeFragment(ev.target)}/>
+					Load as a fragment and copy to the Clipboard
+				</label>
+				<ClipArea focused={() => true}
+						  onCopy={() => ({ 'text/plain': structStr })}/>
+			</Dialog>
+		);
+	}
+}
+
+function structAcceptMimes() {
+	return Object.keys(formatMap).reduce((res, key) => (
+		res.concat(formatMap[key].mime, ...formatMap[key].ext)
+	), []).join(',');
+}
+
+export default connect(
+	store => ({	server: store.server }),
+	(dispatch, props) => ({
+		onOk: (res) => {
+			if (res.fragment) exec('copy');
+			dispatch(
+				load(res.structStr, {
+					badHeaderRecover: true,
+					fragment: res.fragment
+				})
+			);
+			props.onOk(res);
+		}
+	})
+)(Open);