// map
var isInitialized = false;

var mode = 1; //走航监测或污染溯源
var factorMode = 'type0'; //type0: 无人机和车载；type1：无人船

function toggleLoading() {
  var l = $('#loading');
  l.toggle();
}

function initModeChange() {
  $('#btn_more').on('click', function () {
    $('#mode_others').toggle();
  });
  $('.mode-btn').on('click', function () {
    DataUtil.hideAll();
    $(this).removeClass('btn-unselected');
    $(this).addClass('btn-selected');
    switch ($(this).attr('id')) {
      case 'btn_history':
        mode = 1;
        $('#web_title').text('飞羽生态环境智能走航监测系统');
        break;
      case 'btn_realtime':
        mode = 0;
        $('#web_title').text('飞羽生态环境智能走航监测系统');
        break;
      case 'btn_gridmonitor':
        mode = 2;
        $('#web_title').text('飞羽生态环境智能监测平台');
        break;
      case 'btn_electricity':
        mode = 3;
        $('#web_title').text('飞羽生态环境智能监测平台');
        break;
      case 'btn_weight':
        mode = 4;
        $('#web_title').text('飞羽生态环境智能监测平台');
        break;
      default:
        break;
    }
    mapController.modeChange(mode);
  });
  $('.mode-btn-other').on('click', function () {
    let more = $('#btn_more');
    more.removeClass('btn-unselected');
    more.addClass('btn-selected');
    // more.text()
    $('#mode_others').toggle();
  });
}

function onCheckMap(obj) {
  var o = obj.value.split(',');
  var factorType = parseInt(o[0]) - 1;
  mapController.setFactorType(factorType, this.factorMode, o[1]);
}

function initToggleEvent() {
  var btnList = $('.ff-toggle-btn');
  var blockList = $('.ff-toggle-block');
  for (let i = 0; i < btnList.length; i++) {
    var b = btnList[i];
    $(b).on('click', function () {
      $(blockList[i]).toggle('fast');
    });
  }
}

function initSetRangeEvent() {
  $('#in_min').on('input', function () {
    onConfirm();
  });
  $('#in_max').on('input', function () {
    onConfirm();
  });
  onConfirm();
}

function onConfirm() {
  $('#btn_set_range').text('确定');
  $('#btn_set_range').off('click');
  $('#btn_set_range').on('click', function () {
    var minData1 = parseFloat($('#in_min').val());
    var maxData1 = parseFloat($('#in_max').val());
    onCancel();
    mapController.setRange([minData1, maxData1]);
  });
}

function onCancel() {
  $('#btn_set_range').text('清空');
  $('#btn_set_range').off('click');
  $('#btn_set_range').on('click', function () {
    onConfirm();
    mapController.resetRange();
  });
}

// otherView
var cboxInit = true; //是否需要初始化复选框

function initCheckBox(force) {
  if (!cboxInit && force != true) {
    cboxInit = true;
    return;
  }
  CheckBox.newRadioBox(
    'factorbox',
    'factorType',
    Util.selectOptions2[factorMode],
    ['1'],
    onCheckMap
  );
}

var timePicker = DPicker.timePicker('datetime', function (startTime, endTime) {
  $('#starttime_text').text(startTime);
  $('#endtime_text').text(endTime);
});

function initSearchBox() {
  //todo 获取所有的设备编号

  var time = new Date();
  var day = ('0' + time.getDate()).slice(-2);
  var month = ('0' + (time.getMonth() + 1)).slice(-2);
  var today = time.getFullYear() + '-' + month + '-' + day;
  $('#starttime_text').text(today + ' 00:00:00');
  $('#endtime_text').text(today + ' 23:59:59');

  $('#select_device_type').on('change', function () {
    var type = $(this).val();
    var tD = $('#select_device_code');
    tD.empty();
    var options2 = [];
    switch (type) {
      case '0a':
        options2.push('0a0000000001');
        options2.push('0a0000000002');
        options2.push('0a0000000003');
        break;
      case '0b':
        options2.push('0b0000000001');
        options2.push('0b0000000002');
        break;
      case '0c':
        options2.push('0c0000000001');
        break;
      default:
        options2.push('0a0000000001');
        options2.push('0a0000000002');
        options2.push('0a0000000003');
        break;
    }

    options2.forEach((element) => {
      var op = $('<option></option>');
      op.text(element);
      tD.append(op);
    });

    refreshMission();
  });
}

