Connect-Desk-Project/ui/index.html

59 lines
2.0 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<header>
<h1>Connect Desk</h1>
<div id="instance" title="The Connect instances accounts can use"></div>
</header>
<section id="alerts">
<div class="empty">No waiting chats</div>
</section>
<nav id="accounts"></nav>
<footer>
<div id="bulk-label">All accounts</div>
<div id="bulk" role="group" aria-label="Set status for all accounts">
<button id="all-available" type="button" title="Set every signed-in account to Available">
<span class="bdot av"></span>Available
</button>
<button id="all-offline" type="button" title="Set every signed-in account to Offline">
<span class="bdot off"></span>Offline
</button>
</div>
<div id="bulk2" role="group" aria-label="Sessions for all accounts">
<button id="all-signin" type="button" title="Sign every account in with its saved credentials">
Sign in all
</button>
<button id="all-signout" type="button" title="Sign every account out and pause auto-login">
Sign out all
</button>
</div>
<button id="add" type="button">+ Add account</button>
<button id="signins" type="button">Saved sign-ins…</button>
<div id="hint">
Right-click an account for rename, status, and instance. Adding an account first asks which
instance (US/CA or UK/EU) it belongs to.
</div>
<div id="credit">Developed by AI Team</div>
</footer>
<div id="incoming-pop" hidden>
<div class="incoming-pop-card">
<div class="incoming-pop-kicker">Incoming chat</div>
<div id="incoming-pop-name"></div>
<button type="button" id="incoming-pop-go">Open account</button>
</div>
</div>
<div id="toast" hidden></div>
<div id="creds" hidden></div>
<script src="ui.js"></script>
</body>
</html>