

<!DOCTYPE html>
<html lang="en">
<head>
	
  <title>
 LoRa Gateway</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />

  <link rel="stylesheet" type="text/css" href="/static/resources/LoRaGateway.css">  
  <link rel="stylesheet" href="/static/resources/font-awesome/css/all.css">
  <link rel="shortcut icon" href="/static/resources/favicon.ico">
  
  <script src="/static/resources/jquery.min.js"></script>

  <script>
  	function toggleNavbar() {
	 	var x = document.getElementById("docTopnav");
	 	if (x.className === "topnav") {
	    	x.className += " responsive";
	  	} 
	 	else {
	    	x.className = "topnav";
		}
	}

	/* function to toggle show and hide states of password inputs */
	function toggleVis(clickedElmt) {
	  	var x = document.getElementById(clickedElmt);
  		var tabCell1 = x.parentElement;
  		var tabCell2 = tabCell1.nextElementSibling;
  		var y = tabCell2.firstElementChild;

    	if (x.type === "password") {
    		x.type = "text";
				y.innerHTML = "Hide";
				y.className = "btnHide"; 
	
  		} else {
    		x.type = "password";
				y.innerHTML = "Show";
				y.className = "btnShow"; 
  		}
	} 

	function showPageLoaderIcon() {
		document.getElementById("pageLoader").style.display = "block";
	}

	</script>


	<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
</head>

<body>

<div id="pageLoader" class="pageLoader">
  Please wait...<br><br>
  <div class="loaderSpinner"><span class="fas fa-spinner fa-spin"></span></div>
</div>



<div class="logo-container">
  <a href="http://www.dragino.com
">  <!-- Set the URL link for the logo -->
    <img class="logoImage" src="/static/img/logo.png">
  </a>
</div>

<div class="topnav" id="docTopnav">

  <div></div> <!-- Space for the logo -->

	
  <div class="dropdown"> <!-- LoRa Parameter -->
    <button class="dropbtn">LoRa <span class="fas fa-caret-down"></span></button>
    <div class="dropdown-content">
      <a href="/cgi-bin/lora-lora.has">LoRa</a>
      <a href="/cgi-bin/lora-abp.has">ABP Decryption</a>
    </div>
  </div>
  
		<div class="dropdown"> <!-- LoRa Parameter -->
			<button class="dropbtn">LoRaWAN <span class="fas fa-caret-down"></span></button>
			<div class="dropdown-content">
				<a href="/cgi-bin/lorawan.has">LoRaWAN -- Semtech UDP</a>
				

				
					<a href="/cgi-bin/lorawan-basicstation.has">LoRaWAN -- Basic Station</a>
					<a href="/cgi-bin/lorawan-helium.has">Helium IoT</a>
				

				<a href="/cgi-bin/loriot.has">LORIOT</a>				
			</div>
		</div>
	


  <div class="dropdown"> <!-- MQTT -->
	<button class="dropbtn">MQTT <span class="fas fa-caret-down"></span></button>
    <div class="dropdown-content">
      <a href="/cgi-bin/mqtt.has">MQTT Client</a>
      <a href="/cgi-bin/mqtt-chan.has">Channels</a>
      <a href="/cgi-bin/iot-cert.has">Certificates</a>
    </div>
  </div> 
  
	<div class="dropdown"> <!-- TCP -->
		<button class="dropbtn">TCP <span class="fas fa-caret-down"></span></button>
		<div class="dropdown-content">
			<a href="/cgi-bin/tcp-client.has">TCP Client</a>
		</div>
	</div> 
  
  <a href="/cgi-bin/custom.has">Custom</a>
 
 <div class="dropdown"> <!-- Network -->
    <button class="dropbtn">Network <span class="fas fa-caret-down"></span></button>
    <div class="dropdown-content">
		<a href="/cgi-bin/system-status.has">Network Status</a>
		<a href="/cgi-bin/system-network.has">Network</a>
		<a href="/cgi-bin/system-wifi.has">WiFi</a>
		<a href="/cgi-bin/system-cellular.has">Cellular</a>
    </div>
  </div> 
 
 <div class="dropdown"> <!-- System -->
    <button class="dropbtn">System <span class="fas fa-caret-down"></span></button>
    <div class="dropdown-content">
		<a href="/cgi-bin/system-overview.has">System Overview</a>
		<a href="/cgi-bin/system-general.has">General</a>
		<a href="/cgi-bin/system-config.has">Back Up / Restore Config</a>
		<a href="/cgi-bin/system-remoteit.has">Remote.it</a>
		<a href="/cgi-bin/system-rssh.has">Remote Mgmt</a>
		<a href="/cgi-bin/system-firmware.has">Firmware Upgrade</a>
		<a href="/cgi-bin/system-reboot.has">Reboot / Reset</a>
		<a href="/cgi-bin/system-package.has">Package Maintain</a>
    </div>
  </div> 
 
 <div class="dropdown"> <!-- LogRead -->
    <button class="dropbtn">LogRead<span class="fas fa-caret-down"></span></button>
    <div class="dropdown-content">
      <a href="/cgi-bin/log-lora.has">LoRa Log</a>
	  
	
      <a href="/cgi-bin/log-traffic.has">Gateway Traffic</a>
		
	
      <a href="/cgi-bin/log-sys.has">System Log</a>
      <a href="/cgi-bin/log-record.has">Record Log</a>
    </div>
  </div> 

  <a href="/cgi-bin/home.has">Home</a>

  <a href="/cgi-bin/logout.has">Logout</a>

  <div id="refreshIndicate" style="display: none;">AUTO<br>REFRESH</div>

  <a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="toggleNavbar()">&#9776;</a>
  