function refreshMission() {
  var type = $('#select_device_type').val();
  var tS = $('#select_task');
  tS.empty();
  HttpService.getMission(type, 1, 30, function (result) {
    for (let i = 0; i < result.length; i++) {
      const d = result[i];
      var op = $('<option></option>');
      op.text(d.missionCode);
      var v =
        moment(d.startTime).format('YYYY-MM-DD HH:mm:ss') +
        ';' +
        moment(d.endTime).format('YYYY-MM-DD HH:mm:ss') + 
        ';' + 
        d.deviceCode;
      op.attr('value', v);
      tS.append(op);
    }
    var times = tS.val().split(';');
    $('#starttime_text').text(times[0]);
    $('#endtime_text').text(times[1]);
    $('#select_device_code').val(times[2])
    timePicker.setStartDate(times[0]);
    timePicker.setEndDate(times[1]);
  });
}

function refreshFactorMode(deviceCode) {
  var lastFactorMode = factorMode;
  switch (deviceCode.substring(0, 2)) {
    case '0a':
    case '0b':
      factorMode = 'type0';
      break;
    case '0c':
      factorMode = 'type1';
      break;
    default:
      factorMode = 'type0';
      break;
  }
  if (lastFactorMode == factorMode) {
    cboxInit = false;
  }
}

function initBackgroundBox() {
  var time = new Date();
  var day = ('0' + time.getDate()).slice(-2);
  var month = ('0' + (time.getMonth() + 1)).slice(-2);
  var today =
    time.getFullYear() +
    '-' +
    month +
    '-' +
    day +
    ' ' +
    time.getHours() +
    ':' +
    time.getMinutes() +
    ':' +
    time.getSeconds();
  $('#bg_time').append(today);
}

function MapController() {
  this.mapMaker = new MapMaker();

  this.hMode = new HistoryMode({
    mapMaker: this.mapMaker,
  });
  this.rMode = new RealTimeMode({
    mapMaker: this.mapMaker,
  });
  this.gridMonitor = new GridMonitor({
    historyMode: this.hMode,
    timePicker: timePicker,
  });
  // this.companyLayer = new CompanyLayer()
  this.companyLayer = new ComplaintLayer2();
  this.complaintLayer = new ComplaintLayer();
  this.electricMode = new ElectrictyMode({
    historyMode: this.hMode,
    timePicker: timePicker,
  });

  this.modes = [];
  this.modes.push(
    this.hMode,
    this.rMode,
    this.gridMonitor,
    this.companyLayer,
    this.complaintLayer,
    this.electricMode
  );

  this.mode = 1; //0: 走航模式；1：溯源模式；2：网格化监测；3：用电量监测；4：风险模型；
}

