O2OA/x_desktop_web/x_component_ForumDocument/Mobile.js

MWF.xApplication.Forum = MWF.xApplication.Forum || {};
MWF.xApplication.ForumDocument = MWF.xApplication.ForumDocument || {};
MWF.xDesktop.requireApp("Template", "Explorer", null, false);

MWF.xApplication.ForumDocument.Mobile = new Class({
    Implements: [Options, Events],
    options: {
        "id" : "",
        "sectionId" : "",
        "viewPageNum" : 1,
        "replyIndex" : null,
        "isNew": false,
        "isEdited" : false
    },

    initialize: function (node, app, actions, lp, css, options) {
        this.setOptions(options);
        this.app = app;
        this.node = $(node);
        this.actions = actions;
        this.lp = lp;
        this.css = css;
        this.path = "/x_component_ForumDocument/$Mobile/default/";
    },

    load: function () {
        this.actions.login( {}, function( json ){
            this.actions.listSubjectPermission( this.options.id, function( permission ){
                this.permission = permission.data;
                this.actions.getSubjectView( this.options.id , function( data ){
                    this.data = data.data.currentSubject;
                    this.options.sectionId = this.data.sectionId;
                    this.createMiddleNode();
                }.bind(this))
            }.bind(this))
        }.bind(this))
    },
    createMiddleNode: function(){
        this.middleNode = new Element("div.middleNode", {
            "styles": this.css.middleNode
        }).inject(this.node);

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

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

        //this.createPagingBar();

        this.createSubject();
        this.createReplyView();
    },
    createSubject : function(){
        this.subjectView = new MWF.xApplication.ForumDocument.Mobile.SubjectView( this.subjectConainer, this.app, this, {
            templateUrl : this.path + "listItemSubject.json",
            scrollEnable : false
        } );
        this.subjectView.data = this.data;
        this.subjectView.load();
    },
    showReply : function( id ){
        this.replyView.showReply( id );
    },
    createReplyView : function(){
        new Element("div.itemReplyTitle", {
            styles : this.css.itemReplyTitle,
            text : this.lp.reply
         }).inject(this.replyViewConainer);

        this.replyView = new MWF.xApplication.ForumDocument.Mobile.ReplyView( this.replyViewConainer, this.app, this, {
            templateUrl : this.path + "listItemReply.json",
            scrollEnable : false,
            pagingEnable : true,
            documentKeyWord : "orderNumber",
            pagingPar : {
                currentPage : this.options.viewPageNum || 1,
                countPerPage : 10,
                hasPrevPage : true,
                hasTruningBar : false,
                onPostLoad : function(){
                    if( this.replyView.getCurrentPageNum() == 1 ){
                        if( this.replyView.paging && this.replyView.paging.nextPageNode)this.replyView.paging.nextPageNode.setStyle("width","99%");
                    }else if( this.replyView.getCurrentPageNum() == this.replyView.getPageSize() ){
                        if( this.replyView.paging && this.replyView.paging.prevPageNode)this.replyView.paging.prevPageNode.setStyle("width","99%");
                    }else{
                        if( this.replyView.paging && this.replyView.paging.prevPageNode)this.replyView.paging.prevPageNode.setStyle("width","49%");
                        if( this.replyView.paging && this.replyView.paging.nextPageNode)this.replyView.paging.nextPageNode.setStyle("width","49%");
                    }
                }.bind(this)
            }
        } );
        this.replyView.data = this.data;
        this.replyView.filterData = { "subjectId" : this.data.id };
        this.replyView.load();
    },
    getDateDiff: function (publishTime) {
        if(!publishTime)return "";
        var dateTimeStamp = Date.parse(publishTime.replace(/-/gi, "/"));
        var minute = 1000 * 60;
        var hour = minute * 60;
        var day = hour * 24;
        var halfamonth = day * 15;
        var month = day * 30;
        var year = month * 12;
        var now = new Date().getTime();
        var diffValue = now - dateTimeStamp;
        if (diffValue < 0) {
            //若日期不符则弹出窗口告之
            //alert("结束日期不能小于开始日期！");
        }
        var yesterday = new Date().decrement('day', 1);
        var beforYesterday = new Date().decrement('day', 2);
        var yearC = diffValue / year;
        var monthC = diffValue / month;
        var weekC = diffValue / (7 * day);
        var dayC = diffValue / day;
        var hourC = diffValue / hour;
        var minC = diffValue / minute;
        if (yesterday.getFullYear() == dateTimeStamp.getFullYear() && yesterday.getMonth() == dateTimeStamp.getMonth() && yesterday.getDate() == dateTimeStamp.getDate()) {
            result = "昨天 " + dateTimeStamp.getHours() + ":" + dateTimeStamp.getMinutes();
        } else if (beforYesterday.getFullYear() == dateTimeStamp.getFullYear() && beforYesterday.getMonth() == dateTimeStamp.getMonth() && beforYesterday.getDate() == dateTimeStamp.getDate()) {
            result = "前天 " + dateTimeStamp.getHours() + ":" + dateTimeStamp.getMinutes();
        } else if (yearC > 1) {
            result = dateTimeStamp.getFullYear() + "年" + (dateTimeStamp.getMonth() + 1) + "月" + dateTimeStamp.getDate() + "日";
        } else if (monthC >= 1) {
            //result= parseInt(monthC) + "个月前";
            // s.getFullYear()+"年";
            result = (dateTimeStamp.getMonth() + 1) + "月" + dateTimeStamp.getDate() + "日";
        } else if (weekC >= 1) {
            result = parseInt(weekC) + "周前";
        } else if (dayC >= 1) {
            result = parseInt(dayC) + "天前";
        } else if (hourC >= 1) {
            result = parseInt(hourC) + "小时前";
        } else if (minC >= 1) {
            result = parseInt(minC) + "分钟前";
        } else
            result = "刚才";
        return result;
    }

});


