"use strict";

var defpage;
var rightFrame;

$(document).ready(function () {
  initView();
});

function initView() {
  //获取用户信息,用于校验token
  if (window.hasServer) {
    window.sendAjax({
      url: "sys/user/" + window.getUserId(),
      type: "get",
      contentType: "application/x-www-form-urlencoded",
      success: function (data) {},
    });
  }

  var user = JSON.parse(haoutil.storage.get("user")) || { name: "火星科技" };
  $("#lblUserName").html(user.name);

  //根据设置，加载不同皮肤
  //setStyleByTheme();

  $("#userInfo").on("mouseenter", function () {
    var list = $(this).find("dl"),
      child = list.children(),
      size = child.size(),
      offsetV = 6;

    list.css({
      height: $(child.get(size - 1)).height() * size + offsetV,
    });
  });
  $("#userInfo").on("mouseleave", function () {
    var list = $(this).find("dl");

    list.css({
      height: 0,
    });
  });

  rightFrame = document.getElementById("rightFrame");
  if (rightFrame.attachEvent) {
    rightFrame.attachEvent("onload", rightFrame_onload);
  } else {
    rightFrame.onload = rightFrame_onload;
  }

  //加载菜单
  $.ajax({
    url: "../data/menu.json",
    type: "get",
    dataType: "json",
    cache: false,
    beforeSend: function () {
      $("#navLoadEle").show();
    },
    success: function (json) {
      $("#navLoadEle").hide(); // loading

      defpage = json.defpage;
      //showPage(defpage);

      initMenu(json, clkMenuNodeItem);
    },
    error: function (d) {
      $("#navLoadEle").hide(); // loading
    },
  });
}

//根据设置，加载不同皮肤
//function setStyleByTheme() {
//    var theme;
//    var style = haoutil.system.getRequestByName('style');
//    if (style) {
//        haoutil.storage.add('theme', style);
//    } else {
//        theme = haoutil.storage.get('theme');
//    }
//    if (theme == null) return;

//    switch (theme) {
//        case 'blue':
//            haoutil.system.loadResource("css/themeBlue.css");
//            break;
//        case 'gray':
//            haoutil.system.loadResource("css/themeGray.css");
//            break;
//        case 'steelblue':
//            haoutil.system.loadResource("css/themeSteelBlue.css");
//            break;
//        default:
//            break;
//    }
//}

