miaoguo_master/pages/main/preview.js

import common from '../../utils/util';
import main from '../../utils/main';

const app = getApp();
var iTimeout = 0, intervalSound=0;
var arrImage = [], arrImage2 = [];

Page({
  data: {
    IsExistCard: false,
  },
  onLoad: function (options) {
    wx.hideShareMenu();

    var that = this;
    var id = 0;
    if (options.id)
      id = options.id;
    that.setData({
      Containnerheight: main.getWindowHeight(),
      ShowType: options.type,
      MiaoguoCardID: id,
    });
    //console.log("MiaoguoCardID:" + id);
    
    this.audioCtx = [];
    

    if (options.type == "share") {
      wx.setNavigationBarTitle({
        title: "查看共享"
      });
    }
  },
  onShow: function () {
    var that = this;
    if (that.data.ShowType == "share") {
      var url = "GetMiaoguoCardInfo?UserID=" + app.globalData.introducer + "&MiaoguoCardID=" + that.data.MiaoguoCardID;
      main.getData(url, function (data) {
        if (data) {
          wx.setStorageSync("CardList", [data]);
          that.init();
        }
      });
    }
    else
      that.init();
  },
  onUnload: function () {
    clearTimeout(iTimeout);
    clearInterval(intervalSound);
  },
  init: function () {
    var list = wx.getStorageSync("CardList");
    var card = {};
    var prevId = 0;
    var nextId = 0;
    for (var i = 0; i < list.length; i++) {
      if (this.data.MiaoguoCardID == list[i].MiaoguoCardID) {
        wx.setStorageSync("TempCardInfo", list[i]);
        if (i > 0)
          prevId = list[i - 1].MiaoguoCardID;
        else
          prevId = 0;
        if (i < list.length - 1)
          nextId = list[i + 1].MiaoguoCardID;
        else
          nextId = 0;

        card = main.changeStringToView(list[i].Content);
        card.MiaoguoCardID = list[i].MiaoguoCardID;
        card.LimitTime = list[i].LimitTime;
        card.FontSize = list[i].FontSize;
        break;
      }
    }
    if (!card.FontSize)
      card.FontSize = 46;

    arrImage = card.Images;
    arrImage2 = card.Images2;

    console.log("arrImage:" + arrImage);
    console.log("arrImage2" + arrImage2);

    this.setData({
      ID: card.MiaoguoCardID,
      Field: card.Field,
      Tags: card.Tags,
      PrevID: prevId,
      NextID: nextId,
      FontSize: card.FontSize,
      LimitTimeStr: common.formatDateCHS(card.LimitTime),
    });
  },
  practiceToday: function () {
    var that = this;
    wx.showModal({
      title: '要今天练吗？',
      content: '这张题卡今天必须练习',
      success(res) {
        if (res.confirm) {
          var obj = {
            ID: that.data.ID,
            BtnNumber: -1,
            LearningType: 2,
          }
          that.saveCard(obj, function () {
            var time = common.formatTime(new Date());
            that.setData({
              LimitTimeStr: common.formatDateCHS(time),
            });
            var list = wx.getStorageSync("CardList");
            for (var i = 0; i < list.length; i++) {
              if (that.data.ID == list[i].MiaoguoCardID) {
                list[i].LimitTime = time;
                list[i].LimitTimeStr = "今天";
                break;
              }
            }
            wx.setStorageSync("CardList", list);
            wx.showToast({
              title: '改为今天练',
              icon: 'none',
            });
          });
        }
        else if (res.cancel) {

        }
      }
    })
  },
  saveCard: function (obj, callback) {
    var url = "UpdateMiaoguoCardToday?";
    url += "ID=" + obj.ID;
    url += "&UserID=" + app.globalData.userInfo.UserID;
    url += "&BtnNumber=" + obj.BtnNumber;
    url += "&LearningType=" + obj.LearningType;

    main.getData(url, function (data) {
      callback();
    });
  },
  copyCard: function () {
    wx.showLoading({
      title: '处理中',
    });
    var that = this;
    var url = "CollectMiaoguoCard?";
    url += "MiaoguoCardID=" + that.data.MiaoguoCardID;
    url += "&UserIDSource=" + app.globalData.introducer;
    url += "&UserIDTarget=" + app.globalData.userInfo.UserID;

    main.getData(url, function (data) {
      wx.hideLoading();

      var title = "题卡已存在！";
      var image = "universalpic_wrong_white_120x120";
      if (data == 1) {
        title = "已保存";
        image = "universalpic_saved_white_120x120";
      }
      wx.showToast({
        title: title,
        mask: true,
        image: "../images/" + image + ".png",
        duration: 2000,
        success: function () {
          that.setData({
            IsExistCard: true,
          });
        }
      });
    });
  },
  playSound: function (e) {
    var that = this;
    var str = e.currentTarget.dataset.content;
    var url;
    if (str.indexOf("英 [") >= 0 || str.indexOf("美 [") >= 0) {
      str = str.replace("英 [", "[");
      str = str.replace("美 [", "[");
      url = e.currentTarget.dataset.soundmark;
    }
    else if (e.currentTarget.dataset.soundmark && e.currentTarget.dataset.soundmark != "undefined") {
      url = e.currentTarget.dataset.soundmark;
    }
    else {
      var url = app.globalData.audioUrlBaidu;
      url = url.replace("[token]", app.globalData.BaiduToken);
      url = url.replace("[word]", str);
    }

    var arr = url.split(",");
    for (var i = 0; i < arr.length; i++) {
      this.audioCtx.push(wx.createAudioContext('myAudio' + i));
    }
    var index = 0;
    intervalSound = setInterval(function () {
      that.audioCtx[index].setSrc(arr[index]);
      that.audioCtx[index].play();

      index++;
      if (index >= arr.length) {
        clearInterval(intervalSound);
      }
    }, 1000);

    var fieldid = e.currentTarget.dataset.fieldid;
    var content = that.data.Field[fieldid];
    var selectIndex = 0;
    for (var i = 0; i < content.length; i++) {
      if (content[i].Type == 'sound') {
        if (content[i].Content == e.currentTarget.dataset.content) {
          content[i].SoundImageName = "gif";
          selectIndex = i;
          break;
        }
      }
    }
    that.setData({
      Field: that.data.Field,
    });
    iTimeout = setTimeout(function () {
      content[selectIndex].SoundImageName = "png";
      that.data.Field[fieldid] = content;
      that.setData({
        Field: that.data.Field,
      });
    }, 2000);
  },
  onMore: function () {
    var that = this;
    wx.showActionSheet({
      itemList: ["详细信息", "编辑题卡", "删除题卡"],
      success(res) {
        //console.log(res.tapIndex);
        if (res.tapIndex == 0) {
          wx.navigateTo({
            url: './cardInfo?id=' + that.data.MiaoguoCardID,
          });
        }
        else if (res.tapIndex == 1) {
          wx.navigateTo({
            url: './add?type=edit2&id=' + that.data.MiaoguoCardID,
          });
        }
        else if (res.tapIndex == 2) {
          that.deleteCard();
        }
      },
    })
  },
  deleteCard: function () {
    var that = this;
    wx.showModal({
      title: '提醒',
      content: '这张题卡要删除吗？',
      success(res) {
        if (res.confirm) {
          var url = 'DeleteMiaoguoCard?UserID=' + app.globalData.userInfo.UserID;
          url += "&ID=" + that.data.MiaoguoCardID;
          main.getData(url, function (data) {
            var list = wx.getStorageSync("CardList");
            for (var i = 0; i < list.length; i++) {
              if (that.data.MiaoguoCardID == list[i].MiaoguoCardID) {
                list.splice(i, 1);
                break;
              }
            }
            wx.setStorageSync("CardList", list);

            var taskToday = wx.getStorageSync("TaskToday");
            taskToday.CardNumber--;
            wx.setStorageSync("TaskToday", taskToday);

            wx.navigateBack({
              delta: 1,
            });
          });
        }
      }
    });
  },
  onPreview: function (e) {
    clearTimeout(iTimeout);
    var id = e.currentTarget.dataset.id;
    wx.redirectTo({
      url: './preview?type=show&id=' + id,
    });
  },
  close: function () {
    wx.navigateBack({
      delta: 1,
    });
  },
  editField: function (e) {
    if (this.data.ShowType == "show") {
      var that = this;
      var fieldid = e.currentTarget.dataset.id;
      wx.navigateTo({
        url: './add?type=edit3&id=' + that.data.MiaoguoCardID + '&fieldid=' + fieldid,
      });
    }
  },
  showImage: function (e) {
    var name = e.currentTarget.dataset.name;
    wx.previewImage({
      current: name,
      urls: arrImage,
    });
  },
  onBindError: function (e) {
    for (var i = 1; i < this.data.Field.length; i++) {
      for (var j = 0; j < this.data.Field[i].length; j++) {
        if (this.data.Field[i][j].Type == "image") {
          this.data.Field[i][j].Url = this.data.Field[i][j].Content;
        }
      }
    }
    arrImage = arrImage2;
    this.setData({
      Field: this.data.Field,
    });
  },
  onShareAppMessage: function () {
    var that = this;
    this.setData({
      ShowType: 'preview'
    });
    setTimeout(function () {
      that.setData({
        ShowType: 'show'
      });
    }, 1000);
    return {
      title: '分享题卡',
      path: app.globalData.SharePath + '?UserID=' + app.globalData.userInfo.UserID + '&Share=1&MiaoguoCardID=' + this.data.MiaoguoCardID,
      imageUrl: app.globalData.ShareImage,
    }
  },
})