MWF.xApplication.ForumDocument.Mobile.SubjectView = new Class({
    Extends: MWF.xApplication.Template.Explorer.ComplexView,
    _createDocument: function(data, index){
        data.index = index;
        this.getUserData( data.creatorName, function(json ){
            data.userIcon = json.data.icon;
            return new MWF.xApplication.ForumDocument.Mobile.SubjectDocument(this.viewNode, data, this.explorer, this, null, data.index );
            //this.actions.getUserInfor( {"userName":data.creatorName}, function( json ){
            //    data.subject = json.data.subjectCount;
            //    data.reply = json.data.replyCount;
            //    data.todaySubject = json.data.subjectCountToday;
            //    data.todayReply = json.data.replyCountToday;
            //    data.prime = json.data.creamCount;
            //    data.accessed = json.data.popularity;
            //    return new MWF.xApplication.ForumDocument.SubjectDocument(this.viewNode, data, this.explorer, this, null, data.index );
            //}.bind(this))
        }.bind(this) )
    },
    getUserData : function( name, callback ){
        this.actions.getPerson( function( json ){
            if( callback )callback( json );
        }.bind(this), null, name, true )
    },
    _getCurrentPageData: function(callback, count){
        var json = {
            type: "success",
            count : 1,
            size : 1,
            data : [this.data]
        };
        if (callback)callback(json)
    },
    _removeDocument: function(documentData, all){
        this.actions.deleteSection(documentData.id, function(json){
            this.reload();
            this.app.notice(this.app.lp.deleteDocumentOK, "success");
        }.bind(this));
    },
    _create: function(){

    },
    _queryCreateViewNode: function(){
    },
    _postCreateViewNode: function( viewNode ){
    },
    _queryCreateViewHead:function(){
    },
    _postCreateViewHead: function( headNode ){
    }

});

MWF.xApplication.ForumDocument.Mobile.SubjectDocument = new Class({
    Extends: MWF.xApplication.Template.Explorer.ComplexDocument,
    mouseoverSubject : function(subjectNode, ev){
    },
    mouseoutSubject : function(subjectNode, ev){
    },
    _queryCreateDocumentNode:function( itemData ){
    },
    _postCreateDocumentNode: function( itemNode, itemData ){
        var content = itemNode.getElements( "[item='content']" )[0];
        content.getElements("img").each( function( img ){
            img.setStyles({
                "height": "auto",
                "max-width" : "100%"
            });
        }.bind(this))
    },
    createReply : function(itemNode, ev ){
        var form = new MWF.xApplication.ForumDocument.ReplyForm(this, {}, {
            "toMain" : true,
            onPostOk : function( id ){
                this.app.postCreateReply( id )
            }.bind(this)
        });
        form.mainData = this.data;
        form.create()
    }
});



