Latest update synced form main site.

This commit is contained in:
Mitch Durso 2021-01-13 19:37:20 +00:00
parent 264ad20400
commit e8fc698c1d
6 changed files with 271 additions and 78 deletions

View File

@ -0,0 +1,17 @@
<div>
<div class="initial-loader-top">
<img class="initial-loader-logo" src="../images/beammp-logo.png" alt="Loader" style="width: 100px;">
<div class="loader loader--style1">
<svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<g>
<path fill="#2d2d2d" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>
<path fill="#2c97de" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0C22.32,8.481,24.301,9.057,26.013,10.047z"></path>
</g>
</svg>
</div>
</div>
<div class="initial-loader-bottom">
Loading. Please Wait. <i class="fa fa-cricle" style="opacity: 0"></i>
</div>
</div>

View File

@ -1,43 +1,104 @@
<div class="container">
<div class="row center-xs">
<div class="col-md-4 col-sm-4">
<a href class="logo-link">
<span class="logo-text">BeamMP</span>
<!--<img src="../img/beammp-logo.png"></img>-->
<!-- <a href class="logo-link">-->
<!-- <span class="logo-text">BeamMP</span>-->
<!-- <a href="../img/Logo_Black_4K"></a>-->
<!-- </a>-->
<a class="logo-img" href="/">
<div class="logo-image">
<!-- <img src="../static/img/Logo_Black_4K.png" alt="BeamMP" class="img-fluid">-->
<img src="../img/mainlogo.png" alt="BeamMP" class="img-fluid"/>
</div>
</a>
<!-- "Hamburger menu" / "Bar icon" to toggle the navigation links -->
<!-- <img class="navbutton" src="../static/img/nav-button.svg" alt="">-->
</div>
<div class="col-md-8 col-sm-8">
<ul class="links">
<li>
<a href="/forum">
<span class="text">Forum</span>
<div class="burger-menu">
<button class="navbar-toggler toggler-example" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation"><span class="dark-blue-text"><i class="fas fa-bars fa-1x"></i></span></button>
</div>
<!-- Collapsible content -->
<div class="collapse navbar-collapse" id="navbarSupportedContent1">
<!-- Links -->
<div class="mobile-container">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="/forum">Forum <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://wiki.beammp.com">Wiki</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/servers">Servers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/stats">Statistics</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/Starystars67/BeamMP">GitHub</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.patreon.com/BeamMP">Patreon</a>
</li>
</ul>
</div>
</div>
<div class="mobile-container">
<div class="topnav mobile-links">
<div id="burger-links">
<a href="/forum">Forum</a>
<a href="https://wiki.beammp.com">Docs</a>
<a href="/servers">Servers</a>
<a href="/stats">Statistics</a>
<a href="https://github.com/Starystars67/BeamMP">GitHub</a>
<a href="https://www.patreon.com/BeamMP">Patreon</a>
</div>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</li>
<li>
<a href="https://wiki.beammp.com">
<span class="text">Docs</span>
</a>
</li>
<li>
<a href="/servers">
<span class="text">Servers</span>
</a>
</li>
<li>
<a href="/stats">
<span class="text">Statistics</span>
</a>
</li>
<li>
<a href="https://github.com/BeamMP">
<span class="text">Github</span>
</a>
</li>
<li>
<a href="https://www.patreon.com/BeamMP">
<span class="text">Patreon</span>
</a>
</li>
</div>
</div>
<div class="navbar-links">
<ul class="links">
<li>
<a href="/forum">
<span class="text">Forum</span>
</a>
</li>
<li>
<a href="https://wiki.beamng-mp.com">
<span class="text">Docs</span>
</a>
</li>
<li>
<a href="/servers">
<span class="text">Servers</span>
</a>
</li>
<li>
<a href="/stats">
<span class="text">Statistics</span>
</a>
</li>
<li>
<a href="https://github.com/Starystars67/BeamNG-MP">
<span class="text">Github</span>
</a>
</li>
<li>
<a href="https://www.patreon.com/BeamMP">
<span class="text">Patreon</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>

View File

