mirror of
https://github.com/kaboomserver/website.git
synced 2024-12-23 00:05:03 +00:00
79 lines
3.3 KiB
HTML
79 lines
3.3 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||
|
|
<link rel="stylesheet" href="styles/WebConsole.css">
|
||
|
|
<title>Console</title>
|
||
|
|
</head>
|
||
|
|
<body onload="openServer();">
|
||
|
|
<main role="main" class="h-100">
|
||
|
|
<div class="container h-100" id="offlineContainer" style="display: none;">
|
||
|
|
<div class="row h-100">
|
||
|
|
<div class="col align-self-center text-center">
|
||
|
|
<h1 class="mt-3 mb-3">The server is currently offline</h1>
|
||
|
|
<p class="lead mb-3">This is most likely caused by a server crash. Come back later.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="container h-100" id="serverContainer">
|
||
|
|
<div class="row h-100">
|
||
|
|
<div class="col align-self-center">
|
||
|
|
<div class="row mt-4">
|
||
|
|
<div class="col-sm mb-3">
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-body">
|
||
|
|
<h5 class="card-title">Players Online</h5>
|
||
|
|
<p class="card-text"><span id="connectedPlayers">0</span> / <span id="maxPlayers">Unknown</span></p>
|
||
|
|
<div class="progress flat-progressbar">
|
||
|
|
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 0%;" id="playerProgressBar"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm mb-3">
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-body">
|
||
|
|
<h5 class="card-title">CPU</h5>
|
||
|
|
<p class="card-text" id="cpuInfo">0%</p>
|
||
|
|
<div class="progress flat-progressbar">
|
||
|
|
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 0%;" id="CpuProgressBar"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm mb-3">
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-body">
|
||
|
|
<h5 class="card-title">RAM</h5>
|
||
|
|
<p class="card-text"><span id="usedRam">0</span> MB / <span id="totalRam">0</span> MB</p>
|
||
|
|
<div class="progress flat-progressbar">
|
||
|
|
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 0%;" id="RamProgressBar"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card mb-3">
|
||
|
|
<div class="card-body overflow-auto text-light bg-dark console" id="consoleTextArea"></div>
|
||
|
|
</div>
|
||
|
|
<div class="input-group mb-4">
|
||
|
|
<input type="text" class="form-control" id="commandInput">
|
||
|
|
<div class="input-group-append">
|
||
|
|
<button class="btn btn-secondary" type="button" id="sendCommandButton">Send</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||
|
|
<script src="scripts/WebConsoleConnector.js"></script>
|
||
|
|
<script src="scripts/WebConsoleManager.js"></script>
|
||
|
|
<script src="scripts/WebConsole.js"></script>
|
||
|
|
<script src="scripts/WebConsoleJqueryHandler.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|