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,107 +230,109 @@
<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="col-xs-12 col-sm-12 col-md-6 col-lg-6"> <div class="row clearfix">
<div class="card"> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="header"> <div class="card">
<div class="row clearfix"> <div class="header">
<div class="col-xs-12 col-sm-6"> <div class="row clearfix">
<h2><i class="fa fa-drivers-license"></i> Rsl1122</h2> <div class="col-xs-12 col-sm-6">
<h2><i class="fa fa-drivers-license"></i> Rsl1122</h2>
</div>
</div> </div>
</div> </div>
</div> <div class="panel panel-default">
<div class="panel panel-default"> <div class="panel-heading">
<div class="panel-heading"> <div class="row">
<div class="col-md-4">
<p><i class="col-red fa fa-circle"></i> Offline</p>
<p><i class="col-blue fa fa-superpowers"></i> Operator</p>
<p><i class="col-red fa fa-gavel"></i> Banned</p>
<p><i class="col-brown fa fa-gavel"></i> Times Kicked: 3</p>
</div>
<div class="col-md-4">
<img class="center-block" src="https://cravatar.eu/avatar/Rsl1122/100">
</div>
<div class="col-md-4">
<p><i class="col-red fa fa-crosshairs"></i> Player Kills: 49</p>
<p><i class="col-green fa fa-crosshairs"></i> Mob Kills: 548</p>
<p><i class="col-red fa fa-frown-o"></i> Deaths: 12</p>
</div>
</div>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-6">
<p><i class="col-teal fa fa-calendar-check-o"></i> Sessions <span
class="pull-right"><b>76</b></span></p>
<p><i class="col-green fa fa-clock-o"></i> Total Playtime <span
class="pull-right">4d 4h 40m</span></p>
<p><i class="col-teal fa fa-clock-o"></i> Longest Session <span
class="pull-right">23m 43s</span>
</p>
<p><i class="col-teal fa fa-clock-o"></i> Session Median <span
class="pull-right">7m 2s</span>
</p>
</div>
<div class="col-md-6">
<p><i class="col-amber fa fa-user"></i> Activity Index <span
class="pull-right"><b>5.25</b></span></p>
<p>&nbsp;<span class="col-green font-bold pull-right">Very Active</span></p>
<p>&nbsp;
</p>
<p><i class="col-green fa fa-server"></i> Favorite Server<span
class="pull-right">FactionsPlus</span>
</p>
</div>
</div>
</div>
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<p><i class="col-red fa fa-circle"></i> Offline</p> <table class="table table-striped scrollbar">
<p><i class="col-blue fa fa-superpowers"></i> Operator</p> <thead class="bg-blue-grey">
<p><i class="col-red fa fa-gavel"></i> Banned</p> <tr>
<p><i class="col-brown fa fa-gavel"></i> Times Kicked: 3</p> <th><i class="fa fa-clock-o"></i> Time</th>
</div> <th><i class="fa fa-signing"></i> Action</th>
<div class="col-md-4"> <th>Info</th>
<img class="center-block" src="https://cravatar.eu/avatar/Rsl1122/100"> </tr>
</div> </thead>
<div class="col-md-4"> <tbody>
<p><i class="col-red fa fa-crosshairs"></i> Player Kills: 49</p> <tr>
<p><i class="col-green fa fa-crosshairs"></i> Mob Kills: 548</p> <td>Aug 16 2017, 17:20</td>
<p><i class="col-red fa fa-frown-o"></i> Deaths: 12</p> <td>Killed</td>
</div> <td>HannesDaDon with Iron Sword</td>
</div> </tr>
</div> <tr>
<div class="panel-body"> <td>Aug 16 2017, 17:19</td>
<div class="row"> <td>Killed</td>
<div class="col-md-6"> <td>Einsamer_Keksi with Iron Sword</td>
<p><i class="col-teal fa fa-calendar-check-o"></i> Sessions <span </tr>
class="pull-right"><b>76</b></span></p> <tr>
<p><i class="col-green fa fa-clock-o"></i> Total Playtime <span <td>Aug 16 2017, 15:19</td>
class="pull-right">4d 4h 40m</span></p> <td>Changed name</td>
<p><i class="col-teal fa fa-clock-o"></i> Longest Session <span <td>Rsl1122 <i class="fa fa-long-arrow-right" aria-hidden="true"></i>
class="pull-right">23m 43s</span> <span
</p> class="darkred">Rsl</span></td>
<p><i class="col-teal fa fa-clock-o"></i> Session Median <span </tr>
class="pull-right">7m 2s</span> <tr>
</p> <td>May 01 2016, 14:24</td>
</div> <td>First Logout</td>
<div class="col-md-6"> <td>Messages sent: 74</td>
<p><i class="col-amber fa fa-user"></i> Activity Index <span </tr>
class="pull-right"><b>5.25</b></span></p> <tr>
<p>&nbsp;<span class="col-green font-bold pull-right">Very Active</span></p> <td>May 01 2016, 13:39</td>
<p>&nbsp; <td>Registered</td>
</p> <td>Online: 34 Players</td>
<p><i class="col-green fa fa-server"></i> Favorite Server<span </tr>
class="pull-right">FactionsPlus</span>
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<table class="table table-striped">
<thead class="bg-blue-grey">
<tr>
<th><i class="fa fa-clock-o"></i> Time</th>
<th><i class="fa fa-signing"></i> Action</th>
<th>Info</th>
</tr>
</thead>
<tbody>
<tr>
<td>Aug 16 2017, 17:20</td>
<td>Killed</td>
<td>HannesDaDon with Iron Sword</td>
</tr>
<tr>
<td>Aug 16 2017, 17:19</td>
<td>Killed</td>
<td>Einsamer_Keksi with Iron Sword</td>
</tr>
<tr>
<td>Aug 16 2017, 15:19</td>
<td>Changed name</td>
<td>Rsl1122 <i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span
class="darkred">Rsl</span></td>
</tr>
<tr>
<td>May 01 2016, 14:24</td>
<td>First Logout</td>
<td>Messages sent: 74</td>
</tr>
<tr>
<td>May 01 2016, 13:39</td>
<td>Registered</td>
<td>Online: 34 Players</td>
</tr>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
</div> </div>
</div> </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,79 +232,83 @@
<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="col-xs-12 col-sm-12 col-md-6 col-lg-6"> <div class="row clearfix">
<div class="card"> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="header"> <div class="card">
<div class="row clearfix"> <div class="header">
<div class="col-xs-12 col-sm-6"> <div class="row clearfix">
<h2><i class="fa fa-drivers-license"></i> ${playerName}</h2> <div class="col-xs-12 col-sm-6">
<h2><i class="fa fa-drivers-license"></i> ${playerName}</h2>
</div>
</div> </div>
</div> </div>
</div> <div class="panel panel-default">
<div class="panel panel-default"> <div class="panel-heading">
<div class="panel-heading"> <div class="row">
<div class="col-md-4">
${playerStatus}
<p><i class="col-brown fa fa-gavel"></i> Times Kicked: ${kickCount}</p>
</div>
<div class="col-md-4">
<img class="center-block"
src="https://cravatar.eu/avatar/${playerName}/100">
</div>
<div class="col-md-4">
<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-red fa fa-frown-o"></i> Deaths: ${deathCount}</p>
</div>
</div>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-6">
<p><i class="col-teal fa fa-calendar-check-o"></i> Sessions <span
class="pull-right"><b>${sessionCount}</b></span></p>
<p><i class="col-green fa fa-clock-o"></i> Total Playtime <span
class="pull-right">${playtimeTotal}</span></p>
<p><i class="col-teal fa fa-clock-o"></i> Longest Session <span
class="pull-right">${sessionLengthLongest}</span>
</p>
<p><i class="col-teal fa fa-clock-o"></i> Session Median <span
class="pull-right">${sessionLengthMedian}</span>
</p>
</div>
<div class="col-md-6">
<p><i class="col-amber fa fa-user"></i> Activity Index <span
class="pull-right"><b>${activityIndexNumber}</b></span></p>
<p>&nbsp;<span class="col-${activityIndexColor} font-bold pull-right">${activityIndex}</span>
</p>
<p>&nbsp;
</p>
<p><i class="col-green fa fa-server"></i> Favorite Server<span
class="pull-right">${favoriteServer}</span>
</p>
</div>
</div>
</div>
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
${playerStatus} <table class="table table-striped">
<p><i class="col-brown fa fa-gavel"></i> Times Kicked: ${kickCount}</p> <thead class="bg-blue-grey">
<tr>
<th><i class="fa fa-clock-o"></i> Time</th>
<th><i class="fa fa-signing"></i> Action</th>
<th>Info</th>
</tr>
</thead>
<tbody>
${tableBodyActions}
</tbody>
</table>
</div> </div>
<div class="col-md-4">
<img class="center-block" src="https://cravatar.eu/avatar/${playerName}/100">
</div>
<div class="col-md-4">
<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-red fa fa-frown-o"></i> Deaths: ${deathCount}</p>
</div>
</div>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-6">
<p><i class="col-teal fa fa-calendar-check-o"></i> Sessions <span
class="pull-right"><b>${sessionCount}</b></span></p>
<p><i class="col-green fa fa-clock-o"></i> Total Playtime <span
class="pull-right">${playtimeTotal}</span></p>
<p><i class="col-teal fa fa-clock-o"></i> Longest Session <span
class="pull-right">${sessionLengthLongest}</span>
</p>
<p><i class="col-teal fa fa-clock-o"></i> Session Median <span
class="pull-right">${sessionLengthMedian}</span>
</p>
</div>
<div class="col-md-6">
<p><i class="col-amber fa fa-user"></i> Activity Index <span
class="pull-right"><b>${activityIndexNumber}</b></span></p>
<p>&nbsp;<span class="col-${activityIndexColor} font-bold pull-right">${activityIndex}</span></p>
<p>&nbsp;
</p>
<p><i class="col-green fa fa-server"></i> Favorite Server<span
class="pull-right">${favoriteServer}</span>
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<table class="table table-striped">
<thead class="bg-blue-grey">
<tr>
<th><i class="fa fa-clock-o"></i> Time</th>
<th><i class="fa fa-signing"></i> Action</th>
<th>Info</th>
</tr>
</thead>
<tbody>
${tableBodyActions}
</tbody>
</table>
</div> </div>
</div> </div>
</div> </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">
@ -529,18 +590,19 @@
<script> <script>
Highcharts.setOptions({ Highcharts.setOptions({
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) {