jtoa/o2web/source/x_component_Forum/TopNode.js

/**
 * Created by CXY on 2017/5/8.
 */
MWF.xApplication.Forum.TopNode = new Class({
    Extends: MWF.widget.Common,
    Implements: [Options, Events],
    options: {
        "style": "default",
        "settingEnable" : false,
        "logoutEnable" : true,
        "naviModeEnable" : false
    },
    initialize : function( container, app, explorer, options ){
        this.setOptions(options);
        this.container = container;
        this.app = app;
        this.lp = app.lp;
        this.restActions = app.restActions;
        this.access = app.access;
        this.explorer = explorer;
        this.userName = layout.desktop.session.user.distinguishedName || "";
        this.displayName = MWFForum.getDisplayName();

        this.path = "../x_component_Forum/$TopNode/";

        this.cssPath = "../x_component_Forum/$TopNode/" + this.options.style + "/css.wcss";
        this._loadCss();
    },
    load: function(){
        this.createTopNode();
    },
    getMainPageTitle : function(){
        var tail = this.app.inBrowser ? (MWFForum.getSystemConfigValue( MWFForum.BBS_TITLE_TAIL ) || "") : "";
        return ( MWFForum.getBBSName() || MWF.xApplication.Forum.LP.title ) + tail;
    },
    openMainPage : function(){
        if( this.app.inBrowser || this.options.naviMode ){
            this.app.clearContent();
            if(this.app.node)this.app.node.destroy();
            MWF.xDesktop.requireApp("Forum", "MainInContainer", null, false);
            var forum = new MWF.xApplication.Forum.MainInContainer( this.app.desktop, {
                "hasTop" : true,
                "hasBreadCrumb" : true,
                "naviMode" : false,
                "autoWidth" : false
            }, this.app.content, this.app.content , this.app.content );
            forum.inBrowser = this.app.inBrowser;
            forum.window = this.app.window;
            forum.taskitem = this.app.taskitem;
            forum.load();
            this.app.setTitle(  this.getMainPageTitle() );
        }else{
            var appId = "Forum";
            if (this.app.desktop.apps[appId]){
                var app = this.app.desktop.apps[appId];
                app.setCurrent();
                app.clearContent();
                app.loadApplicationLayout();
            }else {
                this.app.desktop.openApplication(null, "Forum", { "appId": appId });
                this.app.close();
            }
        }
    },
    createTopNode: function () {
        this.topContainerNode = new Element("div.topContainerNode", {
            "styles": this.css.topContainerNode
        }).inject(this.container);

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

        this.topMainPageNode = new Element("div.topMainPageNode",{
            "styles" : { "cursor" : "pointer" }
        }).inject(this.topNode);
        this.topMainPageNode.addEvent("click", function(){
            this.openMainPage();
        }.bind(this));

        //this.getSystemSetting( "BBS_LOGO_NAME", function( data ){
        this.restActions.getBBSName( function( json ){
            var data = json.data;
            if( data.configValue && data.configValue!="" && data.configValue!="O2社区" ){
                this.bbsName = data.configValue;
                this.topTextNode = new Element("div.topTextNode", {
                    "styles": this.css.topTextNode,
                    "text": data.configValue
                }).inject(this.topMainPageNode)
            }else{
                this.topIconNode = new Element("div", {
                    "styles": this.css.topIconNode
                }).inject(this.topMainPageNode)
            }
        }.bind(this), null, false );
        //}.bind(this), false )

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

        if( this.access.isAnonymous() ){

            if( this.access.signUpMode != "disable" ){
                this.signupNode = new Element("div", {
                    "styles": this.css.signupNode
                }).inject(this.topContentNode);
                //this.signupIconNode = new Element("div", {
                //    "styles": this.css.signupIconNode
                //}).inject(this.signupNode);
                this.signupTextNode = new Element("div", {
                    "styles": this.css.signupTextNode,
                    "text": this.lp.signup
                }).inject(this.signupNode);
                this.signupNode.addEvent("click", function(){ this.openSignUpForm( ) }.bind(this));

                new Element("div",{
                    "styles" : this.css.topSepNode,
                    "text" : "|"
                }).inject(this.topContentNode);
            }

            this.loginNode = new Element("div", {
                "styles": this.css.loginNode
            }).inject(this.topContentNode);
            //this.loginIconNode = new Element("div", {
            //    "styles": this.css.loginIconNode
            //}).inject(this.loginNode);
            this.loginTextNode = new Element("div", {
                "styles": this.css.loginTextNode,
                "text": this.lp.login
            }).inject(this.loginNode);
            this.loginNode.addEvent("click", function(){ this.openLoginForm( ) }.bind(this));

            if( this.options.naviModeEnable ){

                new Element("div",{
                    "styles" : this.css.topSepNode,
                    "text" : "|"
                }).inject(this.topContentNode);

                this.loadNaviNode();
            }

        }else{
            if( this.app.inBrowser && this.options.logoutEnable ){
                this.logoutNode = new Element("div", {
                    "styles": this.css.logoutNode
                }).inject(this.topContentNode);
                //this.logoutIconNode = new Element("div", {
                //    "styles": this.css.logoutIconNode
                //}).inject(this.logoutNode);
                this.logoutTextNode = new Element("div", {
                    "styles": this.css.logoutTextNode,
                    "text": this.lp.logout
                }).inject(this.logoutNode);
                this.logoutNode.addEvent("click", function(){ this.logout( ) }.bind(this));

                new Element("div",{
                    "styles" : this.css.topSepNode,
                    "text" : "|"
                }).inject(this.topContentNode);
            }

            if( this.options.settingEnable ){

                this.settingArea = new Element("div", {
                    styles : { float : "right" }
                }).inject(this.topContentNode);

                this.access.getUserPermission(function (permission) {
                    if( this.access.isAdmin() || permission.bbsAdmin || permission.bbsForumAdmin || permission.bbsSectionAdmin ){
                        this.settingNode = new Element("div", {
                            "styles": this.css.settingNode
                        }).inject(this.settingArea);
                        //this.settingIconNode = new Element("div", {
                        //    "styles": this.css.settingIconNode
                        //}).inject(this.settingNode);
                        this.settingTextNode = new Element("div", {
                            "styles": this.css.settingTextNode,
                            "text": this.lp.setting,
                            "title" : this.lp.forumConfig
                        }).inject(this.settingNode);
                        this.settingNode.addEvent("click", function(){ this.app.openSetting( ) }.bind(this));

                        new Element("div", {
                            "styles": this.css.topSepNode,
                            "text": "|"
                        }).inject(this.settingArea);
                    }else{
                        this.settingArea.hide();
                    }
                }.bind(this))
            }

            if( this.options.naviModeEnable ){
                this.loadNaviNode();

                new Element("div", {
                    "styles": this.css.topSepNode,
                    "text": "|"
                }).inject(this.topContentNode);
            }

            this.personNode = new Element("div", {
                "styles": this.css.personNode
            }).inject(this.topContentNode);
            //this.personIconNode = new Element("div", {
            //    "styles": this.css.personIconNode
            //}).inject(this.personNode);
            this.personTextNode = new Element("div", {
                "styles": this.css.personTextNode,
                "text": MWF.xApplication.Forum.LP.welcomeTitle.replace("{user}", ( this.displayName || "").split("@")[0]),
                "title" : MWF.xApplication.Forum.LP.seePersonCenter
            }).inject(this.personNode);
            this.personNode.addEvent("click", function(){ this.openPerson(this.userName ) }.bind(this))

        }


        this.searchDiv = new Element("div.searchDiv",{
            "styles" : this.css.searchDiv
        }).inject(this.topNode);
        this.searchInput = new Element("input.searchInput",{
            "styles" : this.css.searchInput,
            "value" : this.lp.searchKey,
            "title" : MWFForum.isUseNickName() ? this.lp.searchTitleNick : this.lp.searchTitle
        }).inject(this.searchDiv);
        var _self = this;
        this.searchInput.addEvents({
            "focus": function(){
                if (this.value==_self.lp.searchKey) this.set("value", "");
            },
            "blur": function(){if (!this.value) this.set("value", _self.lp.searchKey);},
            "keydown": function(e){
                if (e.code==13){
                    this.search();
                    e.preventDefault();
                }
            }.bind(this)
        });

        this.searchAction = new Element("div.searchAction",{
            "styles" : this.css.searchAction
        }).inject(this.searchDiv);
        this.searchAction.addEvents({
            "click": function(){ this.search(); }.bind(this),
            "mouseover": function(e){
                this.searchAction.setStyles( this.css.searchAction_over2 );
                e.stopPropagation();
            }.bind(this),
            "mouseout": function(){ this.searchAction.setStyles( this.css.searchAction ) }.bind(this)
        });
        this.searchDiv.addEvents( {
            "mouseover" : function(){
                this.searchInput.setStyles( this.css.searchInput_over );
                this.searchAction.setStyles( this.css.searchAction_over )
            }.bind(this),
            "mouseout" : function(){
                this.searchInput.setStyles( this.css.searchInput );
                this.searchAction.setStyles( this.css.searchAction )
            }.bind(this)
        });


        this._createTopContent();
    },
    loadNaviNode : function(){
        if( this.options.naviModeEnable ){

            this.naviNode = new Element("div", {
                "styles": this.css.settingNode
            }).inject(this.topContentNode);

            if( this.options.naviMode ){
                this.closeNaviTextNode = new Element("div", {
                    "styles": this.css.settingTextNode,
                    "text": MWF.xApplication.Forum.LP.closeNavi,
                    "title" : MWF.xApplication.Forum.LP.closeNavi
                }).inject(this.naviNode);
                this.closeNaviTextNode.addEvent("click", function(){ this.app.closeNavi( ) }.bind(this));
            }else{
                this.naviTextNode = new Element("div", {
                    "styles": this.css.settingTextNode,
                    "text": MWF.xApplication.Forum.LP.navi,
                    "title" : MWF.xApplication.Forum.LP.naviLayout
                }).inject(this.naviNode);
                this.naviTextNode.addEvent("click", function(){
                    this.app.openNavi( )
                }.bind(this));
            }

        }
    },
    _createTopContent: function () {

    },
    getSystemSetting : function( code, callback, async ){
        this.restActions.getSystemSettingByCode( {configCode : code }, function(json) {
            if (callback)callback(json.data);
        }.bind(this), null, async )
    },
    search : function(){
        var val = this.searchInput.get("value");
        if( val == "" || val == this.lp.searchKey ){
            this.notice( this.lp.noSearchContentNotice, "error" );
            return;
        }
        var appId = "ForumSearch";
        if( this.app.options.name == "ForumSearch" ){
            this.app.search( val );
        }else if (this.app.desktop.apps[appId] && !this.app.inBrowser){
            var app = this.app.desktop.apps[appId];
            app.setCurrent();
            app.search( val );
        }else{
            this.app.desktop.openApplication(null, "ForumSearch", {
                "appId": appId,
                "searchContent" : val
            });
        }
    },
    openPerson : function( userName, data ){
        MWFForum.openPersonCenter( userName, data );
    },
    openLoginForm : function(){
        MWF.require("MWF.xDesktop.Authentication", null, false);
        var authentication = new MWF.xDesktop.Authentication({
            "style" : "flat",
            "popupStyle_password": "o2platformSignupFlat",
            onPostOk : function(){
                window.location.reload();
            }
        },this.app);
        authentication.popupOptions = {
            "draggable": true,
            "closeAction": true,
            "hasMask": true,
            "relativeToApp": true,
            "width": "420",
            "height": "640"
        };
        // authentication.loadLogin(this.app.content);
        authentication.openLoginForm();
    },
    openSignUpForm : function(){
        MWF.require("MWF.xDesktop.Authentication", null, false);
        var authentication = new MWF.xDesktop.Authentication( {
            style : "flat",
            "popupStyle_password": "o2platformSignupFlat",
            onPostOk : function(){
            }
        }, this.app);
        authentication.popupOptions = {
            "draggable": true,
            "closeAction": true,
            "hasMask": true,
            "relativeToApp": true,
            "width": "420",
            "height": "640"
        };
        authentication.openSignUpForm();
    },
    logout: function(){

        MWF.Actions.get("x_organization_assemble_authentication").logout(function () {
            if (this.socket) {
                this.socket.close();
                this.socket = null;
            }
            Cookie.dispose(o2.tokenName);
            if (layout.session && layout.session.user) layout.session.user.token = "";

            layout.desktop.session.user.distinguishedName = "anonymous";
            this.app.clearContent();
            this.app.loadApplicationContent();
            this.openLoginForm();

            // if( callback ){
            //     callback()
            // }else{
            //      window.location.reload();
            // }
        }.bind(this));
    }
});