/****************************************************************************
 * 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);