if (!$('#alarmNum').html()) {
  $('#alarmNum').html('0');
}
var urlParam = decodeURIComponent(location.search);
if (urlParam.indexOf('theme') !== -1) {
  var arr = urlParam.substr(urlParam.indexOf('theme')).split(/[\=\&]/g);
  localStorage.setItem('configTheme', arr[1]);
}
function checkDisabled() {
  var his = JSON.parse(sessionStorage.getItem('hisMenu') || '[]');
  var index = sessionStorage.getItem('menuIndex');
  if (his.length <= 1) {
    $('#m_pre').addClass('disabled');
    $('#m_next').addClass('disabled');
    return false;
  }

  if (index == 0) {
    $('#m_pre').addClass('disabled');
  } else {
    $('#m_pre').removeClass('disabled');
  }

  if (index == his.length - 1) {
    $('#m_next').addClass('disabled');
  } else {
    $('#m_next').removeClass('disabled');
  }
}

//* 面包屑菜单
function BreadcrumbClass() {
  this.patchNavDataCache = this.patchNavData()
  this.breadcrumSelectOptionHandleInit()
  var el=$('#breadcrumb');
  if(!el[0]){
    console.error('面包屑菜单缺少容器');
    return;
  }
  var stArr = $('#breadcrumb').attr('style').split(';').filter(function (f) {return !!f})
  stArr.push('display: flex','flex;align-items: center')
  $('#breadcrumb').attr('style',stArr.join(';'))
}
// 必定是跳转链接触发
BreadcrumbClass.prototype.initBreadcrumbHtml = function (targetItem) {
  var chain = this.getBreadcrumbChainData(targetItem)
  var htmlStr = this.getBreadcrumbHtmeStr(chain)
  $('#breadcrumb').html(htmlStr);
}
BreadcrumbClass.prototype.getBreadcrumbChainData = function (item) {
  var chain = []
  var curItem = item
  while (true) {
    var pItem = this.patchNavDataCache.idMap[curItem._pId]
    if(!pItem) break
    chain.unshift({
      ...curItem,
      nearArr:pItem.items
    })

    curItem = pItem
  }
  return chain
}
BreadcrumbClass.prototype.getBreadcrumbHtmeStr = function (chain) {
  var strArr = chain.map(function (item) {
    var str = ''
    if(!item.nearArr){
      str = '<span>'+ item.name +'</span>'
    }else{
      str = '<select class="breadcrumb-select" style="color:'+ navData.configure.itemSelectedTextColor+'">' + 
      item.nearArr.reduce(function (pre,o) {
        var isSelected = ''
        if(o._id === item._id) isSelected = 'selected'
        return pre + '<option class="breadcrumb-option-item" value="'+ o._id +'" '+ isSelected +'>' + o.name + '</option>'
      },'') +
      '</select>'
    }
    return str
  })

  return strArr.join('<span class="breadcrumb-split-span" style="color:'+ navData.configure.itemSelectedTextColor+'"></span>')
}
BreadcrumbClass.prototype.breadcrumSelectOptionHandleInit = function () {
  var that = this
  $('#breadcrumb').on('change', 'select', function() {
    var id = $(this).find('option:selected').val()
    var targetItem =  that.patchNavDataCache.idMap[id]
    if(!targetItem) return console.log('目标无跳转路径数据')

    var jumpItem = targetItem
    while(true){
      if(jumpItem.data) break
      if(jumpItem.items && jumpItem.items.length > 0){
        jumpItem = jumpItem.items[0]
      }else{
        jumpItem = null
        break
      }
    }
    if(!jumpItem) return console.log('无跳转路径数据')
      
    var src = navDataSrc(jumpItem)
    var aList =  $('#nav li>p[href]')
    for (var index = 0; index < aList.length; index++) {
      var element = aList[index];
      var jumpHref = $(element).attr('href')
      if(jumpHref === src){
        $(element).trigger('click');
        break
      }
    }
  })
}
BreadcrumbClass.prototype.patchNavData = function() {
  var nveDatas = navData.items
  var nveDatasRich = JSON.parse(JSON.stringify(nveDatas)) 

  var idMap = {}
  var dataMap = {}
  
  var idMark = 0
  patchId(nveDatasRich)

  var fullNavMenuData = [{
    id:'root',
    items:[]
  }]
  $('#menu')
  .find('button[nav-value]').each(function (i,btn,c) {
    var nav_value = $(btn).attr('nav-value').split(',').filter(function (f) {
      return !!f
    })

    var rootItem = {
      _id:'topmenuIndex' + i,
      _pId:'root',
      name:$(btn).text(),
    }
    var items = nav_value.map(function (i) {
      var item = nveDatasRich[i]
      item._pId = rootItem._id
      return item
    })
    rootItem.items = items
   
    fullNavMenuData[0].items.push(rootItem)
  })
  patchMap(fullNavMenuData)

  return {
    idMap:idMap,
    nveDatasRich:nveDatasRich,
    dataMap:dataMap,
    fullNavMenuData:fullNavMenuData
  }
  function patchId(cArr,Pitem) {
    cArr.forEach(navItem => {
      if(!navItem._id){
        navItem._id = ++idMark
      }
      if(Pitem){
        navItem._pId = Pitem._id
      }
      
      if(navItem.items && navItem.items.length>0){
        patchId(navItem.items,navItem)
      }
    });
  }
  function patchMap(cArr) {
    cArr.forEach(navItem => {
      if(navItem.data) dataMap[navItem.data] = navItem
      idMap[navItem._id] = navItem

      if(navItem.items && navItem.items.length>0){
        patchMap(navItem.items,navItem)
      }
    });
  }
}
var BreadcrumbIns = new BreadcrumbClass()

