65 lines
2.3 KiB
HTML
65 lines
2.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="popup.css">
|
|
</head>
|
|
<body>
|
|
<main class="root">
|
|
<header class="header">
|
|
<div>
|
|
<h1>Verstak Bridge</h1>
|
|
<p id="subtitle">Browser Inbox</p>
|
|
</div>
|
|
<span id="status-dot" class="dot unknown"></span>
|
|
</header>
|
|
|
|
<section class="panel">
|
|
<div class="row">
|
|
<span id="receiver-label">Receiver</span>
|
|
<strong id="receiver-state">Unknown</strong>
|
|
</div>
|
|
<div class="row">
|
|
<span id="pending-label">Pending</span>
|
|
<strong id="pending-count">0</strong>
|
|
</div>
|
|
<div class="row url-row">
|
|
<span id="url-label">URL</span>
|
|
<code id="receiver-url"></code>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="actions">
|
|
<button id="capture-page">Send Page</button>
|
|
<button id="capture-file">Send File</button>
|
|
<button id="retry">Retry Pending</button>
|
|
</section>
|
|
|
|
<section class="file-picker">
|
|
<label id="file-label" for="file-input">File</label>
|
|
<input id="file-input" type="file">
|
|
</section>
|
|
|
|
<section class="settings">
|
|
<label id="receiver-url-label" for="receiver-input">Receiver URL</label>
|
|
<input id="receiver-input" type="url" spellcheck="false">
|
|
<label id="receiver-token-label" for="receiver-token-input">Pairing token</label>
|
|
<input id="receiver-token-input" type="password" spellcheck="false" autocomplete="off">
|
|
<label id="language-label" for="language-select">Language</label>
|
|
<select id="language-select">
|
|
<option id="language-system-option" value="system">System</option>
|
|
<option id="language-en-option" value="en">English</option>
|
|
<option id="language-ru-option" value="ru">Русский</option>
|
|
</select>
|
|
<button id="save-settings" class="secondary">Save</button>
|
|
</section>
|
|
|
|
<p id="context-menu-hint" class="hint">Selection and link captures are available from the page context menu.</p>
|
|
<p id="status"></p>
|
|
</main>
|
|
<script src="../i18n.js"></script>
|
|
<script src="popup.js"></script>
|
|
</body>
|
|
</html>
|