MWF.xApplication.TeamWork = MWF.xApplication.TeamWork || {};
MWF.xApplication.TeamWork.NewProject = new Class({
    Extends: MWF.xApplication.TeamWork.Common.Popup,
    options:{
        "closeByClickMask" : false
    },
    open: function (e) {
        //设置css 和 lp等
        var css = this.css;
        this.cssPath = "/x_component_TeamWork/$NewProject/"+this.options.style+"/css.wcss";
        this._loadCss();
        if(css) this.css = Object.merge(  css, this.css );

        this.lp = this.app.lp.newProject;


        this.fireEvent("queryOpen");
        this.isNew = false;
        this.isEdited = false;
        this._open();
        this.fireEvent("postOpen");
    },

    _createTableContent: function () {
        //var a = new Element("div.aaa",{styles:{"width":"100px","height":"100px","background-color":"#f00"},text:"f分分分f分分f分分分f分分分"}).inject(this.formTableArea);
        // alert(JSON.stringify(this.css.projectAdd))
        // alert(JSON.stringify(this.lp))
        this.newProjectTop = new Element("div.newProjectTop",{styles:this.css.newProjectTop}).inject(this.formTableArea);
        this.newProjectTopText = new Element("div.newProjectTopText",{styles:this.css.newProjectTopText,text:this.lp.title}).inject(this.newProjectTop);
        this.newProjectTopClose = new Element("div.newProjectTopClose",{styles:this.css.newProjectTopClose}).inject(this.newProjectTop);
        this.newProjectTopClose.addEvents({
            click:function(){this.close()}.bind(this)
        });


        this.newProjectContainer = new Element("div.newProjectInContainer",{styles:this.css.newProjectContainer}).inject(this.formTableArea);
        this.newProjectIn = new Element("input.newProjectIn",{styles:this.css.newProjectIn,type:"text",placeholder:this.lp.name}).inject(this.newProjectContainer);
        this.newProjectIn.addEvents({
            keyup:function(){
                var v = this.newProjectIn.get("value");
                if(v.trim()==""){
                    this.newProjectAdd.setStyles({
                        "cursor":"",
                        "background-color":"#F0F0F0",
                        "color":"#666666"
                    })
                }else{
                    this.newProjectAdd.setStyles({
                        "cursor":"pointer",
                        "background-color":"#4A90E2",
                        "color":"#FFFFFF"
                    })
                }
            }.bind(this)
        });

        this.newProjectDesContainer = new Element("div.newProjectDesContainer",{styles:this.css.newProjectDesContainer}).inject(this.formTableArea);
        this.newProjectDesIn = new Element("textarea.newProjectDesIn",{styles:this.css.newProjectDesIn,placeholder:this.lp.description}).inject(this.newProjectDesContainer);
        this.newProjectDesIn.addEvents({
            focus:function(){  //32px
                var v = this.newProjectDesIn.get("value");
                if(v.trim()==""){
                    this.newProjectDesIn.setStyle("line-height","");
                    var _h = 36;
                    this.newProjectDesContainer.setStyles({"height":(this.newProjectDesContainer.getHeight()+_h)+"px"});
                    this.newProjectDesIn.setStyles({"height":(this.newProjectDesIn.getHeight()+_h-2)+"px"});
                    this.formAreaNode.setStyles({"height":(this.formAreaNode.getHeight()+_h)+"px"});
                    this.formNode.setStyles({"height":(this.formNode.getHeight()+_h)+"px"});
                    this.formTableContainer.setStyles({"height":(this.formTableContainer.getHeight()+_h)+"px"});
                    this.formTableArea.setStyles({"height":(this.formTableArea.getHeight()+_h)+"px"});
                    this.formContentNode.setStyles({"height":(this.formContentNode.getHeight()+_h)+"px"});

                    var pre = this.formTableContainer.getPrevious();
                    if(pre){
                        pre.destroy();
                    }
                }


            }.bind(this),
            blur:function(){
                var v = this.newProjectDesIn.get("value");
                if(v.trim()==""){
                    this.newProjectDesIn.setStyle("line-height","32px");
                    var _h = 36;
                    this.newProjectDesContainer.setStyles({"height":(this.newProjectDesContainer.getHeight()-_h)+"px"});
                    this.newProjectDesIn.setStyles({"height":(this.newProjectDesIn.getHeight()-_h-2)+"px"});
                    this.formAreaNode.setStyles({"height":(this.formAreaNode.getHeight()-_h)+"px"});
                    this.formNode.setStyles({"height":(this.formNode.getHeight()-_h)+"px"});
                    this.formTableContainer.setStyles({"height":(this.formTableContainer.getHeight()-_h)+"px"});
                    this.formTableArea.setStyles({"height":(this.formTableArea.getHeight()-_h)+"px"});
                    this.formContentNode.setStyles({"height":(this.formContentNode.getHeight()-_h)+"px"});

                    var pre = this.formTableContainer.getPrevious();
                    if(pre){
                        pre.destroy();
                    }
                }

            }.bind(this)
        });

        this.newProjectGroupText = new Element("div.newProjectGroupText",{styles:this.css.newProjectGroupText,text:this.lp.group}).inject(this.formTableArea);
        this.newProjectGroupContainer = new Element("div.newProjectGroupContainer",{styles:this.css.newProjectGroupContainer}).inject(this.formTableArea);
        this.newProjectGroupValue = new Element("div.newProjectGroupValue",{styles:this.css.newProjectGroupValue,text:""}).inject(this.newProjectGroupContainer);
        this.newProjectGroupArrow = new Element("div.newProjectGroupArrow",{styles:this.css.newProjectGroupArrow}).inject(this.newProjectGroupContainer);
        this.newProjectGroupContainer.addEvents({
            click:function(){
                var node = this.newProjectGroupContainer;
                var data = {groups:this.selectGroup};
                //alert(JSON.stringify(this.selectGroup))
                MWF.xDesktop.requireApp("TeamWork", "GroupSelect", function(){
                    var gs = new MWF.xApplication.TeamWork.GroupSelect(this.container, node, this.app, data, {
                        axis : "y",
                        nodeStyles : {
                            "z-index" : "102"
                        },
                        onClose:function(d){
                            if(!d) return;
                            this.refreshGroup(function(){
                                var res = [];
                                d.each(function(dd){
                                    this.groupSearch(dd,function(json){
                                        if(json) res.push(json);
                                    }.bind(this))
                                }.bind(this));
                                this.selectGroup = res;
                                var resVal = [];
                                res.each(function(dd){
                                    resVal.push(dd.name)
                                }.bind(this));

                                this.newProjectGroupValue.set("text",resVal.join(","))
                            }.bind(this));
                        }.bind(this)
                    });
                    gs.load()
                }.bind(this));
            }.bind(this)
        });


        this.newProjectAdd = new Element("div.newProjectAdd",{styles:this.css.newProjectAdd,text:this.lp.add}).inject(this.formTableArea);
        this.newProjectAdd.addEvents({
            click:function(){
                var v = this.newProjectIn.get("value").trim();
                var des = this.newProjectDesIn.get("value");
                if(v=="") return;
                var groups = [];
                if(this.selectGroup){
                    this.selectGroup.each(function(d){
                        groups.push(d.id);
                    });
                }

                var data = {
                    "title":v,
                    "description":des,
                    "groups":groups
                };

                //this.actions.projectSave(data,function(json){
                 this.rootActions.ProjectAction.save(data,function(json){
                    this.close(json);
                }.bind(this));

            }.bind(this)
        });

    },
    groupSearch:function(id,callback){
        var res = null;
        this.allGroupList.each(function(d){
            if(d.id == id) res = d;
        }.bind(this));

        if(callback)callback(res);
    },
    refreshGroup:function(callback){
        //this.actions.groupList(function(json){
        this.rootActions.ProjectGroupAction.listGroups(function(json){
            this.allGroupList = json.data;
            if(callback)callback();
        }.bind(this))
    }



});