var html_type="cgi";
//===========================================================
function dw(str){document.write(str+'\n')}

function includejs(jsfn,searchpath)
{
  var jst=new Date();ztv='rc='+jst.getTime()
  aa=(arguments.length<2)?"":(searchpath+"&");
  srcv=jsfn+".js?"+aa+ztv;
  document.write("<script type='text/javascript' src='./scripts/"+srcv+"'></script>");
}

function includecss(cssfn)
{
  srcv=cssfn+".css";
  document.write("<link rel='stylesheet' type='text/css' href='./css/"+srcv+"'></script>");
}

// head include css,js start===========
includejs("func");
includejs("wiqary01");
includecss("bootstrap");
includecss("font-awesome");
includecss("font-signal");
includecss("theme");
includecss("theme-user");
//for MacOS
if (navigator.platform.indexOf('Mac') != -1) {
  document.write("<style type='text/css'>");
  document.write("input[type='checkbox'] {");
  document.write("vertical-align: 0;");
  document.write("}");
  document.write("</style>");
}
includejs("valChk");
includejs("bootstrap");
  document.write("<script type='text/javascript' src='./tmp/lang.js'></script>");
// head include css,js end  ===========
// set banner start====================
function set_header(v,sw_signal){
var str_header="";
v=(v==null)?0:v;
sw_signal=(sw_signal==null)?true:sw_signal;
if(v==0){
dw('<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">');
dw('<span class="sr-only">Toggle navigations</span>');
dw('<span class="icon-bar"></span>');
dw('<span class="icon-bar"></span>');
dw('<span class="icon-bar"></span>');
dw('</button>');
}

dw('<div class="brand_logo">');
dw('</div>');
dw('<span class="navbar-brand">');
if(sw_signal){
dw('<span id="banner_signal"></span>');
}
dw('</span>');
}
// set banner end======================
// set Menu start======================
var L1=[];
var L2={};
var L3={};
//[0]顯示名稱，[1]連結，[2]L1判斷，[3]開關func.js
//L1
var m_status=['<span tkey="menu|L1_Status">Status</span>','#','Sta','m_status'];
var m_setup=['<span tkey="menu|L1_Setup">Setup</span>','#','Setup','m_setup'];
var m_system=['<span tkey="menu|L1_Administrator">Administrator</span>','#','Sys','m_system'];

//L2
var m_status_cellula=['<span tkey="menu|L2_Cellular">Cellular</span>','#','Cellular','m_status_cellula'];
var m_status_vpn=['<span tkey="menu|L2_Security">Security</span>','#','Security','m_status_vpn'];
var m_status_gnss=['<span tkey="menu|L2_GNSS">GNSS</span>','#','GNSS','m_status_gnss'];
var m_status_ddns=['<span tkey="menu|L2_DDNS">DDNS</span>','#','DDNS','m_status_ddns'];

var m_setup_network=['<span tkey="menu|L2_Network">Network</span>','#','Network','m_setup_network'];
var m_setup_system=['<span tkey="menu|L2_System">System</span>','#','System','m_setup_system'];
var m_setup_vpn=['<span tkey="menu|L2_VPN">VPN</span>','#','VPN','m_setup_vpn'];
var m_setup_busprot=['<span tkey="menu|L2_Bus-Protocol">Bus & Protocol</span>','#','Bus-Protocol','m_setup_busprot'];

var m_system_manager=['<span tkey="menu|L2_Manager">Manager</span>','#','Manager','m_system_manager'];
var m_system_utility=['<span tkey="menu|L2_Utility">Utility</span>','#','Utility','m_system_utility']

//[0]顯示名稱，[1]連結，[2]L3判斷。[3]開關
//L3
//Sta_Cellular
  var m_scell_network=['<span tkey="menu|L3_Network">Network</span>','sta_network','Network','m_scell_network'];
  var m_scell_modem=['<span tkey="menu|L3_Modem">Modem</span>','sta_modem','Modem','m_scell_modem'];
  var m_scell_signal=['<span tkey="menu|L3_Signal">Signal</span>','sta_signal','Signal','m_scell_signal'];
//Sta_Security
  var m_ssec_vpn=['<span tkey="menu|L3_VPN">VPN</span>','sta_vpn','VPN','m_ssec_vpn'];
//Sta_GNSS
  var m_sgnss_information=['<span tkey="menu|L3_Information">Information</span>','sta_gnss','Information','m_sgnss_information'];
//Sta_DDNS
  var m_sddns_ddns=['<span tkey="menu|L3_DDNS">DDNS</span>','sta_ddns','DDNS','m_sddns_ddns'];
