import { Component, render, createElement } from 'rax';
import './index.less';
import App from '../App';
import config from '../../../config';

export default class AddCfgDialog extends Component {

    cfgFile = () => {
        console.log(this.cfg_file.value)
    }
    addCfg = () => {
        let dir = this.cfg_file.value + '.json';
        App.inst.addConfigure();
        App.inst.createCfgFile(dir, config.texpkDefault);
        App.inst.showConfigure(dir, this.cfg_file.value)
    }

    render() {
        return (
            <div className={"dialog_box"}>
                <div style={{ 'margin-top': '15px', 'width': '100%', 'height': '30px', 'display': 'flex', 'justify-content': 'center', 'align-items': 'center' }}>
                    <input ref={ref => this.cfg_file = ref} type="text" className={"dialog_input"} onInput={this.cfgFile}></input>
                    <div className={"dialog_json"}>.json</div>
                </div>
                <input type='button' className={"dialog_btn"} value="确定" onclick={this.addCfg}></input>
            </div>
        )
    }
}