IP Timestamp table added to html #422

This commit is contained in:
Rsl1122 2017-11-22 09:52:30 +02:00
parent e8a1ff6193
commit a082069133
2 changed files with 302 additions and 164 deletions

View File

@ -230,6 +230,7 @@
<div class="main-limiter"> <div class="main-limiter">
<div id="main"> <div id="main">
<div id="tab-information" class="tab"> <div id="tab-information" class="tab">
<div class="row clearfix">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="card"> <div class="card">
<div class="header"> <div class="header">
@ -286,7 +287,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<table class="table table-striped"> <table class="table table-striped scrollbar">
<thead class="bg-blue-grey"> <thead class="bg-blue-grey">
<tr> <tr>
<th><i class="fa fa-clock-o"></i> Time</th> <th><i class="fa fa-clock-o"></i> Time</th>
@ -308,7 +309,8 @@
<tr> <tr>
<td>Aug 16 2017, 15:19</td> <td>Aug 16 2017, 15:19</td>
<td>Changed name</td> <td>Changed name</td>
<td>Rsl1122 <i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span <td>Rsl1122 <i class="fa fa-long-arrow-right" aria-hidden="true"></i>
<span
class="darkred">Rsl</span></td> class="darkred">Rsl</span></td>
</tr> </tr>
<tr> <tr>
@ -330,7 +332,7 @@
</div> </div>
</div> </div>
<!-- Widgets --> <!-- Widgets -->
<div class="row clearfix">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="info-box bg-light-green hover-expand-effect"> <div class="info-box bg-light-green hover-expand-effect">
<div class="icon"> <div class="icon">
@ -369,6 +371,79 @@
</div> </div>
</div> </div>
<!-- #END# Widgets --> <!-- #END# Widgets -->
<div class="row clearfix">
<!-- Information -->
<!-- Nick info -->
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="card">
<div class="header">
<div class="row clearfix">
<div class="col-xs-12 col-sm-6">
<h2><i class="fa fa-id-badge"></i> Seen Nicknames</h2>
</div>
</div>
</div>
<div class="panel panel-default">
<table class="table table-striped scrollbar">
<thead class="bg-purple">
<tr>
<th><i class="fa fa-id-badge"></i> Nickname</th>
<th><i class="fa fa-server"></i> Server</th>
</tr>
</thead>
<tbody>
<tr>
<td>Rsl</td>
<td>Server 1</td>
</tr>
<tr>
<td>Rsl</td>
<td>FactionsPlus</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- #END# Nick info -->
<!-- Conn info -->
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="card">
<div class="header">
<div class="row clearfix">
<div class="col-xs-12 col-sm-6">
<h2><i class="fa fa-wifi"></i> Connection Information</h2>
</div>
</div>
</div>
<div class="panel panel-default">
<table class="table table-striped scrollbar">
<thead class="bg-green">
<tr>
<th><i class="fa fa-wifi"></i> IP-address</th>
<th><i class="fa fa-globe"></i> Geolocation</th>
<th><i class="fa fa-clock-o"></i> Last Used</th>
</tr>
</thead>
<tbody>
<tr>
<td>19.32.43.xx</td>
<td>United States</td>
<td>Aug 16 2017, 17:20</td>
</tr>
<tr>
<td>19.32.83.xx</td>
<td>United States</td>
<td>Aug 16 2017, 17:20</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- #END# Conn info -->
<!-- #END# Information -->
</div>
</div> </div>
<!-- #END# Tab Information --> <!-- #END# Tab Information -->
<div id="tab-sessions" class="tab"> <div id="tab-sessions" class="tab">

View File

