4.3.3 DEV2

This commit is contained in:
Rsl1122 2018-07-12 14:32:27 +03:00
parent 1a069db1c3
commit bd2ffdce22
10 changed files with 381 additions and 3608 deletions

View File

@ -31,6 +31,11 @@
<!-- AdminBSB Themes. You can choose a theme from css/themes instead of get all themes -->
<link href="css/themes/all-themes.css" rel="stylesheet"/>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
</head>
<body class="theme-red">
@ -250,9 +255,6 @@
<!-- Waves Effect Plugin Js -->
<script src="plugins/node-waves/waves.js"></script>
<!-- Font Awesome -->
<script src="plugins/font-awesome/fa-script.js"></script>
<!-- Header, Sidenav & Skin changer -->
<script src="js/admin.js"></script>
@ -260,4 +262,4 @@
<script src="js/demo.js"></script>
</body>
</html>
</html>

View File

@ -1,520 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<title>Plan | Network</title>
<!-- Favicon-->
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet"
type="text/css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
<!-- Bootstrap Core Css -->
<link href="plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Waves Effect Css -->
<link href="plugins/node-waves/waves.css" rel="stylesheet"/>
<!-- Animation Css -->
<link href="plugins/animate-css/animate.css" rel="stylesheet"/>
<!-- Custom Css -->
<link href="css/style.css" rel="stylesheet">
<!-- Plan Stylesheet -->
<link href="css/main.css" rel="stylesheet">
<!-- AdminBSB Themes. You can choose a theme from css/themes instead of get all themes -->
<link href="css/themes/all-themes.css" rel="stylesheet"/>
</head>
<body class="theme-red">
<!-- Page Loader -->
<div class="page-loader-wrapper">
<div class="loader">
<div class="preloader">
<div class="spinner-layer pl-light-green">
<div class="circle-clipper left">
<div class="circle"></div>
</div>
<div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
</div>
<p>Please wait...</p>
</div>
</div>
<!-- #END# Page Loader -->
<!-- Overlay For Sidebars -->
<div class="overlay"></div>
<!-- #END# Overlay For Sidebars -->
<!-- Search Bar -->
<div class="search-bar">
<div class="search-icon">
<i class="material-icons">search</i>
</div>
<input type="text" placeholder="START TYPING...">
<div class="close-search">
<i class="material-icons">close</i>
</div>
</div>
<!-- #END# Search Bar -->
<!-- Top Bar -->
<nav class="navbar">
<div class="container-fluid">
<div class="navbar-header">
<a href="javascript:void(0);" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#navbar-collapse" aria-expanded="false"></a>
<a href="javascript:void(0);" class="bars"></a>
<a class="navbar-brand">Plan | Network</a>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<!-- Call Search (Disabled)
<li><a href="javascript:void(0);" class="js-search" data-close="true"><i class="material-icons">search</i></a></li>
<!-- #END# Call Search -->
<li class="pull-right"><a href="javascript:void(0);" class="js-right-sidebar" data-close="true"><i
class="material-icons">settings</i></a></li>
</ul>
</div>
</div>
</nav>
<!-- #Top Bar -->
<section>
<!-- Left Sidebar -->
<aside id="leftsidebar" class="sidebar">
<!-- Menu -->
<div class="menu">
<ul class="list">
<li class="active">
<a class="nav-button" href="javascript:void(0)">
<i class="material-icons">info_outline</i>
<span>Overview</span>
</a>
</li>
<li>
<a class="nav-button" href="javascript:void(0)">
<i class="material-icons">storage</i>
<span>Servers</span>
</a>
</li>
</ul>
</div>
<!-- #Menu -->
<!-- Footer -->
<div class="legal">
<div class="version">
<b>Player Analytics: </b> v4.1.0
</div>
</div>
<!-- #Footer -->
</aside>
<!-- #END# Left Sidebar -->
<!-- Right Sidebar -->
<aside id="rightsidebar" class="right-sidebar">
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active in active" id="skins">
<ul class="demo-choose-skin">
<li data-theme="red" class="active">
<div class="red"></div>
<span>Red</span>
</li>
<li data-theme="pink">
<div class="pink"></div>
<span>Pink</span>
</li>
<li data-theme="purple">
<div class="purple"></div>
<span>Purple</span>
</li>
<li data-theme="deep-purple">
<div class="deep-purple"></div>
<span>Deep Purple</span>
</li>
<li data-theme="indigo">
<div class="indigo"></div>
<span>Indigo</span>
</li>
<li data-theme="blue">
<div class="blue"></div>
<span>Blue</span>
</li>
<li data-theme="light-blue">
<div class="light-blue"></div>
<span>Light Blue</span>
</li>
<li data-theme="cyan">
<div class="cyan"></div>
<span>Cyan</span>
</li>
<li data-theme="teal">
<div class="teal"></div>
<span>Teal</span>
</li>
<li data-theme="green">
<div class="green"></div>
<span>Green</span>
</li>
<li data-theme="light-green">
<div class="light-green"></div>
<span>Light Green</span>
</li>
<li data-theme="lime">
<div class="lime"></div>
<span>Lime</span>
</li>
<li data-theme="yellow">
<div class="yellow"></div>
<span>Yellow</span>
</li>
<li data-theme="amber">
<div class="amber"></div>
<span>Amber</span>
</li>
<li data-theme="orange">
<div class="orange"></div>
<span>Orange</span>
</li>
<li data-theme="deep-orange">
<div class="deep-orange"></div>
<span>Deep Orange</span>
</li>
<li data-theme="brown">
<div class="brown"></div>
<span>Brown</span>
</li>
<li data-theme="grey">
<div class="grey"></div>
<span>Grey</span>
</li>
<li data-theme="blue-grey">
<div class="blue-grey"></div>
<span>Blue Grey</span>
</li>
<li data-theme="black">
<div class="black"></div>
<span>Black</span>
</li>
</ul>
</div>
</div>
</aside>
<!-- #END# Right Sidebar -->
</section>
<section class="content">
<div class="main-limiter">
<div id="main">
<div id="tab-overview" class="tab">
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<div class="card">
<div class="header">
<h2><i class="col-blue fa fa-area-chart"></i> Network Online Activity</h2>
</div>
<div class="body">
<div id="playerChartDay" class="dashboard-flot-chart"></div>
</div>
</div>
</div>
<!-- Network Information -->
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="card">
<div class="body bg-white">
<div class="m-b--35 font-bold">NETWORK INFORMATION</div>
<ul class="dashboard-stat-list">
<li>
<i class="fa fa-users"></i> Total Players
<span class="pull-right"><b>${playersTotal}</b></span>
</li>
<li>
<i class="col-blue fa fa-user"></i> Players Online
<span class="pull-right"><b>${playersOnline}</b></span>
</li>
<li></li>
<li><i class="col-green fa fa-line-chart"></i> Last Peak: ${lastPeakTime}<span
class="pull-right"><b>${playersLastPeak}</b> Players</span></li>
<li><i class="col-blue fa fa-line-chart"></i> All Time Peak: ${bestPeakTime}<span
class="pull-right"><b>${playersBestPeak}</b> Players</span></li>
</ul>
</div>
</div>
<div class="card">
<div class="body bg-white">
<div class="m-b--35 font-bold">PLAYERS</div>
<ul class="dashboard-stat-list">
<li>
<i class="col-blue fa fa-users"></i> Unique | 24h
<span class="pull-right"><b>${playersUniqueDay}</b></span>
</li>
<li>
<i class="col-light-green fa fa-user-plus"></i> New | 24h
<span class="pull-right"><b>${playersNewDay}</b></span>
</li>
<li>
<i class="col-blue fa fa-users"></i> Unique | 7d
<span class="pull-right"><b>${playersUniqueWeek}</b></span>
</li>
<li>
<i class="col-light-green fa fa-user-plus"></i> New | 7d
<span class="pull-right"><b>${playersNewWeek}</b></span>
</li>
<li>
<i class="col-blue fa fa-users"></i> Unique | 30d
<span class="pull-right"><b>${playersUniqueMonth}</b></span>
</li>
<li>
<i class="col-light-green fa fa-user-plus"></i> New | 30d
<span class="pull-right"><b>${playersNewMonth}</b></span>
</li>
</ul>
</div>
</div>
</div>
<!-- #END# Network Information -->
</div>
<!-- #END# Tab Overview -->
<div id="tab-servers" class="tab">
<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-12">
<h2><i class="col-light-green fa fa-server"></i> Server 1</h2>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<div class="row">
<div id="playerChartServer1" style="height: 200px;"></div>
</div>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-8">
<p><i class="fa fa-users"></i> Registered Players <span
class="pull-right">1234</span></p>
<p><i class="col-blue fa fa-user"></i> Players Online <span
class="pull-right">5 / 100</span></p>
<p><i class="col-deep-orange fa fa-compass"></i> Type <span
class="pull-right">Spigot 1.12.1</span>
</p>
</div>
<div class="col-md-4">
<p><i class="fa fa-clock-o"></i> Last Refresh<span
class="pull-right"><b>12:42</b></span>
</p>
<br>
<button href="#" type="button" class="pull-right btn bg-light-green waves-effect">
<i class="material-icons">trending_up</i>
<span>ANALYSIS</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<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-12">
<h2><i class="col-light-green fa fa-server"></i> Server 2</h2>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<div class="row">
<div id="playerChartServer2" style="height: 200px;"></div>
</div>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-8">
<p><i class="fa fa-users"></i> Registered Players <span
class="pull-right">1234</span></p>
<p><i class="col-blue fa fa-user"></i> Players Online <span
class="pull-right">5 / 100</span></p>
<p><i class="col-deep-orange fa fa-compass"></i> Type <span
class="pull-right">PaperSpigot 1.12.1</span>
</p>
</div>
<div class="col-md-4">
<p><i class="fa fa-clock-o"></i> Last Refresh<span
class="pull-right"><b>13:53</b></span>
</p>
<br>
<button href="#" type="button" class="pull-right btn bg-light-green waves-effect">
<i class="material-icons">trending_up</i>
<span>ANALYSIS</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<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-12">
<h2><i class="col-light-green fa fa-server"></i> Server 3</h2>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<div class="row">
<div id="playerChartServer3" style="height: 200px;"></div>
</div>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-8">
<p><i class="fa fa-users"></i> Registered Players <span
class="pull-right">1234</span></p>
<p><i class="col-blue fa fa-user"></i> Players Online <span
class="pull-right">5 / 100</span></p>
<p><i class="col-deep-orange fa fa-compass"></i> Type <span
class="pull-right">Spigot 1.12.1</span>
</p>
</div>
<div class="col-md-4">
<p><i class="fa fa-clock-o"></i> Last Refresh<span
class="pull-right"><b>12:42</b></span>
</p>
<br>
<button href="#" type="button" class="pull-right btn bg-light-green waves-effect">
<i class="material-icons">trending_up</i>
<span>ANALYSIS</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- #END# Tab Servers -->
</div>
</div>
</section>
<!-- Jquery Core Js -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap Core Js -->
<script src="plugins/bootstrap/js/bootstrap.js"></script>
<!-- Slimscroll Plugin Js -->
<script src="plugins/jquery-slimscroll/jquery.slimscroll.js"></script>
<!-- Waves Effect Plugin Js -->
<script src="plugins/node-waves/waves.js"></script>
<!-- HighCharts -->
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/modules/no-data-to-display.js"></script>
<!-- Font Awesome -->
<script src="https://use.fontawesome.com/df48eb908b.js"></script>
<!-- Header, Sidenav & Skin changer -->
<script src="js/admin.js"></script>
<!-- Plan Charts -->
<script src="./js/playerGraph.js"></script>
<!-- Chart Data -->
<script>
Highcharts.setOptions({
lang: {noData: "No Data to Display"},
global: {
timezoneOffset: ${timeZone} * 60
}
})
;
// Data Variables
var playersOnlineSeries = {
name: 'Players Online',
data: ${playersOnlineSeries},
type: 'areaspline',
color: '${playersGraphColor}',
tooltip: {
valueDecimals: 0
}
};
</script>
<!-- Plan load script -->
<script>
$(function () {
var navButtons = document.getElementsByClassName("nav-button");
var tabs = document.getElementsByClassName("tab");
var slideIndex = window.sessionStorage.getItem("AnalysisSlideIndex");
if (slideIndex === null) {
slideIndex = 0;
}
var x = document.getElementById("main");
x.style.transform = "translate3d(0px,0px,0)";
x.style.width = "" + navButtons.length * 100 + "%";
for (var i = 0; i < navButtons.length; i++) {
navButtons[i].onclick = openFunc(i);
tabs[i].style.width = "" + 100 / navButtons.length + "%";
}
x.style.opacity = "1";
openFunc(slideIndex)();
// Chart draw scripts
/*playersChart('playerChartDay', playersOnlineSeries, 1);
${serverTabGraphViewFunctions}
/**/
function openFunc(i) {
return function () {
var max = navButtons.length;
for (var j = 0; j < max; j++) {
if (navButtons[j].parentElement.classList.contains('active')) {
navButtons[j].parentElement.classList.remove('active');
}
if (j == i) {
navButtons[j].parentElement.classList.add('active');
}
}
var percent = -100 / navButtons.length;
slideIndex = i;
if (slideIndex > max) {
slideIndex = 0
}
if (slideIndex < 0) {
slideIndex = max
}
window.sessionStorage.setItem("AnalysisSlideIndex", slideIndex);
var value = slideIndex * percent;
x.style.transition = "0.5s";
x.style.transform = "translate3d(" + value + "%,0px,0)";
};
}
});
</script>
<!-- Demo Js -->
<script src="js/demo.js"></script>
</body>
</html>

