// pages/home/camera/index.js
import {
  paddlejs
} from '@paddlejs/paddlejs-core';
import {
  Paddlejs
} from '../../../services/_utils/ocr';

Page({

  /**
   * 页面的初始数据
   */
  data: {
    isAuth: false,
    src: ''
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    const _this = this
    wx.getSetting({
      success: res => {
        if (res.authSetting['scope.camera']) {
          // 用户已经授权
          _this.setData({
            isAuth: true
          })
        } else {
          // 用户还没有授权，向用户发起授权请求
          wx.authorize({
            scope: 'scope.camera',
            success() { // 用户同意授权
              _this.setData({
                isAuth: true
              })
            },
            fail() { // 用户不同意授权
              _this.openSetting().then(res => {
                _this.setData({
                  isAuth: true
                })
              })
            }
          })
        }
      },
      fail: res => {
        console.log('获取用户授权信息失败')
      }
    })
  },

  openSetting() {
    const _this = this
    let promise = new Promise((resolve, reject) => {
      wx.showModal({
        title: '授权',
        content: '请先授权获取摄像头权限',
        success(res) {
          if (res.confirm) {
            wx.openSetting({
              success(res) {
                if (res.authSetting['scope.camera']) { // 用户打开了授权开关
                  resolve(true)
                } else { // 用户没有打开授权开关， 继续打开设置页面
                  _this.openSetting().then(res => {
                    resolve(true)
                  })
                }
              },
              fail(res) {
                console.log(res)
              }
            })
          } else if (res.cancel) {
            _this.openSetting().then(res => {
              resolve(true)
            })
          }
        }
      })
    })
    return promise;
  },

  takePhoto() {
    console.log("开始识别图片");
    const ctx = wx.createCameraContext()
    ctx.takePhoto({
      quality: 'high',
      success: (res) => {
        console.log(res);
        this.setData({
          src: res.tempImagePath
        })
        // Paddlejs.predict(res.tempImagePath).then(res => {
        //   console.log(res);
        // })
        var pic0 = new Image();
        pic0.src = res.tempImagePath;
        const this_ = this
        pic0.onload = () => {
          var img0 = tf.browser.fromPixels(pic0);
          this_.predict(img0);
        }

        // 获取到图片的像素信息
        // wx.getImageInfo({
        //   src: res.tempImagePath,
        //   success: (imgInfo) => {
        //     const {
        //       width,
        //       height,
        //       path
        //     } = imgInfo;

        //     const canvasId = 'myCanvas';
        //     const me = this;
        //     // 获取页面中的canvas上下文，tips：canvas设置的宽高要大于选择的图片宽高，canvas位置可以绝对定位到视口不可以见
        //     let ctx = canvas.getContext(canvasId);
        //     ctx.drawImage(path, 0, 0, width, height);
        //     ctx.draw(false, () => {
        //       // API 1.9.0 获取图像数据
        //       wx.canvasGetImageData({
        //         canvasId: canvasId,
        //         x: 0,
        //         y: 0,
        //         width: width,
        //         height: height,
        //         success(res) {
        //           console.log(res);
        //           me.predict({
        //             data: res.data,
        //             width: width,
        //             height: height
        //           });
        //         }
        //       });
        //     });
        //   }
        // });
      }
    })
  },

  predict(imgObj) {
    // 4. 在线预测计算
    const me = this;
    Paddlejs.predict(imgObj, function (data) {
      // 5. 对预测结果进行后处理
      const maxItem = pdjs.utils.getMaxItem(data);
      console.log(maxItem);
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})