//Setup_Network
  var m_snet_devicemode=['<span tkey="menu|L3_Device-Mode">Device Mode</span>','set_devicemode','Device-Mode','m_snet_devicemode'];
  var m_snet_cellular=['<span tkey="menu|L3_Cellular">Cellular</span>','set_cellular','Cellular','m_snet_cellular'];
  var m_snet_ethernet=['<span tkey="menu|L3_Ethernet">Ethernet</span>','set_ethernet','Ethernet','m_snet_ethernet'];
  var m_snet_portfw=['<span tkey="menu|L3_Port-Forwarding">Port Forwarding</span>','set_portfw','Port-Forwarding','m_snet_portfw'];
  var m_snet_ddns=['<span tkey="menu|L3_DDNS">DDNS</span>','set_ddns','DDNS','m_snet_ddns'];
  var m_snet_usbmode=['<span tkey="menu|L3_USB-Mode">USB Mode</span>','set_usbmode','USB-Mode','m_snet_usbmode'];
//Setup_System
  var m_ssys_systime=['<span tkey="menu|L3_System-Time">System Time</span>','set_systime','System-Time','m_ssys_systime'];
  var m_ssys_gnss=['<span tkey="menu|L3_GNSS">GNSS</span>','set_gnss','GNSS','m_ssys_gnss'];
  var m_ssys_lang=['<span tkey="menu|L3_Language">Language</span>','set_lang','Language','m_ssys_lang'];
  var m_ssys_sysinfo=['<span tkey="menu|L3_System-Information">System Information</span>','set_sysinfo','System-Information','m_ssys_sysinfo'];
  var m_ssys_sched=['<span tkey="menu|L3_Scheduling">Scheduling</span>','set_schedule','Scheduling','m_ssys_sched'];
//Setup_VPN
  var m_svpn_opvpn=['<span tkey="menu|L3_OpenVPN">OpenVPN</span>','opvpncli','OpenVPN','m_svpn_opvpn'];
//Setup_Bus-Protocol
  var m_sbus_portconfig=['<span tkey="menu|L3_Port-Configuration">Port Configuration</span>','set_portconfig','Port-Configuration','m_sbus_portconfig'];
  var m_sbust_virtualcom=['<span tkey="menu|L3_Virtual-COM">Virtual COM</span>','set_virtualcom','Virtual-COM','m_sbust_virtualcom'];
//Sys_Manager
  var m_smgr_fwupg=['<span tkey="menu|L3_FW-Upgrade">FW Upgrade</span>','fwupg','FW-Upgrade','m_smgr_fwupg'];
  var m_smgr_pwmmi=['<span tkey="menu|L3_Password-MMI">Password & MMI</span>','chgpwd','Password-MMI','m_smgr_pwmmi'];
  var m_smgr_rebo=['<span tkey="menu|L3_Reboot-Reset">Reboot & Reset</span>','sys_reset','Reboot-Reset','m_smgr_rebo'];
  var m_smgr_telnet=['<span tkey="menu|L3_SSH">SSH</span>','sys_telnet','Telnet-SSH','m_smgr_telnet'];
  var m_smgr_remote_admin=['<span tkey="menu|L3_Remote-Administrator">Remote Administrator</span>','sys_remote_admin','Remote-Administrator','m_smgr_remote_admin'];
  var m_smgr_tr069=['<span tkey="menu|L3_TR-069">TR-069</span>','sys_tr069','TR-069','m_smgr_tr069'];
  var m_smgr_at_nmea=['<span tkey="menu|L3_AT-NMEA">AT & NMEA</span>','at_nmea','AT-NMEA','m_smgr_at_nmea'];
//Sys_Utility
  var m_sutil_sms=['<span tkey="menu|L3_SMS">SMS</span>','sys_sms','SMS','m_sutil_sms'];

function L123(){
  L1=[
    m_status,
    m_setup,
    m_system
  ]
  L2={
   "Sta":[m_status_cellula,m_status_vpn,m_status_gnss,m_status_ddns],
   "Setup":[m_setup_network,m_setup_vpn,m_setup_system,m_setup_busprot],
   "Sys":[m_system_manager,m_system_utility]
  }
  L3={
   "Sta_Cellular":[m_scell_network,m_scell_modem,m_scell_signal],
   "Sta_Security":[m_ssec_vpn],
   "Sta_GNSS":[m_sgnss_information],
   "Sta_DDNS":[m_sddns_ddns],
   "Setup_Network":[m_snet_devicemode,m_snet_cellular,m_snet_ethernet,m_snet_portfw,m_snet_ddns,m_snet_usbmode],
   "Setup_System":[m_ssys_systime,m_ssys_gnss,m_ssys_lang,m_ssys_sysinfo,m_ssys_sched],
   "Setup_VPN":[m_svpn_opvpn],
   "Setup_Bus-Protocol":[m_sbus_portconfig,m_sbust_virtualcom],
   "Sys_Manager":[m_smgr_fwupg,m_smgr_pwmmi,m_smgr_rebo,m_smgr_telnet,m_smgr_remote_admin,m_smgr_tr069,m_smgr_at_nmea],
   "Sys_Utility":[m_sutil_sms]
  }
}