@ -2,8 +2,8 @@
<div class="container-fluid">
<div class="navbar-header">
<a class="current navbar-brand" href="/">
<img alt="BeamMP Logo" class="h-20" src="../img/beammp-logo.png">
<a class="current navbar-brand" href="/dashboard">
<img alt="BeamMP Logo" class="h-20" src="../images/beammp-logo.png">
</a>
<button class="action-right-sidebar-toggle navbar-toggle collapsed" data-target="#navdbar" data-toggle="collapse" type="button">
<i class="fa fa-fw fa-align-right text-white"></i>
@ -126,7 +126,7 @@
<a href="#">Settings <span class="label label-danger label-outline">Coming Soon</span></a>
</li>
<li>
<a href="https://wiki.beamng-mp.com/">Wiki <span class="label label-primary label-outline">In-Progress</span></a>
<a href="https://wiki.beammp.com/">Wiki <span class="label label-primary label-outline">In-Progress</span></a>
</li>
<li role="separator" class="divider"></li>
<li>

View File

@ -0,0 +1,70 @@
<aside class="navbar-default sidebar">
<div class="sidebar-content">
<div class="add-on-container">
<div class="sidebar-container-default sidebar-section">
<div class="media">
<div class="media-body">
<div class="avatar avatar-image avatar-lg center-block">
<img src="https://cdn.discordapp.com/avatars/<%= user.discord.id %>/<%= user.discord.avatar %>.png" alt="Avatar">
<i class="avatar-status bg-success avatar-status-bottom"></i>
</div>
<h5 class="media-heading text-center m-t-2 m-b-0"><span><%= user.username %>#<%= user.discriminator%></span></h5>
<p class="text-center small"><%= user.email%></p>
</div>
</div>
<ul class="nav nav-pills">
<li role="presentation">
<a href="#">
<span class="f-w-300 text-center h1 m-b-0 m-t-0"><%= keyTotal %></span><br>
<small class="text-white">Keys</small>
</a>
</li>
<li role="presentation">
<a href="#">
<span class="f-w-300 h1 text-center m-b-0 m-t-0">00</span><br>
<small class="text-white">Servers</small>
</a>
</li>
<li role="presentation">
<a href="#">
<span class="f-w-300 h1 text-center m-b-0 m-t-0">00</span><br>
<small class="text-white">Players</small>
</a>
</li>
</ul>
</div>
</div>
<div class="sidebar-default-visible text-muted small text-uppercase sidebar-section p-y-2">
<strong>Navigation</strong>
</div>
<!-- START Tree Sidebar Common -->
<ul class="side-menu">
<li <% if (page == "dashboard") {%>class="active"<%}%>>
<a href="/k/dashboard">
<i class="fa fa-home fa-lg fa-fw"></i><span class="nav-label">Dashboard</span>
</a>
</li>
<li <% if (page == "servers" && page == "server") {%>class="active"<%}%>>
<a href="/k/servers">
<i class="fa fa-server fa-lg fa-fw"></i><span class="nav-label">Servers</span>
</a>
</li>
<li <% if (page == "keys") {%>class="active"<%}%>>
<a href="/k/keys">
<i class="fa fa-key fa-lg fa-fw"></i><span class="nav-label">Keys</span>
</a>
</li>
</ul>
<!-- END Tree Sidebar Common -->
<div class="sidebar-default-visible">
<hr>
</div>
</div>
</aside>

View File