var backFlag = false;
(function($) {
  var navShowFlag = document.getElementById('nav_img');
  var origin = location.origin;
  var mynav = {
    alarm_window: 'alarm',
    event_window: 'rtevent',
    trend: 'realtime',
    实时事件: 'event',
    历史趋势: 'history',
    reportview: 'view',
    reportdesign: 'design',
    view_bi_design: origin + '/platform/pageManage',
    view_bi_view: origin + '/platform/configView'
  };
  var lng = localStorage.getItem('i18n');
  var nop;
  if (!lng) {
    nop = navigator.language == 'zh-CN' ? '没有权限' : 'No permissions';
  } else {
    nop = lng == 'cn' ? '没有权限' : 'No permissions';
  }
  $('#theme').on('click', function() {
    var theme = localStorage.getItem('configTheme');
    var fn = function(t) {
      var ft = t === 'light' ? 'dark' : 'light';
      localStorage.setItem('configTheme', t);
      var urlParam = decodeURIComponent(location.href);
      if (urlParam.indexOf('theme') !== -1) {
        urlParam = urlParam.replace('theme=' + ft, 'theme=' + t);
      }
      location.href = urlParam.replace(ft + '/page', t + '/page');
    };
    if (theme === 'dark') {
      fn('light');
    } else {
      fn('dark');
    }
  });
  if (navShowFlag) {
    $('#nav_img').on('click', function() {
      var max = parseFloat($('#view').css('height'));
      var min = parseFloat($('#m_navi').css('top')) + 1;
      var height = parseFloat($('#nav').css('height'));
      if (height == max + min) {
        $('#nav').css('height', min + 'px');
      } else {
        $('#nav').css('height', max + min + 'px');
      }
    });
  }

  $('#m_alarmBtn').on('click', function() {
    checkPower('alarm_window.glx', function(json) {
      var res = JSON.parse(json);
      if (res.flag || !powerFlag) {
        $('#m_alarm').trigger('click');
      } else {
        alert(nop);
      }
    });
  });

  //*点击导航
  $('#nav').on('click', 'li>p[href]', function() {
    var el = $(this);
    var href = el.attr('href');
    var code = el.attr('code');
    var mainIframe = $('#view').find('iframe');
    var mainIframeBak = mainIframe.clone();
    $('#view')
      .find('iframe')
      .remove();
    mainIframeBak.attr('src', '/loading.html');
    $('#view').append(mainIframeBak);
    checkPower(code, function(json) {
      var res = JSON.parse(json);
      if (!powerFlag) {
        res.flag = true;
      }
      var theme = localStorage.getItem('configTheme');
      if (res.flag) {
        $('#nav')
          .find('.cur')
          .removeClass('cur');
        el.addClass('cur');
        var selector = '#menu button[nav-value]';
        var item =
          $(selector + '.checked').index(selector) +
          '-' +
          el.index('#nav>ul p[href]');
        sessionStorage.setItem('selMenu', item);

        // 历史记录
        var his = JSON.parse(sessionStorage.getItem('hisMenu') || '[]');
        if (!backFlag) {
          if (!(his.length !== 0 && his[his.length - 1] === item)) {
            if (his.length > 30) {
              his.splice(0, 1);
            }
            his.push(item);
            sessionStorage.setItem('hisMenu', JSON.stringify(his));
          }
          sessionStorage.setItem('menuIndex', his.length - 1);
          checkDisabled();
        }
        backFlag = false;

        if (href === '../../page/view.html') {
          var userGroup = sessionStorage.getItem('userGroup');
          mainIframeBak.attr(
            'src',
            href +
              '?theme=' +
              theme +
              '&userGroup=' +
              encodeURI(userGroup) +
              '&language=' +
              lng
          );
        } else if (href === '../../page/design.html') {
          mainIframeBak.attr(
            'src',
            href +
              (href.indexOf('?') !== -1 ? '&' : '?') +
              'theme=' +
              theme +
              '&language=' +
              lng
          );
        } else if (href.indexOf('http://' !== -1)) {
          mainIframeBak.attr('src', href);
        } else {
          mainIframeBak.attr(
            'src',
            href + (href.indexOf('?') !== -1 ? '&' : '?') + 'language=' + lng
          );
        }
        if (navShowFlag) {
          var min = parseFloat($('#m_navi').css('top')) + 1;
          $('#nav').css('height', min + 'px');
        }
      } else {
        alert(nop);
      }
    });
    if($('#breadcrumb')&&$('#breadcrumb')[0]){
      var tItem =  BreadcrumbIns.patchNavDataCache.dataMap[code]
      if(tItem) BreadcrumbIns.initBreadcrumbHtml(tItem)
    }
  });
  $.fn.initNav = function(data) {
    var keylist = ['levelTopItem', 'levelChildItem', 'levelLeafItem'];
    createStyle(data.configure, keylist);
    var el = createElement(data.items, 0);
    this.html(el);
    return this;
  };
  window.navDataSrc = navDataSrc
  function navDataSrc(d){
      var src = '',
        dh = '';
      dh = d.data.replace(/.*\\|.*\/|\.glx/g, ''); //删除正斜杠和反斜杠之前所有的字符串以及.glx
      var pdh = mynav[dh] !== undefined ? mynav[dh] : dh;
      var theme = localStorage.getItem('configTheme');
      if (d.type === 'html') {
        if (pdh.indexOf('http:') !== -1) {
          src = pdh;
        } else if (mynav[dh]) {
          src = '../../page/' + encodeURI(pdh) + '.html';
        } else {
          src = '../../' + theme + '/page/' + encodeURI(pdh) + '.html';
        }

        //   if (dh == "view") {
        //     // src = src + '?userGroup=flag';
        //     src = src + "?userGroup=" + sessionStorage.getItem("userGroup");
        //   }
      } else if (d.type === 'canvas') {
        src =
          '../../configView.html?#/configView?fileName=' +
          encodeURI(d.data.replace(/\.glx/g, ''));
      } else if (d.type === 'energy') {
        src = d.data;
      }
      return src;
  }
  function createEleP(d, item) {
    var str = '';
    var img = d.icon
      ? '<img class="img icon" src="../back_pixmap/' +
        d.icon +
        '" alt="&nbsp;"></img>'
      : '<span class="img icon"></span>';

    if (d.type) {
      var src = navDataSrc(d)
      str =
        '<p class="node' +
        item +
        '" href="' +
        src +
        '" code="' +
        d.data +
        '" page-type="' +
        d.type +
        '" title="' +
        d.name +
        '">' +
        '<em class="sim-border"></em>';
    } else {
      str = '<p class="node' + item + '" title="' + d.name + '">';
    }
    return str + img + d.name + '</p>';
  }
  function createElement(data, item) {
    if (!data) {
      return '';
    }
    item = item === undefined ? 0 : Number(item);
    for (var i = 0, str = ''; i < data.length; i++) {
      var d = data[i];
      str += '<li>' + createEleP(d, item);
      if (d.items && d.items.length) {
        str += '<ul>' + createElement(d.items, item + 1) + '</ul>';
      }
      str += '</li>';
    }
    return str;
  }

  function createStyle(data, keylist) {
    if ($('style#navstyle')[0]) {
      return false;
    } else {
      var default_opacity = 'ff';
      $('#nav').prepend('<style id="navstyle"></style>');
      var el = $('style#navstyle');
      $('#nav').css({
        'background-color': data.backgroundColor + default_opacity
      });
      var style = '';
      style +=
        '#nav .img.icon{margin:' +
        data.iconMargin +
        'px;vertical-align:middle;display:inline-block;}' +
        '#nav em.sim-border{width:' +
        data.indicatorWidth +
        'px;height:100%;display:inline-block;vertical-align:middle;background-color:transparent;}' +
        '#nav li>p{height:' +
        data.rowHeight +
        'px;line-height:' +
        data.rowHeight +
        'px;}' +
        '#nav li>p[href]:hover{background-color:' +
        data.itemHoveredBgColor +
        default_opacity +
        ';color:' +
        data.itemHoveredTextColor +
        ';}' +
        '#nav li>p.cur{background-color:' +
        data.itemSelectedColor +
        default_opacity +
        ';color:' +
        data.itemSelectedTextColor +
        ';}';
      style +=
        '#nav li>p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}';
      for (var i = 0; i < keylist.length; i++) {
        var d = keylist[i];
        style +=
          '#nav p.node' +
          i +
          '{padding-left:' +
          data[d + 'Indentation'] +
          'px;background-color:' +
          data[d + 'BgColor'] +
          default_opacity +
          ';color:' +
          data[d + 'TextColor'] +
          ';font-size:' +
          data[d + 'TextSize'] +
          'px;}';
        style +=
          '#nav p.node' + i + ' .img{width:' + data[d + 'IconSize'] + 'px;}';
      }

      el.html(style);
    }
  }
  var oldid;
  var alarmCount = initSocket({
    url: 'alarmCountWebsocket',
    success: function(res) {
      var obj = res.data;
      if (obj === undefined) {
        return false;
      }
      $('#alarmNum').html(obj.count > 99 ? '99+' : obj.count);
      if (obj.id !== oldid) {
        audioplay.soundList = obj.soundFile;
        audioplay.changeCurList();
      }
      oldid = obj.id;
    },
    open: function(count) {
      count.send({
        flag: 1
      });
    }
  });

  $(document).on('click', function() {
    if (audioplay.state == 0) {
      audioplay.init();
    }
  });

})(jQuery);

