|
@@ -39,14 +39,20 @@
|
|
|
#status.connected{
|
|
|
color: rgb(68, 177, 132);
|
|
|
}
|
|
|
+
|
|
|
+ #wifiicon{
|
|
|
+ margin-left: auto;
|
|
|
+ margin-right: auto;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<br><br>
|
|
|
<div class="ui container gradientbg">
|
|
|
<div class="ui stackable grid">
|
|
|
- <div class="six wide column statusIcon" align="center" data-aos="fade-right">
|
|
|
- <img src="img/wifi.svg">
|
|
|
+ <div class="six wide column statusIcon" data-aos="fade-right" align="center">
|
|
|
+ <img id="wifiicon" class="ui small image" src="../network/img/wifi-on.svg">
|
|
|
<div id="status">Loading...</div>
|
|
|
</div>
|
|
|
<div class="ten wide column">
|
|
@@ -88,23 +94,27 @@
|
|
|
$("#SSID").text("N/A");
|
|
|
$("#Interface").text("loopback");
|
|
|
$("#status").text("Access Error");
|
|
|
+ $("#wifiicon").attr('src', "../network/img/wifi-off.svg");
|
|
|
console.log(data.error);
|
|
|
}else if (data.ESSID == "" && data.Interface != ""){
|
|
|
//Have WiFi interface but not connected to any hostspot
|
|
|
$("#SSID").text("N/A");
|
|
|
$("#Interface").text(data.Interface);
|
|
|
$("#status").text("Standby");
|
|
|
+ $("#wifiicon").attr('src', "../network/img/wifi-on.svg");
|
|
|
}else if (data.Interface == ""){
|
|
|
//No WiFi Interface
|
|
|
$("#SSID").text("N/A");
|
|
|
$("#Interface").text("No WiFi Interface");
|
|
|
$("#status").html(`<i class="ui remove icon"></i> Missing WiFi Interface`);
|
|
|
+ $("#wifiicon").attr('src', "../network/img/wifi-noiface.svg");
|
|
|
$("#status").addClass("error");
|
|
|
}else{
|
|
|
//Connection Established
|
|
|
$("#SSID").text(data.ESSID);
|
|
|
$("#Interface").text(data.Interface);
|
|
|
$("#status").html(`<i class="ui checkmark icon"></i> Connected`);
|
|
|
+ $("#wifiicon").attr('src', "../network/img/wifi-on.svg");
|
|
|
$("#status").addClass("connected");
|
|
|
}
|
|
|
}
|