</div>

<div class="page-container">
	<h2> </h2>
	<div id="main" style="width: 1200px;height:400px;"></div>
	<table border="0" cellspacing="0" cellpadding="10px" style="text-align: center; width: 1200px;">
			<tr style="background-color: #C9C6ED;">
				<th></th>
				<th>Time</th>
				<th>Message Type</th>
				<th>Mod</th>
				<th>Freq</th>
				<th>Data Rate</th>
				<th>CNT</th>
				<th>Content</th>
			</tr>
			
				<tr style="background-color: #DADEEE;">
					<td><i class="fa fa-chevron-up" style="color: blue; font-size: 12px;" onclick="spread1();"></i></td>
					<td>01/30-13:53:13</td>
					<td>Data Unconfirmed Up</td>
					<td>LoRa</td>
					<td>914.1</td>
					<td>SF10 BW125</td>
					<td>12</td>
					<td>Dev Addr: 27FD3566, Size: 20</td>
				</tr>
				<tr id="1" style="display: none;">
					<td colspan="8" style="text-align: left;">
						{"ADDR":"27FD3566", "Size":20, "Rssi":-24, "snr":14, "FCtrl":["ADR":1,"ACK":0, "FPending":0, "FOptsLen":2], "FCnt":12, "FPort":1, "MIC":"BBAFF1ED"}|2DC507E9CA
					</td>
				</tr>
			
				<tr style="background-color: #F2F6FC;">
					<td><i class="fa fa-chevron-up" style="color: blue; font-size: 12px;" onclick="spread2();"></i></td>
					<td>01/30-13:51:34</td>
					<td>Data Unconfirmed Up</td>
					<td>LoRa</td>
					<td>914.9</td>
					<td>SF10 BW125</td>
					<td>7</td>
					<td>Dev Addr: 27FD3566, Size: 18</td>
				</tr>
				<tr id="2" style="display: none;">
					<td colspan="8" style="text-align: left;">
						{"ADDR":"27FD3566", "Size":18, "Rssi":-93, "snr":-8, "FCtrl":["ADR":0,"ACK":0, "FPending":0, "FOptsLen":0], "FCnt":7, "FPort":1, "MIC":"80B88D28"}|26396AD56F
					</td>
				</tr>
			
				<tr style="background-color: #DADEEE;">
					<td><i class="fa fa-chevron-up" style="color: blue; font-size: 12px;" onclick="spread3();"></i></td>
					<td>01/30-13:51:34</td>
					<td>Data Unconfirmed Up</td>
					<td>LoRa</td>
					<td>913.9</td>
					<td>SF10 BW125</td>
					<td>7</td>
					<td>Dev Addr: 27FD3566, Size: 18</td>
				</tr>
				<tr id="3" style="display: none;">
					<td colspan="8" style="text-align: left;">
						{"ADDR":"27FD3566", "Size":18, "Rssi":-23, "snr":11, "FCtrl":["ADR":0,"ACK":0, "FPending":0, "FOptsLen":0], "FCnt":7, "FPort":1, "MIC":"80B88D28"}|26396AD56F
					</td>
				</tr>
			
		</table>
		
