Optimize some .js and .html files

Update German language
This commit is contained in:
Fuzzlemann 2017-08-20 16:46:19 +02:00
parent eac4239b77
commit 4dac747fed
13 changed files with 96 additions and 89 deletions

View File

@ -22,7 +22,7 @@
<div class="row">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-bar-chart" aria-hidden="true"></i> Players Online</h2>
<h2><i class="fa fa-bar-chart"></i> Players Online</h2>
</div>
<div class="box-footer">
<div id="playersOnline" style="width: 100%; height: 500px;"></div>
@ -30,7 +30,7 @@
</div>
<div class="column">
<div class="box-header">
<h2><i class="fa fa-info-circle" aria-hidden="true"></i> Information</h2>
<h2><i class="fa fa-info-circle"></i> Information</h2>
</div>
<div class="box" style="height: 75%;">
<p>${playersOnline}/${playersMax} Players Online</p>
@ -45,15 +45,15 @@
<script>
var playersOnlineSeries = {
name: 'Players Online',
data: %playersonlineseries%,
data: ${playersonlineseries},
type: 'areaspline',
color: '#%playersgraphcolor%',
color: '#${playersgraphcolor}',
tooltip: {
valueDecimals: 0
}
};
/*playersChart('playerChart', playersOnlineSeries, 3);*/
//playersChart('playerChart', playersOnlineSeries, 3);
</script>
</body>
</html>

View File

