Merge pull request #410 from cvc90/Pi.Alert-Adds-SpeedTest-deviceDetails.php

Pi.alert adds SpeedTest in devicedetails.php

front/deviceDetails.php

@@ -596,6 +596,7 @@
               ?>
                 <h4 class=""><i class="fa-solid fa-globe"></i> <?= lang('DevDetail_Tab_Tools_Internet_Info_Title');?></h4>
 		<h5 class=""><?= lang('DevDetail_Tab_Tools_Internet_Info_Description');?></h5>
+		<br>
                 <div style="width:100%; text-align: center; margin-bottom: 50px;">
                   <button type="button" id="internetinfo" class="btn btn-primary pa-btn" style="margin: auto;" onclick="internetinfo()"><?= lang('DevDetail_Tab_Tools_Internet_Info_Start');?></button>
                   <br><div id="internetinfooutput" style="margin-top: 10px;"></div>
@@ -619,8 +620,36 @@
               }
               ?>
 
+              <?php
+              if ($_REQUEST['mac'] == 'Internet') {
+              ?>
+                <h4 class=""><i class="fa-solid fa-gauge-high"></i> <?= lang('DevDetail_Tab_Tools_Speedtest_Title');?></h4>
+		<h5 class=""><?= lang('DevDetail_Tab_Tools_Speedtest_Description');?></h5>
+		<br>				
+                <div style="width:100%; text-align: center; margin-bottom: 50px;">
+                  <button type="button" id="speedtestcli" class="btn btn-primary pa-btn" style="margin: auto;" onclick="speedtestcli()"><?= lang('DevDetail_Tab_Tools_Speedtest_Start');?></button>
+                  <br><div id="speedtestoutput" style="margin-top: 10px;"></div>
                 </div>
                    
+                  <script>
+                  function speedtestcli() {
+                    $( "#speedtestoutput" ).empty();
+                    $.ajax({
+                      method: "POST",
+                      url: "./php/server/speedtestcli.php",
+                      beforeSend: function() { $('#speedtestoutput').addClass("ajax_scripts_loading"); },
+                      complete: function() { $('#speedtestoutput').removeClass("ajax_scripts_loading"); },
+                      success: function(data, textStatus) {
+                          $("#speedtestoutput").html(data);    
+                      }
+                    })
+                  }
+                  </script>
+              <?php  
+              }
+              ?>
+		      
+              </div>
 
 <!-- tab page 3 ------------------------------------------------------------ -->
               <div class="tab-pane fade table-responsive" id="panPresence">

front/php/templates/language/de_de.json

@@ -122,6 +122,9 @@
 	"DevDetail_Tab_Tools_Internet_Info_Description": "Das Internet-Info-Tool zeigt Informationen über die Internetverbindung an, wie z. B. IP-Adresse, Stadt, Land, Ortsvorwahl und Zeitzone.",
 	"DevDetail_Tab_Tools_Internet_Info_Start": "Internet-Info starten",
 	"DevDetail_Tab_Tools_Internet_Info_Error": "Es ist ein Fehler aufgetreten",
+	"DevDetail_Tab_Tools_Speedtest_Title": "Speedtest test",
+	"DevDetail_Tab_Tools_Speedtest_Description": "Das Speedtest-Tool misst die Download-Geschwindigkeit, Upload-Geschwindigkeit und Latenz der Internetverbindung.",
+	"DevDetail_Tab_Tools_Speedtest_Start": "Speedtest starten",
 	"DevDetail_Tab_Nmap" : "Nmap",
 	"DevDetail_Tab_NmapTableIndex": "Index",
 	"DevDetail_Tab_NmapTableTime": "Zeit",
@@ -136,8 +139,6 @@
 	"DevDetail_Tab_EventsTableEvent" : "Ereignistype",
 	"DevDetail_Tab_EventsTableIP" : "IP",
 	"DevDetail_Tab_EventsTableInfo" : "Zusätzliche Informationen",	    
