Files
Elite-Gaming-FiveM/resources/EGRP-Playerlist/NUI/panel.html
T

99 lines
3.9 KiB
HTML

<html>
<head>
<script src="nui://game/ui/jquery.js" type="text/javascript"></script>
<!--
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
-->
<script src="panel.js" type="text/javascript"></script>
<title>Badger Server List</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="panel.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" integrity="sha256-h20CPZ0QyXlBuAw7A+KluUYx/3pK+c7lYEpqLTlxjYQ=" crossorigin="anonymous" />
</head>
<body id="body">
<div class="container" id="wrap">
<div class="container-box">
<div id="contain">
<!-- Removed here to prevent bug
<div class="container-head">
<img src="https://cdn.discordapp.com/attachments/710288826031013948/830177446921764955/FiveMbanner_skyline_BG_semicool_1.gif" id="serverIcon" width="90%" />
</div>
-->
<!--<div class="row container-jobs text-center justify-content-center">
<div class="col-lg-2">
<div class="job-count" style="color:red;">
👨‍⚕️ <span id="ems">100</span>
</div>
</div>
<div class="col-lg-2">
<div class="job-count" style="color:#5ea1e0;">
👮🏻 <span id="police">100</span>
</div>
</div>
<div class="col-lg-2">
<div class="job-count" style="color:yellow;">
🚕 <span id="taxi">100</span>
</div>
</div>
<div class="col-lg-2">
<div class="job-count" style="color:white;">
🔧 <span id="mechanic">100</span>
</div>
</div>
<div class="col-lg-2">
<div class="job-count" style="color:lightblue;">
🚗 <span id="cardealer">100</span>
</div>
</div>
<div class="col-lg-2">
<div class="job-count" style="color:#58ce93;">
🏘️ <span id="estate">100</span>
</div>
</div>
</div>-->
<table class="table table-striped table-dark table-bordered">
<tr>
<th>Discord</th>
<th>Name</th>
<th>ID</th>
<th>Ping</th>
</tr>
<tbody id="leftCol">
<!--
<tr class="player-box">
<td><img src="https://esx-scripts.com/wp-content/uploads/2021/01/Release-BadgerEssentials-v2-Essential-HUD-script-for-RP-servers.jpeg" class="img-fluid rounded-circle" /> DiscordName</td>
<td>Name</td>
<td>22</td>
<td class="ping">22ms</td>
</tr>
<tr class="player-box">
<td><img src="https://esx-scripts.com/wp-content/uploads/2021/01/Release-BadgerEssentials-v2-Essential-HUD-script-for-RP-servers.jpeg" class="img-fluid rounded-circle" /> DiscordName</td>
<td>Name</td>
<td>22</td>
<td class="ping">22ms</td>
</tr>
<tr class="player-box">
<td><img src="https://esx-scripts.com/wp-content/uploads/2021/01/Release-BadgerEssentials-v2-Essential-HUD-script-for-RP-servers.jpeg" class="img-fluid rounded-circle" /> DiscordName</td>
<td>Name</td>
<td>22</td>
<td class="ping">22ms</td>
</tr>
<tr class="player-box">
<td><img src="https://esx-scripts.com/wp-content/uploads/2021/01/Release-BadgerEssentials-v2-Essential-HUD-script-for-RP-servers.jpeg" class="img-fluid rounded-circle" /> DiscordName</td>
<td>Name</td>
<td>22</td>
<td class="ping">22ms</td>
</tr>
-->
</tbody>
</table>
</div>
<div class="info"><span id="pageCount">Page: 1</span> | <span id="playerCount">Players: 5/48</span></div>
</div>
</div>
</body>
</html>