<script type="text/javascript">
	
	let flag1 = true;
	function spread1(){
		if(flag1){
			document.getElementById("1").style.display="table-row";
			flag1 = false;
		}else{
			document.getElementById("1").style.display="none";
			flag1 = true;
		}
	}
	
	let flag2 = true;
	function spread2(){
		if(flag2){
			document.getElementById("2").style.display="table-row";
			flag2 = false;
		}else{
			document.getElementById("2").style.display="none";
			flag2 = true;
		}
	}
	
	let flag3 = true;
	function spread3(){
		if(flag3){
			document.getElementById("3").style.display="table-row";
			flag3 = false;
		}else{
			document.getElementById("3").style.display="none";
			flag3 = true;
		}
	}
	
	let flag4 = true;
	function spread4(){
		if(flag4){
			document.getElementById("4").style.display="table-row";
			flag4 = false;
		}else{
			document.getElementById("4").style.display="none";
			flag4 = true;
		}
	}
	
	let flag5 = true;
	function spread5(){
		if(flag5){
			document.getElementById("5").style.display="table-row";
			flag5 = false;
		}else{
			document.getElementById("5").style.display="none";
			flag5 = true;
		}
	}
	
	let flag6 = true;
	function spread6(){
		if(flag6){
			document.getElementById("6").style.display="table-row";
			flag6 = false;
		}else{
			document.getElementById("6").style.display="none";
			flag6 = true;
		}
	}
	
	let flag7 = true;
	function spread7(){
		if(flag7){
			document.getElementById("7").style.display="table-row";
			flag7 = false;
		}else{
			document.getElementById("7").style.display="none";
			flag7 = true;
		}
	}
	
	let flag8 = true;
	function spread8(){
		if(flag8){
			document.getElementById("8").style.display="table-row";
			flag8 = false;
		}else{
			document.getElementById("8").style.display="none";
			flag8 = true;
		}
	}
	
	let flag9 = true;
	function spread9(){
		if(flag9){
			document.getElementById("9").style.display="table-row";
			flag9 = false;
		}else{
			document.getElementById("9").style.display="none";
			flag9 = true;
		}
	}
	
	let flag10 = true;
	function spread10(){
		if(flag10){
			document.getElementById("10").style.display="table-row";
			flag10 = false;
		}else{
			document.getElementById("10").style.display="none";
			flag10 = true;
		}
	}
	
	let flag11 = true;
	function spread11(){
		if(flag11){
			document.getElementById("11").style.display="table-row";
			flag11 = false;
		}else{
			document.getElementById("11").style.display="none";
			flag11 = true;
		}
	}
	
	let flag12 = true;
	function spread12(){
		if(flag12){
			document.getElementById("12").style.display="table-row";
			flag12 = false;
		}else{
			document.getElementById("12").style.display="none";
			flag12 = true;
		}
	}
	
	let flag13 = true;
	function spread13(){
		if(flag13){
			document.getElementById("13").style.display="table-row";
			flag13 = false;
		}else{
			document.getElementById("13").style.display="none";
			flag13 = true;
		}
	}
	
	let flag14 = true;
	function spread14(){
		if(flag14){
			document.getElementById("14").style.display="table-row";
			flag14 = false;
		}else{
			document.getElementById("14").style.display="none";
			flag14 = true;
		}
	}
	
	let flag15 = true;
	function spread15(){
		if(flag15){
			document.getElementById("15").style.display="table-row";
			flag15 = false;
		}else{
			document.getElementById("15").style.display="none";
			flag15 = true;
		}
	}
	
	let flag16 = true;
	function spread16(){
		if(flag16){
			document.getElementById("16").style.display="table-row";
			flag16 = false;
		}else{
			document.getElementById("16").style.display="none";
			flag16 = true;
		}
	}
	
	let flag17 = true;
	function spread17(){
		if(flag17){
			document.getElementById("17").style.display="table-row";
			flag17 = false;
		}else{
			document.getElementById("17").style.display="none";
			flag17 = true;
		}
	}
	
	let flag18 = true;
	function spread18(){
		if(flag18){
			document.getElementById("18").style.display="table-row";
			flag18 = false;
		}else{
			document.getElementById("18").style.display="none";
			flag18 = true;
		}
	}
	
	let flag19 = true;
	function spread19(){
		if(flag19){
			document.getElementById("19").style.display="table-row";
			flag19 = false;
		}else{
			document.getElementById("19").style.display="none";
			flag19 = true;
		}
	}
	
	let flag20 = true;
	function spread20(){
		if(flag20){
			document.getElementById("20").style.display="table-row";
			flag20 = false;
		}else{
			document.getElementById("20").style.display="none";
			flag20 = true;
		}
	}
	
	let flag21 = true;
	function spread21(){
		if(flag21){
			document.getElementById("21").style.display="table-row";
			flag21 = false;
		}else{
			document.getElementById("21").style.display="none";
			flag21 = true;
		}
	}
	
	let flag22 = true;
	function spread22(){
		if(flag22){
			document.getElementById("22").style.display="table-row";
			flag22 = false;
		}else{
			document.getElementById("22").style.display="none";
			flag22 = true;
		}
	}
	
	let flag23 = true;
	function spread23(){
		if(flag23){
			document.getElementById("23").style.display="table-row";
			flag23 = false;
		}else{
			document.getElementById("23").style.display="none";
			flag23 = true;
		}
	}
	
	let flag24 = true;
	function spread24(){
		if(flag24){
			document.getElementById("24").style.display="table-row";
			flag24 = false;
		}else{
			document.getElementById("24").style.display="none";
			flag24 = true;
		}
	}
	
	let flag25 = true;
	function spread25(){
		if(flag25){
			document.getElementById("25").style.display="table-row";
			flag25 = false;
		}else{
			document.getElementById("25").style.display="none";
			flag25 = true;
		}
	}
	
	let flag26 = true;
	function spread26(){
		if(flag26){
			document.getElementById("26").style.display="table-row";
			flag26 = false;
		}else{
			document.getElementById("26").style.display="none";
			flag26 = true;
		}
	}
	
	let flag27 = true;
	function spread27(){
		if(flag27){
			document.getElementById("27").style.display="table-row";
			flag27 = false;
		}else{
			document.getElementById("27").style.display="none";
			flag27 = true;
		}
	}
	
	let flag28 = true;
	function spread28(){
		if(flag28){
			document.getElementById("28").style.display="table-row";
			flag28 = false;
		}else{
			document.getElementById("28").style.display="none";
			flag28 = true;
		}
	}
	
	let flag29 = true;
	function spread29(){
		if(flag29){
			document.getElementById("29").style.display="table-row";
			flag29 = false;
		}else{
			document.getElementById("29").style.display="none";
			flag29 = true;
		}
	}
	
	let flag30 = true;
	function spread30(){
		if(flag30){
			document.getElementById("30").style.display="table-row";
			flag30 = false;
		}else{
			document.getElementById("30").style.display="none";
			flag30 = true;
		}
	}
	
	let flag31 = true;
	function spread31(){
		if(flag31){
			document.getElementById("31").style.display="table-row";
			flag31 = false;
		}else{
			document.getElementById("31").style.display="none";
			flag31 = true;
		}
	}
	
	let flag32 = true;
	function spread32(){
		if(flag32){
			document.getElementById("32").style.display="table-row";
			flag32 = false;
		}else{
			document.getElementById("32").style.display="none";
			flag32 = true;
		}
	}
	
	let flag33 = true;
	function spread33(){
		if(flag33){
			document.getElementById("33").style.display="table-row";
			flag33 = false;
		}else{
			document.getElementById("33").style.display="none";
			flag33 = true;
		}
	}
	
	let flag34 = true;
	function spread34(){
		if(flag34){
			document.getElementById("34").style.display="table-row";
			flag34 = false;
		}else{
			document.getElementById("34").style.display="none";
			flag34 = true;
		}
	}
	
	let flag35 = true;
	function spread35(){
		if(flag35){
			document.getElementById("35").style.display="table-row";
			flag35 = false;
		}else{
			document.getElementById("35").style.display="none";
			flag35 = true;
		}
	}
	
	let flag36 = true;
	function spread36(){
		if(flag36){
			document.getElementById("36").style.display="table-row";
			flag36 = false;
		}else{
			document.getElementById("36").style.display="none";
			flag36 = true;
		}
	}
	
	let flag37 = true;
	function spread37(){
		if(flag37){
			document.getElementById("37").style.display="table-row";
			flag37 = false;
		}else{
			document.getElementById("37").style.display="none";
			flag37 = true;
		}
	}
	
	let flag38 = true;
	function spread38(){
		if(flag38){
			document.getElementById("38").style.display="table-row";
			flag38 = false;
		}else{
			document.getElementById("38").style.display="none";
			flag38 = true;
		}
	}
	
	let flag39 = true;
	function spread39(){
		if(flag39){
			document.getElementById("39").style.display="table-row";
			flag39 = false;
		}else{
			document.getElementById("39").style.display="none";
			flag39 = true;
		}
	}
	
	let flag40 = true;
	function spread40(){
		if(flag40){
			document.getElementById("40").style.display="table-row";
			flag40 = false;
		}else{
			document.getElementById("40").style.display="none";
			flag40 = true;
		}
	}
	
	let flag41 = true;
	function spread41(){
		if(flag41){
			document.getElementById("41").style.display="table-row";
			flag41 = false;
		}else{
			document.getElementById("41").style.display="none";
			flag41 = true;
		}
	}
	
	let flag42 = true;
	function spread42(){
		if(flag42){
			document.getElementById("42").style.display="table-row";
			flag42 = false;
		}else{
			document.getElementById("42").style.display="none";
			flag42 = true;
		}
	}
	
	let flag43 = true;
	function spread43(){
		if(flag43){
			document.getElementById("43").style.display="table-row";
			flag43 = false;
		}else{
			document.getElementById("43").style.display="none";
			flag43 = true;
		}
	}
	
	let flag44 = true;
	function spread44(){
		if(flag44){
			document.getElementById("44").style.display="table-row";
			flag44 = false;
		}else{
			document.getElementById("44").style.display="none";
			flag44 = true;
		}
	}
	
	let flag45 = true;
	function spread45(){
		if(flag45){
			document.getElementById("45").style.display="table-row";
			flag45 = false;
		}else{
			document.getElementById("45").style.display="none";
			flag45 = true;
		}
	}
	
	let flag46 = true;
	function spread46(){
		if(flag46){
			document.getElementById("46").style.display="table-row";
			flag46 = false;
		}else{
			document.getElementById("46").style.display="none";
			flag46 = true;
		}
	}
	
	let flag47 = true;
	function spread47(){
		if(flag47){
			document.getElementById("47").style.display="table-row";
			flag47 = false;
		}else{
			document.getElementById("47").style.display="none";
			flag47 = true;
		}
	}
	
	let flag48 = true;
	function spread48(){
		if(flag48){
			document.getElementById("48").style.display="table-row";
			flag48 = false;
		}else{
			document.getElementById("48").style.display="none";
			flag48 = true;
		}
	}
	
	let flag49 = true;
	function spread49(){
		if(flag49){
			document.getElementById("49").style.display="table-row";
			flag49 = false;
		}else{
			document.getElementById("49").style.display="none";
			flag49 = true;
		}
	}
	
	let flag50 = true;
	function spread50(){
		if(flag50){
			document.getElementById("50").style.display="table-row";
			flag50 = false;
		}else{
			document.getElementById("50").style.display="none";
			flag50 = true;
		}
	}
	
	let flag51 = true;
	function spread51(){
		if(flag51){
			document.getElementById("51").style.display="table-row";
			flag51 = false;
		}else{
			document.getElementById("51").style.display="none";
			flag51 = true;
		}
	}
	
	let flag52 = true;
	function spread52(){
		if(flag52){
			document.getElementById("52").style.display="table-row";
			flag52 = false;
		}else{
			document.getElementById("52").style.display="none";
			flag52 = true;
		}
	}
	
	let flag53 = true;
	function spread53(){
		if(flag53){
			document.getElementById("53").style.display="table-row";
			flag53 = false;
		}else{
			document.getElementById("53").style.display="none";
			flag53 = true;
		}
	}
	
	let flag54 = true;
	function spread54(){
		if(flag54){
			document.getElementById("54").style.display="table-row";
			flag54 = false;
		}else{
			document.getElementById("54").style.display="none";
			flag54 = true;
		}
	}
	
	let flag55 = true;
	function spread55(){
		if(flag55){
			document.getElementById("55").style.display="table-row";
			flag55 = false;
		}else{
			document.getElementById("55").style.display="none";
			flag55 = true;
		}
	}
	
	let flag56 = true;
	function spread56(){
		if(flag56){
			document.getElementById("56").style.display="table-row";
			flag56 = false;
		}else{
			document.getElementById("56").style.display="none";
			flag56 = true;
		}
	}
	
	let flag57 = true;
	function spread57(){
		if(flag57){
			document.getElementById("57").style.display="table-row";
			flag57 = false;
		}else{
			document.getElementById("57").style.display="none";
			flag57 = true;
		}
	}
	
	let flag58 = true;
	function spread58(){
		if(flag58){
			document.getElementById("58").style.display="table-row";
			flag58 = false;
		}else{
			document.getElementById("58").style.display="none";
			flag58 = true;
		}
	}
	
	let flag59 = true;
	function spread59(){
		if(flag59){
			document.getElementById("59").style.display="table-row";
			flag59 = false;
		}else{
			document.getElementById("59").style.display="none";
			flag59 = true;
		}
	}
	
	let flag60 = true;
	function spread60(){
		if(flag60){
			document.getElementById("60").style.display="table-row";
			flag60 = false;
		}else{
			document.getElementById("60").style.display="none";
			flag60 = true;
		}
	}
	
	let flag61 = true;
	function spread61(){
		if(flag61){
			document.getElementById("61").style.display="table-row";
			flag61 = false;
		}else{
			document.getElementById("61").style.display="none";
			flag61 = true;
		}
	}
	
	let flag62 = true;
	function spread62(){
		if(flag62){
			document.getElementById("62").style.display="table-row";
			flag62 = false;
		}else{
			document.getElementById("62").style.display="none";
			flag62 = true;
		}
	}
	
	let flag63 = true;
	function spread63(){
		if(flag63){
			document.getElementById("63").style.display="table-row";
			flag63 = false;
		}else{
			document.getElementById("63").style.display="none";
			flag63 = true;
		}
	}
	
	let flag64 = true;
	function spread64(){
		if(flag64){
			document.getElementById("64").style.display="table-row";
			flag64 = false;
		}else{
			document.getElementById("64").style.display="none";
			flag64 = true;
		}
	}
	
	let flag65 = true;
	function spread65(){
		if(flag65){
			document.getElementById("65").style.display="table-row";
			flag65 = false;
		}else{
			document.getElementById("65").style.display="none";
			flag65 = true;
		}
	}
	
	let flag66 = true;
	function spread66(){
		if(flag66){
			document.getElementById("66").style.display="table-row";
			flag66 = false;
		}else{
			document.getElementById("66").style.display="none";
			flag66 = true;
		}
	}
	
	let flag67 = true;
	function spread67(){
		if(flag67){
			document.getElementById("67").style.display="table-row";
			flag67 = false;
		}else{
			document.getElementById("67").style.display="none";
			flag67 = true;
		}
	}
	
	let flag68 = true;
	function spread68(){
		if(flag68){
			document.getElementById("68").style.display="table-row";
			flag68 = false;
		}else{
			document.getElementById("68").style.display="none";
			flag68 = true;
		}
	}
	
	let flag69 = true;
	function spread69(){
		if(flag69){
			document.getElementById("69").style.display="table-row";
			flag69 = false;
		}else{
			document.getElementById("69").style.display="none";
			flag69 = true;
		}
	}
	
	let flag70 = true;
	function spread70(){
		if(flag70){
			document.getElementById("70").style.display="table-row";
			flag70 = false;
		}else{
			document.getElementById("70").style.display="none";
			flag70 = true;
		}
	}
	
	let flag71 = true;
	function spread71(){
		if(flag71){
			document.getElementById("71").style.display="table-row";
			flag71 = false;
		}else{
			document.getElementById("71").style.display="none";
			flag71 = true;
		}
	}
	
	let flag72 = true;
	function spread72(){
		if(flag72){
			document.getElementById("72").style.display="table-row";
			flag72 = false;
		}else{
			document.getElementById("72").style.display="none";
			flag72 = true;
		}
	}
	
	let flag73 = true;
	function spread73(){
		if(flag73){
			document.getElementById("73").style.display="table-row";
			flag73 = false;
		}else{
			document.getElementById("73").style.display="none";
			flag73 = true;
		}
	}
	
	let flag74 = true;
	function spread74(){
		if(flag74){
			document.getElementById("74").style.display="table-row";
			flag74 = false;
		}else{
			document.getElementById("74").style.display="none";
			flag74 = true;
		}
	}
	
	let flag75 = true;
	function spread75(){
		if(flag75){
			document.getElementById("75").style.display="table-row";
			flag75 = false;
		}else{
			document.getElementById("75").style.display="none";
			flag75 = true;
		}
	}
	
	let flag76 = true;
	function spread76(){
		if(flag76){
			document.getElementById("76").style.display="table-row";
			flag76 = false;
		}else{
			document.getElementById("76").style.display="none";
			flag76 = true;
		}
	}
	
	let flag77 = true;
	function spread77(){
		if(flag77){
			document.getElementById("77").style.display="table-row";
			flag77 = false;
		}else{
			document.getElementById("77").style.display="none";
			flag77 = true;
		}
	}
	
	let flag78 = true;
	function spread78(){
		if(flag78){
			document.getElementById("78").style.display="table-row";
			flag78 = false;
		}else{
			document.getElementById("78").style.display="none";
			flag78 = true;
		}
	}
	
	let flag79 = true;
	function spread79(){
		if(flag79){
			document.getElementById("79").style.display="table-row";
			flag79 = false;
		}else{
			document.getElementById("79").style.display="none";
			flag79 = true;
		}
	}
	
	let flag80 = true;
	function spread80(){
		if(flag80){
			document.getElementById("80").style.display="table-row";
			flag80 = false;
		}else{
			document.getElementById("80").style.display="none";
			flag80 = true;
		}
	}
	
	let flag81 = true;
	function spread81(){
		if(flag81){
			document.getElementById("81").style.display="table-row";
			flag81 = false;
		}else{
			document.getElementById("81").style.display="none";
			flag81 = true;
		}
	}
	
	let flag82 = true;
	function spread82(){
		if(flag82){
			document.getElementById("82").style.display="table-row";
			flag82 = false;
		}else{
			document.getElementById("82").style.display="none";
			flag82 = true;
		}
	}
	
	let flag83 = true;
	function spread83(){
		if(flag83){
			document.getElementById("83").style.display="table-row";
			flag83 = false;
		}else{
			document.getElementById("83").style.display="none";
			flag83 = true;
		}
	}
	
	let flag84 = true;
	function spread84(){
		if(flag84){
			document.getElementById("84").style.display="table-row";
			flag84 = false;
		}else{
			document.getElementById("84").style.display="none";
			flag84 = true;
		}
	}
	
	let flag85 = true;
	function spread85(){
		if(flag85){
			document.getElementById("85").style.display="table-row";
			flag85 = false;
		}else{
			document.getElementById("85").style.display="none";
			flag85 = true;
		}
	}
	
	let flag86 = true;
	function spread86(){
		if(flag86){
			document.getElementById("86").style.display="table-row";
			flag86 = false;
		}else{
			document.getElementById("86").style.display="none";
			flag86 = true;
		}
	}
	
	let flag87 = true;
	function spread87(){
		if(flag87){
			document.getElementById("87").style.display="table-row";
			flag87 = false;
		}else{
			document.getElementById("87").style.display="none";
			flag87 = true;
		}
	}
	
	let flag88 = true;
	function spread88(){
		if(flag88){
			document.getElementById("88").style.display="table-row";
			flag88 = false;
		}else{
			document.getElementById("88").style.display="none";
			flag88 = true;
		}
	}
	
	let flag89 = true;
	function spread89(){
		if(flag89){
			document.getElementById("89").style.display="table-row";
			flag89 = false;
		}else{
			document.getElementById("89").style.display="none";
			flag89 = true;
		}
	}
	
	let flag90 = true;
	function spread90(){
		if(flag90){
			document.getElementById("90").style.display="table-row";
			flag90 = false;
		}else{
			document.getElementById("90").style.display="none";
			flag90 = true;
		}
	}
	
	let flag91 = true;
	function spread91(){
		if(flag91){
			document.getElementById("91").style.display="table-row";
			flag91 = false;
		}else{
			document.getElementById("91").style.display="none";
			flag91 = true;
		}
	}
	
	let flag92 = true;
	function spread92(){
		if(flag92){
			document.getElementById("92").style.display="table-row";
			flag92 = false;
		}else{
			document.getElementById("92").style.display="none";
			flag92 = true;
		}
	}
	
	let flag93 = true;
	function spread93(){
		if(flag93){
			document.getElementById("93").style.display="table-row";
			flag93 = false;
		}else{
			document.getElementById("93").style.display="none";
			flag93 = true;
		}
	}
	
	let flag94 = true;
	function spread94(){
		if(flag94){
			document.getElementById("94").style.display="table-row";
			flag94 = false;
		}else{
			document.getElementById("94").style.display="none";
			flag94 = true;
		}
	}
	
	let flag95 = true;
	function spread95(){
		if(flag95){
			document.getElementById("95").style.display="table-row";
			flag95 = false;
		}else{
			document.getElementById("95").style.display="none";
			flag95 = true;
		}
	}
	
	let flag96 = true;
	function spread96(){
		if(flag96){
			document.getElementById("96").style.display="table-row";
			flag96 = false;
		}else{
			document.getElementById("96").style.display="none";
			flag96 = true;
		}
	}
	
	let flag97 = true;
	function spread97(){
		if(flag97){
			document.getElementById("97").style.display="table-row";
			flag97 = false;
		}else{
			document.getElementById("97").style.display="none";
			flag97 = true;
		}
	}
	
	let flag98 = true;
	function spread98(){
		if(flag98){
			document.getElementById("98").style.display="table-row";
			flag98 = false;
		}else{
			document.getElementById("98").style.display="none";
			flag98 = true;
		}
	}
	
	let flag99 = true;
	function spread99(){
		if(flag99){
			document.getElementById("99").style.display="table-row";
			flag99 = false;
		}else{
			document.getElementById("99").style.display="none";
			flag99 = true;
		}
	}
	
	let flag100 = true;
	function spread100(){
		if(flag100){
			document.getElementById("100").style.display="table-row";
			flag100 = false;
		}else{
			document.getElementById("100").style.display="none";
			flag100 = true;
		}
	}
	
	let flag101 = true;
	function spread101(){
		if(flag101){
			document.getElementById("101").style.display="table-row";
			flag101 = false;
		}else{
			document.getElementById("101").style.display="none";
			flag101 = true;
		}
	}
	
	let flag102 = true;
	function spread102(){
		if(flag102){
			document.getElementById("102").style.display="table-row";
			flag102 = false;
		}else{
			document.getElementById("102").style.display="none";
			flag102 = true;
		}
	}
	
	let flag103 = true;
	function spread103(){
		if(flag103){
			document.getElementById("103").style.display="table-row";
			flag103 = false;
		}else{
			document.getElementById("103").style.display="none";
			flag103 = true;
		}
	}
	
	let flag104 = true;
	function spread104(){
		if(flag104){
			document.getElementById("104").style.display="table-row";
			flag104 = false;
		}else{
			document.getElementById("104").style.display="none";
			flag104 = true;
		}
	}
	
	let flag105 = true;
	function spread105(){
		if(flag105){
			document.getElementById("105").style.display="table-row";
			flag105 = false;
		}else{
			document.getElementById("105").style.display="none";
			flag105 = true;
		}
	}
	
	let flag106 = true;
	function spread106(){
		if(flag106){
			document.getElementById("106").style.display="table-row";
			flag106 = false;
		}else{
			document.getElementById("106").style.display="none";
			flag106 = true;
		}
	}
	
	let flag107 = true;
	function spread107(){
		if(flag107){
			document.getElementById("107").style.display="table-row";
			flag107 = false;
		}else{
			document.getElementById("107").style.display="none";
			flag107 = true;
		}
	}
	
	let flag108 = true;
	function spread108(){
		if(flag108){
			document.getElementById("108").style.display="table-row";
			flag108 = false;
		}else{
			document.getElementById("108").style.display="none";
			flag108 = true;
		}
	}
	
	let flag109 = true;
	function spread109(){
		if(flag109){
			document.getElementById("109").style.display="table-row";
			flag109 = false;
		}else{
			document.getElementById("109").style.display="none";
			flag109 = true;
		}
	}
	
	let flag110 = true;
	function spread110(){
		if(flag110){
			document.getElementById("110").style.display="table-row";
			flag110 = false;
		}else{
			document.getElementById("110").style.display="none";
			flag110 = true;
		}
	}
	
	let flag111 = true;
	function spread111(){
		if(flag111){
			document.getElementById("111").style.display="table-row";
			flag111 = false;
		}else{
			document.getElementById("111").style.display="none";
			flag111 = true;
		}
	}
	
	let flag112 = true;
	function spread112(){
		if(flag112){
			document.getElementById("112").style.display="table-row";
			flag112 = false;
		}else{
			document.getElementById("112").style.display="none";
			flag112 = true;
		}
	}
	
	let flag113 = true;
	function spread113(){
		if(flag113){
			document.getElementById("113").style.display="table-row";
			flag113 = false;
		}else{
			document.getElementById("113").style.display="none";
			flag113 = true;
		}
	}
	
	let flag114 = true;
	function spread114(){
		if(flag114){
			document.getElementById("114").style.display="table-row";
			flag114 = false;
		}else{
			document.getElementById("114").style.display="none";
			flag114 = true;
		}
	}
	
	let flag115 = true;
	function spread115(){
		if(flag115){
			document.getElementById("115").style.display="table-row";
			flag115 = false;
		}else{
			document.getElementById("115").style.display="none";
			flag115 = true;
		}
	}
	
	let flag116 = true;
	function spread116(){
		if(flag116){
			document.getElementById("116").style.display="table-row";
			flag116 = false;
		}else{
			document.getElementById("116").style.display="none";
			flag116 = true;
		}
	}
	
	let flag117 = true;
	function spread117(){
		if(flag117){
			document.getElementById("117").style.display="table-row";
			flag117 = false;
		}else{
			document.getElementById("117").style.display="none";
			flag117 = true;
		}
	}
	
	let flag118 = true;
	function spread118(){
		if(flag118){
			document.getElementById("118").style.display="table-row";
			flag118 = false;
		}else{
			document.getElementById("118").style.display="none";
			flag118 = true;
		}
	}
	
	let flag119 = true;
	function spread119(){
		if(flag119){
			document.getElementById("119").style.display="table-row";
			flag119 = false;
		}else{
			document.getElementById("119").style.display="none";
			flag119 = true;
		}
	}
	
	let flag120 = true;
	function spread120(){
		if(flag120){
			document.getElementById("120").style.display="table-row";
			flag120 = false;
		}else{
			document.getElementById("120").style.display="none";
			flag120 = true;
		}
	}
	
	let flag121 = true;
	function spread121(){
		if(flag121){
			document.getElementById("121").style.display="table-row";
			flag121 = false;
		}else{
			document.getElementById("121").style.display="none";
			flag121 = true;
		}
	}
	
	let flag122 = true;
	function spread122(){
		if(flag122){
			document.getElementById("122").style.display="table-row";
			flag122 = false;
		}else{
			document.getElementById("122").style.display="none";
			flag122 = true;
		}
	}
	
	let flag123 = true;
	function spread123(){
		if(flag123){
			document.getElementById("123").style.display="table-row";
			flag123 = false;
		}else{
			document.getElementById("123").style.display="none";
			flag123 = true;
		}
	}
	
	let flag124 = true;
	function spread124(){
		if(flag124){
			document.getElementById("124").style.display="table-row";
			flag124 = false;
		}else{
			document.getElementById("124").style.display="none";
			flag124 = true;
		}
	}
	
	let flag125 = true;
	function spread125(){
		if(flag125){
			document.getElementById("125").style.display="table-row";
			flag125 = false;
		}else{
			document.getElementById("125").style.display="none";
			flag125 = true;
		}
	}
	
	let flag126 = true;
	function spread126(){
		if(flag126){
			document.getElementById("126").style.display="table-row";
			flag126 = false;
		}else{
			document.getElementById("126").style.display="none";
			flag126 = true;
		}
	}
	
	let flag127 = true;
	function spread127(){
		if(flag127){
			document.getElementById("127").style.display="table-row";
			flag127 = false;
		}else{
			document.getElementById("127").style.display="none";
			flag127 = true;
		}
	}
	
	let flag128 = true;
	function spread128(){
		if(flag128){
			document.getElementById("128").style.display="table-row";
			flag128 = false;
		}else{
			document.getElementById("128").style.display="none";
			flag128 = true;
		}
	}
	
	let flag129 = true;
	function spread129(){
		if(flag129){
			document.getElementById("129").style.display="table-row";
			flag129 = false;
		}else{
			document.getElementById("129").style.display="none";
			flag129 = true;
		}
	}
	
	let flag130 = true;
	function spread130(){
		if(flag130){
			document.getElementById("130").style.display="table-row";
			flag130 = false;
		}else{
			document.getElementById("130").style.display="none";
			flag130 = true;
		}
	}
	