@ -98,27 +98,37 @@
</section>
<hr>
<section id="faq">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="container">
<!-- <div class="row"> -->
<h1>FAQ.</h1>
<div class="faq">
<h3 id="faq-heading">The server list is not showing up!</h3>
<p>Try restarting BeamMP as this can sometimes happen, if this fails to fix your issue please create a ticket in the discord</p>
<h3 id="faq-heading">How do I open a ticket in case something doesnt work or I have questions?</h3>
<p>Please check the <b>#how-to-use</b> channel in Discord. Please give an accurate description of what youve done so the support team will help you in a fast and effective way. </p>
<h3 id="faq-heading">Help! Im getting error codes</h3>
<p>Please open a ticket in our Discord.</p>
<h3 id="faq-heading"> Does this work with pirated versions of BeamNG.drive?</h3>
<p>We dont know if it works with pirated versions of BeamNG.drive, but we <b>will not</b> provide any support to non legit copies of the game.</p>
<h3 id="faq-heading">How do I host a server?</h3>
<p>In order access the files needed to host a server you have to become a Patreon supporter or a “Server Booster”. You can find the Patreon <a href="https://www.patreon.com/BeamMP">here</a>. You can become a Server Booster
by clicking the server Discord name and then Server Boost in Discord. Both these categories will have early access to newer versions of the mod too.
Don't worry the server files will eventually be open for the public once we are happy enough to release them. </p>
<h3 id="faq-heading">Can I use mods?</h3>
<p>Mods are supported in the new version v2.0. These are installed on the server. See our <a href="https://wiki.beamng-mp.com/en/home/Server_Mod">wiki</a> for more infomation.</p>
<section id="faq"><div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="container">
<!-- <div class="row"> -->
<h1>FAQ.</h1>
<div class="faq">
<h3 id="faq-heading">The server list is not showing up!</h3>
<p>Try restarting BeamMP as this can sometimes happen, if this fails to fix your issue please create a topic on our forum or visit the support channel on our discord</p>
<h3 id="faq-heading">How do I open a ticket in case something doesnt work or I have questions?</h3>
<p>Please check the <b>#how-to-use</b> channel in Discord and on our forum. Please give an accurate description of what youve done so the support team will help you in a fast and effective way. </p>
<h3 id="faq-heading">Help! Im getting error codes</h3>
<p>Please head over to our forum and see if anyone has had the issue before. It is likely that someone else has at some point and therefore there will also probably be a solution posted with it too in the replies. Altervatively visit our discord where the larger portion of community is currently based.</p>
<h3 id="faq-heading"> Does this work with pirated versions of BeamNG.drive?</h3>
<p>We dont know if it works with pirated versions of BeamNG.drive, but we <b>will not</b> provide any support to non legit copies of the game. Nor will we change to support it.</p>
<h3 id="faq-heading">How do I host a server?</h3>
<p>The server files required for hosting your own server can be found at the top of this page below the client download. You will also require a authentication key which can be found from <a href="https://beammp.com/k/keys">keymaster</a>. Further information around the setup can be found on our <a href="https://wiki.beammp.com/en/home/Server_Mod">wiki</a>.</p>
<h3 id="faq-heading">Can I use mods?</h3>
<p>Mods are supported, These are installed on the server. See our <a href="https://wiki.beammp.com/en/home/Server_Mod">wiki</a> for more infomation.</p>
</div>
<!--Start of Tawk.to Script
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5f875a212901b92076937d66/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
End of Tawk.to Script-->
</div>
</div>
</div>
@ -128,11 +138,11 @@
<div class="container">
<div class="row">
<div class="col-6 col-sm-4 text-xs-center order-sm-2">
<a class="text-white" target="_blank" href="https://www.reddit.com/r/BeamMP/">
<a class="text-white" target="_blank" href="https://www.reddit.com/user/BeamNG-MP_Mod_Team">
<i class="fab fa-reddit"></i>
</a>
<a class="text-white" target="_blank" href="https://twitter.com/BeamNG_MP">
<a class="text-white" target="_blank" href="https://twitter.com/BeamMP_Mod_Team">
<i class="fab fa-twitter"></i>
</a>
@ -143,7 +153,7 @@
<div class="col-6 justify-content-between col-sm-4 text-right text-xs-center order-sm-3">
<a class="text-white" target="_blank" href="https://github.com/Starystars67/BeamNG-MP-docs">
<a class="text-white" target="_blank" href="https://github.com/Starystars67/BeamMP-docs">
<i class="fab fa-github"></i>
</a>
@ -159,8 +169,8 @@
</div>
<div class="col-12 col-sm-4 text-center py-4 order-sm-2">
<small class="text-white">© 2020 BeamMP Mod Team All Rights Reserved</small>
</br>
<small class="ml-1"><a href="https://forum.beamng-mp.com/topic/95/privacy-policy-v1-0?_=1605727272235" target="_blank">Privacy Policy</a></small>
<small class="ml-1"><a href="https://forum.beamng-mp.com/topic/95/privacy-policy-v1-0" target="_blank">Privacy Policy</a></small>
</div>
</div>
</footer>
@ -175,7 +185,7 @@
</li>
<li class="col-xs-4 list-inline-item h3" data-toggle="tooltip" data-placement="top" title="" aria-label="Twitter" data-original-title="Twitter">
<a class="text-white" target="_blank" href="https://twitter.com/BeamNG_MP">
<a class="text-white" target="_blank" href="https://twitter.com/BeamMP_Mod_Team">
<i class="fab fa-twitter"></i>
</a>
</li>
@ -194,7 +204,7 @@
</p>
</div>
<div class="copyright col-lg-4 col-md-5 col-sm-6">
<p class="righty"> © 2020 BeamNG-MP Mod Team All Rights Reserved.
<p class="righty"> © 2020 BeamMP Mod Team All Rights Reserved.
</p>
</div>
</div>

