TobiasH/network-devices
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update, update some pings

Browse Source 
Took 22 minutes
This commit is contained in:
Tobias Hopp 2021-08-27 09:32:07 +02:00
parent cf29acee58
commit 29a7ae49e8
1 changed files with 28 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
views/index.pug
View File

@ -23,7 +23,7 @@ html(lang='de')
script(src='https://code.jquery.com/jquery-3.6.0.min.js') script(src='https://code.jquery.com/jquery-3.6.0.min.js')
h1(style='float:left;') Network-Devices h1(style='float:left;') Network-Devices (<span id="device_count">0</span> devices)
button(onclick='reloadDevices();' style='float:right; margin-top: 25px; width:30%; height:40px;') Reload Devices button(onclick='reloadDevices();' style='float:right; margin-top: 25px; width:30%; height:40px;') Reload Devices
table table
thead thead
@ -31,7 +31,7 @@ html(lang='de')
th MAC-Address th MAC-Address
th IP-Address th IP-Address
th Hostname th Hostname
th Status th Status (<span id="device_online_count">0</span> online devices)
tbody#devices tbody#devices
@ -39,7 +39,18 @@ html(lang='de')
function pingHost( ipAddress ) function pingHost( ipAddress )
{ {
console.log( "pinging..."); console.log( "pinging...");
$('#ping-' + ipAddress.replaceAll( '.', '-' ) ).html( '<a href="javascript:pingHost(\'' + ipAddress + '\');" style="color: orange;">Pinging... (unknown ms)</a>' ); let statusField = $('#ping-' + ipAddress.replaceAll( '.', '-' ) );
let lastStatus;
if( statusField.text().startsWith( 'Online' ) )
{
lastStatus = true;
}
else
{
lastStatus = false;
}
statusField.html( '<a href="javascript:pingHost(\'' + ipAddress + '\');" style="color: orange;">Pinging... (unknown ms)</a>' );
setTimeout( () => { setTimeout( () => {
$.ajax({ $.ajax({
url : `/api/getDeviceStatus/${ipAddress}` , url : `/api/getDeviceStatus/${ipAddress}` ,
@ -50,13 +61,22 @@ html(lang='de')
success: function( data ) { success: function( data ) {
console.log( data ); console.log( data );
let txt = $('#device_online_count').text();
if( data.data.online ) if( data.data.online )
{ {
$('#ping-' + ipAddress.replaceAll( '.', '-' ) ).html( '<a href="javascript:pingHost(\'' + ipAddress + '\');" style="color: green">Online (' + data.data.avg + ' ms)</a>' ); $('#ping-' + ipAddress.replaceAll( '.', '-' ) ).html( '<a href="javascript:pingHost(\'' + ipAddress + '\');" style="color: green">Online (' + data.data.avg + ' ms)</a>' );
if( !lastStatus )
{
$('#device_online_count').html( parseInt( txt )+ 1 );
}
} }
else else
{ {
$('#ping-' + ipAddress.replaceAll( '.', '-' ) ).html( '<a href="javascript:pingHost(\'' + ipAddress + '\');" style="color: red">Offline (' + data.data.avg + ' ms)</a>' ); $('#ping-' + ipAddress.replaceAll( '.', '-' ) ).html( '<a href="javascript:pingHost(\'' + ipAddress + '\');" style="color: red">Offline (' + data.data.avg + ' ms)</a>' );
if( lastStatus )
{
$('#device_online_count').html( parseInt( txt )- 1 );
}
} }
} }
@ -77,10 +97,15 @@ html(lang='de')
console.log( data ); console.log( data );
const table = $('#devices'); const table = $('#devices');
table.empty(); table.empty();
let device_count = $('#device_count');
device_count.html( '0' );
$('#device_online_count').html( '0' );
$( data.data ).each( ( key, entry ) => { $( data.data ).each( ( key, entry ) => {
console.log( entry ); console.log( entry );
table.append( '<tr><td>' + entry.macAddress + '</td><td>' + entry.ipAddress + '</td><td>' + entry.hostname + '</td><td id="ping-' + entry.ipAddress.replaceAll( '.', '-' ) + '">Loading...</td>' ) table.append( '<tr><td>' + entry.macAddress + '</td><td>' + entry.ipAddress + '</td><td>' + entry.hostname + '</td><td id="ping-' + entry.ipAddress.replaceAll( '.', '-' ) + '">Loading...</td>' )
setTimeout( () => { pingHost( entry.ipAddress ); }, 10 ); setTimeout( () => { pingHost( entry.ipAddress ); }, 10 );
let txt = device_count.html();
$('#device_count').html( parseInt( txt ) +1 );
}); });
} }