var info = {
  preRecoverBtns: [],
  defaultConfig: {
    requestDomain: 'https://charge.techtimesun.com/vrapi/',
    backgroundColor: "rgba(0,0,0,0.6)",
    title: window.$i18n && window.$i18n.t("info.41"),
    images: [{
      src: "./static/icons/qrcode.jpg",
      id: 'image1',
      width: "300px",
      height: "300px"
    }, {
      src: "./static/icons/logo-横向.png",
      id: 'image2',
      width: "300px",
      height: "61px"
    }],
    logo: '', //https://v.techtimesun.com/assets/img/logo.png
    // logo: 'http://123.207.66.226/logo.png',
    content: `<p class='loading-message'></p><p class='loading-message'>Version:${version}</p>`
  },

  // init: function() {
  //     info.defaultConfig.content = info.defaultConfig.content.replace("{currentVersion}", info.version);
  //     // info.defaultConfig = window.$.extend({}, info.defaultConfig, config);
  // },
  show: function () {
    if (!window.$("#info").length) {
      //解析图片
      var imageContent = "";
      if (Array.isArray(info.defaultConfig.images)) {
        info.defaultConfig.images.forEach(function (item) {
          imageContent += "<h1 class='pg-loading-logo-header'><img id=" + item.id + " src='" + item.src + "' ";
          if (item.width || item.height) {
            imageContent += "style='width:" + item.width + ";height:" + item.height + ";'";
          }
          imageContent += "></img></h1>"
        })
      }
      window.$(document.documentElement).append("<div class='pg-loading-screen pg-loading' id='info' style='background-color:" + info.defaultConfig.backgroundColor + ";width:" + "100%" + "px;'><div class='pg-loading-inner'><div class='pg-loading-center-outer'><div class='pg-loading-center-middle'><div class='pg-loading-html pg-loaded pg-loading-title'><h1>" + info.defaultConfig.title + "</h1>" + imageContent + info.defaultConfig.content + "</div></div></div></div></div>");
      window.$("#info").on('click', function () {
        info.hide();
        info.preRecoverBtns.forEach(function (id) {
          cusBtns.showBtn({
            id: id
          })
        })
        // if (document.querySelector("#user").style.display == 'block') {
        //     document.querySelector("#user").style.display = 'block'
        // }
        info.preRecoverBtns = [];

      }).on('touchmove', function (event) {
        return false;
      })

    }

    window.$("#info").show();
  },
  hide: function () {
    window.$("#info").hide();
  },
  initLogoAndUser: function (houseid, locknum, more, onSuccess) {
    //先获取cookie看有无访问信息
    var logoImg = info.defaultConfig.logo;
    var pv = 1;
    var uv = 1;
    //用户信息
    var avatar = undefined;
    var nickname = undefined;
    var company = undefined;
    var mobilephone = undefined;
    var type = 0;
    var user = window.Cookies.get(houseid + '_user');
    if (user) {
      type = 1;
    } else {
      window.Cookies.set(houseid + '_user', Util.guid(), {
        expires: 1
      });
    }
    //获取Logo，人气等信息
    try {
      window.$.ajax({
        url: info.defaultConfig.requestDomain + 'GetHouseInfo',
        data: {
          houseid: houseid,
          locknum: locknum,
          title: more.title,
          type: type
        },
        mehtod: "GET",
        dataType: "jsonp",
        jsonp: "callback",
        success: function (data) {
          const { isShowLocal, designerHead, companyName, designerName, designerPhone } = window.that.localDesignerInfo; // 本地设计师信息
          if (isShowLocal) {  // isShowLocal=1显示设计师信息
            if (designerHead) {
              data.Avatar = designerHead
            }
            data.Company = companyName;
            data.Nickname = designerName;
            data.Mobilephone = designerPhone;
          }
          if (window.that.houseDefaultLogo) {
            logoImg = window.that.houseDefaultLogo;
          } else {
            if (data.Logo) logoImg = data.Logo;
          }

          if (data.Pv) pv = data.Pv;
          if (data.Uv) uv = data.Uv;
          if (data.Avatar) avatar = data.Avatar;
          else avatar = "http://hgchargeres.techtimesun.com/user_customize/head_img/qqhead.png?t=20181229";
          if (data.Company) company = data.Company;
          if (data.Mobilephone) mobilephone = data.Mobilephone;
          if (data.Nickname) {
            //电脑版才使用这个
            if (!device.isMobile()) {
              nickname = data.Nickname;
              //展现用户信息
              var userInfoHtml = "<div id='user' class='userinfo' style='display:none'>"
              userInfoHtml += "<div style='float:right;'><img id='user_avatar' @click='showUserInfos' class='userinfo-avatar' src='" + avatar + "' onerror=\"this.src='http://hgchargeres.techtimesun.com/user_customize/head_img/qqhead.png?t=20181229'\" /></div>"; //头像
              if (company) {
                userInfoHtml += "<div id='user_nickname'  class='userinfo-nickname userinfo-text' style='display:none'><img src='./static/icons/human.png' class='icon' />" + company + " | " + nickname + "</div>"; //昵称+公司
              } else {
                userInfoHtml += "<div id='user_nickname' class='userinfo-nickname userinfo-text' style='display:none'><img src='./static/icons/human.png' class='icon' /> " + nickname + "</div>"; //昵称+公司
              }
              if (mobilephone) userInfoHtml += "<div id='user_mobilephone' class='userinfo-mobilephone userinfo-text' style='display:none'><img class='icon' src='../../static/icons/phone.png'></span>" + mobilephone + "</div>"; //电话
              userInfoHtml += "</div>"
              window.$('body').append(userInfoHtml);
              $("#user_avatar").on("click", function () {
                if ($("#user_mobilephone").is(":visible") && $("#user_nickname").is(":visible")) {
                  $("#user_nickname").hide()
                  $("#user_mobilephone").hide()
                } else {
                  $("#user_nickname").show()
                  $("#user_mobilephone").show()
                }
              })

            } else {
              if (window.displayAvatar) {
                //手机版是一个按钮
                cusBtns.addBtn({
                  id: 'userinfo',
                  text: window.$i18n.t("info.43"),
                  image: avatar,
                  event: function () {
                    if (document.querySelector("#user").style.display == 'none') {
                      document.querySelector("#user").style.display = 'block'
                    } else if (document.querySelector("#user").style.display == 'block') {
                      document.querySelector("#user").style.display = 'none'
                    }
                  }
                });
              }

              nickname = data.Nickname;
              var userInfoHtml = "<div id='user' class='mobile-userinfo' style='bottom:" + (window.$("#list").height() + 6) + "px;position:absolute; display:none'>";
              // if (mobilephone) userInfoHtml += "<div id='mobile_userinfo_mobilephone' class='mobile-userinfo-mobilephone mobile-userinfo-text'>" + mobilephone + "</div>"
              if (mobilephone) userInfoHtml += "<div id='user_mobilephone' class='userinfo-mobilephone userinfo-text'><img class='icon' src='../../static/icons/phone.png'></span>" + '<span>' + mobilephone + '</span>' + "</div>"; //电话

              if (company) {
                userInfoHtml += "<div id='mobile_userinfo_nickname' class='moible-userinfo-nickname mobile-userinfo-text'><img src='../../static/icons/human.png' class='icon' /> " + '<span>' + company + " | " + nickname + '</span>' + "</div>";
              } else {
                userInfoHtml += "<div id='mobile_userinfo_nickname' class='moible-userinfo-nickname mobile-userinfo-text'><img src='../../static/icons/human.png' class='icon' /> " + nickname + "</div>";
              }
              // userInfoHtml += "<div id='mobile_userinfo_seperate' class='mobile-userinfo-sperate'></div>";

              userInfoHtml += "</div>";
              window.$('body').append(userInfoHtml);
              if (document.getElementById('user').addEventListener('touchstart', info.onTouchStart));
            }
          }
          //写Logo位置的信息
          var infoHtml = "<div id='logo' class='logo' style='display:none'>";
          if (logoImg) {
            infoHtml += "<img style='height:45px;padding-left:10px;' src='" + logoImg + "' />";
          }
          if (more){
            const version = `<div class='version'>${window.$i18n.t("info.44")}` + pv + "</div>";
             infoHtml += version;
             let customLogoDiv = document.querySelector(".customLogo");
             if (customLogoDiv) {
              customLogoDiv.innerHTML += version;
             }
          }

          infoHtml += "</div>";
          window.$('body').append(infoHtml);
          if (device.isMobile()) {
            document.getElementById('logo').addEventListener('touchstart', info.onTouchStart);
          }
          // 埋点
          if (!data.Nickname && !data.Mobilephone) {
            let errorInfo = {
              warn: `${window.$i18n.t("info.45")} lockNum:` + locknum
            }
            window.that.Console("warn", errorInfo);
          }
          onSuccess();
        },
        error: function (data) {
          // 埋点
          if (!data.Nickname && !data.Mobilephone) {
            let errorInfo = {
              error: window.$i18n.t("info.46")
            }
            window.that.Console("error", errorInfo);
          }
          onSuccess();
        }
      })
    } catch (err) {
      console.log(err)
    }


  },

  initLogo: function (logo, companyName) {
    if (!!logo) {
      info.defaultConfig.logo = logo;
    }
    var infoHtml = "<div id='logo' style='height:45px;' class='logo customLogo'>";
    infoHtml += "<img src='" + info.defaultConfig.logo + "' style='height:40px;padding-left:10px;' />";
    // infoHtml += "<div class='version'>版本：" + info.version + "</div>";
    infoHtml += "<div class='version-min'>" + companyName + "</div>"
    // infoHtml += "<div class='version-num'>" + version + "</div>"
    infoHtml += "</div>";
    $('body').append(infoHtml);
  },

  onTouchStart: function (event) {
    event.preventDefault();
  },
  onTouchMove: function (event) {
    event.preventDefault();
  },
  onTouchEnd: function (event) {
    event.preventDefault();
  }
}