Updated WiFi interface

web/SystemAO/network/wifiinfo.html

@@ -45,18 +45,18 @@
     <br><br>
     <div class="ui container gradientbg">
         <div class="ui stackable grid">
-            <div class="six wide column statusIcon" align="center">
+            <div class="six wide column statusIcon" align="center" data-aos="fade-right">
                 <img src="img/wifi.svg">
                 <div id="status">Loading...</div>
             </div>
             <div class="ten wide column">
-                <div class="ui container" style="padding: 4em;">
+                <div class="ui container" style="padding: 4em;" data-aos="fade-left">
                     <div class="ui segment">
                         <h4 class="ui header">
                             <i class="signal icon"></i>
                             <div class="content">
-                                <span id="SSID">Loading...</span>
-                                <div class="sub header">WiFi SSID</div>
+                                <span id="SSID"><i class="loading spinner icon"></i> Loading...</span>
+                                <div class="sub header" >WiFi SSID</div>
                             </div>
                         </h4>
                         <h4 class="ui header">
@@ -70,39 +70,10 @@
                 </div>
             </div>
         </div>
-
-        <!-- 
-        <div class="ui basic segment">
-            <h3 class="ui header">
-                <i class="wifi icon"></i>
-                <div class="content">
-                  WiFi Information
-                  <div class="sub header">Current Connected WiFi Information</div>
-                </div>
-              </h3>
-        </div>
-        <div class="ui horizontal segments" data-aos="fade-right">
-            <div class="ui padded segment">
-                <h4 class="ui header">
-                    <i class="signal icon"></i>
-                    <div class="content">
-                        <span id="SSID">Loading...</span>
-                        <div class="sub header">WiFi SSID</div>
-                    </div>
-                </h4>
-            </div>
-            <div class="ui padded segment">
-                <h4 class="ui header">
-                    <i class="globe icon"></i>
-                    <div class="content">
-                        <span id="Interface">Loading...</span>
-                        <div class="sub header">Interface</div>
-                    </div>
-                </h4>
-            </div>
-        </div>
+    </div>
+    <div class="ui container" style="margin-top: 2em;">
         <div class="ui divider"></div>
-        -->
+        <small>WiFi information is supplied by wpa-supplicant or nmcli on Linux and Wireless AutoConfig Service (wlansvc) on Windows</small>
     </div>
     <script>
         AOS.init();