View File

@ -7,7 +7,13 @@
<meta name="description" content="" />
<meta name="author" content="" />
<title>BeamNG-MP-Statistics</title>
<link rel="stylesheet" type="text/css" href="css/styles.css"/>
<link href="css/servers-styles.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
<link href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css" rel="stylesheet" crossorigin="anonymous" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/js/all.min.js" crossorigin="anonymous"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
@ -21,27 +27,51 @@
gtag('config', 'UA-160071688-1');
</script>
</head>
<body class="sb-nav-fixed">
<nav class="sb-topnav navbar navbar-expand navbar-dark bg-dark">
<%- include('includes/nav.ejs') %>
<body>
<nav class="nav" style="position: unset !important;">
<%- include('includes/nav.ejs') %>
</nav>
<div id="layoutSidenav_content">
<main>
<br>
<br>
<div class="container-fluid">
<h1 class="mt-4"><i class="fas fa-server mr-1"></i>BeamMP Statistics <span id="LivePlayerCount"></span></h1>
<div style="height: 800px;">
<canvas id="myChart" width="400" height="770"></canvas>
<div class="container-fluid">
<div id="layoutSidenav_content">
<div class="row">
<div class="col-md-12">
<h1 class="mt-4" style="color:white;"><i class="fas fa-server mr-1"></i>BeamMP Statistics <h3 id="LivePlayerCount" style="color:white;"></h3></h1>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-body">
<h5 class="card-title">Highest Recorded Players</h5>
<p class="card-text text-muted" id="MAXPLAYERS">100</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-body">
<h5 class="card-title">Highest Recorded Servers</h5>
<p class="card-text text-muted" id="MAXSERVERS">100</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-body">
<h5 class="card-title">Something</h5>
<p class="card-text">-</p
</div>
</div>
</div>
</div>
<div class="col-md-12">
<canvas id="myChart" width="100vw" height="770"></canvas>
</div>
</div>
</main>
<footer class="py-4 bg-light mt-auto">
<div class="container-fluid">
<div class="d-flex align-items-center justify-content-between small">
<div class="text-muted">Copyright &copy; BeamNG-MP Development Team 2020</div>
<div class="text-muted">Copyright &copy; BeamMP Development Team 2020</div>
<div>
<a href="#">Privacy Policy</a>
<a href="https://forum.beammp.com/topic/95/privacy-policy-v1-0">Privacy Policy</a>
&middot;
<a href="#">Terms &amp; Conditions</a>
</div>
@ -66,16 +96,21 @@
},
dataType: 'json',
success: function (d) {
console.log(d)
var Data = {}
Data.Players = []
Data.Servers = []
Data.Labels = []
console.log(d.maxp, d.maxs)
console.log(d.history)
d.history.forEach(function(item, index) {
Data.Players.push(item.players)
Data.Servers.push(item.servers)
Data.Labels.push(item.datetime)
});
$('#MAXPLAYERS').text(d.maxp);
$('#MAXSERVERS').text(d.maxs);
$('#LivePlayerCount').text(`Currently Online: ${d.history[d.history.length-1].players}`)
console.log(Data)
var ctx = document.getElementById('myChart').getContext('2d');
ctx.height = 770;
@ -102,7 +137,7 @@
maintainAspectRatio: false,
title: {
display: true,
text: 'BeamNG-MP Statistics'
text: 'BeamMP Statistics'
},
tooltips: {
mode: 'index',