60 lines
2.6 KiB
HTML
60 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<!-- Copyright © 2026 Olaf Kolkman -->
|
|
<!-- SPDX-License-Identifier: GPL-3.0-or-later -->
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title data-i18n="extensionName">LinkLog</title>
|
|
<link rel="stylesheet" href="popup.css" />
|
|
</head>
|
|
<body>
|
|
<main class="popup-shell">
|
|
<header>
|
|
<img class="extension-logo" src="logo.svg" data-i18n-alt="extensionName" alt="LinkLog" />
|
|
<a id="feed-link" class="feed-link hidden" href="/" target="_blank" rel="noopener noreferrer" data-i18n="extensionName">LinkLog</a>
|
|
</header>
|
|
|
|
<div id="status" class="status hidden" aria-live="polite"></div>
|
|
<div id="auth-session" class="auth-session" hidden aria-live="polite"></div>
|
|
<div id="auth-warning" class="status error" hidden aria-live="polite">
|
|
<span data-i18n="authRequired">Please sign in to use LinkLog.</span>
|
|
<button type="button" id="warning-settings" class="secondary" data-i18n="openSettings">Open settings</button>
|
|
</div>
|
|
|
|
<form id="link-form" class="hidden">
|
|
<label>
|
|
<span data-i18n="titleLabel">Title</span>
|
|
<input id="title" name="title" type="text" />
|
|
</label>
|
|
<button type="button" id="refetch-title" class="secondary" data-i18n="refetchTitle">Re-fetch title</button>
|
|
|
|
<label>
|
|
<span data-i18n="urlLabel">URL</span>
|
|
<input id="url" name="url" type="url" />
|
|
</label>
|
|
|
|
<label>
|
|
<span data-i18n="commentLabel">Comment</span>
|
|
<textarea id="comment" name="comment" rows="3" data-i18n-placeholder="commentPlaceholder" placeholder="Your comment"></textarea>
|
|
</label>
|
|
<div id="character-count" class="char-count" aria-live="polite"></div>
|
|
|
|
<fieldset>
|
|
<legend data-i18n="tagsLabel">Tags</legend>
|
|
<div id="existing-tags" class="tag-options" data-i18n="loadingTags">Loading tags...</div>
|
|
<input id="new-tags" type="text" pattern="#[^, ]+(,\s*#[^, ]+)*" data-i18n-placeholder="newTagsPlaceholder" placeholder="#new-tag, #another-tag" />
|
|
</fieldset>
|
|
|
|
<div class="actions">
|
|
<button type="submit" id="submit-link" data-i18n="saveLink">Save link</button>
|
|
<button type="button" id="open-settings" class="secondary" data-i18n="settings">Settings</button>
|
|
</div>
|
|
</form>
|
|
</main>
|
|
<footer class="extension-footer"><span data-i18n="copyright">Copyright © 2026 Olaf Kolkman</span> · <a href="https://git.kolkman.org/olaf/Link-Log" data-i18n="repository">Repository</a></footer>
|
|
|
|
<script src="l10n.js"></script>
|
|
<script src="popup.js"></script>
|
|
</body>
|
|
</html>
|