@ -72,7 +72,7 @@
</div>
<div class="box-footer scrollbar" style="padding: 2px;">
<div class="row">
<div class="column" style="padding: 5px 0px 5px 10px;"><p>Times Kicked: ${kickCount}<br>
<div class="column" style="padding: 5px 0 5px 10px;"><p>Times Kicked: ${kickCount}<br>
</p></div>
<div class="column"><img style="padding: 10px 100px; height: 100px; width: 100px;"
src="https://cravatar.eu/avatar/${playerName}/100"></div>
@ -192,14 +192,14 @@
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)
navButtons[i].onclick = openFunc(i);
tabs[i].style.width = "" + 100 / navButtons.length + "%";
}
x.style.opacity = "1";
openFunc(slideIndex)();
function openFunc(i) {
return function() {
return function() {
var max = navButtons.length;
for (var j = 0; j < max; j++) {
if (j === i) {
@ -210,12 +210,16 @@
navButtons[j].classList.remove('active');
}
}
var perc = - 100 / navButtons.length;
var percent = - 100 / navButtons.length;
slideIndex = i;
if (slideIndex > max) {slideIndex = 0};
if (slideIndex < 0) {slideIndex = max};
if (slideIndex > max) {
slideIndex = 0;
}
if (slideIndex < 0) {
slideIndex = max;
}
window.sessionStorage.setItem("InspectSlideIndex", slideIndex);
var value = slideIndex * perc;
var value = slideIndex * percent;
x.style.transition = "0.5s";
x.style.transform = "translate3d(" + value + "%,0px,0)";
};

View File

@ -21,28 +21,28 @@
<div class="content-server">
<div class="nav-bar row">
<a href="javascript:void(0)" class="nav-button">
<i class="fa fa-info-circle" aria-hidden="true"></i> Information
<i class="fa fa-info-circle"></i> Information
</a>
<a href="javascript:void(0)" class="nav-button">
<i class="fa fa-bar-chart" aria-hidden="true"></i> Online Activity
<i class="fa fa-bar-chart"></i> Online Activity
</a>
<a href="javascript:void(0)" class="nav-button">
<i class="fa fa-calendar" aria-hidden="true"></i> Sessions
<i class="fa fa-calendar"></i> Sessions
</a>
<a href="javascript:void(0)" class="nav-button">
<i class="fa fa-cogs" aria-hidden="true"></i> Performance
<i class="fa fa-cogs"></i> Performance
</a>
<a href="javascript:void(0)" class="nav-button">
<i class="fa fa-list-alt" aria-hidden="true"></i> Playerlist
<i class="fa fa-list-alt"></i> Playerlist
</a>
<a href="javascript:void(0)" class="nav-button">
<i class="fa fa-terminal" aria-hidden="true"></i> Command usage
<i class="fa fa-terminal"></i> Command usage
</a>
<a href="javascript:void(0)" class="nav-button">
<i class="fa fa-globe" aria-hidden="true"></i> Demographics
<i class="fa fa-globe"></i> Demographics
</a>
<a href="javascript:void(0)" class="nav-button">
<i class="fa fa-cubes" aria-hidden="true"></i> Plugins
<i class="fa fa-cubes"></i> Plugins
</a>
</div>
<div id="limiter" class="main-limiter">
@ -51,7 +51,7 @@
<div class="row">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-bar-chart" aria-hidden="true"></i> Players Online</h2>
<h2><i class="fa fa-bar-chart"></i> Players Online</h2>
</div>
<div class="box-footer">
<div id="playersOnlineDay" style="width: 100%; height: 700px;"></div>
@ -59,7 +59,7 @@
</div>
<div class="column">
<div class="box-header">
<h2><i class="fa fa-info-circle" aria-hidden="true"></i> Information</h2>
<h2><i class="fa fa-info-circle"></i> Information</h2>
</div>
<div class="box" style="margin-bottom: 5px;">
<div class="row">
@ -91,7 +91,7 @@
</div>
</div>
<div class="box-header">
<h2><i class="fa fa-calendar-check-o" aria-hidden="true"></i> Recent Logins</h2>
<h2><i class="fa fa-calendar-check-o"></i> Recent Logins</h2>
</div>
<div class="box-footer" style="padding: 2px;">
<table>
@ -113,7 +113,7 @@
<div class="row">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-bar-chart" aria-hidden="true"></i> Players Online</h2>
<h2><i class="fa fa-bar-chart"></i> Players Online</h2>
</div>
<div class="box-footer">
<div id="playersOnlineMonth" style="width: 100%; height: 700px;"></div>
@ -121,7 +121,7 @@
</div>
<div class="column">
<div class="box-header">
<h2><i class="fa fa-braille" aria-hidden="true"></i> Player Join PunchCard</h2>
<h2><i class="fa fa-braille"></i> Player Join PunchCard</h2>
</div>
<div class="box-footer">
<div id="punchcard" style="width: 100%; height: 700px;"></div>
@ -168,7 +168,7 @@
<div class="row" style="flex-grow: 2; width: 140%;">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-calendar" aria-hidden="true"></i> 50 Most Recent Sessions</h2>
<h2><i class="fa fa-calendar"></i> 50 Most Recent Sessions</h2>
</div>
<div class="box-footer scrollbar" style="padding: 2px;">
<table class="sortable table">
@ -190,13 +190,13 @@
<div class="row">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-pie-chart" aria-hidden="true"></i> World Playtime</h2>
<h2><i class="fa fa-pie-chart"></i> World Playtime</h2>
</div>
<div class="box-footer">
<div id="worldPie" style="width: 100%; height: 450px;"></div>
</div>
<div class="box-header">
<h2><i class="fa fa-pie-chart" aria-hidden="true"></i> Playerbase</h2>
<h2><i class="fa fa-pie-chart"></i> Playerbase</h2>
</div>
<div class="box-footer">
<div id="activityPie" style="width: 100%; height: 450px;"></div>
@ -209,7 +209,7 @@
<div class="row"> <!--First row (horizontal)-->
<div class="column">
<div class="box-header">
<h2><i class="fa fa-bar-chart" aria-hidden="true"></i> Ticks Per Second</h2>
<h2><i class="fa fa-bar-chart"></i> Ticks Per Second</h2>
</div>
<div class="box-footer">
<div id="tpsGraph" style="width: 100%; height: 700px;"></div>
@ -217,7 +217,7 @@
</div>
<div class="column">
<div class="box-header">
<h2><i class="fa fa-bar-chart" aria-hidden="true"></i> Resource Usage</h2>
<h2><i class="fa fa-bar-chart"></i> Resource Usage</h2>
</div>
<div class="box-footer">
<div id="resourceGraph" style="width: 100%; height: 700px;"></div>
@ -227,7 +227,7 @@
<div class="row">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-bar-chart" aria-hidden="true"></i> World Load</h2>
<h2><i class="fa fa-bar-chart"></i> World Load</h2>
</div>
<div class="box-footer">
<div id="worldGraph" style="width: 100%; height: 700px;"></div>
@ -236,7 +236,7 @@
<div class="row">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-cogs" aria-hidden="true"></i> Last 24 Hours</h2>
<h2><i class="fa fa-cogs"></i> Last 24 Hours</h2>
</div>
<div class="box">
<p><b>Averages:</b></p>
@ -251,7 +251,7 @@
</div>
<div class="column">
<div class="box-header">
<h2><i class="fa fa-cogs" aria-hidden="true"></i> Last 7 Days</h2>
<h2><i class="fa fa-cogs"></i> Last 7 Days</h2>
</div>
<div class="box">
<p><b>Averages:</b></p>
@ -271,19 +271,19 @@
<div id="tab-playerlist" class="tab">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-list" aria-hidden="true"></i> Playerlist</h2>
<h2><i class="fa fa-list"></i> Playerlist</h2>
</div>
<div class="box-footer scrollbar" style="padding: 2px;">
<table class="sortable table">
<thead>
<tr>
<th><i class="fa fa-user" aria-hidden="true"></i> Player</th>
<th><i class="fa fa-check" aria-hidden="true"></i> Active</th>
<th><i class="fa fa-clock-o" aria-hidden="true"></i> Playtime</th>
<th><i class="fa fa-calendar-plus-o" aria-hidden="true"></i> Login times</th>
<th><i class="fa fa-user-plus" aria-hidden="true"></i> Registered</th>
<th><i class="fa fa-calendar-check-o" aria-hidden="true"></i> Last seen</th>
<th><i class="fa fa-globe" aria-hidden="true"></i> Geolocation</th>
<th><i class="fa fa-user"></i> Player</th>
<th><i class="fa fa-check"></i> Active</th>
<th><i class="fa fa-clock-o"></i> Playtime</th>
<th><i class="fa fa-calendar-plus-o"></i> Login times</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>
<tbody>
@ -296,14 +296,14 @@
<div id="tab-command-usage" class="tab">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-terminal" aria-hidden="true"></i> Command Usage</h2>
<h2><i class="fa fa-terminal"></i> Command Usage</h2>
</div>
<div class="box-footer scrollbar" style="padding: 2px;">
<table class="sortable table">
<thead>
<tr>
<th><i class="fa fa-chevron-right" aria-hidden="true"></i> Command</th>
<th><i class="fa fa-list-ol" aria-hidden="true"></i> Times used</th>
<th><i class="fa fa-chevron-right"></i> Command</th>
<th><i class="fa fa-list-ol"></i> Times used</th>
</tr>
</thead>
<tbody>
@ -316,7 +316,7 @@
<div id="tab-demographics" class="tab">
<div class="column">
<div class="box-header">
<h2><i class="fa fa-globe" aria-hidden="true"></i> Geolocations</h2>
<h2><i class="fa fa-globe"></i> Geolocations</h2>
</div>
<div class="box-footer" style="padding: 2px;">
<div id="choropleth" style="width: 100%; height: 700px;"></div>
@ -345,7 +345,7 @@
<script>
Highcharts.setOptions({
global: {
timezoneOffset: ${timeZone} * 60
timezoneOffset: ${timeZone} * 60
}
});
// Data Variables
@ -489,7 +489,7 @@
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)
navButtons[i].onclick = openFunc(i);
tabs[i].style.width = "" + 100 / navButtons.length + "%";
}
x.style.opacity = "1";
@ -519,12 +519,16 @@
navButtons[j].classList.remove('active');
}
}
var perc = - 100 / navButtons.length;
var percent = - 100 / navButtons.length;
slideIndex = i;
if (slideIndex > max) {slideIndex = 0};
if (slideIndex < 0) {slideIndex = max};
if (slideIndex > max) {
slideIndex = 0
}
if (slideIndex < 0) {
slideIndex = max
}
window.sessionStorage.setItem("AnalysisSlideIndex", slideIndex);
var value = slideIndex * perc;
var value = slideIndex * percent;
x.style.transition = "0.5s";
x.style.transform = "translate3d(" + value + "%,0px,0)";
};