MapController.prototype = {
  init: function () {
    this.hMode.init();
    // this.rMode.init();
    // this.gridMonitor.init();
    // this.companyLayer.init();
    // this.complaintLayer.init();
    // this.electricMode.init();

    this.hMode.enable();
  },
  // 切换模式
  modeChange: function (mode) {
    switch (this.mode) {
      case 0:
        this.rMode.disable();
        break;
      case 1:
        this.hMode.disable();
        break;
      case 2:
        this.gridMonitor.disable();
        break;
      case 3:
        this.electricMode.disable();
        break;
      case 4:
        this.companyLayer.disable();
        break;
      default:
        break;
    }
    this.mode = mode;
    switch (mode) {
      case 0:
        this.rMode.enable();
        break;
      case 1:
        this.hMode.enable();
        if (this.rMode.originData.length > 0) {
          this.setFactorData(this.rMode.originData, factorMode);
        }
        break;
      case 2:
        this.gridMonitor.enable();
        break;
      case 3:
        this.electricMode.enable();
        break;
      case 4:
        this.companyLayer.enable();
        break;
      default:
        break;
    }
  },
  // 设置绘图范围
  setRange: function (range) {
    switch (this.mode) {
      case 0:
        this.rMode.setRange(range);
        break;
      case 1:
        this.hMode.setRange(range);
        break;
      default:
        break;
    }
  },
  // 还原绘图范围
  resetRange: function () {
    switch (this.mode) {
      case 0:
        this.rMode.standardRange();
        break;
      case 1:
        this.hMode.standardRange();
        break;
      default:
        break;
    }
  },
  //设置3d地图当前展示的监测因子
  setFactorType: function (factorType, factorMode, factorName) {
    switch (this.mode) {
      case 0:
        this.rMode.setFactorType(factorType, factorMode, factorName);
        break;
      case 1:
        this.hMode.setFactorType(factorType, factorMode, factorName);
        break;
      default:
        break;
    }
  },
  // 更新当前历史数据
  setFactorData: function (data) {
    switch (this.mode) {
      case 0:
        break;
      case 1:
        initCheckBox();
        this.hMode.setFactorData(data, factorMode);
        break;
      default:
        break;
    }
  },
  //
  addFactorData: function (data) {
    switch (this.mode) {
      case 0:
        break;
      case 1:
        this.hMode.addFactorData(data);
        break;
      default:
        break;
    }
  },
  // 轨迹动画
  startAnimation: function (speed, onStopCallback) {
    switch (this.mode) {
      case 0:
        break;
      case 1:
        this.hMode.setOnStopAnimationCallback(onStopCallback);
        this.hMode.startAnimation(speed);
        $('#searchbox').slideUp('fast');
        $('#rangeset').slideUp('fast');
        $('#mode_change').slideUp('fast');
        $('#animation_status').slideDown('fast');
        break;
      default:
        break;
    }
  },
  changeSpeed: function (speed) {
    switch (this.mode) {
      case 0:
        break;
      case 1:
        this.hMode.changeSpeed(speed);
        break;
      default:
        break;
    }
  },
  pauseAnimation: function () {
    switch (this.mode) {
      case 0:
        break;
      case 1:
        this.hMode.pauseAnimation();
        break;
      default:
        break;
    }
  },
  stopAnimation: function () {
    switch (this.mode) {
      case 0:
        break;
      case 1:
        this.hMode.stopAnimation(true);
        break;
      default:
        break;
    }
  },
  //
  setPage: function (pageSize) {
    switch (this.mode) {
      case 0:
        break;
      case 1:
        this.hMode.setPage(pageSize);
        break;
      case 3:
        this.electricMode.setPage(pageSize);
      default:
        break;
    }
  },
  toggleCompany: function () {
    this.complaintLayer.toggleComplaint();
  },
  toggleCompany2: function () {
    this.complaintLayer.toggleComplaint2();
  },
  toggleCompany3: function () {
    this.complaintLayer.toggleComplaint3();
  },
  toggleCompany4: function () {
    this.complaintLayer.toggleComplaint4();
  },
  toggleCompany5: function () {
    this.complaintLayer.toggleComplaint5();
  },
  //   toggleGridMonitor: function(...deviceCodes) {
  //     this.gridMonitor.showData(...deviceCodes)
  //   }
};

