Upstream/Plan
1
0
Fork 0
mirror of https://github.com/plan-player-analytics/Plan.git synced 2024-07-23 20:55:05 +02:00
Code Issues Projects Releases Wiki Activity

Improved height limiting of tables

Browse Source
This commit is contained in:
Rsl1122 2019-08-14 17:56:23 +03:00
parent d3b7ffe499
commit 59309090a9
5 changed files with 72 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Plan/common/src/main/java/com/djrapitops/plan/data/element/TableContainer.java
View File

@ -67,7 +67,7 @@ public class TableContainer {
return getTableHeader() +
parseHeader() +
parseBody() +
"</table>" + (jqueryDatatable != null ? "</div>" : "");
"</table></div>";
}
public final String parseBody() {

2
Plan/common/src/main/java/com/djrapitops/plan/utilities/html/Html.java
View File

@ -80,7 +80,7 @@ public enum Html {
TABLE_END("</tbody></table>"),
TABLE("<table class=\"table table-striped\">"),
TABLE_SCROLL("<table class=\"table table-striped scrollbar\">"),
TABLE_SCROLL("<div class=\"scrollbar\"><table class=\"table table-striped\">"),
TABLE_JQUERY("<table class=\"table table-bordered table-striped table-hover ${0} dataTable\">"),
TABLE_COLORED("<table class=\"bg-${0} table table-striped\">"),
TABLE_HEAD("<thead>${0}</thead>"),

6
Plan/common/src/main/resources/assets/plan/web/css/style.css
View File

@ -47,6 +47,12 @@
}
}
div.scrollbar {
overflow: hidden;
overflow-y: auto;
max-height: 60vh;
}
.clickable {
cursor: pointer;
}

44
Plan/common/src/main/resources/assets/plan/web/player.html
View File

@ -356,15 +356,19 @@
class="far fa-fw fa-hand-pointer"></i>
<small>Click to expand</small></span></h6>
</div>
<table class="table mb-0" id="tableAccordion">
<thead>
<th><i class="fa fa-fw fa-server"></i> Server</th>
<th><i class="far fa-fw fa-clock"></i> Session Started</th>
<th><i class="far fa-fw fa-clock"></i> Length</th>
<th><i class="far fa-fw fa-map"></i> Most played World</th>
</thead>
<tbody></tbody>
</table>
<div class="scrollbar">
<table class="table mb-0" id="tableAccordion">
<thead>
<tr>
<th><i class="fa fa-fw fa-server"></i> Server</th>
<th><i class="far fa-fw fa-clock"></i> Session Started</th>
<th><i class="far fa-fw fa-clock"></i> Length</th>
<th><i class="far fa-fw fa-map"></i> Most played World</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
</div> <!-- End of Most recent sessions -->
<div class="col-lg-4 mb-4 col-sm-12">
@ -540,15 +544,19 @@
Servers<span class="float-right"><i class="far fa-fw fa-hand-pointer"></i>
<small>Click to expand</small></span></h6>
</div>
<table class="table mb-0" id="tableServerAccordion">
<thead>
<th><i class="fa fa-fw fa-server"></i> Server</th>
<th><i class="far fa-fw fa-clock"></i> Playtime</th>
<th><i class="far fa-fw fa-calendar-plus"></i> Registered</th>
<th><i class="far fa-fw fa-calendar-check"></i> Last Seen</th>
</thead>
<tbody></tbody>
</table>
<div class="scrollbar">
<table class="table mb-0" id="tableServerAccordion">
<thead>
<tr>
<th><i class="fa fa-fw fa-server"></i> Server</th>
<th><i class="far fa-fw fa-clock"></i> Playtime</th>
<th><i class="far fa-fw fa-calendar-plus"></i> Registered</th>
<th><i class="far fa-fw fa-calendar-check"></i> Last Seen</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
</div> <!-- End of Most recent sessions -->
<div class="col-lg-4 mb-4 col-sm-12">

70
Plan/common/src/main/resources/assets/plan/web/server.html
View File

@ -535,18 +535,20 @@
class="far fa-fw fa-hand-pointer"></i>
<small>Click to expand</small></span></h6>
</div>
<table class="table mb-0" id="tableAccordion">
<thead>
<tr>
<th><i class="fa fa-fw fa-user"></i> Player</th>
<th><i class="far fa-fw fa-clock"></i> Session Started</th>
<th><i class="far fa-fw fa-clock"></i> Length</th>
<th><i class="far fa-fw fa-map"></i> Most played World</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<div class="scrollbar" style="height: 80vh">
<table class="table mb-0" id="tableAccordion">
<thead>
<tr>
<th><i class="fa fa-fw fa-user"></i> Player</th>
<th><i class="far fa-fw fa-clock"></i> Session Started</th>
<th><i class="far fa-fw fa-clock"></i> Length</th>
<th><i class="far fa-fw fa-map"></i> Most played World</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div> <!-- End of Most recent sessions -->
<div class="col-lg-4 mb-4 col-sm-12">
@ -699,8 +701,10 @@
class="fas fa-fw fa-crosshairs col-red"></i>
Recent Kills</h6>
</div>
<table class="table" id="playerKillTable">
</table>
<div class="scrollbar">
<table class="table" id="playerKillTable">
</table>
</div>
</div>
</div>
</div>
@ -940,24 +944,26 @@
class="fas fa-fw fa-wifi col-green"></i>
Connection Information</h6>
</div>
<table class="table mb-0">
<thead class="bg-amber">
<tr>
<th><i class=" fa fa-fw fa-globe"></i> Country</th>
<th><i class=" fa fa-fw fa-signal"></i> Average Ping</th>
<th><i class=" fa fa-fw fa-signal"></i> Worst Ping</th>
<th><i class=" fa fa-fw fa-signal"></i> Best Ping</th>
</tr>
</thead>
<tbody>
<tr>
<td>Local Machine</td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
</tbody>
</table>
<div class="scrollbar">
<table class="table mb-0">
<thead class="bg-amber">
<tr>
<th><i class=" fa fa-fw fa-globe"></i> Country</th>
<th><i class=" fa fa-fw fa-signal"></i> Average Ping</th>
<th><i class=" fa fa-fw fa-signal"></i> Worst Ping</th>
<th><i class=" fa fa-fw fa-signal"></i> Best Ping</th>
</tr>
</thead>
<tbody>
<tr>
<td>Local Machine</td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>