-	"DevDetail_Internet_Speedtest" : "Online Speedtest",
-	"DevDetail_Internet_Speedtest_Start" : "Speedtest starten",	    
         "DevDetail_MainInfo_Title" : "Haupt Infos",
         "DevDetail_MainInfo_mac" : "MAC",
         "DevDetail_MainInfo_Name" : "Name",

front/php/templates/language/en_us.json

@@ -145,6 +145,9 @@
 	"DevDetail_Tab_Tools_Internet_Info_Description": "The Internet info tool displays information about the Internet connection, such as IP address, city, country, area code and time zone.",	
 	"DevDetail_Tab_Tools_Internet_Info_Start": "Start Internet Info",
 	"DevDetail_Tab_Tools_Internet_Info_Error": "An error has occurred",
+	"DevDetail_Tab_Tools_Speedtest_Title" : "Online Speedtest",
+	"DevDetail_Tab_Tools_Speedtest_Description" : "The Speedtest tool measures the download speed, upload speed and latency of the internet connection.",
+	"DevDetail_Tab_Tools_Speedtest_Start" : "Start Speedtest",	    
         "DevDetail_Tab_Nmap" : "<i class=\"fa fa-ethernet\"></i> Nmap",
         "DevDetail_Tab_Sessions" : "<i class=\"fa fa-list-ol\"></i> Sessions",
         "DevDetail_Tab_Presence" : "<i class=\"fa fa-calendar\"></i> Presence",
@@ -172,8 +175,6 @@
         "DevDetail_Type_hover" : "The Type of the device. If you select any of the pre-defined network devices (e.g.: AP, Firewall, Router, Switch...) they will show up in the Network tree configuration as possible parent network nodes.",
         "DevDetail_Icon" : "Icon",
         "DevDetail_Icon_Descr" : "Enter a font awesome icon name without the fa- prefix or with complete class, e.g.: fa fa-brands fa-apple.",	    
-	"DevDetail_Internet_Speedtest" : "Online Speedtest",
-	"DevDetail_Internet_Speedtest_Start" : "Start Speedtest",	    
         "DevDetail_MainInfo_Vendor" : "Vendor",
         "DevDetail_Vendor_hover" : "Vendor should be auto-detected. You can overwrite or add your custom value.",
         "DevDetail_MainInfo_Favorite" : "Favorite",

front/php/templates/language/es_es.json

@@ -145,6 +145,9 @@
         "DevDetail_Tab_Tools_Internet_Info_Description": "La herramienta de información de internet muestra información sobre la conexión a Internet, como dirección IP, ciudad, país, código de área y zona horaria.",
         "DevDetail_Tab_Tools_Internet_Info_Start": "Iniciar información de Internet",
         "DevDetail_Tab_Tools_Internet_Info_Error": "Se ha producido un error",
+        "DevDetail_Tab_Tools_Speedtest_Title": "Prueba Speedtest",
+        "DevDetail_Tab_Tools_Speedtest_Description": "La herramienta Speedtest mide la velocidad de descarga, la velocidad de subida y la latencia de la conexión a Internet.",
+        "DevDetail_Tab_Tools_Speedtest_Start": "Iniciar Speedtest",
         "DevDetail_Tab_Nmap" : "<i class=\"fa fa-ethernet\"></i> Nmap",
         "DevDetail_Tab_Sessions" : "<i class=\"fa fa-list-ol\"></i> Sesiones",
         "DevDetail_Tab_Presence" : "<i class=\"fa fa-calendar\"></i> Historial",
@@ -169,8 +172,6 @@
         "DevDetail_MainInfo_Owner" : "Propietario",
         "DevDetail_MainInfo_Type" : "Tipo",
         "DevDetail_Icon" : "Icono",      
-        "DevDetail_Internet_Speedtest": "Prueba de velocidad en línea",
-        "DevDetail_Internet_Speedtest_Start": "Iniciar prueba de velocidad",        
         "DevDetail_Icon_Descr" : "Ingrese un nombre de icono de fuente awesome sin el prefijo fa- o con clase completa, por ejemplo: fa fa-skin fa-apple.",
         "DevDetail_MainInfo_Vendor" : "Proveedor",
         "DevDetail_MainInfo_Favorite" : "Favorito",