var mapController = new MapController();
var taskManager = new TaskManage();
jQuery(function () {
  mapController.init();
  taskManager.init();

  $('#realtimebox').slideUp('fast');
  $('#realtimebox2').slideUp('fast');
  $('#historybox').hide();
  $('#history_table_box').hide();
  // $('#backgroundbox').slideUp("fast")
  $('#rmode_type').slideUp('fast');
  $('#searchbox').slideDown('fast');

  if (!isInitialized) {
    MapUtil.init3D('map');
    isInitialized = true;
  }

  initModeChange();
  initSearchBox();
  initCheckBox();
  // initRealtimeBox()
  initBackgroundBox();
  initToggleEvent();
  initSetRangeEvent();

  /************************表格表头宽度动态计算***********************************/
  $('#btn_history_table').on('click', function () {
    Table.refreshHeadWidth('history_table');
  });
  $('#btn_task_manage').on('click', function () {
    Table.refreshHeadWidth('task_table');
  });

  /************************折线图分页***********************************/
  $('#select_page_size').on('change', function () {
    t = $('#select_page_size').val();
    pageSize = t == undefined ? 200 : parseInt(t);
    mapController.setPage(pageSize);
  });

  /************************地图工具箱等***********************************/
  $('#btn_point').on('click', function () {
    var text = MapUtil.setFeatures();
    var b = $(this);
    b.toggleClass('btn-outline-secondary');
    b.toggleClass('btn-outline-info');
    $(b.children('span').get(0)).text(text);
  });
  $('#btn_map_mode').on('click', function () {
    var text = MapUtil.toggleLayer();
    var b = $(this);
    b.toggleClass('btn-outline-secondary');
    b.toggleClass('btn-outline-info');
    $(b.children('span').get(0)).text(text);
  });

  $('#btn_luo_pan').on('click', function () {
    var text = MapUtil.toggleControlbar();
    var b = $(this);
    b.toggleClass('btn-outline-secondary');
    b.toggleClass('btn-outline-info');
    $(b.children('span').get(0)).text(text);
  });
  $('#btn_location_mark').on('click', function () {
    var text = MapUtil.locationMark();
    var b = $(this);
    b.toggleClass('btn-outline-secondary');
    b.toggleClass('btn-outline-info');
    $(b.children('span').get(0)).text(text);
  });
  $('#btn_data_mark').on('click', function () {
    var text = MapUtil.toggleDataMarker();
    var b = $(this);
    b.toggleClass('btn-outline-secondary');
    b.toggleClass('btn-outline-info');
    $(b.children('span').get(0)).text(text);
  });
  $('#btn_data_dialog').on('click', function () {
    var text = DialogUtil.toggleDataDialog();
    var b = $(this);
    b.toggleClass('btn-outline-secondary');
    b.toggleClass('btn-outline-info');
    $(b.children('span').get(0)).text(text);
  });

  /************************历史轨迹动画***********************************/
  $('#btn_stop').on('click', function () {
    mapController.stopAnimation();
    $('#btn_play').removeClass('fa-pause');
    $('#btn_play').addClass('fa-play');
  });
  $('#btn_play').on('click', function () {
    $(this).toggleClass('fa-play');
    $(this).toggleClass('fa-pause');
    if ($(this).attr('class').indexOf('fa-play') != -1) {
      mapController.pauseAnimation();
    } else {
      var speed = parseInt($('#select_speed').val());
      mapController.startAnimation(speed, function () {
        $('#btn_play').removeClass('fa-pause');
        $('#btn_play').addClass('fa-play');
        $('#searchbox').slideDown('fast');
        $('#rangeset').slideDown('fast');
        $('#mode_change').slideDown('fast');
        $('#animation_status').slideUp('fast');
      });
    }
  });
  $('#select_speed').on('change', function () {
    var speed = parseInt($(this).val());
    mapController.changeSpeed(speed);
  });

  /************************任务管理***********************************/
  $('#btn_task_manage').on('click', function () {
    Nav.newPage({
      close: 'btn_task_close',
      page: 'task_manage',
    });
  });
  $('#btn_new_task').on('click', function () {
    Nav.newPage({
      close: 'btn_task_create_close',
      page: 'task_create',
    });
  });
  $('#btn_import').on('click', function () {
    Nav.newPage({
      close: 'btn_task_import_close',
      page: 'task_import',
    });
  });
  $('#btn_download').on('click', function () {
    taskManager.downloadTemplate();
  });
  $('#btn_task_import').on('click', function () {
    var code = $('#import_device_code').val();
    var $file1 = $('#file_path').val(); //用户文件内容(文件)
    // 判断文件是否为空
    if ($file1 == '') {
      alert('请选择上传的目标文件! ');
      return false;
    }
    var file = $('#file_path')[0].files[0];
    taskManager.importData(code, factorMode, file, () => refreshMission());
  });
  $('#btn_task_create').on('click', function () {
    taskManager.createTask({
      taskcode: $('#taskcode').val(),
      devicetype: $('#devicetype').val(),
      deviceCode: $('#deviceCode').val(),
      starttime: $('#task_starttime_text').text(),
      endtime: $('#task_endtime_text').text(),
    });
  });
  $('#devicetype').on('change', function () {
    var code = $('#deviceCode');
    var type = $(this).val();
    code.val(type + '0000000001');
  });
  $('#select_task').on('change', function () {
    var times = $(this).val().split(';');
    $('#starttime_text').text(times[0]);
    $('#endtime_text').text(times[1]);
    $('#select_device_code').val(times[2])
    timePicker.setStartDate(times[0]);
    timePicker.setEndDate(times[1]);
  });

  /************************网格化监测***********************************/
  $('#complaint_drop_1').on('click', function () {
    mapController.toggleCompany();
  });
  $('#complaint_drop_2').on('click', function () {
    mapController.toggleCompany2();
  });
  $('#complaint_drop_3').on('click', function () {
    mapController.toggleCompany3();
  });
  $('#c_area_drop_1').on('click', function () {
    mapController.toggleCompany4();
  });
  $('#c_area_drop_2').on('click', function () {
    mapController.toggleCompany5();
  });
  //   $('#monitor_1').on('click', function() {
  //       var code = $(this).val()
  //     mapController.toggleGridMonitor(code)
  //   })

  refreshMission();
});