//构造菜单目录
function initMenu(d, callback) {
  var da = d.menu || [],
    menu = $("#menu").get(0),
    navList = $("#navList"),
    positionM = $("#positionMarker").get(0),
    i = 0,
    len = 0,
    CLA_N = "active",
    S_PX = "px",
    OFFL_V = 6,
    _creNavFn = function (d) {
      var liE = document.createElement("li"),
        aEle = document.createElement("a"),
        spanEle = document.createElement("span"),
        divSubMenuEle = document.createElement("div"),
        resultStr = "";

      spanEle.className = d.icon || "";
      aEle.href = "javascript:void(0)";
      aEle.appendChild(spanEle);
      aEle.innerHTML += d.name || "";

      $(divSubMenuEle).addClass("navCon");

      if (!d.children) {
        aEle.data = d;
      }

      liE.appendChild(aEle);
      liE.appendChild(divSubMenuEle);

      return liE;
    },
    _creMenuFn = function (d) {
      var i = 0,
        len = 0,
        arr = d.children,
        j = 0,
        subLen = 0,
        doc = document,
        dlE = null,
        secDlE = doc.createElement("dl"),
        dtE = null,
        ddE = null,
        aE = null,
        spanE = null,
        tempO = null,
        tempSubO = null;

      if (arr && $.isArray(arr) && arr.length > 0) {
        for (i = 0, len = arr.length; i < len; ++i) {
          tempO = arr[i];
          if (tempO.children) {
            dlE = doc.createElement("dl");
            dtE = doc.createElement("dt");
            spanE = doc.createElement("span");
            aE = doc.createElement("a");
            spanE.className = tempO.icon || "";

            if (tempO.uri) {
              aE = doc.createElement("a");
              aE.href = "javascript:void(0)";
              dtE.appendChild(aE);
            }
            dtE.appendChild(spanE);
            dtE.innerHTML += tempO.name || "";
            dlE.appendChild(dtE);

            if (tempO.children) {
              for (j = 0, subLen = tempO.children.length; j < subLen; ++j) {
                tempSubO = tempO.children[j];

                ddE = doc.createElement("dd");
                aE = doc.createElement("a");
                aE.href = "javascript:void(0)";

                spanE = doc.createElement("span");
                spanE.className = tempSubO.icon || "";
                aE.appendChild(spanE);
                aE.innerHTML += tempSubO.name || "";
                aE.data = tempSubO;

                ddE.appendChild(aE);

                dlE.appendChild(ddE);
              }
            }

            fragE.appendChild(dlE);
          } else {
            dtE = doc.createElement("dt");
            spanE = doc.createElement("span");
            aE = doc.createElement("a");

            spanE.className = tempO.icon || "";
            aE.href = "javascript:void(0)";

            aE.appendChild(spanE);
            aE.innerHTML += tempO.name || "";

            aE.data = tempO;
            secDlE.className = "secList";

            dtE.appendChild(aE);
            secDlE.appendChild(dtE);
            fragE.appendChild(secDlE);
          }
        }
      }
      return fragE;
    },
    _enterFn = function (e) {
      var evt = e || window.event,
        tar = e.target || e.srcElement,
        navCon = $(this).find(".navCon"),
        ind = $(this).index(),
        l = $(this).offset().left,
        widN = 0,
        offW = 30;

      docW = $(document).width();
      menu.innerHTML = "";
      navCon.html("");
      navCon.removeClass(CLA_N);

      $(menu).append(_creMenuFn(da[ind]));
      navCon.append(_creMenuFn(da[ind]));

      if ($(menu).children().size() > 1) {
        // widN = 0;
        // $(menu).children().each(function (i, v) {
        //     console.log( v.offsetWidth ) ;
        //     console.log($(v),$(v).offset(),$(v).width(),$(v).innerWidth(),$(v).outerWidth()) ;
        //     widN += $(v).width();
        // });
        // $(menu).css({
        //     'width': widN + 6
        //     //'width': widN
        // });
        $(menu).css({
          //'width': 'auto'
          width: "auto",
          //'float' : 'normal'
        });
      } else if ($(menu).children().size() === 1) {
        // $(menu).css({
        //'width': 'auto'
        //'width' : $(this).width()
        //'float' : 'normal'
        // });
      }

      widN = $(menu).width();

      l = l >= docW - widN - offW ? docW - widN - offW : l;

      $(menu).css({
        left: l + S_PX,
      });

      $(positionM).css({
        left: $(this).offset().left + S_PX,
        width: $(this).width(),
      });

      $("#menu dl").on("click", function (e) {
        e.preventDefault();

        if (e.target.tagName === "A") {
          if ($.isFunction(callback) && e.target.data) {
            callback(e.target.data);
          }
        }
      });

      if ($(menu).children().size() >= 1) {
        $(menu).addClass(CLA_N);
      }

      //indNum = this.ind;
      indNum = ind;
    },
    _leaveFn = function (e) {
      var navCon = $(this).find(".navCon");
      $(positionM).css({
        left: $(this).offset().left,
        width: 0,
      });
      navCon.removeClass(CLA_N);

      $(menu).removeClass(CLA_N);
    },
    _menuEnterFn = function () {
      var el = navList.children().get(indNum);

      for (i = 0, len = navList.children().size(); i < len; ++i) {
        tempE = navList.children().get(i);

        $(tempE.children[0]).removeClass(CLA_N);
      }

      $(positionM).css({
        left: $(el).offset().left + S_PX,
        width: $(el).width(),
      });

      $(navList.children().get(indNum).children[0]).addClass(CLA_N);
      $(this).addClass(CLA_N);
    },
    _menuLeaveFn = function () {
      var el = navList.children().get(indNum).children[0];

      $(menu).removeClass(CLA_N);
      $(el).removeClass(CLA_N);

      $(positionM).css({
        left: $(el).offset().left + $(el).width(),
        width: 0,
      });
    },
    _mediaFn = function () {
      navList.find("li").on("click", function (e) {
        var _self = $(this),
          tar = e.target,
          subCon = null,
          dlEs = null;

        if (docW <= VIEW_W) {
          //console.log(this, docW) ;
          //console.log( e.target, _self.find('.navCon').height() ) ;

          subCon = _self.find(".navCon");
          dlEs = _self.find("dl");
          dlEs.on("click", function (e) {
            var _that = $(this);

            e.preventDefault();
            e.stopPropagation ? e.stopPropagation() : (e.cancelBubble = true);

            if (e.target.tagName === "A") {
              if ($.isFunction(callback) && e.target.data) {
                callback(e.target.data);
                return;
              }
            }

            if (!_that.hasClass(CLA_N)) {
              _that.addClass(CLA_N);
            } else {
              _that.removeClass(CLA_N);
            }
          });

          if (!_self.hasClass(CLA_N)) {
            $("#navList li").removeClass(CLA_N);
            if (subCon.children().size() > 0) {
              // Empty
              _self.addClass(CLA_N);
            }
          } else {
            _self.removeClass(CLA_N);
          }

          // if (!_self.hasClass(CLA_N)) {
          //     if (subCon.children().size() > 0) { // Empty
          //         _self.addClass(CLA_N);
          //     }
          // } else {
          //     _self.removeClass(CLA_N);
          // }
        }
      });
    },
    indNum = -1,
    fragE = document.createDocumentFragment(),
    VIEW_W = 1024,
    docW = $(document).width(),
    resultStr = "",
    menuStr = "",
    tempE = null;

  if ($.isArray(da)) {
    for (i = 0, len = da.length; i < len; ++i) {
      fragE.appendChild(_creNavFn(da[i]));
    }
    navList.get(0).appendChild(fragE);

    // $('#navList li a:first-child').on('click', function (e) {
    //     //e.preventDefault();
    //     //

    //     if (e.target.tagName === 'A') {
    //         if ($.isFunction(callback) && e.target.data) {
    //             callback(e.target.data);
    //         }
    //     }
    // });

    // for (i = 0, len = navList.children().size() ; i < len; ++i) {
    //     tempE = navList.children().get(i);
    //     tempE.ind = i;

    //     $(tempE).on('mouseenter', _enterFn);
    //     $(tempE).on('mouseleave', _leaveFn);
    //     $(tempE).on('click', _enterFn);
    // }

    $("#navList li").on("mouseenter", _enterFn);
    $("#navList li").on("click", function (e) {
      var _self = $(this);

      _enterFn.call(this, e);

      if (e.target.tagName === "A") {
        if ($.isFunction(callback) && e.target.data) {
          callback(e.target.data);
        }
      }
    });

    $("#navList li").on("mouseleave", _leaveFn);

    $(menu).on("mouseenter", _menuEnterFn);
    $(menu).on("mouseleave", _menuLeaveFn);

    $("#mediaNav").on("click", function () {
      if (!navList.hasClass(CLA_N)) {
        navList.addClass(CLA_N);
      } else {
        navList.find("dl").removeClass(CLA_N); // Reset
        navList.find(".navCon").removeClass(CLA_N); // Reset
        navList.removeClass(CLA_N);
        $("#navList li").removeClass(CLA_N);
      }
    });

    // $('#menu dl').on('click', function (e) {
    //     e.preventDefault();

    //     if (e.target.tagName === 'A') {
    //         if ($.isFunction(callback) && e.target.data) {
    //             callback(e.target.data);
    //         }
    //     }

    // });

    $(window).on("resize", function () {
      docW = $(document).width();

      if (docW > VIEW_W) {
        $("#navList li").removeClass(CLA_N);
        $(positionM).show();
      } else {
        $(positionM).hide();
      }
    });

    _mediaFn();
  }
}