</script> 

	
	<script src="/static/resources/jquery.min.js"></script>
	<script src="/static/resources/echarts.min.js"></script>
	<script>
		
		var myChart = echarts.init(document.getElementById('main'));
		
		var option = {
			title: {
				text: 'Gateway Traffic',
				subtext: 'Total: ; Up: ; Down: '
			},
			tooltip: {
				trigger: 'axis',
				axisPointer: {
					type: 'cross',
					label: {
						backgroundColor: '#6a7985'
					}
				}
			},
			legend: {
				data: ['Uplink', 'Downlink'],
			},
			toolbox: {
				feature: {
					saveAsImage: {}
				}
			},
			grid: {
				left: '3%',
				right: '4%',
				bottom: '3%',
				containLabel: true
			},
			xAxis: [
				{
					type: 'category',
					boundaryGap: false,
					data: [],
					axisLabel : {
						interval:0,
						rotate:"45"
					}
				}
			],
			yAxis: [
				{
					type: 'value'
				}
			],
			series: [
				{
					name: 'Uplink',
					type: 'line',
					areaStyle: {},
					data: [],
				},
				{
					name: 'Downlink',
					type: 'line',
					areaStyle: {},
					data: [],
				}
			],
			dataZoom : [
				{
					type: 'slider',
					show: true,
					start: 80,
					end: 100,
					handleSize: 8
				},
				{
					type: 'inside',
					start: 80,
					end: 100
				}
			]
		};
		myChart.setOption(option);
	</script>
	<script type="text/javascript">
		$(document).ready(function () {
			fresh();
		});

		function fresh() {
			$("#stat").load(location.href + " #stat");
			setTimeout("fresh()", 1000 * 5);
		}
	</script>

</body>
</html>
