From 6e3d75621c1d47e97fb382a3bf03e2d99d5070b9 Mon Sep 17 00:00:00 2001 From: Rsl1122 Date: Tue, 23 May 2017 23:10:05 +0300 Subject: [PATCH] Added Suggestion #96 - Web pages now mobile friendly --- Plan/src/main/resources/analysis.html | 487 ++++++++++++++++++++++---- Plan/src/main/resources/player.html | 459 +++++++++++++++++------- 2 files changed, 754 insertions(+), 192 deletions(-) diff --git a/Plan/src/main/resources/analysis.html b/Plan/src/main/resources/analysis.html index 9a09e89e7..0320e0a8a 100644 --- a/Plan/src/main/resources/analysis.html +++ b/Plan/src/main/resources/analysis.html @@ -4,6 +4,7 @@ Plan | Server Analysis + @@ -13,7 +14,7 @@ header { top: 0; left: 0; width: 100%; - height: 10%; + height: 88px; padding: 0px; background-color: #348e0f; z-index: 1; @@ -35,7 +36,7 @@ body { background-color: #5cb239; overflow-x: hidden; transition: 0.5s; - padding-top: 5.4%; + padding-top: 88px; text-align: left; } .sidenav p { @@ -76,7 +77,7 @@ body { } .main-wrapper { - margin-top: 5.5%; + margin-top: 88px; transform: translate3d(0, 0, 0); opacity: 0; transition: 1.5s; @@ -87,22 +88,31 @@ body { padding: 5px; text-decoration: none;!important; color: #000 - width: 100%; + text-align: left; + margin: 5px; + padding: 5px; } .box p { color: #000; } - .tab { width: 20%; height: 100%; float: left; + display: flex; + text-align: left; + align-content: flex-start; } .content { - text-align: center; - padding: 5px; - margin: 0px; + text-align: center; + padding: 5px; + margin: 0px; +} +.row { + width: 50%; + display: flex; + flex-direction: column; } .columns { display: flex; @@ -110,22 +120,9 @@ body { .column { flex: 1; } -.column-one { - order: 1; -} -.column-two { - order: 2; -} -.column-three { - order: 3; -} -.about { - text-align: left; - margin: 5px; - padding: 5px; -} .box-area { width: 100%; + display: flex; } .infobox { margin-left: 3px; @@ -225,19 +222,71 @@ table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sor .plugin-data { color: #000; } +header img { + float: right; + padding: 5px; + display: inline; +} +header p { + float: right; + text-align: right; +} +#navbutton { + display: none; + font-size: 40px; + cursor:pointer; +} +@media only screen and (max-width: 850px) { + #navbutton { + display: inline; + } + .sidenav p { + display: none; + } + header { + margin: 0px; + padding 0px; + } + header h1 { + margin: 0px; + } + header img { + margin: 0px; + padding: 0px; + margin-right: 0px; + } + header p { + margin: 0px; + margin-top: 5px; + } + .tab { + flex-direction: column; + } + .row { + width: 100%; + } + .sidenav { + width: 0%; + transition: 0s; + } + .main-limiter { + margin-left: 0%; + width: 100%; + } +}
- Player Analytics | Analysis -

Player Analytics v.%version%

-

Plan | Server Analysis

+ Player Analytics | Analysis +

Player Analytics v.%version%

+

☰ Plan | Server Analysis

-
+

Last Refresh:
%refresh% ago

Information @@ -245,6 +294,9 @@ table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sor Online Activity + + Sessions + Playerlist @@ -258,11 +310,11 @@ table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sor Plugins
-
+
-
-
+
+
Player Activity - Last 24h
@@ -281,8 +333,17 @@ table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sor
+
-
+
+

Recent Logins

+
+ %recentlogins% +
+
+
+
+
Information
@@ -301,17 +362,12 @@ table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sor
-
-
-
-
-
-
-

Total Playtime: %totalplaytime% | Player Average: %avgplaytime%
Average Session Length: %sessionaverage%
Total Login times: %totallogins%
Player kills: %playerkills% | Mob kills: %mobkills% | Deaths: %deaths%

+
+

Gamemode Usage


@@ -367,23 +423,13 @@ table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sor
-
-
-
-
-

Recent Logins

-
- %recentlogins% -
-
-
-
-
+
+
Player Activity - Last 24h
@@ -403,6 +449,8 @@ table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sor
+
+
Player Activity - Last 7d
@@ -422,6 +470,8 @@ table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sor
+
+
Player Activity - Last 30d
@@ -442,7 +492,9 @@ table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sor
-
+
+
+
Playerbase Composition
@@ -516,6 +568,8 @@ table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sor



+
+

Recent Logins

%recentlogins% @@ -523,9 +577,83 @@ table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sor
+
+
+
+
+
+
PunchCard
+
+
+
+ +
+
+
+ %totallogins% +
+
+ Login Times +
+
+
+
+ +
+
+
+
+
+
+
Length Distribution
+
+
+
+ +
+
+
+ %sessionaverage% +
+
+ Average Length +
+
+
+
+ +
+
+ +
-
-
+
+
Playerlist
@@ -544,10 +672,6 @@ table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sor
-
-
-
-
@@ -568,8 +692,8 @@ table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sor
-
-
+
+
Command usage
@@ -588,10 +712,6 @@ table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sor
-
-
-
-
@@ -607,8 +727,8 @@ table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sor
-
-
+
+
Geolocations
@@ -627,8 +747,11 @@ table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sor
-
-
+
+
+
+
+
Gender Distribution
@@ -660,23 +783,26 @@ table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sor
-
-
-
-
-
-
-
-
+
%plugins%
+ + + \ No newline at end of file