mirror of
https://github.com/plan-player-analytics/Plan.git
synced 2025-01-21 15:41:24 +01:00
4.3.3 DEV2
This commit is contained in:
parent
1a069db1c3
commit
bd2ffdce22
@ -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>
|
||||
|
@ -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>
|
@ -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(> 3,5) Active(> 1.75) Regular(> 1.0) Irregular(> 0.5) Inactive(< 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(> 3,5) Active(> 1.75) Regular(> 1.0) Irregular(> 0.5) Inactive(< 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
@ -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>
|
||||
|
@ -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>
|
@ -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
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user