BeamMP/BeamMP-Website
1
0
Fork 0
mirror of https://github.com/BeamMP/BeamMP-Website.git synced 2025-07-02 07:45:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Latest update synced form main site.

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
views/includes/loading.ejs Normal file
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>

127
views/includes/nav.ejs
View File

@ -1,43 +1,104 @@
<div class="container"> <div class="container">
<div class="row center-xs"> <div class="row center-xs">
<div class="col-md-4 col-sm-4"> <div class="col-md-4 col-sm-4">
<a href class="logo-link">
<span class="logo-text">BeamMP</span> <!-- <a href class="logo-link">-->
<!--<img src="../img/beammp-logo.png"></img>--> <!-- <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> </a>
<!-- "Hamburger menu" / "Bar icon" to toggle the navigation links -->
<!-- <img class="navbutton" src="../static/img/nav-button.svg" alt="">-->
</div> </div>
<div class="col-md-8 col-sm-8"> <div class="col-md-8 col-sm-8">
<ul class="links"> <div class="burger-menu">
<li> <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>
<a href="/forum"> </div>
<span class="text">Forum</span> <!-- 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> </a>
</li> </div>
<li> </div>
<a href="https://wiki.beammp.com"> <div class="navbar-links">
<span class="text">Docs</span> <ul class="links">
</a> <li>
</li> <a href="/forum">
<li> <span class="text">Forum</span>
<a href="/servers"> </a>
<span class="text">Servers</span> </li>
</a> <li>
</li> <a href="https://wiki.beamng-mp.com">
<li> <span class="text">Docs</span>
<a href="/stats"> </a>
<span class="text">Statistics</span> </li>
</a> <li>
</li> <a href="/servers">
<li> <span class="text">Servers</span>
<a href="https://github.com/BeamMP"> </a>
<span class="text">Github</span> </li>
</a> <li>
</li> <a href="/stats">
<li> <span class="text">Statistics</span>
<a href="https://www.patreon.com/BeamMP"> </a>
<span class="text">Patreon</span> </li>
</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>
</div> </div>
</div>

6
views/includes/navbar.ejs
View File

@ -2,8 +2,8 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<a class="current navbar-brand" href="/"> <a class="current navbar-brand" href="/dashboard">
<img alt="BeamMP Logo" class="h-20" src="../img/beammp-logo.png"> <img alt="BeamMP Logo" class="h-20" src="../images/beammp-logo.png">
</a> </a>
<button class="action-right-sidebar-toggle navbar-toggle collapsed" data-target="#navdbar" data-toggle="collapse" type="button"> <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> <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> <a href="#">Settings <span class="label label-danger label-outline">Coming Soon</span></a>
</li> </li>
<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>
<li role="separator" class="divider"></li> <li role="separator" class="divider"></li>
<li> <li>

70
views/includes/sidebar.ejs Normal file
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>

64
views/index.ejs
View File

@ -98,27 +98,37 @@
</section> </section>
<hr> <hr>
<section id="faq"> <section id="faq"><div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="container">
<div class="container"> <!-- <div class="row"> -->
<!-- <div class="row"> --> <h1>FAQ.</h1>
<h1>FAQ.</h1> <div class="faq">
<div class="faq"> <h3 id="faq-heading">The server list is not showing up!</h3>
<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>
<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 doesn’t work or I have questions?</h3>
<h3 id="faq-heading">How do I open a ticket in case something doesn’t 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 you’ve done so the support team will help you in a fast and effective way. </p>
<p>Please check the <b>#how-to-use</b> channel in Discord. Please give an accurate description of what you’ve 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>
<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>
<p>Please open a ticket in our Discord.</p> <h3 id="faq-heading"> Does this work with pirated versions of BeamNG.drive?</h3>
<h3 id="faq-heading"> Does this work with pirated versions of BeamNG.drive?</h3> <p>We don’t 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>
<p>We don’t 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>
<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>
<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 <h3 id="faq-heading">Can I use mods?</h3>
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. <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>
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>
</div> </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> </div>
</div> </div>
@ -128,11 +138,11 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-6 col-sm-4 text-xs-center order-sm-2"> <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> <i class="fab fa-reddit"></i>
</a> </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> <i class="fab fa-twitter"></i>
</a> </a>
@ -143,7 +153,7 @@
<div class="col-6 justify-content-between col-sm-4 text-right text-xs-center order-sm-3"> <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> <i class="fab fa-github"></i>
</a> </a>
@ -159,8 +169,8 @@
</div> </div>
<div class="col-12 col-sm-4 text-center py-4 order-sm-2"> <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> <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" target="_blank">Privacy Policy</a></small>
<small class="ml-1"><a href="https://forum.beamng-mp.com/topic/95/privacy-policy-v1-0?_=1605727272235" target="_blank">Privacy Policy</a></small>
</div> </div>
</div> </div>
</footer> </footer>
@ -175,7 +185,7 @@
</li> </li>
<li class="col-xs-4 list-inline-item h3" data-toggle="tooltip" data-placement="top" title="" aria-label="Twitter" data-original-title="Twitter"> <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> <i class="fab fa-twitter"></i>
</a> </a>
</li> </li>
@ -194,7 +204,7 @@
</p> </p>
</div> </div>
<div class="copyright col-lg-4 col-md-5 col-sm-6"> <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> </p>
</div> </div>
</div> </div>