@ -232,6 +232,7 @@
<div class="main-limiter"> <div class="main-limiter">
<div id="main"> <div id="main">
<div id="tab-information" class="tab"> <div id="tab-information" class="tab">
<div class="row clearfix">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="card"> <div class="card">
<div class="header"> <div class="header">
@ -249,10 +250,12 @@
<p><i class="col-brown fa fa-gavel"></i> Times Kicked: ${kickCount}</p> <p><i class="col-brown fa fa-gavel"></i> Times Kicked: ${kickCount}</p>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<img class="center-block" src="https://cravatar.eu/avatar/${playerName}/100"> <img class="center-block"
src="https://cravatar.eu/avatar/${playerName}/100">
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<p><i class="col-red fa fa-crosshairs"></i> Player Kills: ${playerKillCount}</p> <p><i class="col-red fa fa-crosshairs"></i> Player Kills: ${playerKillCount}
</p>
<p><i class="col-green fa fa-crosshairs"></i> Mob Kills: ${mobKillCount}</p> <p><i class="col-green fa fa-crosshairs"></i> Mob Kills: ${mobKillCount}</p>
<p><i class="col-red fa fa-frown-o"></i> Deaths: ${deathCount}</p> <p><i class="col-red fa fa-frown-o"></i> Deaths: ${deathCount}</p>
</div> </div>
@ -275,7 +278,8 @@
<div class="col-md-6"> <div class="col-md-6">
<p><i class="col-amber fa fa-user"></i> Activity Index <span <p><i class="col-amber fa fa-user"></i> Activity Index <span
class="pull-right"><b>${activityIndexNumber}</b></span></p> class="pull-right"><b>${activityIndexNumber}</b></span></p>
<p>&nbsp;<span class="col-${activityIndexColor} font-bold pull-right">${activityIndex}</span></p> <p>&nbsp;<span class="col-${activityIndexColor} font-bold pull-right">${activityIndex}</span>
</p>
<p>&nbsp; <p>&nbsp;
</p> </p>
<p><i class="col-green fa fa-server"></i> Favorite Server<span <p><i class="col-green fa fa-server"></i> Favorite Server<span
@ -304,7 +308,7 @@
</div> </div>
</div> </div>
<!-- Widgets --> <!-- Widgets -->
<div class="row clearfix">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="info-box bg-light-green hover-expand-effect"> <div class="info-box bg-light-green hover-expand-effect">
<div class="icon"> <div class="icon">
@ -343,6 +347,63 @@
</div> </div>
</div> </div>
<!-- #END# Widgets --> <!-- #END# Widgets -->
<div class="row clearfix">
<!-- Information -->
<!-- Nick info -->
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="card">
<div class="header">
<div class="row clearfix">
<div class="col-xs-12 col-sm-6">
<h2><i class="fa fa-id-badge"></i> Seen Nicknames</h2>
</div>
</div>
</div>
<div class="panel panel-default">
<table class="table table-striped scrollbar">
<thead class="bg-purple">
<tr>
<th><i class="fa fa-id-badge"></i> Nickname</th>
<th><i class="fa fa-server"></i> Server</th>
</tr>
</thead>
<tbody>
${tableBodyNicknames}
</tbody>
</table>
</div>
</div>
</div>
<!-- #END# Nick info -->
<!-- Conn info -->
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="card">
<div class="header">
<div class="row clearfix">
<div class="col-xs-12 col-sm-6">
<h2><i class="fa fa-wifi"></i> Connection Information</h2>
</div>
</div>
</div>
<div class="panel panel-default">
<table class="table table-striped scrollbar">
<thead class="bg-green">
<tr>
<th><i class="fa fa-wifi"></i> IP-address</th>
<th><i class="fa fa-globe"></i> Geolocation</th>
<th><i class="fa fa-clock-o"></i> Last Used</th>
</tr>
</thead>
<tbody>
${tableBodyIPs}
</tbody>
</table>
</div>
</div>
</div>
<!-- #END# Conn info -->
<!-- #END# Information -->
</div>
</div> </div>
<!-- #END# Tab Information --> <!-- #END# Tab Information -->
<div id="tab-sessions" class="tab"> <div id="tab-sessions" class="tab">
@ -531,16 +592,17 @@
global: { global: {
timezoneOffset: ${timeZone} * 60 timezoneOffset: ${timeZone} * 60
} }
}); })
;
var serverSeries = { var serverSeries = {
name:'Server Playtime', name: 'Server Playtime',
colorByPoint:true, colorByPoint: true,
colors: [${serverPieColors}], colors: [${serverPieColors}],
data: ${serverPieSeries} data: ${serverPieSeries}
} }
var worldSeries = { var worldSeries = {
name:'World Playtime', name: 'World Playtime',
colorByPoint:true, colorByPoint: true,
colors: worldPieColors, colors: worldPieColors,
data: ${worldPieSeries} data: ${worldPieSeries}
}; };
@ -581,6 +643,7 @@
serverPie('serverPie', serverSeries); serverPie('serverPie', serverSeries);
punchCard('punchCard', punchcardSeries); punchCard('punchCard', punchcardSeries);
${sessionTabGraphViewFunctions} ${sessionTabGraphViewFunctions}
/**/ /**/
function openFunc(i) { function openFunc(i) {