jtoa/o2web/source/x_component_Forum/ColumnTemplate.js

/**
 * Created by CXY on 2017/4/26.
 */
MWF.xDesktop.requireApp("Template", "Explorer", null, false);
MWF.xApplication.Forum.ColumnTemplate = new Class({
    Extends: MWF.widget.Common,
    Implements: [Options, Events],
    options: {
        "naviMode" : false,
        "style": "default",
        "width": "1230",
        "type": "type_1_0",
        "categoryId" : ""
    },
    initialize : function( container, app, explorer, options ){
        this.setOptions(options);
        if( !this.options.type )this.options.type = "type_1_0";
        this.container = container;
        this.app = app;
        this.lp = app.lp;
        this.actions = app.restActions;
        this.explorer = explorer;

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

        this.cssPath = "../x_component_Forum/$ColumnTemplate/" + this.options.style + "/css.wcss";
        this._loadCss();
    },
    load: function(){
        this.loadSetting();
        this.loadView();
    },
    _loadSetting: function(){
        var path = "../x_component_Forum/$ColumnTemplate/template/setting.json";
        var templateSetting;
        if (MWF.xApplication.Forum.ColumnTemplate.Setting){
            templateSetting = MWF.xApplication.Forum.ColumnTemplate.Setting;
        }else{
            var r = new Request.JSON({
                url: path,
                secure: false,
                async: false,
                method: "get",
                noCache: false,
                onSuccess: function(responseJSON, responseText){
                    templateSetting = MWF.xApplication.Forum.ColumnTemplate.Setting = responseJSON;
                }.bind(this),
                onError: function(text, error){
                    alert(error + text);
                }
            });
            r.send();
        }
        return templateSetting;
    },
    loadSetting: function(){
        var setting = this._loadSetting();
        this.setting = setting[this.options.type];
    },
    loadView: function(){
        this.view = new MWF.xApplication.Forum.ColumnTemplate.View(this.container, this.app, this, {
            setting : this.setting,
            templateUrl: this.setting.template,
            categoryId: this.options.categoryId,
            onPostCreateViewBody : function(){
                this.fireEvent("postLoad");
            }.bind(this)
        }, {
            css: this.css
        });
        this.view.load();
    }
});

MWF.xApplication.Forum.ColumnTemplate.View = new Class({
    Extends: MWF.xApplication.Template.Explorer.ComplexView,
    _createDocument: function (data, index) {
        if( this.app.access.isSectionViewer( data ) ){
            return new MWF.xApplication.Forum.ColumnTemplate.Document(this.viewNode, data, this.explorer, this, null, index);
        }
    },

    _getCurrentPageData: function (callback, count) {
        if (!count)count = 20;
        var id = (this.items.length) ? this.items[this.items.length - 1].data.id : "(0)";
        var filter = this.filterData || {};
        this.actions.listSection(this.options.categoryId, function (json) {
            if( !json.data )json.data = [];
            if (callback)callback(json);
        }.bind(this))
    },
    _removeDocument: function (documentData, all) {
        //this.actions.deleteSchedule(documentData.id, function(json){
        //    this.reload();
        //    this.app.notice(this.app.lp.deleteDocumentOK, "success");
        //}.bind(this));
    },
    _create: function () {

    },
    _openDocument: function (documentData) {
    },
    _queryCreateViewNode: function () {

    },
    _postCreateViewNode: function (viewNode) {
    },
    _queryCreateViewHead: function () {

    },
    _postCreateViewHead: function (headNode) {

    }

});

