/*
 * Copyright 2007-2017 Charles du Jeu - Abstrium SAS <team (at) pyd.io>
 * This file is part of Pydio.
 *
 * Pydio is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Pydio is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with Pydio.  If not, see <http://www.gnu.org/licenses/>.
 *
 * The latest code can be found at <https://pydio.com>.
 */

import Workspace from '../model/Workspace'
import FeaturesListWizard from './FeaturesListWizard'
import FeaturesStepper from './FeaturesStepper'
import TplFieldsChooser from './TplFieldsChooser'
import React from 'react'

export default React.createClass({

    mixins:[AdminComponents.MessagesConsumerMixin],

    propTypes:{
        type:React.PropTypes.oneOf(['template', 'workspace']),
        save:React.PropTypes.func,
        closeEditor:React.PropTypes.func,
        className:React.PropTypes.string
    },

    getInitialState: function(){
        return {
            newName: this.context.getMessage(this.props.type=='workspace'?'ws.6':'ws.7'),
            edit:this.props.type == 'workspace'?'template':'general',
            driversLoaded:false,
            values:{template:{}, general:{}, driver:{}},
            templateSelectedFields:[],
            fieldStates: null
        };
    },

    isDirty:function(){
        return false;
    },

    componentDidMount: function(){
        if(!Workspace.DRIVERS){
            Workspace.loadAvailableDrivers(function(){
                this.setState({driversLoaded:true});
            }.bind(this));
        }else{
            this.setState({driversLoaded:true});
        }
    },

    selectionChange: function(editMeta, driver, template){
        if( driver || template == '0' ){
            if(driver && this.state.selectedDriver && this.state.selectedDriver != driver){
                this.setState({templateSelectedFields:[]});
            }
            this.setState({
                edit:editMeta,
                selectedDriver:driver,
                selectedTemplate: null,
                fieldStates: null
            });
        }else if (template){
            this.setState({
                edit:editMeta,
                selectedDriver: null,
                selectedTemplate: template,
                fieldStates: null
            });
        }else{
            this.setState({
                edit:editMeta,
                fieldStates: null
            });
        }
    },

    onFormParameterChange(paramName, newValue, oldValue){

        if(global.pydio.Controller.getActionByName('validate_driver_field') && this.state.selectedDriver === 'fs' && paramName === 'PATH'){
            FuncUtils.bufferCallback('validate-parameter', 750, function(){
                this.validateDriverParameter(paramName, newValue);
            }.bind(this));
        }

    },

    validateDriverParameter(paramName, paramValue){
        if(this.state.validating){
            return;
        }
        let fieldStates = this.state.fieldStates || {};
        fieldStates[paramName] = {msg: 'Validating value ... '};
        this.setState({fieldStates: fieldStates, validating: true});

        PydioApi.getClient().request({
            get_action:'validate_driver_field',
            name:paramName,
            value:paramValue,
            driver:this.state.selectedDriver
        }, function(transport){
            let r = transport.responseJSON;
            if(r.error){
                fieldStates[paramName] = {error: r.error};
            }else if(r.msg){
                fieldStates[paramName] = {msg: r.msg};
            }else if(fieldStates[paramName]){
                delete fieldStates[paramName];
            }
            this.setState({fieldStates: fieldStates, validating: false});
        }.bind(this));
    },

    onFormChange: function(newValues){
        if(newValues['DISPLAY']) this.setState({newName:newValues['DISPLAY']});
        else if(newValues['DISPLAY']) this.setState({newName:newValues['DISPLAY']});
        var allValues = this.state.values;
        allValues[this.state.edit] = newValues;
        this.setState({values:allValues});
    },

    save:function(){
        this.props.save(this.props.type, this.state);
    },

    toggleTemplateSelectedField:function(name, value){
        var selected = this.state.templateSelectedFields;
        if(value && selected.indexOf(name) == -1){
            selected.push(name);
        }else if(!value && selected.indexOf(name) !== -1){
            selected = LangUtils.arrayWithout(selected, selected.indexOf(name));
        }
        this.setState({templateSelectedFields: selected});
    },

    updateValidStatus: function(newStatus){
        var validRecord = this.state.valid || {};
        validRecord[this.state.edit] = newStatus;
        this.setState({valid:validRecord});
    },

    render: function(){

        var editor, rightFill = false, additionalFeatureComponents;
        if(this.state.edit && this.state.driversLoaded){
            var formDefs=[], formValues=this.state.values[this.state.edit];
            var params;
            if(this.state.edit == 'general'){
                if(this.state.selectedTemplate) {
                    var tplDef = Workspace.TEMPLATES.get(this.state.selectedTemplate);
                    var tplOptions = tplDef.options;
                    var driverDefs = Workspace.DRIVERS.get(tplDef.type).params;
                    params = [];
                    driverDefs.map(function(p){
                        if(tplOptions.indexOf(p.name) === -1){
                            params.push(p);
                        }
                    });
                }else{
                    params = Workspace.DRIVERS.get('fs').params;
                }
            }else if (this.state.selectedDriver){
                params = Workspace.DRIVERS.get(this.state.selectedDriver).params;
                if(this.props.type == 'template'){
                    // Filter parameters and build the left-column parameter list.
                    var filteredParams = [], selectedParams = [];
                    Workspace.buildEditorStatic(params, filteredParams, {}, 'driver', true);
                    additionalFeatureComponents = <TplFieldsChooser
                        driverName={this.state.selectedDriver}
                        driverFields={filteredParams}
                        selectedFields={this.state.templateSelectedFields}
                        onToggleField={this.toggleTemplateSelectedField}
                    />;
                    var selected = this.state.templateSelectedFields;
                    filteredParams.map(function(p){
                        if(p['group'] != 'Template Options' && selected.indexOf(p.name) !== -1) selectedParams.push(p);
                    });
                    params = selectedParams;
                }

            }
            if(params){
                editor = Workspace.buildEditorStatic(params, formDefs, formValues, (this.state.selectedTemplate && this.state.edit == 'general'?'mixed':this.state.edit), this.props.type=='template');
                if(this.state.fieldStates){
                    let fieldStates = this.state.fieldStates;
                    formDefs.map(function(f){
                        if(fieldStates[f.name] && fieldStates[f.name]['error']){
                            f.errorText = fieldStates[f.name]['error'];
                        }else if(f.errorText){
                            delete f['errorText'];
                        }
                        if(fieldStates[f.name] && fieldStates[f.name]['msg']){
                            // Replace orginal description
                            f.warningText = fieldStates[f.name]['msg'];
                        }else{
                            delete f['warningText'];
                        }
                    });
                }
                if(!formDefs.length){
                    editor = (
                        <div>{global.pydio.MessageHash['ajxp_admin.ws.68']}</div>
                    );
                }else{
                    editor = (
                        <PydioForm.FormPanel
                            parameters={formDefs}
                            values={formValues}
                            className="full-width"
                            onChange={this.onFormChange}
                            onParameterChange={this.onFormParameterChange}
                            onValidStatusChange={this.updateValidStatus}
                            depth={-2}
                        />
                    );
                }
            }
        }

        var currentValid = true;
        if(this.state.valid){
            LangUtils.objectValues(this.state.valid).map(function(v){currentValid = currentValid && v;})
        }
        if(this.state.fieldStates){
            LangUtils.objectValues(this.state.fieldStates).map(function(v){
                if(v.error) currentValid = false;
            });
        }

        const oldWizard = (
            <FeaturesListWizard
                onSelectionChange={this.selectionChange}
                driversLoaded={this.state.driversLoaded}
                save={this.save}
                close={this.props.closeEditor}
                wizardType={this.props.type}
                additionalComponents={additionalFeatureComponents}
                disableCreateButton={!currentValid}
            />
        );
        var leftNav = (
            <FeaturesStepper
                onSelectionChange={this.selectionChange}
                driversLoaded={this.state.driversLoaded}
                wizardType={this.props.type}
                formIsValid={currentValid}
                save={this.save}
                close={this.props.closeEditor}
                additionalComponent={additionalFeatureComponents}
            />
        );

        return (
            <PydioComponents.PaperEditorLayout
                title={this.state.newName}
                leftNav={leftNav}
                contentFill={rightFill}
            >
                {editor}
            </PydioComponents.PaperEditorLayout>
        );


    }

});