const app = getApp()

Page({
  data: {
    clist: [],
    isOver: false,
    loading: true,
    startX: '',
    startY: ''
  },
 // 给每一项设置x值
  setListX() {
      this.data.clist.map(item => {
          item.x = 0;
      })
      this.setData({
          clist: this.data.clist
      })
  },
  // 开始滑动
  touchMoveStartHandle(e) {
    // 我们要记录滑动开始的坐标点，后面计算要用到
      if (e.touches.length == 1) {
          this.setData({
              startX: e.touches[0].clientX,
              startY: e.touches[0].clientY
          });
      }
  },
  // 滑动事件处理,一次只能滑出一个删除按钮 为了防止滑动出现抖动，我们用滑动结束事件
  touchMoveEndHandle: function (e) {
      var currentIndex = e.currentTarget.dataset.index, //当前索引
          startX = this.data.startX, //开始X坐标
          startY = this.data.startY, //开始Y坐标
          touchMoveEndX = e.changedTouches[0].clientX, //滑动变化X坐标
          touchMoveEndY = e.changedTouches[0].clientY, //滑动变化Y坐标
          //获取滑动角度
          angle = this.angle({
              X: startX,
              Y: startY
          }, {
              X: touchMoveEndX,
              Y: touchMoveEndY
          });
      //滑动超过50度角 return，防止上下滑动触发
      if (Math.abs(angle) > 50) return;
      this.data.clist.map((item, index) => {
          if (touchMoveEndX > startX) {
              // 右滑
              if (index == currentIndex) item.x = 0;
          } else {
              // 左滑
              item.x = -120
              if (index != currentIndex) item.x = 0;
          }
      })
      this.setData({
          clist: this.data.clist
      })
  },
  /**
   * 计算滑动角度
   * start 起点坐标
   * end 终点坐标
   * Math.PI 表示一个圆的周长与直径的比例，约为 3.14159;PI就是圆周率π，PI是弧度制的π,也就是180°
   */
  angle: function (start, end) {
      var _X = end.X - start.X,
          _Y = end.Y - start.Y
      return 360 * Math.atan(_Y / _X) / (2 * Math.PI);
  },
  // 删除收藏方法，获取诗词id从表中删除对应的记录
  rmCollect(e){
    let i = 0
    let that = this
    let {clist} = this.data
    wx.showModal({
      title: '提示',
      content: '确认要删除此条信息么？',
      success: function(res) {
        if (res.confirm) {
          console.log('用户点击确定')
          // 首先处理一下clist，把选中的删除，所以把index序号放入i，从clist中把它的对应项删除
          i = e.currentTarget.dataset.index
          console.log(i)
          //删除起始下标为1，长度为1的一个值(len设置1，如果为0，则数组不变) 
          // var arr = ['a','b','c','d']; 
          clist.splice(i, 1); 
          console.log(clist); 
          that.setData({
            clist: clist
          })
          // 监听touch事件，平移布局显示和隐藏删除按钮
          wx.cloud.callFunction({
            name: 'update',
            data: {
              database: 'collection',
              id: 'collect' + app.globalData.openid,
              data: {
                collectList: clist
              },
            }, 
            success: function (res) {
              console.log(res)
             },
            fail: console.error
            //  不能刷新页面
          })
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })
  }
})