MWF.xApplication.Forum.ColumnTemplate.Document = new Class({
    Extends: MWF.xApplication.Template.Explorer.ComplexDocument,
    mouseoverDocument: function () {
        //this.node.getElements("[styles='itemTitleNode']").setStyles(this.css["itemTitleNode_over"]);
        //this.node.getElements("[styles='itemIconNode']").setStyles(this.css["itemIconNode_over"]);
        //this.node.getElements("[styles='itemStatNode']").setStyles(this.css["itemStatNode_over"]);
    },
    mouseoutDocument: function () {
        //this.node.getElements("[styles='itemTitleNode']").setStyles(this.css["itemTitleNode"]);
        //this.node.getElements("[styles='itemIconNode']").setStyles(this.css["itemIconNode"]);
        //this.node.getElements("[styles='itemStatNode']").setStyles(this.css["itemStatNode"]);
    },
    _queryCreateDocumentNode: function (itemData) {
    },
    _postCreateDocumentNode: function (itemNode, itemData) {
        var personNode = itemNode.getElements("[item='moderatorNames']")[0];
        if(personNode)this.createPersonNode( personNode, itemData.moderatorNames );

        var _self = this;
        var setting = this.view.options.setting;
        var columnCount = setting.column;
        if( (this.index + 1) % columnCount == 0 ){
            itemNode.setStyle("margin-right" , "0px" );
        }
        if( setting.hasBorder ){
            this.container.setStyle("padding-bottom", "10px");
        }

        if( setting.image ){
            this._loadImage( itemNode );
        }

        this._loadSubjectList( itemNode );


    },
    _loadSubjectList: function( itemNode ){
        var listNode = itemNode.getElements("[item='itemListNode']")[0];
        var replyListNode = itemNode.getElements("[item='itemReplyListNode']")[0];
        if (listNode) {
            this._getListData(function (json) {
                json.data.each(function (d,i) {
                    var div = new Element("div", {
                        "styles": this.css.itemListItemNode,
                        "text": d.title,
                        "title": d.title
                    }).inject(listNode);
                    div.addEvents({
                        "mouseover": function () {
                            this.node.setStyles(this.obj.css.itemListItemNode_over)
                        }.bind({node: div, obj: this}),
                        "mouseout": function () {
                            this.node.setStyles(this.obj.css.itemListItemNode)
                        }.bind({node: div, obj: this}),
                        "click" : function(){
                            var appId = "ForumDocument"+this.da.id;
                            if (this.obj.app.desktop.apps[appId]){
                                this.obj.app.desktop.apps[appId].setCurrent();
                            }else {
                                this.obj.app.desktop.openApplication(null, "ForumDocument", {
                                    "sectionId" : this.da.sectionId,
                                    "id" : this.da.id,
                                    "appId": appId,
                                    "isEdited" : false,
                                    "isNew" : false,
                                    "index" : i
                                });
                            }
                        }.bind({da: d, obj: this})
                    });

                    if(replyListNode){
                        var replyNode = new Element("div", {
                            "styles": this.css.itemReplyListItemNode
                        }).inject(replyListNode);

                        var div = new Element("div", {
                            "styles": this.css.itemReplyPersonNode,
                            "text": MWFForum.getSubjectCreatorName(d),
                            "title": MWFForum.getSubjectCreatorName(d)
                        }).inject(replyNode);
                        div.addEvents({
                            "mouseover": function () {
                                this.node.setStyles(this.obj.css.itemReplyPersonNode_over)
                            }.bind({node: div, obj: this}),
                            "mouseout": function () {
                                this.node.setStyles(this.obj.css.itemReplyPersonNode)
                            }.bind({node: div, obj: this}),
                            "click" : function(){
                                this.obj.app.openPerson( this.userName );
                            }.bind( {userName : d.creatorName, obj:this} )
                        });

                        var div = new Element("div", {
                            "styles": this.css.itemReplyTimeNode,
                            "text": MWFForum.getDateDiff(d.latestReplyTime),
                            "title": d.latestReplyTime
                        }).inject(replyNode);
                    }

                }.bind(this))
            }.bind(this), this.view.options.setting.itemCount)
        }
    },
    _loadImage: function( itemNode ){
        var _self = this;
        var imageNode = itemNode.getElements("[item='itemImage']")[0];
        var filterData = {
            "sectionId": this.data.id,
            "needPicture" : true
        };
        if(imageNode){
            this.actions.listSubjectForBBSIndex(1, 1,  filterData, function( json ){
                if( json.data ){
                    var d = json.data[0];
                    this.node.set("title", d.title);
                    if(d.picId){
                        this.node.set("src", MWF.xDesktop.getImageSrc(d.picId) );
                        this.node.setStyle("cursor", "pointer");
                    }
                    this.node.addEvents({
                        "click": function () {
                            var appId = "ForumDocument" + this.da.id;
                            if (_self.app.desktop.apps[appId]) {
                                _self.app.desktop.apps[appId].setCurrent();
                            } else {
                                _self.app.desktop.openApplication(null, "ForumDocument", {
                                    "sectionId": this.da.sectionId,
                                    "id": this.da.id,
                                    "appId": appId,
                                    "isEdited": false,
                                    "isNew": false
                                });
                            }
                        }.bind({da: d})
                    })
                }
            }.bind({ node : imageNode }))
        }
    },
    _getListData: function (callback, count) {
        if (!count)count = 6;
        var filterData = {
            "sectionId": this.data.id
        };
        this.actions.listSubjectForBBSIndex(1, count, filterData, function (json) {
            if (!json.data)json.data = [];
            if (callback)callback(json);
        }.bind(this))
    },
    removeCenterWork: function (itemData) {
        //if(isAdmin){
        //    return true;
        //}
        return false;
    },
    openSection : function( el ){
        if( this.explorer.options.naviMode && this.explorer.forumNavi ){
            this.explorer.forumNavi.goto( MWFForum.NaviType.section, this.data.id );
        }else {
            var appId = "ForumSection"+ this.data.id;
            if (this.app.desktop.apps[appId]){
                this.app.desktop.apps[appId].setCurrent();
            }else {
                this.app.desktop.openApplication(el, "ForumSection", {
                    "sectionId": this.data.id,
                    "appId": appId
                });
            }
        }
    },
    openPerson : function( userName, data ){
        MWFForum.openPersonCenter(userName, data)
    },
    createPersonNode : function( container, personName ){
        var persons = typeOf(personName) === "array" ? personName : personName.split(",");
        persons.each( function(userName, i){

            Promise.resolve( MWFForum.getDisplayName( userName ) ).then(function (name) {
                var span = new Element("span", {
                    "text" : name.split('@')[0],
                    "title" : name.split('@')[0],
                    "styles" : this.css.person
                }).inject(container);
                span.addEvents( {
                    mouseover : function(){ this.node.setStyles( this.obj.css.person_over )}.bind( {node:span, obj:this} ),
                    mouseout : function(){ this.node.setStyles( this.obj.css.person )}.bind( {node:span, obj:this} ),
                    click : function(){ this.obj.openPerson( this.userName ) }.bind( {userName:userName, obj:this} )
                });
                if( i != persons.length - 1 ){
                    new Element("span", {
                        "text" : "、"
                    }).inject(container);
                }
            }.bind(this))

        }.bind(this))
    }
});