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

const app = getApp();
var field = [[], [], [], []];
var arrTag = [];

Page({
  data: {
  },
  onLoad: function (options) {
    wx.hideShareMenu();
    var that = this;
    var fieldid = 0;
    if (options.fieldid)
      fieldid = options.fieldid;
    that.setData({
      Containnerheight: main.getWindowHeight(),
      UpdateType: options.type,
      MiaoguoCardID: options.id,
      FieldID: fieldid,
    });

    wx.setStorageSync("TempMiaoguoCardID", that.data.MiaoguoCardID);

    common.getStorageValue(that, "IsTodayStudy", true, function () {});
  },
  onShow: function () {
    var that = this;

    if (that.data.UpdateType == "add") {
      that.initAddCard();
    }
    else {
      var card = {};
      var list = wx.getStorageSync("CardList");
      for (var i = 0; i < list.length; i++) {
        if (that.data.MiaoguoCardID == list[i].MiaoguoCardID) {
          card = main.changeStringToView(list[i].Content);
          card.MiaoguoCardID = list[i].MiaoguoCardID;
          card.LimitTime = list[i].LimitTime;
          break;
        }
      }
      that.setData({
        MiaoguoCardID: card.MiaoguoCardID,
        Field: card.Field,
        Tags: card.Tags,
      });

      if (that.data.UpdateType != "add2") {
        wx.setNavigationBarTitle({
          title: '编辑题卡'
        });
      }

      if (that.data.UpdateType == "edit3") {
        that.setData({
          UpdateType: "edit2",
        });
        that.gotoAddItem({ currentTarget: { dataset: { fieldid: that.data.FieldID } } });
      }
    }
  },
  onUnload: function () {
    field = [[], [], [], []];
    var card = wx.getStorageSync("TempCardInfo");
    if (card) {
      var list = wx.getStorageSync("CardList");
      for (var i = 0; i < list.length; i++) {
        if (this.data.MiaoguoCardID == list[i].MiaoguoCardID) {
          list[i] = card;
          break;
        }
      }
      wx.setStorageSync("CardList", list);
    }
  },
  onClose: function () {
    wx.navigateBack({
      delta: 1,
    });
  },
  gotoAddItem: function (e) {
    var fieldid = e.currentTarget.dataset.fieldid;
    wx.navigateTo({
      url: './addItem?id=' + this.data.MiaoguoCardID + '&fieldid=' + fieldid,
    });
  },
  onSearch: function (e) {
    wx.removeStorageSync("TempFieldNumber");
    wx.navigateTo({
      url: './searchWeb',
    })
  },
  onPreview: function (e) {
    var that = this;
    if (that.data.Field[1] == "") {
      wx.showToast({
        title: '第一段必填',
        image: "../images/universalpic_wrong_white_120x120.png",
      });
    }
    else {
      wx.navigateTo({
        url: './preview?type=preview&id=' + this.data.MiaoguoCardID,
      });
    }
  },
  switch1Change(e) {

    this.setData({
      IsTodayStudy: e.detail.value,
    });

    wx.setStorageSync("IsTodayStudy", e.detail.value);

  },
  saveCard: function () {
    var that = this;

    if (that.data.Field[1] == "") {
      wx.showToast({
        title: '第一段必填',
        image: "../images/universalpic_wrong_white_120x120.png",
      });
    }
    else {
      that.uploadImageAll(that.data.Field, function (field) {
        that.data.Field=field;
        var userid = app.globalData.userInfo.UserID;
        var isTodayStudy = 0;
        if (that.data.IsTodayStudy && that.data.UpdateType == "add2")
          isTodayStudy = 1;

        var tags = [];
        for (var i = 0; i < that.data.Tags.length; i++) {
          if (that.data.Tags[i])
            tags.push(that.data.Tags[i]);
        }
        var param1 = {
          Tags: tags,
          Field1: "",
          Field2: "",
          Field3: "",
          IsTodayStudy: isTodayStudy,
          ID: that.data.MiaoguoCardID,
        };
        for (var i = 1; i <= 3; i++) {
          for (var key in that.data.Field[i]) {
            var item = that.data.Field[i][key];
            var str = "";
            if (item.Type == "image") {
              if (item.Url) {
                str = "[图 url='" + item.Url + "']" + item.Content + "[/图]";
              }
              else
                str = "[图]" + item.Content + "[/图]";
            }
            else if (item.Type == "line") {
              for (var j = 0; j < item.Content.length; j++) {
                if (item.Content[j].key == "normal")
                  str += item.Content[j].value;
                if (item.Content[j].key == "line") {
                  str += "[线]" + item.Content[j].value + "[/线]";
                }
              }
            }
            else if (item.Type == "sound") {
              if (item.SoundMark)
                str = "[读 src='" + item.SoundMark + "']" + item.Content + "[/读]";
              else
                str = "[读]" + item.Content + "[/读]";
            }
            else if (item.Type == "normal") {
              str = item.Content;
            }
            else if (item.Type == "return") {
              str = "\n";
            }
            param1["Field" + i] += str;
          }
          param1["Field" + i] = main.changeViewToString(param1["Field" + i]);

        }
        // var param2 = {
        //   param: common.Encrypt(JSON.stringify(param1))
        // }
        main.postData('AddMiaoguoCard?Type=' + that.data.UpdateType + '&UserID=' + userid, param1, function (data) {
          if (that.data.UpdateType == "edit" || that.data.UpdateType == "edit2") {
            that.saveNewData();
            that.onClose();
          }
          else {
            wx.showToast({
              title: '已保存！',
              image: "../images/universalpic_saved_white_120x120.png",
            });

            if (that.data.UpdateType == "add2") {
              that.initAddCard();
            }

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

            that.saveNewData();
          }
        });
      });
    }
  },
  uploadImageAll: function (arr, callback) {
    var that=this;
    var arrSource=[], arrResult=[];
    for(var i=0;i<arr.length;i++){
      for(var j=0;j<arr[i].length;j++){
        if (arr[i][j].Type == "image" && arr[i][j].Url && !arr[i][j].Content){
          //console.log("Source:" +arr[i][j].Url);
          arrSource.push(arr[i][j].Url);
          that.uploadImage(arr[i][j].Url, function (data) {
            //console.log("Target:"+data);
            data = app.globalData.uploadImageUrl+data;
            arrResult.push(data);
          });
        }
      }
    }

    var interval=setInterval(function(){
      //console.log(arrResult.length);
      if (arrResult.length >= arrSource.length){
        clearInterval(interval);
        var ari=0;
        for (var i = 0; i < arr.length; i++) {
          for (var j = 0; j < arr[i].length; j++) {
            if (arr[i][j].Type == "image" && arr[i][j].Url && !arr[i][j].Content) {
              arr[i][j].Content=arrResult[ari++];
            }
          }
        }
        //console.log(JSON.stringify(arr));
        callback(arr);
      }
    },500);
  },
  uploadImage:function(file,callback){
    var url = common.Encrypt("MiaoguoUploadFile");
    wx.uploadFile({
      url: app.globalData.serverUrl + url,
      filePath: file,
      name: 'file',
      success(res) {
        wx.hideLoading();
        callback(res.data);
      },
      fail: function (err) {
        wx.hideLoading();
        wx.showModal({
          title: '上传图片失败',
          showCancel: false,
          content: JSON.stringify(err),
        });
      }
    });

  },
  saveNewData: function () {
    var list = wx.getStorageSync("CardList");
    for (var i = 0; i < list.length; i++) {
      if (this.data.MiaoguoCardID == list[i].MiaoguoCardID) {
        wx.setStorageSync("TempCardInfo", list[i]);
        break;
      }
    }
  },
  initAddCard: function () {
    var card = {};
    card.MiaoguoCardID = 0;
    card.Content = [];
    for (var i = 0; i < 4; i++) {
      var obj = {};
      obj.ContentType = i;
      obj.Content = [];
      card.Content.push(obj);
    }
    wx.setStorageSync("CardList", [card]);
    this.setData({
      MiaoguoCardID: 0,
      Field: [[], [], [], []],
      Tags: [],
      UpdateType: "add2",
    });
  },
  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;
        }
      }
    }
    this.setData({
      Field: this.data.Field,
    });
  },
  onShareAppMessage: function () {
    return {
      title: app.globalData.ShareTitle,
      path: app.globalData.SharePath + '?UserID=' + app.globalData.userInfo.UserID,
      imageUrl: app.globalData.ShareImage,
    }
  },
})