$(function() {
  var username = sessionStorage.getItem('name');
  $('#m_menuBar').html(
    '<option value="' +
      sessionStorage.getItem('id') +
      '">' +
      username +
      '</option>'
  );
  //*点击顶部菜单 */
  $('#menu')
    .find('button[nav-value]')
    .on('click', function() {
      $('#menu')
        .find('button[nav-value].checked')
        .removeClass('checked');
      $(this).addClass('checked');
      var menuIndex = $(this).index('#menu button[nav-value]');
      var nav_value = $(this)
        .attr('nav-value')
        .split(',');
      var data_type = $(this).attr('data-type');
      if (data_type == 3) {
        var data = {
          configure: navData.configure,
          items: []
        };
        for (var i = 0; i < nav_value.length; i++) {
          var n = nav_value[i];
          if (n !== '' && n !== null && !isNaN(n)) {
            data.items.push(navData.items[n]);
          }
        }
        var el = $('#nav>ul').initNav(data);
        // $('#breadcrumb').initBreadcrumb(data.items)
        setTimeout(function() {
          var data = (sessionStorage.getItem('selMenu') || '').split('-');
          if (data[0] + '' === menuIndex + '') {
            el.find('p[href]:eq(' + data[1] + ')').trigger('click');
          } else {
            el.find('p[href]:eq(0)').trigger('click');
            sessionStorage.setItem('selMenu', menuIndex + '-0');
          }
        }, 80);
      }
    });

  var menuSelData = (sessionStorage.getItem('selMenu') || '').split('-');
  $('#menu')
    .find(
      'button[nav-value]:eq(' +
        (menuSelData.length === 2 ? menuSelData[0] : 0) +
        ')'
    )
    .trigger('click');

  $('button#m_exit').on('click', function() {
    $.get('/ems/logoutAction', {}, function() {
      location.href = '/';
    });
    sessionStorage.setItem('hisMenu', '[]');
    sessionStorage.setItem('menuIndex', 0);
    sessionStorage.setItem('selMenu', '0-0');
  });
  var timer, t;
  setTimeout(function() {
    if (timer) {
      clearInterval(timer);
    }
    getServerTime();
    setTimeout(arguments.callee, 600000);
  }, 600000);
  getServerTime();

  function getServerTime() {
    $.get(
      '/ems/monitorBusiness/getSystemDateTime',
      {},
      function(res) {
        var nop = localStorage.getItem('i18n');
        if (!nop) {
          nop = navigator.language == 'zh-CN' ? 'cn' : 'en';
        }
        var weekList = [
          '星期日',
          '星期一',
          '星期二',
          '星期三',
          '星期四',
          '星期五',
          '星期六'
        ];
        t = dayjs(res.sysTime);
        $('#time').html(t.format('HH:mm:ss'));
        timer = setInterval(function() {
          t = t.add(1, 'second');
          $('#time').html(t.format('HH:mm:ss'));
        }, 1000);
        if (nop == 'en') {
          $('#date').html(t.format('MMM DD'));
          $('#week').html(t.format('ddd'));
        } else {
          $('#date').html(t.format('MM月DD日'));
          $('#week').html(weekList[t.day()]);
        }

        $('#safe-days-name').html(res.safeDaysMs[0].day_diff);
      },
      'JSON'
    );
  }

  //放大缩小
  $('#view').css('transform-origin', 'left top'); //设置原点
  $('#view').css('transform', 'scale(1)');
  //放大
  $('#m_zoomIn').on('click', function() {
    var transform = $('#view').css('transform');
    if (transform !== 'none') {
      var matrix = transform.replace(/[^0-9\-,\.]/g, '').split(',');
      var value = parseFloat(matrix[0]) + 0.1;
      if (value > 3) {
        value = 3;
      }
      value = value.toFixed(1);
      matrix[0] = value;
      matrix[3] = value;
      $('#view').css('transform', 'matrix(' + matrix.join(',') + ')');
    } else {
      $('#view').css('transform', 'matrix(1,0,0,1,0,0)');
    }
  });
  //缩小
  $('#m_zoomOut').on('click', function() {
    var transform = $('#view').css('transform');
    if (transform !== 'none') {
      var matrix = transform.replace(/[^0-9\-,\.]/g, '').split(',');
      var value = parseFloat(matrix[0]) - 0.1;
      if (value < 0.4) {
        value = 0.4;
      }
      value = value.toFixed(1);
      matrix[0] = value;
      matrix[3] = value;
      $('#view').css('transform', 'matrix(' + matrix.join(',') + ')');
    } else {
      $('#view').css('transform', 'matrix(1,0,0,1,0,0)');
    }
  });
  //复原
  $('#m_zoom').on('click', function() {
    $('#view').css('transform', 'matrix(1,0,0,1,0,0)');
  });

  //首页
  $('#m_index').on('click', function() {
    if (
      $('#menu')
        .find('button[nav-value]:first')
        .hasClass('checked')
    ) {
      $('#nav')
        .find('p[href]:first')
        .trigger('click');
    } else {
      $('#menu')
        .find('button[nav-value]:first')
        .trigger('click');
    }
  });

  //前进后退
  $('#m_pre').on('click', function() {
    if ($(this).hasClass('disabled')) {
      return false;
    }
    if(backFlag){return false}
    backFlag = true;
    var his = JSON.parse(sessionStorage.getItem('hisMenu') || '[]');
    if (his.length <= 1) {
      return false;
    }
    var index = parseInt(sessionStorage.getItem('menuIndex'), 10);
    index = index !== 0 && !index ? his.length - 1 : index - 1;
    if (index < 0) {
      alert('没有记录了');
      return false;
    }
    var sel = his[index];
    sessionStorage.setItem('selMenu', sel);
    sessionStorage.setItem('menuIndex', index);
    sel = sel.split('-');
    $('#menu')
      .find('button[nav-value]:eq(' + sel[0] + ')')
      .trigger('click');
    checkDisabled();
  });
  $('#m_next').on('click', function() {
    if ($(this).hasClass('disabled')) {
      return false;
    }
    if(backFlag){return false}
    backFlag = true;
    var his = JSON.parse(sessionStorage.getItem('hisMenu') || '[]');
    if (his.length <= 1) {
      return false;
    }
    var index = parseInt(sessionStorage.getItem('menuIndex'), 10);
    index = index !== 0 && !index ? his.length - 1 : index + 1;
    if (index >= his.length) {
      alert('没有记录了');
      return false;
    }
    var sel = his[index];
    sessionStorage.setItem('selMenu', sel);
    sessionStorage.setItem('menuIndex', index);
    sel = sel.split('-');
    $('#menu')
      .find('button[nav-value]:eq(' + sel[0] + ')')
      .trigger('click');
    checkDisabled();
  });
  //禁止截屏
  $('#m_snapScreen').addClass('disabled');
  //禁止滚动截屏
  $('#m_shotScreen').addClass('disabled');
  //禁止轮播
  $('#m_rollBtn').addClass('disabled');
});

//声音报警
var audioplay = {
  soundList: [],
  audio: '',
  curList: [],
  state: 0,
  path: '../../audio/',
  suffix: '.wav',
  init: function() {
    this.curList = this.soundList;
    this.playList();
  },
  changeCurList: function() {
    if (this.state == 2) {
      this.audio.pause();
      this.audio.currentTime = 0;
    }
    this.init();
  },
  playList: function() {
    var i = 0,
      arr = this.curList || [];
    var me = this;
    var path = me.path;
    var suffix = me.suffix;
    this.audio = new Audio(path + arr[i] + suffix);
    this.state = 1;
    this.audio.oncanplay = function() {
      me.audio.play();
      me.state = 2;
    };
    me.audio.onended = function() {
      if (arr[++i]) {
        me.audio.src = path + arr[i] + suffix;
        me.audio.play();
      } else {
        i = 0;
        if (!arr[0]) {
          return false;
        } else {
          me.audio.src = path + arr[i] + suffix;
          me.audio.play();
        }
      }
    };
    if (typeof this.audio.play !== 'function') {
      // me.state = 0;
      console.log('no');
    }
  }
};