MWF.xApplication.ForumDocument.Mobile.ReplyView = new Class({
    Extends: MWF.xApplication.Template.Explorer.ComplexView,
    showReply: function( id ){
      this.actions.getReply( id, function( json ){
          new MWF.xApplication.ForumDocument.Mobile.ReplyDocument(this.viewNode, json.data, this.explorer, this, null, null );
      }.bind(this) )
    },
    _createDocument: function(data, index){
        data.index = index;
        return  new MWF.xApplication.ForumDocument.Mobile.ReplyDocument(this.viewNode, data, this.explorer, this, null, data.index );
    },
    _getCurrentPageData: function(callback, count, pageNum){
        this.clearBody();
        if(!count)count=10;
        if(!pageNum)pageNum = 1;
        if( pageNum == 1 ){
            this.explorer.subjectConainer.setStyle("display","block");
        }else{
            this.explorer.subjectConainer.setStyle("display","none");
        }
        var filter = this.filterData || {};
        this.actions.listReplyFilterPage( pageNum, count, filter, function(json){
            if( !json.data )json.data = [];
            if( !json.count )json.count=0;
            if( callback )callback(json);
        }.bind(this))
    },
    _removeDocument: function(documentData, all){
        this.actions.deleteReply( documentData.id, function(){
            this.reload();
            this.app.notice( this.lp.deleteReplySuccess, "ok")
        }.bind(this) )
    },
    _create: function(){

    },
    _queryCreateViewNode: function(){
    },
    _postCreateViewNode: function( viewNode ){
    },
    _queryCreateViewHead:function(){
    },
    _postCreateViewHead: function( headNode ){
    }

});

MWF.xApplication.ForumDocument.Mobile.ReplyDocument = new Class({
    Extends: MWF.xApplication.Template.Explorer.ComplexDocument,
    mouseoverSubject : function(subjectNode, ev){
    },
    mouseoutSubject : function(subjectNode, ev){
    },
    getUserData : function( name, callback ){
        this.actions.getPerson( function( json ){
            if( callback )callback( json );
        }.bind(this), null, name, true )
    },
    _queryCreateDocumentNode:function( itemData ){
    },
    _postCreateDocumentNode: function( itemNode, itemData ){
        var content = itemNode.getElements( "[item='content']" )[0];
        content.getElements("img").each( function( img ){
            img.setStyles({
                "height": "auto",
                "max-width" : "100%"
            });
        }.bind(this));
        if( itemData.parentId && itemData.parentId != "" ){
            var quoteContainer = itemNode.getElements( "[item='quoteContent']" )[0];
            this.actions.getReply( itemData.parentId, function( json ){
                    var data = this.parentData =  json.data;
                    var quoteContent = new Element("div", {  "styles" : this.css.itemQuote }).inject(quoteContainer);
                    var content = quoteContent.set("html", data.content).get("text");
                    quoteContent.empty();
                    data.contentText = content;

                    //new Element( "div", {styles : this.css.quoteLeft} ).inject( quoteContent );

                    var quoteArea = new Element( "div", {styles : this.css.quoteArea } ).inject( quoteContent );
                    var quoteInfor = new Element( "div", {
                        styles : this.css.quoteInfor,
                        text : this.lp.replyTo  + " " + data.orderNumber + this.lp.floor + " " + data.creatorName + " " + data.createTime
                    }).inject( quoteArea );

                    new Element( "div", {
                        styles : this.css.quoteText,
                        text :  content.length > 100 ? (content.substr(0, 100) + "...") : content
                    }).inject( quoteArea );

                    //new Element( "div", {styles : this.css.quoteRight} ).inject( quoteContent );
                }.bind(this) , function( json ){
                    new Element( "div" , {
                        "styles" : this.css.replyBeinngDelete,
                        "text" : this.lp.quoteReplyBeingDeleted
                    }).inject(quoteContainer)
                }.bind(this)
            )
        }
        var userIcon = itemNode.getElements( "[item='userIcon']" )[0];
        this.getUserData( itemData.creatorName, function(json ){
            userIcon.src = "data:image/png;base64,"+json.data.icon;
        }.bind(this) );
    },
    createReply : function(itemNode, ev ){ // 对回复进行回复
        var ua = navigator.userAgent.toLowerCase();
        if (/iphone|ipad|ipod/.test(ua)) {
            window.webkit.messageHandlers.ReplyAction.postMessage({body:this.data.id});
        } else if (/android/.test(ua)) {
            window.o2bbs.reply( this.data.id );
        }
    }
})