mirror of
https://github.com/plan-player-analytics/Plan.git
synced 2025-01-14 12:11:23 +01:00
Help bubbles to server.html + Help bubble next to version with links
This commit is contained in:
Rsl1122
parent
a800d1cbf8
commit
f62ad88ccd
@ -103,8 +103,23 @@
|
||||
<!-- #Menu -->
|
||||
<!-- Footer -->
|
||||
<div class="legal">
|
||||
<div class="version">
|
||||
<b>Player Analytics: </b> v${version}
|
||||
<div class="row clearfix">
|
||||
<div class="col-xs-10 col-sm-10 col-lg-10">
|
||||
<div class="version">
|
||||
<b>Player Analytics: </b> v${version}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-2 col-sm-2 col-lg-2">
|
||||
<a href="javascript:void(0)" class="help material-icons pull-right"
|
||||
data-trigger="focus" data-toggle="popover" data-placement="top"
|
||||
data-container="body" data-html="true"
|
||||
data-original-title="Player Analytics"
|
||||
data-content="Author: Rsl1122
|
||||
<br><br>Tutorials: <a target="_blank" href="https://github.com/Rsl1122/Plan-PlayerAnalytics/wiki">Link</a>
|
||||
<br>Issues: <a target="_blank" href="https://github.com/Rsl1122/Plan-PlayerAnalytics/issues">Link</a>
|
||||
<br><br>Discord: <a target="_blank" href="https://discord.gg/yXKmjzT">Link</a>"
|
||||
>help_outline</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- #Footer -->
|
||||
|
||||
@ -113,8 +113,23 @@
|
||||
<!-- #Menu -->
|
||||
<!-- Footer -->
|
||||
<div class="legal">
|
||||
<div class="version">
|
||||
<b>Player Analytics: </b> v${version}
|
||||
<div class="row clearfix">
|
||||
<div class="col-xs-10 col-sm-10 col-lg-10">
|
||||
<div class="version">
|
||||
<b>Player Analytics: </b> v${version}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-2 col-sm-2 col-lg-2">
|
||||
<a href="javascript:void(0)" class="help material-icons pull-right"
|
||||
data-trigger="focus" data-toggle="popover" data-placement="top"
|
||||
data-container="body" data-html="true"
|
||||
data-original-title="Player Analytics"
|
||||
data-content="Author: Rsl1122
|
||||
<br><br>Tutorials: <a target="_blank" href="https://github.com/Rsl1122/Plan-PlayerAnalytics/wiki">Link</a>
|
||||
<br>Issues: <a target="_blank" href="https://github.com/Rsl1122/Plan-PlayerAnalytics/issues">Link</a>
|
||||
<br><br>Discord: <a target="_blank" href="https://discord.gg/yXKmjzT">Link</a>"
|
||||
>help_outline</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- #Footer -->
|
||||
@ -260,6 +275,9 @@
|
||||
<i class="col-light-green fa fa-user-plus"></i> New | 24h
|
||||
<span class="pull-right"><b>${playersNewDay}</b></span>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
<ul class="dashboard-stat-list">
|
||||
<li>
|
||||
<i class="col-blue fa fa-users"></i> Unique | 7d
|
||||
<span class="pull-right"><b>${playersUniqueWeek}</b></span>
|
||||
@ -268,6 +286,9 @@
|
||||
<i class="col-light-green fa fa-user-plus"></i> New | 7d
|
||||
<span class="pull-right"><b>${playersNewWeek}</b></span>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
<ul class="dashboard-stat-list">
|
||||
<li>
|
||||
<i class="col-blue fa fa-users"></i> Unique | 30d
|
||||
<span class="pull-right"><b>${playersUniqueMonth}</b></span>
|
||||
@ -320,7 +341,7 @@
|
||||
time: {
|
||||
timezoneOffset: ${timeZone} * 60
|
||||
}
|
||||
});
|
||||
})
|
||||
// Data Variables
|
||||
var playersOnlineSeries = {
|
||||
name: 'Players Online',
|
||||
|
||||
@ -129,8 +129,23 @@
|
||||
<!-- #Menu -->
|
||||
<!-- Footer -->
|
||||
<div class="legal">
|
||||
<div class="version">
|
||||
<b>Player Analytics: </b> v${version}
|
||||
<div class="row clearfix">
|
||||
<div class="col-xs-10 col-sm-10 col-lg-10">
|
||||
<div class="version">
|
||||
<b>Player Analytics: </b> v${version}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-2 col-sm-2 col-lg-2">
|
||||
<a href="javascript:void(0)" class="help material-icons pull-right"
|
||||
data-trigger="focus" data-toggle="popover" data-placement="top"
|
||||
data-container="body" data-html="true"
|
||||
data-original-title="Player Analytics"
|
||||
data-content="Author: Rsl1122
|
||||
<br><br>Tutorials: <a target="_blank" href="https://github.com/Rsl1122/Plan-PlayerAnalytics/wiki">Link</a>
|
||||
<br>Issues: <a target="_blank" href="https://github.com/Rsl1122/Plan-PlayerAnalytics/issues">Link</a>
|
||||
<br><br>Discord: <a target="_blank" href="https://discord.gg/yXKmjzT">Link</a>"
|
||||
>help_outline</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- #Footer -->
|
||||
@ -246,7 +261,7 @@
|
||||
data-container="body" data-html="true"
|
||||
data-original-title="Overview"
|
||||
data-content="Quick overview of the Player.
|
||||
<br><br><b>Activity Index:</b> Calculated using the sessions in the last 3 weeks. From 0 to 5."
|
||||
<br><br><b>Activity Index:</b> Calculated using the sessions in the last 3 weeks. From 0 to 5."
|
||||
>help_outline</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -103,8 +103,23 @@
|
||||
<!-- #Menu -->
|
||||
<!-- Footer -->
|
||||
<div class="legal">
|
||||
<div class="version">
|
||||
<b>Player Analytics: </b> v${version}
|
||||
<div class="row clearfix">
|
||||
<div class="col-xs-10 col-sm-10 col-lg-10">
|
||||
<div class="version">
|
||||
<b>Player Analytics: </b> v${version}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-2 col-sm-2 col-lg-2">
|
||||
<a href="javascript:void(0)" class="help material-icons pull-right"
|
||||
data-trigger="focus" data-toggle="popover" data-placement="top"
|
||||
data-container="body" data-html="true"
|
||||
data-original-title="Player Analytics"
|
||||
data-content="Author: Rsl1122
|
||||
<br><br>Tutorials: <a target="_blank" href="https://github.com/Rsl1122/Plan-PlayerAnalytics/wiki">Link</a>
|
||||
<br>Issues: <a target="_blank" href="https://github.com/Rsl1122/Plan-PlayerAnalytics/issues">Link</a>
|
||||
<br><br>Discord: <a target="_blank" href="https://discord.gg/yXKmjzT">Link</a>"
|
||||
>help_outline</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- #Footer -->
|
||||
|
||||
@ -162,8 +162,23 @@
|
||||
<!-- #Menu -->
|
||||
<!-- Footer -->
|
||||
<div class="legal">
|
||||
<div class="version">
|
||||
<b>Player Analytics: </b> v${version}
|
||||
<div class="row clearfix">
|
||||
<div class="col-xs-10 col-sm-10 col-lg-10">
|
||||
<div class="version">
|
||||
<b>Player Analytics: </b> v${version}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-2 col-sm-2 col-lg-2">
|
||||
<a href="javascript:void(0)" class="help material-icons pull-right"
|
||||
data-trigger="focus" data-toggle="popover" data-placement="top"
|
||||
data-container="body" data-html="true"
|
||||
data-original-title="Player Analytics"
|
||||
data-content="Author: Rsl1122
|
||||
<br><br>Tutorials: <a target="_blank" href="https://github.com/Rsl1122/Plan-PlayerAnalytics/wiki">Link</a>
|
||||
<br>Issues: <a target="_blank" href="https://github.com/Rsl1122/Plan-PlayerAnalytics/issues">Link</a>
|
||||
<br><br>Discord: <a target="_blank" href="https://discord.gg/yXKmjzT">Link</a>"
|
||||
>help_outline</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- #Footer -->
|
||||
@ -319,9 +334,18 @@
|
||||
<div class="card">
|
||||
<div class="header">
|
||||
<div class="row clearfix">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<div class="col-xs-6 col-sm-6 col-lg-6">
|
||||
<h2><i class="col-blue fa fa-area-chart"></i> Online Activity</h2>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-6 col-lg-6">
|
||||
<a href="javascript:void(0)" class="help material-icons pull-right"
|
||||
data-trigger="focus" data-toggle="popover" data-placement="left"
|
||||
data-container="body" data-html="true"
|
||||
data-original-title="Player Online Activity"
|
||||
data-content="Chart of Player Counts, recorded by TPS task.
|
||||
<br><br>TPS task starts 50 seconds after Plan enables and records Maximum player count for each minute."
|
||||
>help_outline</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="body">
|
||||
@ -408,6 +432,13 @@
|
||||
<div class="card scrollbar">
|
||||
<div class="body bg-white">
|
||||
<div class="font-bold m-b--35">RECENT LOGINS</div>
|
||||
<a href="javascript:void(0)" class="help material-icons pull-right"
|
||||
data-trigger="focus" data-toggle="popover" data-placement="left"
|
||||
data-container="body" data-html="true"
|
||||
data-original-title="Recent Logins"
|
||||
data-content="Names of the most recently logged in users.
|
||||
<br><br>If the login was player's first session the name is green."
|
||||
>help_outline</a>
|
||||
<ul class="dashboard-stat-list">
|
||||
${listRecentLogins}
|
||||
</ul>
|
||||
@ -425,9 +456,18 @@
|
||||
<div class="card">
|
||||
<div class="header">
|
||||
<div class="row clearfix">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<div class="col-xs-6 col-sm-6 col-lg-6">
|
||||
<h2><i class="col-blue fa fa-area-chart"></i> Online Activity</h2>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-6 col-lg-6">
|
||||
<a href="javascript:void(0)" class="help material-icons pull-right"
|
||||
data-trigger="focus" data-toggle="popover" data-placement="left"
|
||||
data-container="body" data-html="true"
|
||||
data-original-title="Player Online Activity"
|
||||
data-content="Chart of Player Counts, recorded by TPS task.
|
||||
<br><br>TPS task starts 50 seconds after Plan enables and records Maximum player count for each minute."
|
||||
>help_outline</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="body">
|
||||
@ -439,9 +479,17 @@
|
||||
<div class="card">
|
||||
<div class="header">
|
||||
<div class="row clearfix">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<div class="col-xs-6 col-sm-6 col-lg-6">
|
||||
<h2><i class="col-black fa fa-braille"></i> Punchcard</h2>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-6 col-lg-6">
|
||||
<a href="javascript:void(0)" class="help material-icons pull-right"
|
||||
data-trigger="focus" data-toggle="popover" data-placement="left"
|
||||
data-container="body" data-html="true"
|
||||
data-original-title="Player Join PunchCard"
|
||||
data-content="Chart displays the time and days players usually join the server.<br><br>Unlike Player page punchcard, only the last 30 days are included.<br><br><b>Relative Activity:</b> Size of a dot is relative to amount of sessions started in that hour."
|
||||
>help_outline</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="body">
|
||||
@ -567,9 +615,18 @@
|
||||
<div class="card">
|
||||
<div class="header">
|
||||
<div class="row clearfix">
|
||||
<div class="col-xs-12 col-sm-12">
|
||||
<div class="col-xs-6 col-sm-6 col-lg-6">
|
||||
<h2><i class="col-red fa fa-heartbeat"></i> Server 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"
|
||||
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">
|
||||
@ -583,9 +640,21 @@
|
||||
<div class="card">
|
||||
<div class="header">
|
||||
<div class="row clearfix">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<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>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-6 col-lg-6">
|
||||
<a href="javascript:void(0)" class="help material-icons pull-right"
|
||||
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">
|
||||
@ -600,9 +669,21 @@
|
||||
<div class="card">
|
||||
<div class="header">
|
||||
<div class="row clearfix">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<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"
|
||||
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">
|
||||
@ -614,9 +695,20 @@
|
||||
<div class="card">
|
||||
<div class="header">
|
||||
<div class="row clearfix">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<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"
|
||||
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">
|
||||
@ -634,9 +726,17 @@
|
||||
<div class="card">
|
||||
<div class="header">
|
||||
<div class="row clearfix">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<div class="col-xs-6 col-sm-6 col-lg-6">
|
||||
<h2><i class="col-teal fa 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"
|
||||
data-trigger="focus" data-toggle="popover" data-placement="left"
|
||||
data-container="body" data-html="true"
|
||||
data-original-title="Sessions Accordion"
|
||||
data-content="Latest sessions.<br><br>Each header can be clicked to open a detailed overview of the session.<br><br>World & GameMode playtime is available for each Session."
|
||||
>help_outline</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
${accordionSessions}
|
||||
@ -648,9 +748,17 @@
|
||||
<div class="card">
|
||||
<div class="header">
|
||||
<div class="row clearfix">
|
||||
<div class="col-xs-12 col-sm-12">
|
||||
<div class="col-xs-6 col-sm-6 col-lg-6">
|
||||
<h2><i class="col-teal fa fa-clock-o"></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"
|
||||
data-trigger="focus" data-toggle="popover" data-placement="left"
|
||||
data-container="body" data-html="true"
|
||||
data-original-title="Total World Playtime"
|
||||
data-content="Total Playtime & GameMode split for each world.<br><br>Slices can be hidden by clicking a world name in the legend.<br><br>World Aliases (config) can be used to group multiple worlds together."
|
||||
>help_outline</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="body">
|
||||
@ -669,16 +777,31 @@
|
||||
<div class="card">
|
||||
<div class="body">
|
||||
<!-- Nav tabs -->
|
||||
<ul class="nav nav-tabs tab-nav-right" role="tablist">
|
||||
<li role="presentation" class="active"><a href="#performance" 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>
|
||||
<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 class="fa fa-map"></i>
|
||||
WORLD LOAD</a></li>
|
||||
</ul>
|
||||
<div class="row clearfix">
|
||||
<div class="col-xs-12 col-sm-12 col-lg-12">
|
||||
<a href="javascript:void(0)" class="help material-icons pull-right"
|
||||
data-trigger="focus" data-toggle="popover" data-placement="left"
|
||||
data-container="body" data-html="true"
|
||||
data-original-title="Performance Charts"
|
||||
data-content="Charts of different performance metrics, recorded by TPS task.
|
||||
<br><br>TPS task starts 50 seconds after Plan enables and records Maximum player count & Average of other metrics for each minute.
|
||||
<br><br>Any dataset can be hidden by clicking the name in the legend.
|
||||
<br><br>Note: Due to JVM performance restraints CPU usage may be unavailable on some Machines."
|
||||
>help_outline</a>
|
||||
<ul class="nav nav-tabs tab-nav-right" role="tablist">
|
||||
<li role="presentation" class="active"><a href="#performance"
|
||||
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>
|
||||
<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
|
||||
class="fa fa-map"></i>
|
||||
WORLD LOAD</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content">
|
||||
@ -832,9 +955,24 @@
|
||||
<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 class="row clearfix">
|
||||
<div class="col-xs-6 col-sm-6 col-lg-6">
|
||||
<h2>
|
||||
<i class="fa fa-users"></i> Player List
|
||||
</h2>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-6 col-lg-6">
|
||||
<a href="javascript:void(0)" class="help material-icons pull-right"
|
||||
data-trigger="focus" data-toggle="popover" data-placement="left"
|
||||
data-container="body" data-html="true"
|
||||
data-original-title="Playerlist"
|
||||
data-content="Most Recent Players. Amount of players is limited to improve performance, but it can be changed in the config.
|
||||
<br><br>Search can be used to limit the activity group (eg. search for '(Active)'), Geolocation or for finding players.
|
||||
<br><br>By clicking a column the table is sorted by that column desc/asc.
|
||||
<br><br>Similar but larger table is available on /players-page."
|
||||
>help_outline</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="body">
|
||||
<div class="table-responsive">
|
||||
@ -854,9 +992,19 @@
|
||||
<div class="card">
|
||||
<div class="header">
|
||||
<div class="row clearfix">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<div class="col-xs-6 col-sm-6 col-lg-6">
|
||||
<h2><i class="col-green fa fa-globe"></i> Geolocations</h2>
|
||||
</div>
|
||||
<div class="col-xs-6 col-sm-6 col-lg-6">
|
||||
<a href="javascript:void(0)" class="help material-icons pull-right"
|
||||
data-trigger="focus" data-toggle="popover" data-placement="left"
|
||||
data-container="body" data-html="true"
|
||||
data-original-title="Player Locations"
|
||||
data-content="Each player's most recent login IP is used to get a Geolocation, which is displayed here.
|
||||
<br><br>'Local Machine' connections are not displayed
|
||||
<br><br>Map can be zoomed using the mouse wheel or by pinching."
|
||||
>help_outline</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="body">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user