mirror of
https://github.com/plan-player-analytics/Plan.git
synced 2024-09-12 23:08:05 +02:00
IP Timestamp table added to html #422
This commit is contained in:
parent
e8a1ff6193
commit
a082069133
@ -230,107 +230,109 @@
|
||||
<div class="main-limiter">
|
||||
<div id="main">
|
||||
<div id="tab-information" class="tab">
|
||||
<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-drivers-license"></i> Rsl1122</h2>
|
||||
<div class="row clearfix">
|
||||
<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-drivers-license"></i> Rsl1122</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<div class="panel panel-default">
|
||||
<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> <span class="col-green font-bold pull-right">Very Active</span></p>
|
||||
<p>
|
||||
</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="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> <span class="col-green font-bold pull-right">Very Active</span></p>
|
||||
<p>
|
||||
</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="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>
|
||||
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
|
||||
<table class="table table-striped scrollbar">
|
||||
<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>
|
||||
</table>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Widgets -->
|
||||
<div class="row clearfix">
|
||||
<!-- Widgets -->
|
||||
|
||||
<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="icon">
|
||||
@ -369,6 +371,79 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- #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>
|
||||
<!-- #END# Tab Information -->
|
||||
<div id="tab-sessions" class="tab">
|
||||
|
@ -232,79 +232,83 @@
|
||||
<div class="main-limiter">
|
||||
<div id="main">
|
||||
<div id="tab-information" class="tab">
|
||||
<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-drivers-license"></i> ${playerName}</h2>
|
||||
<div class="row clearfix">
|
||||
<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-drivers-license"></i> ${playerName}</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<div class="panel panel-default">
|
||||
<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> <span class="col-${activityIndexColor} font-bold pull-right">${activityIndex}</span>
|
||||
</p>
|
||||
<p>
|
||||
</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-md-4">
|
||||
${playerStatus}
|
||||
<p><i class="col-brown fa fa-gavel"></i> Times Kicked: ${kickCount}</p>
|
||||
<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 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> <span class="col-${activityIndexColor} font-bold pull-right">${activityIndex}</span></p>
|
||||
<p>
|
||||
</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>
|
||||
<!-- Widgets -->
|
||||
<div class="row clearfix">
|
||||
<!-- Widgets -->
|
||||
|
||||
<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="icon">
|
||||
@ -343,6 +347,63 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- #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>
|
||||
<!-- #END# Tab Information -->
|
||||
<div id="tab-sessions" class="tab">
|
||||
@ -529,18 +590,19 @@
|
||||
<script>
|
||||
Highcharts.setOptions({
|
||||
global: {
|
||||
timezoneOffset: ${timeZone} * 60
|
||||
timezoneOffset: ${timeZone} * 60
|
||||
}
|
||||
});
|
||||
})
|
||||
;
|
||||
var serverSeries = {
|
||||
name:'Server Playtime',
|
||||
colorByPoint:true,
|
||||
name: 'Server Playtime',
|
||||
colorByPoint: true,
|
||||
colors: [${serverPieColors}],
|
||||
data: ${serverPieSeries}
|
||||
}
|
||||
var worldSeries = {
|
||||
name:'World Playtime',
|
||||
colorByPoint:true,
|
||||
name: 'World Playtime',
|
||||
colorByPoint: true,
|
||||
colors: worldPieColors,
|
||||
data: ${worldPieSeries}
|
||||
};
|
||||
@ -581,6 +643,7 @@
|
||||
serverPie('serverPie', serverSeries);
|
||||
punchCard('punchCard', punchcardSeries);
|
||||
${sessionTabGraphViewFunctions}
|
||||
|
||||
/**/
|
||||
|
||||
function openFunc(i) {
|
||||
|
Loading…
Reference in New Issue
Block a user