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

const app = getApp();
var categoryID = "";
var categoryName = "";
var categoryNum = "";
var SelectID = 0;
var arrDifficult = ["", "", "简单", "普通", "困难"];

Page({
  data: {
    version: app.globalData.Version,
    filter: 'all',
    CategoryID: 1,
    CategoryNum: 1,
  },
  onLoad: function (options) {
    var that = this;
    categoryID = options.id;
    categoryName = options.name;
    categoryNum = options.num;
    //console.log(category);
    common.getStorageValue(this, "HelpHidden2", false, function () {
      that.showHelp();
    });

    this.setData({
      CategoryNum: categoryNum,
      CategoryID: categoryID,
      Containnerheight: server.getWindowHeight(),
    });
    
  },
  onShow: function(){
    if (app.globalData.IsRefresh) {
      wx.showLoading({
        title: '请稍候',
        mask: true,
      });
      setTimeout(function () {
        wx.hideLoading();
      }, 3000);
      app.globalData.IsRefresh = false;
    }
    this.getList();
  },
  onUnload: function () {
    this.closeHelp();
  },
  getList: function () {
    this.buildList();
  },
  gotoDetail: function (e) {
    server.playSound("/sounds/click.mp3");

    var locked = e.currentTarget.dataset.locked;
    if (locked) {
      wx.navigateTo({
        url: '../../package4/main/buyad',
      });
    }
    else {

      SelectID = e.currentTarget.dataset.id;
      var arr = wx.getStorageSync('SelectIDArray');
      if (!arr)
        arr = [];
      for (var i = 0; i < arr.length; i++) {
        if (arr[i] == SelectID) {
          arr.splice(i, 0);
          break;
        }
      }

      arr.push(SelectID);
      wx.setStorageSync('SelectIDArray', arr);
      this.buildList();

      wx.navigateTo({
        url: '../main/detail?id=' + SelectID,
      });
    }

    this.closeHelp();
  },
  buildList: function () {
    var that = this;

    var arrID = categoryID.split(",");
    var list = [];

    var data = wx.getStorageSync('QuestionTypeList');
    var arr = wx.getStorageSync('SelectIDArray');
    for (var i = 0; i < data.length; i++) {
      for (var j = 0; j < arrID.length; j++) {
        if (data[i].ID == arrID[j]) {
          for (var k = 0; k < data[i].List.length; k++) {
            data[i].List[k].CategoryLevel = data[i].Name;
            data[i].List[k].IconName = app.globalData.fileUrl + data[i].List[k].IconName;
            data[i].List[k].SelectItem = "boxCenter";
            for (var n = 0; n < arr.length; n++) {
              if (arr[n] == data[i].List[k].ID) {
                data[i].List[k].SelectItem = "boxLeft";
              }
            }
            data[i].List[k].DifficultyName = arrDifficult[Number(data[i].List[k].Difficulty)];
            data[i].List[k].Select = false;
            if (SelectID == data[i].List[k].ID)
              data[i].List[k].Select = true;

            if (k > 0 && app.globalData.userInfo.IsShow == 1 && app.globalData.IsLocked==1 && app.globalData.userInfo.IsMember==0) {
              data[i].List[k].IsLocked = true;
              data[i].List[k].LockCSS = "desaturate";
            }
            if (this.data.filter == "vertical") {
              if (data[i].List[k].QuestionNumber3 > 0)
                list.push(data[i].List[k]);
            }
            else {
              list.push(data[i].List[k]);
            }
          }
          break;
        }
      }
    }

    for (var j = 0; j < list.length; j++) {
        var item = list[j];
        switch (item.ID){
            case 167:
            case 174:
            case 166:
            case 190:
            case 191:
            case 192:
            case 193:
            case 164:
            case 165:
            case 195:
                item.CategoryLevel="乘除运算3级"
                break;
        }
    }

    this.setData({
      QuestionTypeList: list,
    });
  },
  openMenu: function (e) {
    this.data.filter = e.currentTarget.dataset.filter;
    this.setData({
      filter: this.data.filter,
    });
    this.buildList();
  },
  showHelp: function () {
    if (!this.data.HelpHidden2) {
      this.audioCtx = wx.createAudioContext('myAudio');
      var str = "这里是仓库，每一层货架的箱子里都有一个知识点，很有意思吧！如果看到一个叫“有竖式”的标签，说明该题型可以打印竖式计算题，想要快速定位所有竖式题目的话，点击顶层货架就能帮你筛选。请选一只箱子继续。";
      server.playAudio(this.audioCtx, str);
    }
  },
  closeHelp: function () {
    this.setData({
      HelpHidden2: true,
    });
    wx.setStorageSync("HelpHidden2", true);
    this.audioCtx = wx.createAudioContext('myAudio');
    this.audioCtx.pause();
  },

  onShareAppMessage: function () {
    return {
      title: app.globalData.ShareTitle,
      path: 'pages/index/index?UserID=' + app.globalData.userInfo.UserID,
      imageUrl: app.globalData.ShareImage,
    }
  },
})