improved rev console
This commit is contained in:
@@ -11,8 +11,9 @@
|
||||
<link rel="stylesheet" href="/vendor/inter/700.css" />
|
||||
<link rel="stylesheet" href="/vendor/jetbrains-mono/400.css" />
|
||||
<link rel="stylesheet" href="/vendor/jetbrains-mono/600.css" />
|
||||
<link rel="stylesheet" href="/assets/tailwind.css" />
|
||||
<link rel="stylesheet" href="/assets/tailwind.css" />
|
||||
<link rel="stylesheet" href="/vendor/fontawesome/css/all.min.css" />
|
||||
<link rel="stylesheet" href="/vendor/xterm/xterm.css" />
|
||||
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico" />
|
||||
<link rel="stylesheet" href="/assets/main.css" />
|
||||
<link rel="stylesheet" href="/assets/custom.css" />
|
||||
@@ -22,49 +23,37 @@
|
||||
<header id="top-nav"></header>
|
||||
<main class="console-main">
|
||||
<div class="console-card">
|
||||
<div class="console-meta">
|
||||
<div class="console-target">
|
||||
<div class="muted text-sm">Client</div>
|
||||
<div class="console-target-id" id="client-label">-</div>
|
||||
<div class="console-header">
|
||||
<div class="console-meta">
|
||||
<div class="console-target">
|
||||
<div class="muted text-sm">Client</div>
|
||||
<div class="console-target-id" id="client-label">-</div>
|
||||
</div>
|
||||
<div class="console-target">
|
||||
<div class="muted text-sm">Host</div>
|
||||
<div class="console-target-id" id="host-label">-</div>
|
||||
</div>
|
||||
<div class="console-target">
|
||||
<div class="muted text-sm">User</div>
|
||||
<div class="console-target-id" id="user-label">-</div>
|
||||
</div>
|
||||
<div class="console-target">
|
||||
<div class="muted text-sm">OS</div>
|
||||
<div class="console-target-id" id="os-label">-</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="console-target">
|
||||
<div class="muted text-sm">Host</div>
|
||||
<div class="console-target-id" id="host-label">-</div>
|
||||
</div>
|
||||
<div class="console-target">
|
||||
<div class="muted text-sm">User</div>
|
||||
<div class="console-target-id" id="user-label">-</div>
|
||||
</div>
|
||||
<div class="console-target">
|
||||
<div class="muted text-sm">OS</div>
|
||||
<div class="console-target-id" id="os-label">-</div>
|
||||
<div class="console-toolbar">
|
||||
<span id="status-pill" class="pill pill-offline"><i class="fa-solid fa-circle"></i> Offline</span>
|
||||
<button type="button" id="reconnect-btn" class="button ghost" title="Reconnect">
|
||||
<i class="fa-solid fa-rotate-right"></i><span>Reconnect</span>
|
||||
</button>
|
||||
<button type="button" id="clear-btn" class="button ghost" title="Clear screen">
|
||||
<i class="fa-solid fa-eraser"></i><span>Clear</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
id="console-output"
|
||||
class="console-output"
|
||||
aria-live="polite"
|
||||
></div>
|
||||
|
||||
<form id="console-form" class="console-input-row">
|
||||
<div class="prompt">$</div>
|
||||
<textarea
|
||||
id="console-input"
|
||||
rows="1"
|
||||
autocomplete="off"
|
||||
spellcheck="false"
|
||||
placeholder="Type a command and press Enter"
|
||||
></textarea>
|
||||
<div class="console-buttons">
|
||||
<button type="submit" class="button primary">
|
||||
<i class="fa-solid fa-paper-plane"></i><span>Send</span>
|
||||
</button>
|
||||
<button type="button" id="ctrlc-btn" class="button ghost">
|
||||
<i class="fa-solid fa-ban"></i><span>Ctrl+C</span>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
<div id="terminal" class="console-terminal"></div>
|
||||
</div>
|
||||
</main>
|
||||
<script defer src="/vendor/msgpackr/msgpackr.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user