You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
119 lines
5.4 KiB
119 lines
5.4 KiB
4 weeks ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="ko">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>TeraClone Console Server</title>
|
||
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@xterm/xterm@5.5.0/css/xterm.min.css">
|
||
|
|
<link rel="stylesheet" href="/legacy/assets/styles.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<main class="layout">
|
||
|
|
<aside class="sidebar">
|
||
|
|
<div class="brand">
|
||
|
|
<div class="brand-mark"></div>
|
||
|
|
<div class="brand-copy">
|
||
|
|
<div class="brand-kicker" data-i18n="brand.kicker">Console Server</div>
|
||
|
|
<div class="brand-title">TeraClone CS-48</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="nav-title" data-i18n="nav.title">Control</div>
|
||
|
|
<nav class="nav">
|
||
|
|
<div class="nav-group has-flyout">
|
||
|
|
<button class="nav-item nav-item-toggle" type="button" data-group-toggle>
|
||
|
|
<span>
|
||
|
|
<strong data-i18n="nav.overview.title">Overview</strong>
|
||
|
|
<small data-i18n="nav.overview.desc">Rack summary and health</small>
|
||
|
|
</span>
|
||
|
|
<div class="nav-pill nav-arrow">+</div>
|
||
|
|
</button>
|
||
|
|
<div class="nav-flyout">
|
||
|
|
<button class="flyout-item nav-link active" type="button" data-route="overview" data-i18n="flyout.overview.dashboard">Overview Dashboard</button>
|
||
|
|
<button class="flyout-item nav-link" type="button" data-route="example" data-i18n="flyout.example">Example Page</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="nav-group has-flyout">
|
||
|
|
<button class="nav-item nav-item-toggle" type="button" data-group-toggle>
|
||
|
|
<span>
|
||
|
|
<strong data-i18n="nav.ports.title">Ports</strong>
|
||
|
|
<small data-i18n="nav.ports.desc">48 serial channels</small>
|
||
|
|
</span>
|
||
|
|
<div class="nav-pill nav-arrow" data-i18n="pill.live">Live</div>
|
||
|
|
</button>
|
||
|
|
<div class="nav-flyout">
|
||
|
|
<button class="flyout-item nav-link" type="button" data-route="ports" data-i18n="flyout.ports.matrix">Port Matrix</button>
|
||
|
|
<button class="flyout-item nav-link" type="button" data-route="cabling" data-i18n="flyout.ports.cabling">Cable Map</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<button class="nav-item nav-link" type="button" data-route="terminal">
|
||
|
|
<span>
|
||
|
|
<strong data-i18n="nav.terminal.title">Terminal</strong>
|
||
|
|
<small data-i18n="nav.terminal.desc">Interactive shell</small>
|
||
|
|
</span>
|
||
|
|
<div class="nav-pill">PS</div>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<div class="nav-group has-flyout">
|
||
|
|
<button class="nav-item nav-item-toggle" type="button" data-group-toggle>
|
||
|
|
<span>
|
||
|
|
<strong data-i18n="nav.sessions.title">Sessions</strong>
|
||
|
|
<small data-i18n="nav.sessions.desc">User and device links</small>
|
||
|
|
</span>
|
||
|
|
<div class="nav-pill">12</div>
|
||
|
|
</button>
|
||
|
|
<div class="nav-flyout">
|
||
|
|
<button class="flyout-item nav-link" type="button" data-route="sessions" data-i18n="flyout.sessions.active">Active Sessions</button>
|
||
|
|
<button class="flyout-item nav-link" type="button" data-route="example" data-i18n="flyout.example">Example Page</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="nav-group has-flyout">
|
||
|
|
<button class="nav-item nav-item-toggle" type="button" data-group-toggle>
|
||
|
|
<span>
|
||
|
|
<strong data-i18n="nav.system.title">System</strong>
|
||
|
|
<small data-i18n="nav.system.desc">Network and security</small>
|
||
|
|
</span>
|
||
|
|
<div class="nav-pill" data-i18n="pill.safe">Safe</div>
|
||
|
|
</button>
|
||
|
|
<div class="nav-flyout">
|
||
|
|
<button class="flyout-item nav-link" type="button" data-route="system" data-i18n="flyout.system.settings">System Settings</button>
|
||
|
|
<button class="flyout-item nav-link" type="button" data-route="example" data-i18n="flyout.example">Example Page</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
</aside>
|
||
|
|
|
||
|
|
<section class="main">
|
||
|
|
<header class="topbar">
|
||
|
|
<button id="sidebarToggle" class="sidebar-toggle" type="button" aria-label="Open menu">☰</button>
|
||
|
|
<div class="topbar-copy">
|
||
|
|
<div class="page-eyebrow" data-i18n="topbar.eyebrow">Integrated Console Server</div>
|
||
|
|
<div id="pageTitle" class="page-title">Overview</div>
|
||
|
|
</div>
|
||
|
|
<div class="topbar-meta">
|
||
|
|
<div class="lang-switch" role="group" aria-label="Language selector">
|
||
|
|
<button id="langKo" class="lang-button active" type="button">KO</button>
|
||
|
|
<button id="langEn" class="lang-button" type="button">EN</button>
|
||
|
|
</div>
|
||
|
|
<div class="chip" data-i18n="chip.ports">48 Serial Ports</div>
|
||
|
|
<div class="chip" data-i18n="chip.dualLan">Dual LAN</div>
|
||
|
|
<div class="chip" data-i18n="chip.remoteAccess">Remote Access</div>
|
||
|
|
<div id="connectionState" class="chip" data-i18n="socket.connecting">Connecting...</div>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<section id="pageOutlet" class="content page-outlet"></section>
|
||
|
|
</section>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<div id="sidebarBackdrop" class="sidebar-backdrop" hidden></div>
|
||
|
|
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/@xterm/xterm@5.5.0/lib/xterm.min.js"></script>
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/@xterm/addon-fit@0.10.0/lib/addon-fit.min.js"></script>
|
||
|
|
<script type="module" src="/legacy/assets/js/app.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|