View File

@ -1,5 +1,5 @@
function activityPie(id, activitySeries, activityTotal, activityColors) {
var myChart = Highcharts.chart(id, {
Highcharts.chart(id, {
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,

View File

@ -1,6 +1,6 @@
$(".plugins-header").click(function () {
$header = $(this);
$content = $header.next();
var $header = $(this);
var $content = $header.next();
$(this).parent().siblings().children().next().slideUp(500);
$content.slideToggle(500, function () {
//execute this after slideToggle is done

View File

@ -11,7 +11,7 @@ function punchCard(id, punchcardSeries) {
tickInterval: 3600000
},
yAxis: {
categories: ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'],
categories: ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday']
},
tooltip: {
pointFormat: 'Activity: {point.z}'

View File

@ -1,5 +1,5 @@
function resourceChart(id, cpuSeries, ramSeries) {
var myChart = Highcharts.stockChart(id, {
Highcharts.stockChart(id, {
rangeSelector: {
selected: 1,
buttons: [{

View File

@ -1,6 +1,6 @@
$(".session-header").click(function () {
$header = $(this);
$content = $header.next();
var $header = $(this);
var $content = $header.next();
$(this).parent().siblings().children().next().slideUp(500);
$content.slideToggle(500, function () {
//execute this after slideToggle is done

View File

@ -1,5 +1,5 @@
function tpsChart(id, tpsSeries, playersOnlineSeries) {
var myChart = Highcharts.stockChart(id, {
Highcharts.stockChart(id, {
rangeSelector: {
selected: 1,
buttons: [{
@ -31,7 +31,7 @@ function tpsChart(id, tpsSeries, playersOnlineSeries) {
title: {
text: 'Players'
},
height: '30%',
height: '30%'
}, {
lineWidth: 2,
labels: {
@ -43,8 +43,7 @@ function tpsChart(id, tpsSeries, playersOnlineSeries) {
},
height: '70%',
top: '30%',
offset: 0,
lineWidth: 2
offset: 0
}],
tooltip: {
split: true

View File

@ -1,5 +1,5 @@
function worldChart(id, entitySeries, chunkSeries) {
var myChart = Highcharts.stockChart(id, {
Highcharts.stockChart(id, {
rangeSelector: {
selected: 1,
buttons: [{

View File

@ -1,5 +1,5 @@
function worldMap(id, colorMin, colorMax, mapSeries) {
var myChart = Highcharts.mapChart(id, {
Highcharts.mapChart(id, {
chart: {
animation: true
},

View File

@ -1,25 +1,25 @@
function worldPie(id, worldSeries, worldTotal) {
var myChart = Highcharts.chart(id, {
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
type: 'pie'
},
subtitle: {text: worldTotal},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.2f}%</b>'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: false
},
showInLegend: true
}
},
series: [worldSeries]
});
Highcharts.chart(id, {
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
type: 'pie'
},
subtitle: {text: worldTotal},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.2f}%</b>'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: false
},
showInLegend: true
}
},
series: [worldSeries]
});
}

View File

@ -95,7 +95,7 @@ Html - OP || , Operator (Op)
Html - Table No Kills || Keine Kills
Manage FAIL - Confirm Action || §c[Plan] Füge -a hinzu um den Befehl zu bestätigen! ${0}
Manage FAIL - Faulty DB Connection || §c[Plan] Eine der Datenbanken wurde nicht richtig initialisiert.
Manage FAIL - Backup File Not Found || §c[Plan] Sicherheitskopie existiert nicht!
Manage FAIL - Backup File Not Found || §c[Plan] Es existiert keine Sicherheitskopie!
Manage FAIL - Incorrect DB || §c[Plan] Falsche Datenbank! (SQlite/MySQL wird unterstützt):
Manage FAIL - Incorrect Plugin || §c[Plan] Plugin nicht unterstützt:
Manage FAIL - Empty DB || §c[Plan] Datenbank hat keine Spieler Daten!
@ -114,4 +114,4 @@ Manage NOTIFY - Overwrite || Daten in ${0}-Datenbank werden übe
Manage NOTIFY - Partial Overwrite || Einige Daten in ${0}-Datenbank werden überschrieben!
Manage NOTIFY - Remove || Daten in ${0}-Datenbank werden entfernt!
Manage NOTIFY - Rewrite || Daten in ${0}-Datenbank werden neu geschrieben!
WARN - Too Small Queue Size || Warteschlagengröße ist zu klein! (${0}), änder diese Einstellung zu einer höheren! (Derzeit ${1})
WARN - Too Small Queue Size || Die Warteschlagengröße ist zu klein! (${0}), änder' diese Einstellung zu einer höheren! (Derzeit ${1})