65
views/stats.ejs
View File

@ -7,7 +7,13 @@
<meta name="description" content="" /> <meta name="description" content="" />
<meta name="author" content="" /> <meta name="author" content="" />
<title>BeamNG-MP-Statistics</title> <title>BeamNG-MP-Statistics</title>
<link rel="stylesheet" type="text/css" href="css/styles.css"/>
<link href="css/servers-styles.css" rel="stylesheet" /> <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" /> <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> <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 --> <!-- Global site tag (gtag.js) - Google Analytics -->
@ -21,27 +27,51 @@
gtag('config', 'UA-160071688-1'); gtag('config', 'UA-160071688-1');
</script> </script>
</head> </head>
<body class="sb-nav-fixed"> <body>
<nav class="sb-topnav navbar navbar-expand navbar-dark bg-dark"> <nav class="nav" style="position: unset !important;">
<%- include('includes/nav.ejs') %> <%- include('includes/nav.ejs') %>
</nav> </nav>
<div id="layoutSidenav_content"> <div class="container-fluid">
<main> <div id="layoutSidenav_content">
<br> <div class="row">
<br> <div class="col-md-12">
<div class="container-fluid"> <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>
<h1 class="mt-4"><i class="fas fa-server mr-1"></i>BeamMP Statistics <span id="LivePlayerCount"></span></h1> </div>
<div style="height: 800px;"> <div class="col-md-4">
<canvas id="myChart" width="400" height="770"></canvas> <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>
</div> </div>
</main>
<footer class="py-4 bg-light mt-auto"> <footer class="py-4 bg-light mt-auto">
<div class="container-fluid"> <div class="container-fluid">
<div class="d-flex align-items-center justify-content-between small"> <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> <div>
<a href="#">Privacy Policy</a> <a href="https://forum.beammp.com/topic/95/privacy-policy-v1-0">Privacy Policy</a>
&middot; &middot;
<a href="#">Terms &amp; Conditions</a> <a href="#">Terms &amp; Conditions</a>
</div> </div>
@ -66,16 +96,21 @@
}, },
dataType: 'json', dataType: 'json',
success: function (d) { success: function (d) {
console.log(d)
var Data = {} var Data = {}
Data.Players = [] Data.Players = []
Data.Servers = [] Data.Servers = []
Data.Labels = [] Data.Labels = []
console.log(d.maxp, d.maxs)
console.log(d.history) console.log(d.history)
d.history.forEach(function(item, index) { d.history.forEach(function(item, index) {
Data.Players.push(item.players) Data.Players.push(item.players)
Data.Servers.push(item.servers) Data.Servers.push(item.servers)
Data.Labels.push(item.datetime) 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) console.log(Data)
var ctx = document.getElementById('myChart').getContext('2d'); var ctx = document.getElementById('myChart').getContext('2d');
ctx.height = 770; ctx.height = 770;
@ -102,7 +137,7 @@
maintainAspectRatio: false, maintainAspectRatio: false,
title: { title: {
display: true, display: true,
text: 'BeamNG-MP Statistics' text: 'BeamMP Statistics'
}, },
tooltips: { tooltips: {
mode: 'index', mode: 'index',