Files
Lora-Scanner/examplereq
2024-01-31 11:29:52 -07:00

1768 lines
38 KiB
Plaintext

<!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>