// 逛文章详情

import { API_HOST, SERVICE_HOST } from '../../../../libs/config';
import { GET, POST } from '../../../../libs/request';
import objectAssign from '../../../../vendors/object-assign';
import guangUtil from './util';
import Promise from '../../../../vendors/es6-promise';
import util from '../../../../utils/util';
import WxParse from '../../../../vendors/wxParse/wxParse';

import {
  logEvent,
  YB_PAGE_OPEN_L,
} from '../../../../libs/analytics.js'
const { Actionsheet, extend } = require('../../../../vendors/zanui/index');
import { getQRCodeSource } from '../../../../libs/miniQRCodeRoute.js'
import { jumpByUrl } from '../../../../libs/urlRoute';
import { getUnionID } from '../../../../utils/login';


//获取应用实例
let app = getApp();
let PV_ID = new Date().getTime() + '';

const screenHeight = app.globalData.systemInfo.screenHeight;
const windowWidth = app.globalData.systemInfo.windowWidth;
const windowHeight = app.globalData.systemInfo.windowHeight;

Page(extend({}, Actionsheet, {
    data: {
        options: {},

        windowHeight: windowHeight,
        screenHeight: screenHeight - 60,
        isShowIndicator: false,

        yasParam: '',
        from_page_name: '',
        from_page_param: '',
        current_page_name: 'guangDetail',
        current_page_param: '',

        replyTemArray: [],
        articleInfo: {},
        authorInfo: {},
        articleContent: {},
        brands: [],
        otherArticles: [],
        page: 0,
        end: false,
        actionsheet: {
            componentId: 'shareActionSheet',
            show: false,
            closeOnClickOverlay: true,
            cancelText: '取消',
            isNewShareStyle:true,
            unionUserImageUrl:'',
            actions: [{
              name: '分享给好友',
              className: 'action-class',
              loading: false,
              openType: 'share',
              image_src: '../../../../images/share_wechat@2x.png'
            }, 
            {
              name: '生成海报分享',
              className: 'action-class',
              loading: false,
              image_src: '../../../../images/share_wxpeng@2x.png'
            }]
        },
        isShowSnapshoot: false,
        snapshootShareData: {},
    },
    onLoad: function(options) {
        if (options && options.scene && options.scene.length == 32) {
            getQRCodeSource(options.scene).then(json => {
              if (json) {
                this.loadElement(json);
              }
            })
              .catch(error => {
              });
          } else {
            this.loadElement(options);
        }
    },
    onShareAppMessage: function (res) {
        let param = {
            FROM: res.from,
            SHARE_RESUIL: 0,
            TITLE: this.data.articleInfo.article_title || '潮流有货逛不停',
            imageUrl:  this.data.articleInfo.cover_image && util.formatImageUrl(this.data.articleInfo.cover_image, 750, 480),
            DESC: '我在有货发现一篇不错的文章赶快来看看吧！',
            PATH: '/page/subPackage/pages/guang/detail?id=' + this.options.id,
        }

        if (app.globalData.user_union_type) {
            param.PATH += '&union_type=' + app.globalData.user_union_type
        }

        return {
            title: param.TITLE, // 分享标题
            imageUrl: param.imageUrl,
            desc: param.DESC, // 分享描述
            path: param.PATH , // 分享路径
            success: function (res) {

            },
            fail: function (res) {

            }
        }
    },

    loadElement: function(options) {

        this.setData({
            options,
            yasParam: `&page_name=${this.data.current_page_name}&page_param=${options.id || ''}`,
            current_page_param: options.id || '',
            from_page_name: options.page_name || '',
            from_page_param: options.page_param || '',
        });

        //解析 渠道号
        let unionType = options.union_type ? options.union_type : '';
        if (unionType) {
          app.updateUnionType(unionType);
        }

        this._init();

        var pages = getCurrentPages();
        var currentPage = pages[pages.length - 1];
        var url = currentPage.route;
        let params = {
            PAGE_NAME: this.data.current_page_name,
            PAGE_PARAM: this.data.current_page_param,
            FROM_PAGE_NAME: this.data.from_page_name,
            FROM_PAGE_PARAM: this.data.from_page_param,
            PV_ID: PV_ID,
            PAGE_PATH: url,
        };
        logEvent(YB_PAGE_OPEN_L, params);

        this._initActionSheet()
    },
    share: function(event){
        this.setData({
            'actionsheet.show': true
        })
    },

    handleZanActionsheetCancel({ componentId }) {
        this.setData({
          'actionsheet.show': false
        })
    },
    handlerJumpToUnionUrl(){
        this.setData({
            'actionsheet.show': false
        })
        if (app.globalData.user_union_type){
            jumpByUrl("https://activity.yoho.cn/feature/2213.html?title=说明详情&openby:yohobuy={\"action\":\"go.h5\",\"params\":{\"title\":\"说明详情\",\"url\":\"https://activity.yoho.cn/feature/2213.html\"}}", this.data.current_page_name)
        } else if (app.globalData.userInfo.uid){
            jumpByUrl("https://activity.yoho.cn/feature/2601.html?title=有货有赚&openby:yohobuy={\"action\":\"go.h5\",\"params\":{\"title\":\"有货有赚\",\"url\":\"https://activity.yoho.cn/feature/2601.html\"}}", this.data.current_page_name)
        }else{
            //未登录 状态去登录
            this.loginAndRegisterTapped()
        }
    },

    //跳转到登录页面
    loginAndRegisterTapped:function(needBind) {
        let app = getApp()
        if(tt.getSetting){
        tt.getSetting({
            success: (res) => {
            if (res && res.authSetting && res.authSetting["scope.userInfo"] !== null && res.authSetting["scope.userInfo"] !== undefined && res.authSetting["scope.userInfo"] === false) {
                tt.showModal({
                title: '',
                content: '检测到您未打开微信用户信息授权，开启后即可进行登录',
                confirmText: "去开启",
                confirmColor: "#000000",
                success: function (res) {
                    if (res.confirm) {
                    tt.openSetting({
                        success: (res) => {
                        // console.log(res.authSetting["scope.userInfo"])
                        if (res.authSetting["scope.userInfo"] !== null && res.authSetting["scope.userInfo"] !== undefined && res.authSetting["scope.userInfo"] === true) {
                            getUnionID(app.getWechatThirdSession(), function (response) {
                            // console.log(response)
                            })
                        }
                        }
                    })
                    } else {
                    tt.navigateTo({
                        url: '/pages/bindPhoneNumber/bindPhoneNumber',
                    })
                    }
                }
                })
            } else {
                tt.navigateTo({
                url: '/pages/bindPhoneNumber/bindPhoneNumber',
                })
            }
            }
        })
        } else {
        tt.showModal({
            title: '提示',
            content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
        })
        }
    },
    // 当行动按钮中有一个被点击时触发
    // index 代表被点击按钮在传入参数 actions 中的位置
    handleZanActionsheetClick({ componentId, index }) {
        this.setData({
            'actionsheet.show': false
        })
        if (index === 1) {
            this.setData({
                isShowSnapshoot: true
            })
        }
    },
    hiddenSheet: function () {
        this.setData({
          isShowSnapshoot: false
        })
    },
    _initActionSheet: function() {
        let actionsheet = this.data.actionsheet;
        //user_union_type 有值 需要显示 联盟share按钮
        if (app.globalData.user_union_type) {//user_union_type_imageUrl
          let actionsheetParam = [
            {
              name: '分享给朋友',
              className: 'action-class',
              loading: false,
              openType: 'share',
              image_src: '../../../../images/share_union_wechat@2x.png'
            },
            {
              name: '生成海报分享',
              className: 'action-class',
              loading: false,
              image_src: '../../../../images/share_union_wxpeng@2x.png'
            }
          ];
          actionsheet.unionUserImageUrl = app.globalData.user_union_type_imageUrl
          actionsheet.actions = actionsheetParam;
        } else if (app.globalData.userInfo.uid) {
          //登录状态
          actionsheet.unionUserImageUrl = app.globalData.user_nounion_type_imageUrl
        }
        this.setData({
          actionsheet
        })
      },
    _init: function() {
        return Promise.all([
            this._getArticleExec(),
            this._getArticleContentExec(),
            this._getBrandExec(),
            this._getShareDate()
        ]).then(result => {
            return Promise.all([
                this._getAuthorExec(result[0].author_id),
                this._recomandLi(result[1]),
                this._getOtherArticleExec(result[0].tag)
            ]);
        });
    },
    _getShareDate: function() {
        return guangUtil._getShareDate({
            id: this.data.options.id
        }, GET, API_HOST).then(res => {
            if (res) {
                let page_param = this.data.options;
                let guang_qrCode = '';

                if (app.globalData.user_union_type) {
                    page_param.union_type = app.globalData.user_union_type;
                }

                guang_qrCode = API_HOST + '/wechat/miniapp/img-check.jpg?param=' + (JSON.stringify(page_param)) + '&miniapp_typ=0&miniQrType=18';

                this.setData({
                    snapshootShareData: {
                        cover_image: res.pic,
                        article_title: res.title,
                        guang_qrCode,
                        id: this.data.options.id,
                        tag: res.minSortName
                    }
                });
            }

            return res;
        });
    },
    _getArticleExec: function() {
        return guangUtil._getArticle({
            article_id: this.data.options.id
        }, GET, API_HOST).then(rdata => {
            if (rdata.author_id) {
                tt.setNavigationBarTitle({title: rdata.article_title || '文章详情'});
                this.setData({articleInfo: rdata});
            }
            return rdata;
        });
    },
    _getArticleContentExec: function() {
        return guangUtil._getArticleContent({
            article_id: this.data.options.id
        }, GET, API_HOST).then(rdata => {
            rdata = guangUtil._processArticleDetail(rdata);

            rdata.replyTexts.map((text, tindex) => {

                WxParse.wxParse('reply' + tindex, 'html', text, this, 0);

                if (tindex === rdata.replyTexts.length - 1) {
                    WxParse.wxParseTemArray("replyTemArray", 'reply', rdata.replyTexts.length, this);
                }
            });

            let replyTemArray = this.data.replyTemArray;

            rdata.finalDetail.map(item => {
                if (item.text) {
                    item.wxText = replyTemArray.shift();
                }
            });

            this.setData({articleContent: rdata, replyTemArray: []});
            return rdata;
        });
    },
    _getAuthorExec: function(author_id) {
        return guangUtil._getAuthor({
            author_id: author_id
        }, GET, API_HOST).then(rdata => {
            if (rdata.avatar) {
                rdata.avatar = util.formatImageUrl(rdata.avatar, 80, 80);
            }

            this.setData({authorInfo: rdata});
            return rdata;
        });
    },
    _recomandLi: function(data) {
        return guangUtil._recomandLi({skns: data.allGoods}, GET, API_HOST).then(rdata => {
            data.finalDetail = guangUtil._pushGoodsInfo(data.finalDetail, rdata.product_list);
            this.setData({articleContent: data});
        });
    },
    _getBrandExec: function() {
        return guangUtil._getBrand({
            article_id: this.data.options.id
        }, GET, API_HOST).then(rdata => {
            rdata.map(item => {
                if (item.thumb) {
                    item.thumb = util.formatImageUrl(item.thumb.replace(/\?(.*)/, ''), 160, 80, 1);
                }
            });

            this.setData({brands: rdata});
            return rdata;
        });
    },
    _getOtherArticleExec: function(tag) {
        return guangUtil._getOtherArticle({
            article_id: this.data.options.id,
            tags: tag || ''
        }, GET, API_HOST).then(rdata => {
            rdata.map(item => {
                if (item.thumb) {
                    item.thumb = util.formatImageUrl(item.thumb, 240, 150, 1);
                }
            });
            this.setData({otherArticles: rdata});
            return rdata;
        });
    },
    setGoodsMore: function(event) {
        let data = event.currentTarget.dataset;
        let findex = data.findex || 0;
        let flen = data.flen || 0;
        let articleContent = this.data.articleContent;
        articleContent.finalDetail[findex].relatedReco.moreNum = flen;

        this.setData({articleContent: articleContent});
    },
    onPageScroll: function(event) {
        var { scrollTop } = event;
        var isShow = scrollTop > windowHeight * 2 ? true : false;
        if (isShow != this.data.isShowIndicator) {
            this.setData({
                isShowIndicator: isShow
            });
        }
    },
    backToTop: function () {
        tt.pageScrollTo({
            scrollTop: 0,
        });
    },
    clickCartIcon: function(event) {
        // console.log('cartIcon')
    },
    productCellTapped: function(event) {
        let data = event.currentTarget.dataset;
        let skn = data.skn;
        
        if (!skn) {
            return;
        }

        tt.navigateTo({
            url: `/pages/goodsDetail/goodsDetail?productSkn=${skn}&${this.data.yasParam}`
        });
    },
}));