//单击了菜单叶子节点回调
function clkMenuNodeItem(item) {
  //console.log('单击了菜单：' + JSON.stringify(item));

  lastFun = null;

  //存在uri
  var uri = item.uri;
  if (uri && uri.length > 0) {
    console.log("单击了菜单：" + item.uri);

    if (uri.endsWith("js") || uri.indexOf(".js?") != -1) {
      //widget js
      item = haoutil.system.clone(item, ["_class"]); //需要拷贝，防止在子页面被引用

      var isref = showPage(defpage);
      if (isref) {
        lastFun = function () {
          rightFrame.contentWindow.activateWidget(item);
        };
      } else {
        rightFrame.contentWindow.activateWidget(item);
      }
    } else {
      //页面
      showPage(uri);
    }
  } else {
    showPage(defpage);
  }

  //存在事件
  var callback = item.callback;
  if (callback && callback.length > 0) {
    if (rightFrame.contentWindow && rightFrame.contentWindow.activateFunByMenu) {
      rightFrame.contentWindow.activateFunByMenu(callback);
    } else {
      lastFun = function () {
        rightFrame.contentWindow.activateFunByMenu(callback);
      };
    }
  }
}

var lastFun;
function rightFrame_onload() {
  if (lastFun) {
    setTimeout(function () {
      lastFun();
    }, 200);
  }
}

function showPage(url) {
  if (url == null || url == "") {
    return false;
  }

  var lastsrc = $("#rightFrame").attr("src");
  if (lastsrc != url) {
    $("#rightFrame").attr("src", url);
    return true;
  } else {
    return false;
  }
}

function logout() {
  if (window.hasServer) {
    window.sendAjax({
      url: "pub/user/logout",
      type: "post",
      success: function (result) {
        location.href = "./login.html";
      },
    });
  } else {
    location.href = "./login.html";
  }
}