// pages/article/index.js
import {ArticeModel} from '../../models/artice.js'
import dayjs from '../../utils/dayjs/index.js'
import { store } from '../../utils/store.js'
var WxParse = require('../../components/wxParse/wxParse.js');
let artice = new ArticeModel()

Page({

  /**
   * 页面的初始数据
   */
  data: {
    nodes: '',
    isStar: true, // 是否
    showBtn: false,
    image: '',
    aId: '',
    title: '',
    date: '',
    origin: '',
    unStar: '/images/common/star.png',
    star: '/images/common/star_light.png',
    disable: true,
    readNum: 0,
    collectNum: 0,
    flag:5
  },
  onClickCollect () {
    // 收藏功能
    if (store.hasBindUserInfo()) {
      this.addOrRemoveCollectionApi()
    } else {
      wx.redirectTo({
        url: '/pages/weChatAuth/index',
      })
    }
  },
  onlineSubmit () {
    this.setData({
      disable: true
    })
    if (store.hasBindUserInfo()) {
      this.onlineSignApi() // 在线报名
    } else {
      wx.redirectTo({
        url: '/pages/weChatAuth/index',
      })
    }
    // if (store.hasPhone()) {
    //   this.onlineSignApi() // 在线报名
    // } else {
    //   wx.redirectTo({
    //     url: `/pages/register/index`,
    //   })
    // }
  },
  onShareAppMessage (res) {
    return {
      title: this.data.title,
      path: `/pages/article/index?id=${this.data.aId}`
    }
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //console.log(options)
    const {id} = options
    this.setData({
      aId: id
    })
    this.fetchArticeApi()
    wx.showShareMenu({
      withShareTicket: true,
      menus: ['shareAppMessage']
    });
  },
  fetchArticeApi () {
    // wx.showLoading({
    //   title: '加载中...',
    // })
    artice.getDetail(this.data.aId, (res) => {
      //console.log('artice detail')
      console.log(res)
      const data = res.result
      const date = dayjs(data.createTime).format('MM月DD日')
      // wx.setNavigationBarTitle({
      //   title: data.title,
      // })

      if(data.flag == 0 || data.flag == 1){
        var disable = false;
      }else{
        var disable = true;
      }
      this.setData({
        nodes: data.content,
        title: data.title,
        date: date,
        image: data.titlePic,
        origin: data.source,
        isStar: data.isCollection ? true : false,
        // showBtn: data.typeFlag >= 2 ? true : false,
        disable: disable,
        readNum: data.readNum,
        collectNum: data.collectNum,
        flag:data.flag
      }, () => {
        // wx.hideLoading()
      })
      WxParse.wxParse('article', 'html', this.data.nodes, this, 5);
    })

    
  },
  addOrRemoveCollectionApi () {
    artice.addOrRemoveCollect(this.data.aId, res => {
      //console.log(res)
      if (res.code == 200) {
        this.setData({
          isStar: !this.data.isStar
        })
        wx.showToast({
          title: this.data.isStar ? '收藏成功' : '取消收藏成功',
          icon: 'none'
        })
      }
    })
  },
  onlineSignApi () {
    artice.onlineSign(this.data.aId, res => {
      if(res.code == 200){
        console.log(res.code);
        wx.showToast({
          title: res.message,
          icon: 'none'
        })
      }
      if(res.code != 200){
        // console.log(res.code);
        this.setData({
          disable: false
        })
        wx.showToast({
          title: res.message,
          icon: 'none'
        })
      }
      this.fetchArticeApi()
    })
  },
  cancelSignApi () {
    this.setData({
      disable: true
    })
    if (store.hasBindUserInfo()) {
      artice.cancelOnlineSign(this.data.aId, res => {
        if(res.code == 200){
          wx.showToast({
            title: res.message,
            icon: 'none'
          })
          
        }else{
          this.setData({
            disable: false
          })
          wx.showToast({
            title: res.message,
            icon: 'none'
          })
        }
        this.fetchArticeApi() 
      })
    } else {
      wx.redirectTo({
        url: '/pages/weChatAuth/index',
      })
    }
  }
  
})