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

const app = getApp();

var tempCursor = 0, btnName = "";
var arrSoundMark = [];
var isUpload = true;

var isEdit = true;

Page({
  data: {
    Field: "",
    SoundSign: "[读]",
    LineSign: "[线]",
    BtnArray: ["+", "-", "×", "÷", "="],
  },
  onLoad: function (options) {
    wx.hideShareMenu();
    var id = options.id;
    var fieldid = options.fieldid;
    tempCursor = 0, btnName = "", arrSoundMark = [];
    isEdit=true;

    var that = this;
    that.setData({
      MiaoguoCardID: id,
      Focus: true,
      FieldNumber: fieldid,
      Containnerheight: main.getWindowHeight(),
    });
    wx.setNavigationBarTitle({
      title: '编辑 段落' + fieldid,
    });
  },
  onShow: function () {
    console.log("onShow:"+isEdit);
    var that = this;
    if (isEdit){
      var list = wx.getStorageSync("CardList");

      var card = {};
      for (var i = 0; i < list.length; i++) {
        if (that.data.MiaoguoCardID == list[i].MiaoguoCardID) {
          var content = main.encryptUrl(list[i].Content[this.data.FieldNumber].Content);
          this.setData({
            Field: content,
          });

          if (!wx.getStorageSync("TempCardInfoAddItem")) {
            wx.setStorageSync("TempCardInfoAddItem", content);
          }

          break;
        }
      }
    }
    isUpload = true;
  },
  onUnload: function () {
    if (isUpload) {
      var content = wx.getStorageSync("TempCardInfoAddItem");
      if (content != undefined) {
        this.updateField(content);
        wx.removeStorageSync("TempCardInfoAddItem");
      }
    }
  },
  bindinputField: function (e) {
    console.log("bindinputField:" + isEdit);
    if (isEdit) {
      this.setData({
        Field: e.detail.value,
      });
    }
  },
  addSymbol: function (e) {
    console.log("addSymbol:" + isEdit);
    btnName = e.currentTarget.dataset.id;
    if (btnName == "[读]") {
      this.setData({
        SoundSign: "[/读]",
      });
    }
    else if (btnName == "[/读]") {
      this.setData({
        SoundSign: "[读]",
      });
    }
    else if (btnName == "[线]") {
      this.setData({
        LineSign: "[/线]",
      });
    }
    else if (btnName == "[/线]") {
      this.setData({
        LineSign: "[线]",
      });
    } 

    if (!this.data.Focus){
      this.data.Field=this.data.Field+btnName;
      this.setData({
        Field: this.data.Field,
      });
    }
    //console.log("addSymbol:" + this.data.Field);
  },
  onBindFocus:function(){
    this.setData({
      Focus: true,
    });
  },
  onBindblur: function (e) {
    console.log("onBindblur:" + isEdit);
    var that=this;
    if (isEdit) {
      that.androidFunction();

      //console.log(e);
      tempCursor = e.detail.cursor;
      //console.log("tempCursor:" + tempCursor);
      if (tempCursor == undefined)
        tempCursor = this.data["Field"].length;
      var str1 = "", str2 = "";
      if (this.data.Field.length > 0) {
        str1 = this.data.Field.substr(0, tempCursor);
        str2 = this.data.Field.substring(tempCursor, this.data.Field.length);
      }
      //console.log("str1:" + str1);
      //console.log("str2:" + str2);
      var cur = 1;
      if (btnName == "[读]" || btnName == "[线]") {
        cur = 3;
      }
      else if (btnName == "[/读]" || btnName == "[/线]") {
        cur = 4;
      }

      this.data.Field = str1 + btnName + str2;
      this.setData({
        Field: this.data.Field,
        Focus:false,
        Cursor: tempCursor + cur,
      });

      btnName = "";

      
    }
  },
  onSearch: function (e) {
    wx.setStorageSync("TempFieldNumber", this.data.FieldNumber);
    wx.navigateTo({
      url: './searchWeb',
    });
    this.updateField();
  },
  clear: function () {
    console.log("clear:" + isEdit);
    this.setData({
      Field: "",
      Focus: false,
      Cursor: 0,
    });
    this.updateField();
  },
  closeAddItem: function (e) {
    var isSave = e.currentTarget.dataset.idsave;
    if (isSave == "true") {
      isUpload = false;
      wx.removeStorageSync("TempCardInfoAddItem");
      this.updateField();
    }
    wx.navigateBack({
      delta: 1,
    });
  },
  updateField: function (history) {
    var str = this.data.Field;
    str = main.decryptUrl(str);

    str = str.replace(/\[读\]/g, "\n[读]");
    str = str.replace(/\[图\]/g, "\n[图]");
    str = str.replace(/\[\/读\]/g, "[\/读]\n");
    str = str.replace(/\[\/图\]/g, "[\/图]\n");
    str = str.replace(/\n\n/g, "\n");

    var list = wx.getStorageSync("CardList");
    for (var i = 0; i < list.length; i++) {
      if (this.data.MiaoguoCardID == list[i].MiaoguoCardID) {
        if (history != undefined)
          list[i].Content[this.data.FieldNumber].Content = history;
        else
          list[i].Content[this.data.FieldNumber].Content = str;
        break;
      }
    }
    wx.setStorageSync("CardList", list);
  },
  uploadImage: function () {
    console.log("uploadImage:" + isEdit);
    var that=this;
    that.androidFunction();
    wx.chooseImage({
      count: 1,
      sizeType: ['compressed'],
      sourceType: ['album', 'camera'],
      success(res) {
        // tempFilePath可以作为img标签的src属性显示图片
        const tempFilePaths = res.tempFilePaths;
        //console.log(tempFilePaths[0]);

        that.data.Field = that.data.Field + "[图 url='" + tempFilePaths[0] + "'][/图]";

        //console.log("uploadImageEnd:" + that.data.Field);

        that.setData({
          Field: that.data.Field,
          Focus: false,
        });
        that.updateField();

      },
      fail:function(){
      }
    });
  },
  androidFunction:function(){
    isEdit=false;
    var systemInfo = wx.getSystemInfoSync();
    if (systemInfo.system && systemInfo.system.indexOf("Android") >= 0) {
      setTimeout(function () {
        isEdit = true;
      }, 1000);
    }
  },
  onShareAppMessage: function () {
    return {
      title: app.globalData.ShareTitle,
      path: app.globalData.SharePath + '?UserID=' + app.globalData.userInfo.UserID,
      imageUrl: app.globalData.ShareImage,
    }
  },
})