function set_LM(){
var LM=page.split("_");

var str_LM="";
var used_L1=LM[0];
var used_L2=LM[1];

str_LM+='<ul id="accordion" class="sub-menu">';
for (i=0,L1_len=L1.length;i<L1_len;i++){
var L1_name=L1[i][0];
var L1_link=L1[i][1]+"."+html_type;
var L1_list=L1[i][2];
var L1_sw=(all_func[L1[i][3]]==true)?'':' false';
str_LM+='<div id="L1_'+L1_list+'" class="part-menu'+L1_sw+'">';
str_LM+='<li>';
str_LM+='<a data-toggle="collapse" xhref="'+L1_link+'" data-target=".L1_menu_'+L1_list+'" class="nav-header'+((used_L1!=L1_list)?' collapsed':'')+'"><i id="L1_icon_'+L1_list+'" class="fa fa-fw"></i><span>'+L1_name+'</span><i class="fa fa-collapse"></i></a>';
str_LM+='</li>';
str_LM+='<li>';
str_LM+='<ul class="L1_menu_'+L1_list+' nav nav-list collapse'+((used_L1==L1_list)?' in':'')+'" data-parent="#accordion">';
var L2_arr=L2[L1_list];
  for (j=0,L2_len=L2_arr.length;j<L2_len;j++){
  var L2_name=L2_arr[j][0];
  var L2_link=L2_arr[j][1]+"."+html_type;
  var L2_list=L2_arr[j][2];
  var L2_sw=(all_func[L2_arr[j][3]]==true)?'':' false';
  var L3_arr = L3[(L1_list + "_" + L2_list)];
    for (k=0,L3_len=L3_arr.length;k<L3_len;k++){
      var L3_sw=(all_func[L3_arr[k][3]]==true)?true:false;
      if(L3_sw == true){
         L2_link = L3_arr[k][1]+"."+html_type;     //L2 link
         break;
      }
    }
  str_LM+='<li id="L2_'+L1_list+'_'+L2_list+'" class="'+((used_L2==L2_list)?"active":"")+L2_sw+'"><a href="'+L2_link+'"><i id="L2_icon_'+L2_list+'" class="fa fa-caret-right"></i><span>'+L2_name+'</span></a></li>';
  }
str_LM+='</ul>';
str_LM+='</li>';
str_LM+='</div>';
}

str_LM+='<div class="part-menu">';
str_LM+='<li id="L1_Logout"><a href="logout.'+html_type+'" class="nav-header"><i id="L1_icon_Logout" class="fa fa-fw fa-sign-out"></i><span tkey="menu|L1_Logout">Logout</span></a></li>';
str_LM+='</div>';
str_LM+='</ul>';
$(".sidebar-nav").html(str_LM);
//copy menu
  var uls = $('.sidebar-nav > ul > *').clone();
  uls.addClass('visible-xs');
  $('#main-menu').append(uls.clone());
//change id,避免左邊的menu與縮小的右邊menu，用同一id
  $("#main-menu li").each (function (index)
  {
    var old_id = $(this).attr('id');
    if(old_id){
      var new_id = "min_"+old_id;
      $(this).attr('id',new_id);
    }
  });
}