View File

@ -34,6 +34,11 @@
<!-- Jquery Core Js -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
</head>
<body class="theme-red">
@ -108,6 +113,12 @@
<span>Servers</span>
</a>
</li>
<li>
<a class="nav-button" href="javascript:void(0)">
<i class="material-icons">local_hospital</i>
<span>Network Health</span>
</a>
</li>
<li>
<a class="nav-button" href="javascript:void(0)">
<i class="material-icons">language</i>
@ -293,7 +304,7 @@
<ul class="dashboard-stat-list">
<li>
<i class="col-blue fa fa-users"></i> Unique | 24h
<span class="pull-right"><b>${playersUniqueDay}</b></span>
<span class="pull-right"><b>${playersDay}</b></span>
</li>
<li>
<i class="col-light-green fa fa-user-plus"></i> New | 24h
@ -302,7 +313,7 @@
<li></li>
<li>
<i class="col-blue fa fa-users"></i> Unique | 7d
<span class="pull-right"><b>${playersUniqueWeek}</b></span>
<span class="pull-right"><b>${playersWeek}</b></span>
</li>
<li>
<i class="col-light-green fa fa-user-plus"></i> New | 7d
@ -311,7 +322,7 @@
<li></li>
<li>
<i class="col-blue fa fa-users"></i> Unique | 30d
<span class="pull-right"><b>${playersUniqueMonth}</b></span>
<span class="pull-right"><b>${playersMonth}</b></span>
</li>
<li>
<i class="col-light-green fa fa-user-plus"></i> New | 30d
@ -328,6 +339,117 @@
${tabContentServers}
</div>
<!-- #END# Tab Servers -->
<div id="tab-health" class="tab">
<div class="row clearfix">
<!-- Health Gauge -->
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="card">
<div class="header">
<div class="row clearfix">
<div class="col-xs-6 col-sm-6 col-lg-6">
<h2><i class="col-red fa fa-heartbeat"></i> Health Estimate</h2>
</div>
<div class="col-xs-6 col-sm-6 col-lg-6">
<a href="javascript:void(0)" class="help material-icons pull-right"
tabindex="0" data-trigger="focus" data-toggle="popover" data-placement="left"
data-container="body" data-html="true"
data-original-title="Server Health Estimate"
data-content="Quick Measure of the server health.
<br><br>The health is calculated using different measures, all of which can be seen in the notes section."
>help_outline</a>
</div>
</div>
</div>
<div class="body">
<div id="healthGauge" style="height: 200px; width: 100%;"></div>
</div>
</div>
</div>
<!-- #END# Health Gauge -->
<!-- Notes -->
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<div class="card">
<div class="header">
<div class="row clearfix">
<div class="col-xs-6 col-sm-6 col-lg-6">
<h2><i class="col-red far fa-life-ring"></i> Last 30 Days</h2>
</div>
<div class="col-xs-6 col-sm-6 col-lg-6">
<a href="javascript:void(0)" class="help material-icons pull-right"
tabindex="0" data-trigger="focus" data-toggle="popover" data-placement="left"
data-container="body" data-html="true"
data-original-title="Notes (30 Days)"
data-content="Measures the server health is based on
<br><br>Each measure has 3 possible outcomes:
<br>Thumbs up: All good
<br>Flag: Something might require action
<br>Warning: Measure is reducing the server health"
>help_outline</a>
</div>
</div>
</div>
<div class="body bg-white">
${healthNotes}
</div>
</div>
</div>
<!-- #END# Notes -->
</div>
<div class="row clearfix">
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<div class="card">
<div class="header">
<div class="row clearfix">
<div class="col-xs-6 col-sm-6 col-lg-6">
<h2><i class="col-amber fa fa-line-chart"></i> Playerbase Development</h2>
</div>
<div class="col-xs-6 col-sm-6 col-lg-6">
<a href="javascript:void(0)" class="help material-icons pull-right"
tabindex="0" data-trigger="focus" data-toggle="popover" data-placement="left"
data-container="body" data-html="true"
data-original-title="Playerbase Development"
data-content="Chart that displays development of the playerbase
<br><br>Groups are based on Activity Index. <br><br><b>Activity Index:</b> Calculated using the sessions in the last 3 weeks (At that point in time). From 0 to 5.
<br><br>Points are calculated every 7 days for last 9 weeks, using the activity index at that point for each player.
<br><br><b>Groups:</b> Very Active(>&nbsp;3,5) Active(>&nbsp;1.75) Regular(>&nbsp;1.0) Irregular(>&nbsp;0.5) Inactive(<&nbsp;0.5)
<br><br>Groups can be hidden by clicking the group name in the legend."
>help_outline</a>
</div>
</div>
</div>
<div class="body">
<div id="activityStackGraph" class="dashboard-flot-chart"></div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="card">
<div class="header">
<div class="row clearfix">
<div class="col-xs-6 col-sm-6 col-lg-6">
<h2><i class="col-amber fa fa-users"></i> Current Playerbase</h2>
</div>
<div class="col-xs-6 col-sm-6 col-lg-6">
<a href="javascript:void(0)" class="help material-icons pull-right"
tabindex="0" data-trigger="focus" data-toggle="popover" data-placement="left"
data-container="body" data-html="true"
data-original-title="Current Playerbase Distribution"
data-content="Pie of the Activity Index distribution at the time of Analysis, last point in the Playerbase Development graph.
<br><br><b>Activity Index:</b> Calculated using the sessions in the last 3 weeks. From 0 to 5.
<br><br><b>Groups:</b> Very Active(>&nbsp;3,5) Active(>&nbsp;1.75) Regular(>&nbsp;1.0) Irregular(>&nbsp;0.5) Inactive(<&nbsp;0.5)
<br><br>Groups can be hidden by clicking the group name in the legend."
>help_outline</a>
</div>
</div>
</div>
<div class="body">
<div id="activityPie" class="dashboard-donut-chart"></div>
</div>
</div>
</div>
</div>
</div>
<!-- #END# Tab Health -->
<div id="tab-geolocations" class="tab">
<!-- Geolocations -->
<div class="row clearfix">
@ -376,17 +498,19 @@
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/maps/modules/map.js"></script>
<script src="https://code.highcharts.com/mapdata/custom/world.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/solid-gauge.js"></script>
<script src="https://code.highcharts.com/modules/no-data-to-display.js"></script>
<!-- Font Awesome -->
<script src="plugins/font-awesome/fa-script.js"></script>
<!-- Header, Sidenav & Skin changer -->
<script src="js/admin.js"></script>
<!-- Plan Charts -->
<script src="../js/charts/playerGraph.js"></script>
<script src="js/charts/worldMap.js"></script>
<script src="../js/charts/healthGauge.js"></script>
<script src="../js/charts/activityPie.js"></script>
<script src="../js/charts/stackGraph.js"></script>
<script src="../js/charts/worldMap.js"></script>
<!-- Chart Data -->
<script>
@ -396,24 +520,47 @@
timezoneOffset: ${timeZone} * 60
}
})
var geolocationsLow = '${worldMapColLow}';
var geolocationsHigh = '${worldMapColHigh}';
// Data Variables
var playersOnlineSeries = {
name: 'Players Online',
data: ${playersOnlineSeries},
type: 'areaspline',
color: '${playersGraphColor}',
tooltip: {
valueDecimals: 0
// Placeholder values
var v = {
colors: {
playersOnline: '${playersGraphColor}',
geolocationsLow: '${worldMapColLow}',
geolocationsHigh: '${worldMapColHigh}'
},
data: {
playersOnline: ${playersOnlineSeries},
activityPie: ${activityPieSeries},
geolocations: ${geoMapSeries},
activityStack: ${activityStackSeries},
activityStackCategories: ${activityStackCategories},
healthIndex: ${healthIndex}
}
};
var geolocationsSeries = {
name: 'Players',
type: 'map',
mapData: Highcharts.maps['custom/world'],
data: ${geoMapSeries},
joinBy: ['iso-a3', 'code']
// HighCharts Series
var series = {
playersOnline: {
name: 'Players Online',
data: ${playersOnlineSeries},
type: 'areaspline',
color: '${playersGraphColor}',
tooltip: {
valueDecimals: 0
}
},
geolocations: {
name: 'Players',
type: 'map',
mapData: Highcharts.maps['custom/world'],
data: ${geoMapSeries},
joinBy: ['iso-a3', 'code']
},
activityPie: {
name: 'Players',
colorByPoint: true,
data: v.data.activityPie
},
activityStack: v.data.activityStack,
activityStackCategories: v.data.activityStackCategories
};
</script>
@ -438,8 +585,11 @@
openFunc(slideIndex)();
// Chart draw scripts
playersChart('playerChartDay', playersOnlineSeries, 2);
worldMap('worldMap', geolocationsLow, geolocationsHigh, geolocationsSeries);
playersChart('playerChartDay', series.playersOnline, 2);
activityPie('activityPie', series.activityPie);
stackChart('activityStackGraph', series.activityStackCategories, series.activityStack, 'Players');
healthGauge('healthGauge', [v.data.healthIndex]);
worldMap('worldMap', v.colors.geolocationsLow, v.colors.geolocationsHigh, series.geolocations);
function openFunc(i) {
return function () {
@ -474,4 +624,4 @@
<script src="js/demo.js"></script>
</body>
</html>
</html>

File diff suppressed because it is too large Load Diff

View File

@ -31,6 +31,11 @@
<!-- AdminBSB Themes. You can choose a theme from css/themes instead of get all themes -->
<link href="../css/themes/all-themes.css" rel="stylesheet"/>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
</head>
<body class="theme-red">
@ -114,6 +119,12 @@
<span>Overview</span>
</a>
</li>
<li>
<a class="nav-button" href="javascript:void(0)">
<i class="material-icons">nature_people</i>
<span>PvP & PvE</span>
</a>
</li>
<li>
<a href="javascript:void(0);" class="menu-toggle">
<i class="material-icons">extension</i>
@ -281,25 +292,25 @@
<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>
<p><i class="fa fa-skull"></i> Deaths: ${deathCount}</p>
</div>
</div>
</div>
<div class="panel-body">
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<p><i class="col-teal fa fa-calendar-check-o"></i> Sessions <span
<p><i class="col-teal far fa-calendar-check"></i> Sessions <span
class="pull-right"><b>${sessionCount}</b></span></p>
<p><i class="col-green fa fa-clock-o"></i> Total Playtime <span
<p><i class="col-green far fa-clock"></i> Total Playtime <span
class="pull-right">${playtimeTotal}</span></p>
<p><i class="col-green fa fa-clock-o"></i> Total Active <span
<p><i class="col-green far fa-clock"></i> Total Active <span
class="pull-right">${activeTotal}</span></p>
<p><i class="col-grey fa fa-clock-o"></i> Total AFK <span
<p><i class="col-grey far fa-clock"></i> Total AFK <span
class="pull-right">${afkTotal}</span></p>
<p><i class="col-teal fa fa-clock-o"></i> Longest Session <span
<p><i class="col-teal far fa-clock"></i> Longest Session <span
class="pull-right">${sessionLengthLongest}</span>
</p>
<p><i class="col-teal fa fa-clock-o"></i> Session Median <span
<p><i class="col-teal far fa-clock"></i> Session Median <span
class="pull-right">${sessionLengthMedian}</span>
</p>
</div>
@ -316,22 +327,6 @@
</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>
@ -401,6 +396,7 @@
<tr>
<th><i class="fa fa-id-badge"></i> Nickname</th>
<th><i class="fa fa-server"></i> Server</th>
<th><i class="far fa-clock"></i> Last Seen</th>
</tr>
</thead>
<tbody>
@ -435,7 +431,7 @@
<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 Connected</th>
<th><i class="far fa-clock"></i> Last Connected</th>
</tr>
</thead>
<tbody>
@ -458,7 +454,7 @@
<div class="header">
<div class="row clearfix">
<div class="col-xs-6 col-sm-6 col-lg-6">
<h2><i class="col-teal fa fa-calendar-o"></i> Session Calendar</h2>
<h2><i class="col-teal far fa-calendar-o"></i> Session Calendar</h2>
</div>
<div class="col-xs-6 col-sm-6 col-lg-6">
<a href="javascript:void(0)" class="help material-icons pull-right"
@ -478,7 +474,7 @@
<div class="header">
<div class="row clearfix">
<div class="col-xs-6 col-sm-6 col-lg-6">
<h2><i class="col-teal fa fa-calendar"></i> Most Recent Sessions</h2>
<h2><i class="col-teal far fa-calendar"></i> Most Recent Sessions</h2>
</div>
<div class="col-xs-6 col-sm-6 col-lg-6">
<a href="javascript:void(0)" class="help material-icons pull-right"
@ -500,7 +496,7 @@
<div class="header">
<div class="row clearfix">
<div class="col-xs-6 col-sm-6 col-lg-6">
<h2><i class="col-teal fa fa-clock-o"></i> World Playtime</h2>
<h2><i class="col-teal far fa-clock"></i> World Playtime</h2>
</div>
<div class="col-xs-6 col-sm-6 col-lg-6">
<a href="javascript:void(0)" class="help material-icons pull-right"
@ -552,16 +548,16 @@
<div class="body bg-white">
<div class="m-b--35 font-bold">LAST 30 DAYS</div>
<ul class="dashboard-stat-list">
<li><i class="col-teal fa fa-calendar-check-o"></i> Sessions <span
<li><i class="col-teal far fa-calendar-check"></i> Sessions <span
class="pull-right"><b>${sessionCountMonth}</b></span></li>
<li><i class="col-green fa fa-clock-o"></i> Total Playtime <span
<li><i class="col-green far fa-clock"></i> Total Playtime <span
class="pull-right">${playtimeMonth}</span></li>
<li><i class="col-grey fa fa-clock-o"></i> AFK <span
<li><i class="col-grey far fa-clock"></i> AFK <span
class="pull-right">${afkMonth}</span></li>
<li><i class="col-teal fa fa-clock-o"></i> Longest Session <span
<li><i class="col-teal far fa-clock"></i> Longest Session <span
class="pull-right">${sessionLongestMonth}</span>
</li>
<li><i class="col-teal fa fa-clock-o"></i> Session Median <span
<li><i class="col-teal far fa-clock"></i> Session Median <span
class="pull-right">${sessionMedianMonth}</span>
</li>
</ul>
@ -575,16 +571,16 @@
<div class="body bg-white">
<div class="m-b--35 font-bold">LAST 7 DAYS</div>
<ul class="dashboard-stat-list">
<li><i class="col-teal fa fa-calendar-check-o"></i> Sessions <span
<li><i class="col-teal far fa-calendar-check"></i> Sessions <span
class="pull-right"><b>${sessionCountWeek}</b></span></li>
<li><i class="col-green fa fa-clock-o"></i> Total Playtime <span
<li><i class="col-green far fa-clock"></i> Total Playtime <span
class="pull-right">${playtimeWeek}</span></li>
<li><i class="col-grey fa fa-clock-o"></i> AFK <span
<li><i class="col-grey far fa-clock"></i> AFK <span
class="pull-right">${afkWeek}</span></li>
<li><i class="col-teal fa fa-clock-o"></i> Longest Session <span
<li><i class="col-teal far fa-clock"></i> Longest Session <span
class="pull-right">${sessionLongestWeek}</span>
</li>
<li><i class="col-teal fa fa-clock-o"></i> Session Median <span
<li><i class="col-teal far fa-clock"></i> Session Median <span
class="pull-right">${sessionMedianWeek}</span>
</li>
</ul>
@ -598,16 +594,16 @@
<div class="body bg-white">
<div class="font-bold m-b--35">LAST 24 HOURS</div>
<ul class="dashboard-stat-list">
<li><i class="col-teal fa fa-calendar-check-o"></i> Sessions <span
<li><i class="col-teal far fa-calendar-check"></i> Sessions <span
class="pull-right"><b>${sessionCountDay}</b></span></li>
<li><i class="col-green fa fa-clock-o"></i> Total Playtime <span
<li><i class="col-green far fa-clock"></i> Total Playtime <span
class="pull-right">${playtimeDay}</span></li>
<li><i class="col-grey fa fa-clock-o"></i> AFK <span
<li><i class="col-grey far fa-clock"></i> AFK <span
class="pull-right">${afkDay}</span></li>
<li><i class="col-teal fa fa-clock-o"></i> Longest Session <span
<li><i class="col-teal far fa-clock"></i> Longest Session <span
class="pull-right">${sessionLongestDay}</span>
</li>
<li><i class="col-teal fa fa-clock-o"></i> Session Median <span
<li><i class="col-teal far fa-clock"></i> Session Median <span
class="pull-right">${sessionMedianDay}</span>
</li>
</ul>
@ -643,12 +639,143 @@
</div>
</div>
<!-- #END# Tab Overview -->
<div id="tab-versus" class="tab">
<div class="row clearfix">
<!-- Information -->
<!-- Overall -->
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="card">
<div class="body bg-white">
<div class="m-b--35 font-bold">OVERVIEW</div>
<ul class="dashboard-stat-list">
<li><i class="col-red fa fa-crosshairs"></i> KDR <span
class="pull-right"><b>${KDR}</b></span></li>
<li><i class="col-red fa fa-crosshairs"></i> Player Kills <span
class="pull-right">${playerKillCount}</span></li>
<li><i class="col-red fa fa-skull"></i> Player caused Deaths <span
class="pull-right">${playerDeathCount}</span></li>
<li></li>
<li><i class="col-green fa fa-crosshairs"></i> Mob KDR <span
class="pull-right"><b>${mobKDR}</b></span></li>
<li><i class="col-green fa fa-crosshairs"></i> Mob Kills <span
class="pull-right">${mobKillCount}</span></li>
<li><i class="col-green fa fa-skull"></i> Mob caused Deaths <span
class="pull-right">${mobDeathCount}</span></li>
<li></li>
<li><i class="fa fa-skull"></i> Deaths <span
class="pull-right">${deathCount}</span></li>
</ul>
</div>
</div>
</div>
<!-- #END# Overall -->
<!-- Last 30 Days -->
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="card">
<div class="body bg-white">
<div class="m-b--35 font-bold">LAST 30 DAYS</div>
<ul class="dashboard-stat-list">
<li><i class="col-red fa fa-crosshairs"></i> KDR <span
class="pull-right"><b>${KDRMonth}</b></span></li>
<li><i class="col-red fa fa-crosshairs"></i> Player Kills <span
class="pull-right">${playerKillCountMonth}</span></li>
<li><i class="col-red fa fa-skull"></i> Player caused Deaths <span
class="pull-right">${playerDeathCountMonth}</span></li>
<li></li>
<li><i class="col-green fa fa-crosshairs"></i> Mob KDR <span
class="pull-right"><b>${mobKDRMonth}</b></span></li>
<li><i class="col-green fa fa-crosshairs"></i> Mob Kills <span
class="pull-right">${mobKillCountMonth}</span></li>
<li><i class="col-green fa fa-skull"></i> Mob caused Deaths <span
class="pull-right">${mobDeathCountMonth}</span></li>
<li></li>
<li><i class="fa fa-skull"></i> Deaths <span
class="pull-right">${deathCountMonth}</span></li>
</ul>
</div>
</div>
</div>
<!-- #END# Last 30 Days -->
<!-- Last 7d -->
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="card">
<div class="body bg-white">
<div class="font-bold m-b--35">LAST 7 DAYS</div>
<ul class="dashboard-stat-list">
<li><i class="col-red fa fa-crosshairs"></i> KDR <span
class="pull-right"><b>${KDRWeek}</b></span></li>
<li><i class="col-red fa fa-crosshairs"></i> Player Kills <span
class="pull-right">${playerKillCountWeek}</span></li>
<li><i class="col-red fa fa-skull"></i> Player caused Deaths <span
class="pull-right">${playerDeathCountWeek}</span></li>
<li></li>
<li><i class="col-green fa fa-crosshairs"></i> Mob KDR <span
class="pull-right"><b>${mobKDRWeek}</b></span></li>
<li><i class="col-green fa fa-crosshairs"></i> Mob Kills <span
class="pull-right">${mobKillCountWeek}</span></li>
<li><i class="col-green fa fa-skull"></i> Mob caused Deaths <span
class="pull-right">${mobDeathCountWeek}</span></li>
<li></li>
<li><i class="fa fa-skull"></i> Deaths <span
class="pull-right">${deathCountWeek}</span></li>
</ul>
</div>
</div>
</div>
<!-- #END# Last 7d -->
<!-- #END# Information -->
</div>
<div class="row clearfix">
<!-- Tables -->
<!-- Kill 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-12 col-md-12 col-lg-12">
<h2><i class="col-red fa fa-crosshairs"></i> Player Kills</h2>
</div>
</div>
</div>
<div class="panel panel-default">
${tablePlayerKills}
</div>
</div>
</div>
<!-- #END# Kill info -->
<!-- Death 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-8 col-sm-8 col-lg-8">
<h2><i class="col-red fa fa-skull"></i> Player caused Deaths</h2>
</div>
<div class="col-xs-4 col-sm-4 col-lg-4">
<a href="javascript:void(0)" class="help material-icons pull-right"
tabindex="0" data-trigger="focus" data-toggle="popover" data-placement="left"
data-container="body" data-html="true"
data-original-title="Player caused Deaths"
data-content="Table of Player caused deaths calculated from Plan kill data."
>help_outline</a>
</div>
</div>
</div>
<div class="panel panel-default">
${tablePlayerDeaths}
</div>
</div>
</div>
<!-- #END# Death info -->
<!-- #END# Tables -->
</div>
</div>
<!-- #END# Tab PVP -->
${pluginsTabs}
<!-- #END# Tabs Plugins -->
<div class="tab"></div>
<div class="tab"></div>
<div class="tab"></div>
<div class="tab"></div>
</div>
</div>
</section>
@ -681,9 +808,6 @@
<script src='../plugins/momentjs/moment.js'></script>
<script src='../plugins/fullcalendar/fullcalendar.min.js'></script>
<!-- Font Awesome -->
<script src="../plugins/font-awesome/fa-script.js"></script>
<!-- Header, Sidenav & Skin changer -->
<script src="../js/admin.js"></script>
@ -786,4 +910,4 @@
<script src="../js/demo.js"></script>
</body>
</html>
</html>

View File

@ -1,447 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<title>Plan | Players</title>
<!-- Favicon-->
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet"
type="text/css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
<!-- Bootstrap Core Css -->
<link href="plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Waves Effect Css -->
<link href="plugins/node-waves/waves.css" rel="stylesheet"/>
<!-- Animation Css -->
<link href="plugins/animate-css/animate.css" rel="stylesheet"/>
<!-- Custom Css -->
<link href="css/style.css" rel="stylesheet">
<!-- Plan Stylesheet -->
<link href="css/main.css" rel="stylesheet">
<!-- AdminBSB Themes. You can choose a theme from css/themes instead of get all themes -->
<link href="css/themes/all-themes.css" rel="stylesheet"/>
</head>
<body class="theme-red">
<!-- Page Loader -->
<div class="page-loader-wrapper">
<div class="loader">
<div class="preloader">
<div class="spinner-layer pl-light-green">
<div class="circle-clipper left">
<div class="circle"></div>
</div>
<div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
</div>
<p>Please wait...</p>
</div>
</div>
<!-- #END# Page Loader -->
<!-- Overlay For Sidebars -->
<div class="overlay"></div>
<!-- #END# Overlay For Sidebars -->
<!-- Search Bar -->
<div class="search-bar">
<div class="search-icon">
<i class="material-icons">search</i>
</div>
<input type="text" placeholder="START TYPING...">
<div class="close-search">
<i class="material-icons">close</i>
</div>
</div>
<!-- #END# Search Bar -->
<!-- Top Bar -->
<nav class="navbar">
<div class="container-fluid">
<div class="navbar-header">
<a href="javascript:void(0);" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#navbar-collapse" aria-expanded="false"></a>
<a href="javascript:void(0);" class="bars"></a>
<a class="navbar-brand">${networkName} | Players</a>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<!-- Call Search (Disabled)
<li><a href="javascript:void(0);" class="js-search" data-close="true"><i class="material-icons">search</i></a></li>
<!-- #END# Call Search -->
<li class="pull-right"><a href="javascript:void(0);" class="js-right-sidebar" data-close="true"><i
class="material-icons">settings</i></a></li>
</ul>
</div>
</div>
</nav>
<!-- #Top Bar -->
<section>
<!-- Left Sidebar -->
<aside id="leftsidebar" class="sidebar">
<!-- Menu -->
<div class="menu">
<ul class="list">
<li class="active">
<a class="nav-button" href="javascript:void(0)">
<i class="material-icons">people</i>
<span>Players</span>
</a>
</li>
</ul>
</div>
<!-- #Menu -->
<!-- Footer -->
<div class="legal">
<div class="version">
<b>Player Analytics: </b> v4.1.0
</div>
</div>
<!-- #Footer -->
</aside>
<!-- #END# Left Sidebar -->
<!-- Right Sidebar -->
<aside id="rightsidebar" class="right-sidebar">
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active in active" id="skins">
<ul class="demo-choose-skin">
<li data-theme="red" class="active">
<div class="red"></div>
<span>Red</span>
</li>
<li data-theme="pink">
<div class="pink"></div>
<span>Pink</span>
</li>
<li data-theme="purple">
<div class="purple"></div>
<span>Purple</span>
</li>
<li data-theme="deep-purple">
<div class="deep-purple"></div>
<span>Deep Purple</span>
</li>
<li data-theme="indigo">
<div class="indigo"></div>
<span>Indigo</span>
</li>
<li data-theme="blue">
<div class="blue"></div>
<span>Blue</span>
</li>
<li data-theme="light-blue">
<div class="light-blue"></div>
<span>Light Blue</span>
</li>
<li data-theme="cyan">
<div class="cyan"></div>
<span>Cyan</span>
</li>
<li data-theme="teal">
<div class="teal"></div>
<span>Teal</span>
</li>
<li data-theme="green">
<div class="green"></div>
<span>Green</span>
</li>
<li data-theme="light-green">
<div class="light-green"></div>
<span>Light Green</span>
</li>
<li data-theme="lime">
<div class="lime"></div>
<span>Lime</span>
</li>
<li data-theme="yellow">
<div class="yellow"></div>
<span>Yellow</span>
</li>
<li data-theme="amber">
<div class="amber"></div>
<span>Amber</span>
</li>
<li data-theme="orange">
<div class="orange"></div>
<span>Orange</span>
</li>
<li data-theme="deep-orange">
<div class="deep-orange"></div>
<span>Deep Orange</span>
</li>
<li data-theme="brown">
<div class="brown"></div>
<span>Brown</span>
</li>
<li data-theme="grey">
<div class="grey"></div>
<span>Grey</span>
</li>
<li data-theme="blue-grey">
<div class="blue-grey"></div>
<span>Blue Grey</span>
</li>
<li data-theme="black">
<div class="black"></div>
<span>Black</span>
</li>
</ul>
</div>
</div>
</aside>
<!-- #END# Right Sidebar -->
</section>
<section class="content">
<div class="main-limiter">
<div id="main">
<div id="tab-players" class="tab">
<!-- Basic Examples -->
<div class="row clearfix">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="card">
<div class="header">
<h2>
<i class="fa fa-users"></i> Player List
</h2>
</div>
<div class="body">
<div class="table-responsive">
<table class="table table-bordered table-striped table-hover player-table dataTable">
<thead>
<tr>
<th><i class="fa fa-user"></i> Name</th>
<th><i class="fa fa-clock-o"></i> Playtime</th>
<th><i class="fa fa-calendar-plus-o"></i> Sessions</th>
<th><i class="fa fa-user-plus"></i> Registered</th>
<th><i class="fa fa-calendar-check-o"></i> Last Seen</th>
<th><i class="fa fa-globe"></i> Geolocation</th>
</tr>
</thead>
<tfoot>
<tr>
<th><i class="fa fa-user"></i> Name</th>
<th><i class="fa fa-clock-o"></i> Playtime</th>
<th><i class="fa fa-calendar-plus-o"></i> Sessions</th>
<th><i class="fa fa-user-plus"></i> Registered</th>
<th><i class="fa fa-calendar-check-o"></i> Last Seen</th>
<th><i class="fa fa-globe"></i> Geolocation</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
<tr>
<td>Garrett Winters</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>63</td>
<td>2011/07/25</td>
<td>$170,750</td>
</tr>
<tr>
<td>Ashton Cox</td>
<td>Junior Technical Author</td>
<td>San Francisco</td>
<td>66</td>
<td>2009/01/12</td>
<td>$86,000</td>
</tr>
<tr>
<td>Cedric Kelly</td>
<td>Senior Javascript Developer</td>
<td>Edinburgh</td>
<td>22</td>
<td>2012/03/29</td>
<td>$433,060</td>
</tr>
<tr>
<td>Airi Satou</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>33</td>
<td>2008/11/28</td>
<td>$162,700</td>
</tr>
<tr>
<td>Brielle Williamson</td>
<td>Integration Specialist</td>
<td>New York</td>
<td>61</td>
<td>2012/12/02</td>
<td>$372,000</td>
</tr>
<tr>
<td>Herrod Chandler</td>
<td>Sales Assistant</td>
<td>San Francisco</td>
<td>59</td>
<td>2012/08/06</td>
<td>$137,500</td>
</tr>
<tr>
<td>Rhona Davidson</td>
<td>Integration Specialist</td>
<td>Tokyo</td>
<td>55</td>
<td>2010/10/14</td>
<td>$327,900</td>
</tr>
<tr>
<td>Colleen Hurst</td>
<td>Javascript Developer</td>
<td>San Francisco</td>
<td>39</td>
<td>2009/09/15</td>
<td>$205,500</td>
</tr>
<tr>
<td>Sonya Frost</td>
<td>Software Engineer</td>
<td>Edinburgh</td>
<td>23</td>
<td>2008/12/13</td>
<td>$103,600</td>
</tr>
<tr>
<td>Jena Gaines</td>
<td>Office Manager</td>
<td>London</td>
<td>30</td>
<td>2008/12/19</td>
<td>$90,560</td>
</tr>
<tr>
<td>Quinn Flynn</td>
<td>Support Lead</td>
<td>Edinburgh</td>
<td>22</td>
<td>2013/03/03</td>
<td>$342,000</td>
</tr>
<tr>
<td>Charde Marshall</td>
<td>Regional Director</td>
<td>San Francisco</td>
<td>36</td>
<td>2008/10/16</td>
<td>$470,600</td>
</tr>
<tr>
<td>Haley Kennedy</td>
<td>Senior Marketing Designer</td>
<td>London</td>
<td>43</td>
<td>2012/12/18</td>
<td>$313,500</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- #END# Basic Examples -->
</div>
<!-- #END# Tab Servers -->
</div>
</div>
</section>
<!-- Jquery Core Js -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap Core Js -->
<script src="plugins/bootstrap/js/bootstrap.js"></script>
<!-- Slimscroll Plugin Js -->
<script src="plugins/jquery-slimscroll/jquery.slimscroll.js"></script>
<!-- Waves Effect Plugin Js -->
<script src="plugins/node-waves/waves.js"></script>
<!-- Jquery Table Plugin Js -->
<script src="plugins/jquery-datatable/jquery.dataTables.js"></script>
<script src="plugins/jquery-datatable/skin/bootstrap/js/dataTables.bootstrap.js"></script>
<!-- Font Awesome -->
<script src="https://use.fontawesome.com/df48eb908b.js"></script>
<!-- Header, Sidenav & Skin changer -->
<script src="js/admin.js"></script>
<!-- Plan load script -->
<script>
$(function () {
$('.player-table').DataTable({
responsive: true
});
var navButtons = document.getElementsByClassName("nav-button");
var tabs = document.getElementsByClassName("tab");
var slideIndex = window.sessionStorage.getItem("AnalysisSlideIndex");
if (slideIndex === null) {
slideIndex = 0;
}
var x = document.getElementById("main");
x.style.transform = "translate3d(0px,0px,0)";
x.style.width = "" + navButtons.length * 100 + "%";
for (var i = 0; i < navButtons.length; i++) {
navButtons[i].onclick = openFunc(i);
tabs[i].style.width = "" + 100 / navButtons.length + "%";
}
x.style.opacity = "1";
openFunc(slideIndex)();
function openFunc(i) {
return function () {
var max = navButtons.length;
for (var j = 0; j < max; j++) {
if (navButtons[j].parentElement.classList.contains('active')) {
navButtons[j].parentElement.classList.remove('active');
}
if (j == i) {
navButtons[j].parentElement.classList.add('active');
}
}
var percent = -100 / navButtons.length;
slideIndex = i;
if (slideIndex > max) {
slideIndex = 0
}
if (slideIndex < 0) {
slideIndex = max
}
window.sessionStorage.setItem("AnalysisSlideIndex", slideIndex);
var value = slideIndex * percent;
x.style.transition = "0.5s";
x.style.transform = "translate3d(" + value + "%,0px,0)";
};
}
});
</script>
<!-- Demo Js -->
<script src="js/demo.js"></script>
</body>
</html>

View File

@ -31,6 +31,11 @@
<!-- AdminBSB Themes. You can choose a theme from css/themes instead of get all themes -->
<link href="css/themes/all-themes.css" rel="stylesheet"/>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
</head>
<body class="theme-red">
@ -278,9 +283,6 @@
<script src="plugins/jquery-datatable/jquery.dataTables.js"></script>
<script src="plugins/jquery-datatable/skin/bootstrap/js/dataTables.bootstrap.js"></script>
<!-- Font Awesome -->
<script src="plugins/font-awesome/fa-script.js"></script>
<!-- Header, Sidenav & Skin changer -->
<script src="js/admin.js"></script>
@ -341,4 +343,4 @@
<script src="js/demo.js"></script>
</body>
</html>
</html>

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

View File

@ -34,6 +34,11 @@
<!-- Jquery Core Js -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
</head>
<body class="theme-red">
@ -393,20 +398,20 @@
<div class="m-b--35 font-bold">USER INFORMATION</div>
<ul class="dashboard-stat-list">
<li>
<i class="col-teal fa fa-clock-o"></i> Playtime
<i class="col-teal far fa-clock"></i> Playtime
<small>(TOTAL)</small>
<span class="pull-right">
${playtimeTotal}
</span>
</li>
<li>
<i class="col-teal fa fa-clock-o"></i> Playtime
<i class="col-teal far fa-clock"></i> Playtime
<small>(AVG.)</small>
<span class="pull-right">
${playtimeAverage}
</span>
</li>
<li><i class="col-teal fa fa-calendar-check-o"></i> Sessions<span
<li><i class="col-teal far fa-calendar-check"></i> Sessions<span
class="pull-right">
<b>${sessionCount}</b>
</span></li>
@ -418,7 +423,7 @@
<b>${mobKillCount}</b>
</span></li>
<li>
<i class="col-red fa fa-frown-o"></i> Deaths<span class="pull-right">
<i class="fa fa-skull"></i> Deaths<span class="pull-right">
<b>${deaths}</b>
</span>
</li>
@ -509,7 +514,7 @@
<ul class="nav nav-tabs tab-nav-right" role="tablist">
<li role="presentation" class="active"><a href="#calendarTab"
data-toggle="tab"><i
class="fa fa-calendar"></i> CALENDAR</a></li>
class="far fa-calendar"></i> CALENDAR</a></li>
<li role="presentation"><a href="#punchCardTab" data-toggle="tab"><i
class="fa fa-braille"></i> PUNCHCARD</a></li>
</ul>
@ -672,7 +677,7 @@
<div class="header">
<div class="row clearfix">
<div class="col-xs-6 col-sm-6 col-lg-6">
<h2><i class="col-red fa fa-life-ring"></i> Last 30 Days</h2>
<h2><i class="col-red far fa-life-ring"></i> Last 30 Days</h2>
</div>
<div class="col-xs-6 col-sm-6 col-lg-6">
<a href="javascript:void(0)" class="help material-icons pull-right"
@ -758,7 +763,7 @@
<div class="header">
<div class="row clearfix">
<div class="col-xs-6 col-sm-6 col-lg-6">
<h2><i class="col-teal fa fa-calendar"></i> Most Recent Sessions</h2>
<h2><i class="col-teal far fa-calendar"></i> Most Recent Sessions</h2>
</div>
<div class="col-xs-6 col-sm-6 col-lg-6">
<a href="javascript:void(0)" class="help material-icons pull-right"
@ -780,7 +785,7 @@
<div class="header">
<div class="row clearfix">
<div class="col-xs-6 col-sm-6 col-lg-6">
<h2><i class="col-teal fa fa-clock-o"></i> World Playtime</h2>
<h2><i class="col-teal far fa-clock"></i> World Playtime</h2>
</div>
<div class="col-xs-6 col-sm-6 col-lg-6">
<a href="javascript:void(0)" class="help material-icons pull-right"
@ -824,7 +829,7 @@
data-toggle="tab"><i
class="fa fa-cogs"></i> ALL</a></li>
<li role="presentation"><a href="#tps" data-toggle="tab"><i
class="fa fa-dashboard"></i> TPS</a></li>
class="fa fa-tachometer-alt"></i> TPS</a></li>
<li role="presentation"><a href="#resource" data-toggle="tab"><i
class="fa fa-microchip"></i> CPU & RAM</a></li>
<li role="presentation"><a href="#world" data-toggle="tab"><i
@ -867,12 +872,12 @@
<span class="pull-right"><b>${tpsSpikeMonth}</b></span>
</li>
<li>
<i class="col-orange fa fa-dashboard"></i> TPS
<i class="col-orange fa fa-tachometer-alt"></i> TPS
<small>(AVG.)</small>
<span class="pull-right"><b>${tpsAverageMonth}</b></span>
</li>
<li>
<i class="col-amber fa fa-dashboard"></i> CPU Usage
<i class="col-amber fa fa-tachometer-alt"></i> CPU Usage
<small>(AVG.)</small>
<span class="pull-right"><b>${cpuAverageMonth}</b></span>
</li>
@ -907,12 +912,12 @@
<span class="pull-right"><b>${tpsSpikeWeek}</b></span>
</li>
<li>
<i class="col-orange fa fa-dashboard"></i> TPS
<i class="col-orange fa fa-tachometer-alt"></i> TPS
<small>(AVG.)</small>
<span class="pull-right"><b>${tpsAverageWeek}</b></span>
</li>
<li>
<i class="col-amber fa fa-dashboard"></i> CPU Usage
<i class="col-amber fa fa-tachometer-alt"></i> CPU Usage
<small>(AVG.)</small>
<span class="pull-right"><b>${cpuAverageWeek}</b></span>
</li>
@ -947,12 +952,12 @@
<span class="pull-right"><b>${tpsSpikeDay}</b></span>
</li>
<li>
<i class="col-orange fa fa-dashboard"></i> TPS
<i class="col-orange fa fa-tachometer-alt"></i> TPS
<small>(AVG.)</small>
<span class="pull-right"><b>${tpsAverageDay}</b></span>
</li>
<li>
<i class="col-amber fa fa-dashboard"></i> CPU Usage
<i class="col-amber fa fa-tachometer-alt"></i> CPU Usage
<small>(AVG.)</small>
<span class="pull-right"><b>${cpuAverageDay}</b></span>
</li>
@ -1063,17 +1068,7 @@
</div>
</div>
</div>
<table class="table table-striped">
<thead class="bg-lime">
<tr>
<th><i class="fa fa-terminal"></i> Command</th>
<th><i class="fa fa-list-ol"></i> Times Used</th>
</tr>
</thead>
<tbody class="scrollbar">
${tableBodyCommands}
</tbody>
</table>
${tableCommandUsage}
</div>
</div>
</div>
@ -1111,9 +1106,6 @@
<script src="https://code.highcharts.com/modules/solid-gauge.js"></script>
<script src="https://code.highcharts.com/modules/no-data-to-display.js"></script>
<!-- Font Awesome -->
<script src="plugins/font-awesome/fa-script.js"></script>
<!-- Header, Sidenav & Skin changer -->
<script src="js/admin.js"></script>
@ -1402,4 +1394,4 @@
<script src="js/demo.js"></script>
</body>
</html>
</html>