O2OA/webserver/x_desktop_web/x_component_process_TaskCenter/ProcessStarter.js

MWF.require("MWF.widget.Mask", null, false);
MWF.xApplication.process = MWF.xApplication.process || {};
MWF.xApplication.process.TaskCenter = MWF.xApplication.process.TaskCenter || {};
MWF.xDesktop.requireApp("process.TaskCenter", "lp.zh-cn", null, false);
MWF.xApplication.process.TaskCenter.ProcessStarter = new Class({
    Extends: MWF.widget.Common,
    Implements: [Options, Events],
	options: {
		"style": "default",
        "workData" : null
	},
    initialize: function(data, app, options){
        this.setOptions(options);
        this.path = "/x_component_process_TaskCenter/$ProcessStarter/";
        this.cssPath = "/x_component_process_TaskCenter/$ProcessStarter/"+this.options.style+"/css.wcss";
        this._loadCss();

        MWF.xDesktop.requireApp("process.TaskCenter", "$ProcessStarter."+MWF.language, null, false);
        this.lp = MWF.xApplication.process.TaskCenter.ProcessStarter.lp;

        this.data = data;
        this.app = app;
    },
    load: function(){
        this.getOrgAction(function(){
            if (this.app.desktop.session.user.distinguishedName){
                this.orgAction.getPerson(function(json){
                    this.identitys = json.data.woIdentityList || [];
                    if (this.identitys.length){
                        if (this.identitys.length==1){
                            var data = {
                                "title": this.data.name+"-"+this.lp.unnamed,
                                "identity": this.identitys[0].name
                            };
                            if( this.options.workData ){
                                data.data = this.options.workData
                            }

                            this.mask = new MWF.widget.Mask({"style": "desktop"});
                            this.mask.loadNode(this.app.content);
                            this.getWorkAction(function(){
                                this.workAction.startWork(function(json){
                                    this.mask.hide();
                                    //this.markNode.destroy();
                                    //this.areaNode.destroy();

                                    this.fireEvent("started", [json.data, data.title, this.data.name]);

                                    if (this.app.refreshAll) this.app.refreshAll();
                                    this.app.notice(this.lp.processStarted, "success");
                                    //    this.app.processConfig();
                                }.bind(this), null, this.data.id, data);
                            }.bind(this));

                        }else{
                            this.createMarkNode();
                            this.createAreaNode();
                            this.createStartNode();

                            this.areaNode.inject(this.markNode, "after");
                            this.areaNode.fade("in");
                            //$("form_startSubject").focus();

                            this.setStartNodeSize();
                            this.setStartNodeSizeFun = this.setStartNodeSize.bind(this);
                            this.app.addEvent("resize", this.setStartNodeSizeFun);

                            this.fireEvent("selectId");
                        }
                    }else{
                        var t = this.lp.noIdentitys.replace("{name}", this.app.desktop.session.user.name);
                        this.app.notice(t, "error");
                    }
                }.bind(this), null, this.app.desktop.session.user.distinguishedName)
            }
        }.bind(this));
    },

    createMarkNode: function(){
        this.markNode = new Element("div#mark", {
            "styles": this.css.markNode,
            "events": {
                "mouseover": function(e){e.stopPropagation();},
                "mouseout": function(e){e.stopPropagation();}
            }
        }).inject(this.app.content);
    },
    createAreaNode: function(){
        this.areaNode = new Element("div#area", {
            "styles": this.css.areaNode
        });
    },
    createStartNode: function(){
        this.createNode = new Element("div", {
            "styles": this.css.createNode
        }).inject(this.areaNode);
        this.createNewNode = new Element("div", {
            "styles": this.css.createNewNode
        }).inject(this.createNode);

        this.createCloseNode = new Element("div", {
            "styles": this.css.createCloseNode
        }).inject(this.createNode);
        this.createCloseNode.addEvent("click", function(e){
            this.cancelStartProcess(e);
        }.bind(this));

        this.formNode = new Element("div", {
            "styles": this.css.formNode
        }).inject(this.createNode);

        var html = "<table width=\"100%\" height=\"90%\" border=\"0\" cellPadding=\"0\" cellSpacing=\"0\">" +
            "<tr><td colSpan=\"2\" style=\"height: 50px; line-height: 50px; text-align: center; font-size: 24px; font-weight: bold\">" +
            this.lp.start+" - "+this.data.name+"</td></tr>" +
            "<tr><td colSpan=\"2\" style=\"height: 40px; color: #0044cc; line-height: 40px; text-align: center; font-size: 18px; font-weight: bold\">" +
            this.lp.selectStartIdentity+"</td></tr>" +
            "<tr><td colSpan=\"2\" id=\"form_startIdentity\"></td></tr>" +
            "</table>";
        this.formNode.set("html", html);

        this.identityArea = this.formNode.getElementById("form_startIdentity");

        // MWF.xDesktop.requireApp("Organization", "PersonExplorer", function(){
        //     var o = {
        //         "data": this.app.desktop.session.user,
        //         "explorer":{
        //             "app": {
        //                 "lp":this.lp
        //             },
        //             "actions": this.orgAction
        //         }
        //     };
            var _self = this;
            this.identitys.each(function(item){
                //if (item.woUnit){
                    var id = new MWF.xApplication.process.TaskCenter.ProcessStarter.Identity(this.identityArea, item, this, this.css);
                    id.node.store("identity", id);
                    id.node.addEvents({
                        "mouseover": function(){
                            this.setStyles(_self.css.identityNode_over);
                            this.getFirst().getLast().setStyles(_self.css.identityInforNameTextNode_over);
                            this.getFirst().getNext().getFirst().setStyles(_self.css.identityTitleNode_over);
                            this.getFirst().getNext().getNext().getFirst().setStyles(_self.css.identityTitleNode_over);
                            //this.getFirst().getNext().getNext().getNext().getFirst().setStyles(_self.css.identityTitleNode_over);
                        },
                        "mouseout": function(){
                            this.setStyles(_self.css.identityNode);
                            this.getFirst().getLast().setStyles(_self.css.identityInforNameTextNode);
                            this.getFirst().getNext().getFirst().setStyles(_self.css.identityTitleNode);
                            this.getFirst().getNext().getNext().getFirst().setStyles(_self.css.identityTitleNode);
                            //this.getFirst().getNext().getNext().getNext().getFirst().setStyles(_self.css.identityTitleNode);
                        },
                        "click": function(){
                            var identity = this.retrieve("identity");
                            if (identity){
                                _self.okStartProcess(identity.data.distinguishedName);
                            }
                        }
                    });
                //}
            }.bind(this));

        //}.bind(this));

    },
    getOrgAction: function(callback){
        if (!this.orgAction){
            this.orgAction = MWF.Actions.get("x_organization_assemble_control");
            if (callback) callback();
            // MWF.xDesktop.requireApp("Selector", "Actions.RestActions", function(){
            //     this.orgAction = new MWF.xApplication.Selector.Actions.RestActions();
            //     if (callback) callback();
            // }.bind(this));
        }else{
            if (callback) callback();
        }
    },
    setStartNodeSize: function(){
        var size = this.app.content.getSize();
        var allSize = this.app.content.getSize();
        this.markNode.setStyles({
            "width": ""+allSize.x+"px",
            "height": ""+allSize.y+"px"
        });
        this.areaNode.setStyles({
            "width": ""+size.x+"px",
            "height": ""+size.y+"px"
        });
        var hY = size.y*0.7;
        var mY = size.y*0.3/2;
        this.createNode.setStyles({
            "height": ""+hY+"px",
            "margin-top": ""+mY+"px"
        });
        var count = this.identitys.length;
        if (count>2) count=2;
        var w = count*294;
        this.formNode.setStyles({
            "width": ""+w+"px"
        });
        w = w + 60;
        this.createNode.setStyles({
            "width": ""+w+"px"
        });
    },
    cancelStartProcess: function(e){
        this.markNode.destroy();
        this.areaNode.destroy();
    },
    okStartProcess: function(identity){
        var data = {
            "title": this.data.name+"-"+this.lp.unnamed,
            //"identity": this.identityArea.get("value")
            "identity": identity
        };
        if( this.options.workData ){
            data.data = this.options.workData
        }

        if (!data.identity){
            this.departmentSelArea.setStyle("border-color", "red");
            this.app.notice(this.lp.selectStartId, "error");
        }else{
            this.mask = new MWF.widget.Mask({"style": "desktop"});
            this.mask.loadNode(this.areaNode);
            this.getWorkAction(function(){
                this.workAction.startWork(function(json){
                    this.mask.hide();

                    this.markNode.destroy();
                    this.areaNode.destroy();

                    this.fireEvent("started", [json.data, data.title, this.data.name]);

                    this.app.refreshAll();
                    this.app.notice(this.lp.processStarted, "success");
                    //    this.app.processConfig();
                }.bind(this), null, this.data.id, data);
            }.bind(this));
        }
    },
    getWorkAction: function(callback){
        if (!this.workAction){
            this.workAction = MWF.Actions.get("x_processplatform_assemble_surface");
            if (callback) callback();
            // MWF.xDesktop.requireApp("process.TaskCenter", "Actions.RestActions", function(){
            //     this.workAction = new MWF.xApplication.process.TaskCenter.Actions.RestActions();
            //     if (callback) callback();
            // }.bind(this));
        }else{
            if (callback) callback();
        }
    }

});
MWF.xApplication.process.TaskCenter.ProcessStarter.Identity = new Class({
    initialize: function(container, data, starter, style){
        this.container = $(container);
        this.data = data;
        this.starter = starter;
        this.action = this.starter.orgAction;
        this.style = style;
        //this.item = item;
        this.load();
    },
    load: function(){
        this.node = new Element("div", {
            "styles": this.style.identityNode
        }).inject(this.container);

        var nameNode = new Element("div", {
            "styles": this.style.identityInforNameNode
        }).inject(this.node);

        var url = this.action.getPersonIcon(this.starter.app.desktop.session.user.id);
        var img = "<img width='50' height='50' border='0' src='"+url+"'></img>";
        // if (this.item.data.icon){
        //     img = "<img width='50' height='50' border='0' src='data:image/png;base64,"+this.item.data.icon+"'></img>"
        // }else{
        //     if (this.item.data.genderType=="f"){
        //         img = "<img width='50' height='50' border='0' src='"+"/x_component_Organization/$PersonExplorer/default/icon/female.png'></img>";
        //     }else{
        //         img = "<img width='50' height='50' border='0' src='"+"/x_component_Organization/$PersonExplorer/default/icon/man.png'></img>";
        //     }
        // }

        var picNode = new Element("div", {
            "styles": this.style.identityInforPicNode,
            "html": img
        }).inject(nameNode);
        var nameTextNode = new Element("div", {
            "styles": this.style.identityInforNameTextNode,
            "text": this.data.name
        }).inject(nameNode);

        var unitNode = new Element("div", {"styles": this.style.identityDepartmentNode}).inject(this.node);
        var unitTitleNode = new Element("div", {
            "styles": this.style.identityTitleNode,
            "text": MWF.xApplication.process.TaskCenter.LP.unit
        }).inject(unitNode);
        this.unitTextNode = new Element("div", {"styles": this.style.identityTextNode}).inject(unitNode);
        if (this.data.woUnit) this.unitTextNode.set({"text": this.data.woUnit.levelName, "title": this.data.woUnit.levelName});

        // var companyNode = new Element("div", {"styles": this.style.identityCompanyNode}).inject(this.node);
        // var companyTitleNode = new Element("div", {
        //     "styles": this.style.identityTitleNode,
        //     "text": this.item.explorer.app.lp.company
        // }).inject(companyNode);
        // this.companyTextNode = new Element("div", {"styles": this.style.identityTextNode}).inject(companyNode);

        var dutyNode = new Element("div", {"styles": this.style.identityDutyNode}).inject(this.node);
        var dutyTitleNode = new Element("div", {
            "styles": this.style.identityTitleNode,
            "text": MWF.xApplication.process.TaskCenter.LP.duty
        }).inject(dutyNode);
        this.dutyTextNode = new Element("div", {"styles": this.style.identityTextNode}).inject(dutyNode);
        var dutyTextList = [];
        var dutyTitleList = [];
        this.data.woUnitDutyList.each(function(duty){
            dutyTextList.push(duty.name);
            if (duty.woUnit) dutyTitleList.push(duty.name+"("+duty.woUnit.levelName+")");
        }.bind(this));
        this.dutyTextNode.set({"text": dutyTextList.join(", "), "title": dutyTitleList.join(", ")});

        // this.item.explorer.actions.getDepartment(function(json){
        //     this.department = json.data;
        //     this.departmentTextNode.set({"text": this.department.name, "title": this.department.name});
        //
        //     this.item.explorer.actions.getCompany(function(json){
        //         this.company = json.data;
        //         this.companyTextNode.set({"text": this.company.name, "title": this.company.name});
        //     }.bind(this), null, this.department.company);
        //
        // }.bind(this), null, this.data.department);
        //
        //
        // this.item.explorer.actions.listCompanyDutyByIdentity(function(json){
        //     json.data.each(function(duty){
        //         var text = this.dutyTextNode.get("text");
        //         if (text){
        //             text = text+", "+duty.name;
        //         }else{
        //             text = duty.name;
        //         }
        //         this.dutyTextNode.set({"text": text, "title": text});
        //     }.bind(this));
        // }.bind(this), null, this.data.id);

        // this.item.explorer.actions.listDepartmentDutyByIdentity(function(json){
        //     json.data.each(function(duty){
        //         var text = this.dutyTextNode.get("text");
        //         if (text){
        //             text = text+", "+duty.name;
        //         }else{
        //             text = duty.name;
        //         }
        //         this.dutyTextNode.set({"text": text, "title": text});
        //     }.bind(this));
        // }.bind(this), null, this.data.id);
    }
});
// MWF.xApplication.process.TaskCenter.ProcessStarter.DepartmentSel = new Class({
//     initialize: function(data, starter, container, idArea){
//         this.data = data;
//         this.starter = starter;
//         this.container = container;
//         this.idArea = idArea;
//         this.css = this.starter.css;
//         this.isSelected = false;
//         this.load();
//     },
//     load: function(){
//
//         this.node = new Element("div", {"styles": this.css.departSelNode}).inject(this.container);
//         this.starter.orgAction.getDepartmentByIdentity(function(department){
//             this.node.set("text", department.data.name);
//         }.bind(this), null, this.data.name);
//
//         this.node.addEvents({
//             "mouseover": function(){if (!this.isSelected) this.node.setStyles(this.css.departSelNode_over);}.bind(this),
//             "mouseout": function(){if (!this.isSelected) this.node.setStyles(this.css.departSelNode_out);}.bind(this),
//             "click": function(){
//                 this.selected();
//             }.bind(this),
//         });
//     },
//     selected: function(){
//         if (!this.isSelected){
//             if (this.starter.currentDepartment) this.starter.currentDepartment.unSelected();
//             this.node.setStyles(this.css.departSelNode_selected);
//             this.isSelected = true;
//             this.starter.currentDepartment = this;
//
//             this.idArea.set({
//                 "text": this.data.display,
//                 "value": this.data.name
//             });
//         }
//     },
//     unSelected: function(){
//         if (this.isSelected){
//             if (this.starter.currentDepartment) this.starter.currentDepartment = null;;
//             this.node.setStyles(this.css.departSelNode);
//             this.isSelected = false;
//         }
//     }
//
// });