function set_L3(){
var str_L3='<div class="nav-line"></div>';
var LM=page.split("_");
var L12=LM[0]+"_"+LM[1];
var uL3=L3[L12];
  if (uL3){
    str_L3+='<ul class="nav nav-tabs">';
    for (i=0,len=uL3.length;i<len;i++){
    var L3_name=uL3[i][0];
    var L3_link=uL3[i][1]+'.'+html_type;
    var L3_list=uL3[i][2];
    var L3_sw=(all_func[uL3[i][3]]==true)?'':' false';
      str_L3+='<li id="L3_'+L12+'_'+uL3[i][2]+'" class="'+((LM[2]==L3_list)?'active':'')+ L3_sw +'"><a href="'+ L3_link +'">'+L3_name+'</a></li>';
    }
    str_L3+='</ul>';
  $("#L3_list").html(str_L3);
  }

}
// set Menu end========================
function swids(div,sw,dis)
{
  var obj="#"+div+",#"+div+" *";
  $(obj).css('display',(sw)?'':'none');
  $(obj).attr("disabled",(dis)?true:false);
  if (dis) {
    clear_valchk(obj);
  }
}
/*
<span tkey="menu|L3_Network">Network</span>
tkey如果有|時，依|前面取物件翻譯，沒有時依頁面lang取物件翻譯
*/
function translate()
{
  var obj=lang;
  $("[tkey]").each (function (index)
  {
    var tkey=$(this).attr ('tkey').split("|");
    var tkeys=tkey[0];
    var used_obj=obj;
    if (tkey.length>1){
        used_obj=tkey[0];
        tkeys=tkey[1];
    }
    if(langs[used_obj]&&langs[used_obj][tkeys]){
      $(this).html (langs[used_obj][tkeys]);
    }
  });
}
function GetElmCont(tkeystr,txt)
{
  var tkey=tkeystr.split("|");
  var used_obj=tkey[0];
  var tkeys=tkey[1];
  if(window.langs && langs[used_obj] && langs[used_obj][tkeys]){
    return langs[used_obj][tkeys];
  }else{
    return txt
  }
}
function signal_load(){
  var t=new Date();
  var ztv = "?rc=&ZT=" + t.getTime();
   var url="banner_signal." + html_type + ztv;
   $('#banner_signal').load(url)
}
function GURL(x) {
    window.location = x;
}
function page_loading(s){
var div="";
  s=(s==null)?1000:s;
  if(document.getElementById('loading')==null){
    div+='<div id="loading" class="modal" role="dialog" data-backdrop="static">';
    div+='<div xclass="modal-content">';
    div+='<div class="modal-body">';
    div+='<i class="fa fa-spinner fa-spin loading"></i>';
    div+='</div>';
    div+='</div>';
    div+='</div>';
  }

  $("body").append(div);
  $('#loading').addClass("center");
  $('#loading').modal('show');
  if(s!="x"){
    setTimeout(function(){
      $('#loading').removeClass("center");
      $('#loading').modal('hide');
    },s);
  }
  return true
}
function ary_sort(obj){
  obj.sort(function (a, b) {
  return a - b
});
  return obj
}
//===for onsubmit====================================
function post_submit(f){
    var url_data = $(f).serialize();
    var current_page = f.current_page.value;
    var action_url = (f.action_url == null)?"post_action.cgi":f.action_url.value;
    var other_data = "";
    if(f.post_form !=null){       //for other form value set
      var arr = f.post_form.value.split(",");
      for (i=0,len=arr.length;i<len;i++){
         other_data  += "&" + $('#'+arr[i]).serialize();
         other_data  = other_data.replace("csrftok","remove_obj")
         other_data  = other_data.replace("current_page","remove_obj")
      }
      url_data += other_data;
    }
    var s=1000;
    page_loading("x");
    if (html_type == "html"){
      GURL(current_page+"."+html_type+"?rc=&"+url_data);
    }
    $.ajax({
        url:action_url,
        type:'post',
        data:url_data,
        dataType: 'html',
        error:function(){
        },
        success:function(){
          setTimeout(function(){
              GURL(current_page+"."+html_type);
          }, s);
        }
    });
}
//===for csid========================================
// get the csid address with base address and offset
// @csid_base: CSID address string (form format)   e.g. "N000E0001"
//             First character is CSID type, other 8 charaters are CSID address
// @offset: offset of base address
// @return CSID address string applying offset   e.g. "N000e0011"
function get_csid(csid_base, offset) {

    if(typeof(offset)=="string") offset = parseInt(offset, 10);
    var csid_type = csid_base.charAt(0); // first character is CSID type
    var csid_addr = parseInt(csid_base.substring(1), 16) + offset; // parse the CSID address (hex string) to integer and then plus offset
    var csid_addr_str = csid_addr.toString(16); // change from integer to hex string
    var pad = "00000000";
    var csid_addr_str = pad.substring(0, pad.length - csid_addr_str.length) + csid_addr_str; // padding head zeros to let address string length be 8
    return csid_type + csid_addr_str;
}
//===for name========================================
function get_name(data,index){
  var arr = $("[csid]");
  for (i=0,len=arr.length;i<len;i++){
    var s = arr[i].name.split(",");
    var idx = (s[1])?eval(s[1]):index;
    if(data[s[0]]){
      arr[i].name = get_csid(data[s[0]],idx);
    }
  }
}
//===================================================
function SetCkBox(chkbox,ckv,nckv)
{
   f=chkbox.form
   for(cb=0;cb<f.length;cb++){if(f.elements[cb]==chkbox)break;}
   f.elements[cb-1].value=(f.elements[cb].checked)?ckv:nckv
}
//===for load page link==============================
function load_link(id,url){
  if (html_type == "html"){
    $('#'+id).load(url+ "." + html_type, function() {
       //for popup position
       modal_position();
    });
  }else{
      $('#'+id).load("display_rule.cgi",{page: url}, function() {
       //for popup position
       modal_position();
    });
  }
}
//===for getJSON link==============================
function json_link(p){
  var t=new Date();
  var ztv = "?rc=&ZT=" + t.getTime();
  var url = "/tmp/" + p + ztv;
  if (html_type == "html"){
     url = "./tmp/" + p + ztv;
  }
  return url
}
//===for IP Range check==============================
function iprange(ip1,ip2,msg)
{
var ip1v = ip1.value;
var ip2v = ip2.value;
ip1varr = ip1v.split(".");
var ip1a=parseInt(ip1varr[0]);
var ip1b=parseInt(ip1varr[1]);
var ip1c=parseInt(ip1varr[2]);
var ip1d=parseInt(ip1varr[3]);
ip2varr = ip2v.split(".");
var ip2a=parseInt(ip2varr[0]);
var ip2b=parseInt(ip2varr[1]);
var ip2c=parseInt(ip2varr[2]);
var ip2d=parseInt(ip2varr[3]);

    if(ip1a > ip2a)
    {
      alert(msg);
      return false;
    }  
     else if(ip1b > ip2b)
    {
      alert(msg);
      return false;
    }
    else if (ip1c > ip2c)
    {
      alert(msg);
      return false;
    }
    else if ( (ip1a == ip2a && ip1b==ip2b && ip1c==ip2c) && (ip1d > ip2d) )
    {
      alert(msg);
      return false;
    }
    else if (ip1v==ip2v)
    {
      alert(msg);
      return false;
    }  

  return true
}
//===================================================
$(document).ready(function(){
//load banner signal
  signal_load();
  setInterval("signal_load()", 3000);

//set menu
if(window.page){
  $.getJSON(json_link('menu.json'), function(data) {
  //for Status Network
    all_func["m_scell_network"]=data.menu.cell_net_sta;
  //for VPN
    all_func["m_status_vpn"]=all_func["m_setup_vpn"]=data.menu.openvpn;
  //for GNSS
    all_func["m_status_gnss"]=all_func["m_ssys_gnss"]=data.menu.gnss;
  //for DDNS
    all_func["m_status_ddns"]=data.menu.ddns_st;
    all_func["m_snet_ddns"]=data.menu.ddns_snet;
  //for Device Mode
    all_func["m_snet_devicemode"]=data.menu.cell_dev_mode;
  //for Port Forwarding
    all_func["m_snet_portfw"]=data.menu.net_port_fd;
  //for USB Mode
    all_func["m_snet_usbmode"]=data.menu.usbmode;
  //for System Time
    all_func["m_ssys_systime"]=data.menu.sys_time;
  //for Scheduling
    all_func["m_ssys_sched"]=data.menu.sys_schedule;
  //for Bus & Protocol(PortConfiguration,Virtual COM)
    all_func["m_setup_busprot"]=data.menu.rs232;
  //for Firmware Upgrade
    all_func["m_smgr_fwupg"]=data.menu.mgr_fw;
  //for Password & MMI
    all_func["m_smgr_pwmmi"]=data.menu.mgr_pwd;
  //for Telnet & SSH
    all_func["m_smgr_telnet"]=data.menu.mgr_tlt_ssh;
  //for Remote Administrator
    all_func["m_smgr_remote_admin"]=data.menu.mgr_remote;
  //for TR-069
    all_func["m_smgr_tr069"]=data.menu.tr069.enable;
    //show DLink Device Management
    if(data.menu.tr069.cwmp == "1"){
      m_smgr_tr069=['<span tkey="menu|L3_Device-Management">Device Management</span>','device_mgt','Device-Management','m_smgr_tr069'];
    }
  //for AT & NMEA
    all_func["m_smgr_at_nmea"]=data.menu.at_nmea;
  //for SMS
    all_func["m_system_utility"]=all_func["m_sutil_sms"]=data.menu.utilty_sms;
   //因為L123可能會修改內容，若先加入L123陣列，會讀到修改前的內容，改在此加入L123//
    L123();
    set_LM();
    set_L3();
   //for change Language
    if(window.langs && window.lang){
        translate();
    }
  });
}else{
   //for change Language
    if(window.langs && window.lang){
        translate();
    }
}
});