Archived
208 lines
7.9 KiB
Python
208 lines
7.9 KiB
Python
from __future__ import annotations
|
|
|
|
from .html_utils import SafeHtml, attr, escape, join_html, trusted
|
|
|
|
|
|
def _top_nav(label: str | None = None, links: SafeHtml | None = None) -> SafeHtml:
|
|
account_html = ""
|
|
if label:
|
|
account_html = f'<span class="navbar-text nav-label text-truncate">{escape(label)}</span>'
|
|
if links is None:
|
|
links = trusted('<a class="nav-link px-0" href="/docs">Docs</a><a class="nav-link px-0" href="/redoc">API</a>')
|
|
account_html += '<a class="btn btn-sm btn-primary rounded-pill" href="/#create">Generate</a>'
|
|
theme_toggle = '<button type="button" class="btn btn-sm btn-light theme-toggle" data-theme-toggle aria-label="Switch color theme">Light</button>'
|
|
return trusted(
|
|
f"""
|
|
<a class="skip-link" href="#main">Skip to content</a>
|
|
<nav class="navbar navbar-expand-sm site-nav" aria-label="Main navigation">
|
|
<div class="container">
|
|
<a class="navbar-brand brand" href="/"><img src="/logo.png" alt="" width="28" height="28">KarlDNS</a>
|
|
<div class="navbar-nav site-nav-actions ms-auto flex-row align-items-center justify-content-end gap-2 gap-sm-3">
|
|
{links}
|
|
{account_html}
|
|
{theme_toggle}
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
"""
|
|
)
|
|
|
|
|
|
def _copy_row(label: str, value: str, sensitivity: str | None = None) -> SafeHtml:
|
|
safe_label = escape(label)
|
|
safe_value = escape(value)
|
|
badge = ""
|
|
is_secret = bool(sensitivity and sensitivity.lower() == "secret")
|
|
if sensitivity:
|
|
safe_sensitivity = escape(sensitivity)
|
|
badge_class = "text-bg-warning" if is_secret else "text-bg-secondary"
|
|
badge = f'<span class="badge {badge_class} rounded-pill">{safe_sensitivity}</span>'
|
|
value_field = (
|
|
f'<input class="form-control copy-value text-truncate" type="password" value="{safe_value}" readonly data-secret-input>'
|
|
if is_secret
|
|
else f'<code class="form-control copy-value text-truncate">{safe_value}</code>'
|
|
)
|
|
reveal_button = (
|
|
f'<button type="button" class="btn btn-outline-secondary" data-secret-toggle aria-label="Show {safe_label}">View</button>'
|
|
if is_secret
|
|
else ""
|
|
)
|
|
return trusted(
|
|
f"""
|
|
<div class="input-group copy-field">
|
|
<span class="input-group-text copy-label"><span>{safe_label}</span>{badge}</span>
|
|
{value_field}
|
|
{reveal_button}
|
|
<button type="button" class="btn btn-outline-secondary" data-copy="{safe_value}" aria-label="Copy {safe_label}">Copy</button>
|
|
</div>
|
|
"""
|
|
)
|
|
|
|
|
|
def _copy_button(label: str, value: str) -> SafeHtml:
|
|
safe_label = escape(label)
|
|
safe_value = attr(value)
|
|
return trusted(f'<button type="button" class="btn btn-outline-primary rounded-pill" data-copy="{safe_value}">{safe_label}</button>')
|
|
|
|
|
|
def _manual_update_commands(update_url: str) -> str:
|
|
update_base = update_url.split("?", 1)[0]
|
|
return "\n".join(
|
|
[
|
|
f"curl -sS '{update_base}?myip=203.0.113.10'",
|
|
f"curl -sS '{update_base}?myipv6=2001:db8::10'",
|
|
f"curl -sS '{update_base}'",
|
|
]
|
|
)
|
|
|
|
|
|
def _manual_update_panel(commands: str) -> SafeHtml:
|
|
safe_commands = escape(commands)
|
|
return trusted(
|
|
f"""
|
|
<div class="card card-body gap-3 mt-4">
|
|
<div>
|
|
<h3>Manual updates</h3>
|
|
<p class="section-copy">FRITZ!Box replaces <code><ipaddr></code> and <code><ip6addr></code>, then sends a GET request to the Update-URL. Scripts and other routers can do the same with curl. If no IP parameter is sent, KarlDNS uses the request source IP.</p>
|
|
</div>
|
|
<pre class="manual-code mb-0"><code>{safe_commands}</code></pre>
|
|
{_copy_button("Copy curl examples", commands)}
|
|
</div>
|
|
"""
|
|
)
|
|
|
|
|
|
def _fritzbox_fields(
|
|
update_url: str,
|
|
hostname: str,
|
|
username: str,
|
|
password: str,
|
|
management_url: str | None = None,
|
|
) -> str:
|
|
lines = [
|
|
f"Update-URL: {update_url}",
|
|
f"Domainnamen: {hostname}",
|
|
f"CNAME target: {hostname}",
|
|
f"Benutzername: {username}",
|
|
f"Kennwort: {password}",
|
|
]
|
|
if management_url:
|
|
lines.append(f"Private status page: {management_url}")
|
|
return "\n".join(lines)
|
|
|
|
|
|
def _secret_notice() -> SafeHtml:
|
|
return trusted(
|
|
"""
|
|
<div class="alert alert-info my-3 py-2 small" role="note">
|
|
<strong>Public:</strong> Domainnamen and CNAME target can be shared in DNS.
|
|
<strong>Secret:</strong> Update-URL, one-box update URL, optional Kennwort, private dashboard URL, and domain claim links control the hostname.
|
|
Secrets are hidden by default on screen; Copy still copies the real value.
|
|
</div>
|
|
"""
|
|
)
|
|
|
|
|
|
def _one_time_secret_notice() -> SafeHtml:
|
|
return trusted(
|
|
"""
|
|
<div class="alert alert-warning my-3 py-2 small" role="alert">
|
|
Copy the router password and one-box update URL now. They are only shown when generated or rotated and are not recoverable from the dashboard later.
|
|
</div>
|
|
"""
|
|
)
|
|
|
|
|
|
def _message_band(message: str | None) -> SafeHtml:
|
|
if not message:
|
|
return trusted("")
|
|
return trusted(
|
|
f"""
|
|
<div class="alert alert-warning mb-0 rounded-0 border-start-0 border-end-0" role="status">
|
|
<div class="container">{escape(message)}</div>
|
|
</div>
|
|
"""
|
|
)
|
|
|
|
|
|
def _site_footer() -> SafeHtml:
|
|
return trusted(
|
|
"""
|
|
<footer class="site-footer border-top">
|
|
<div class="container d-flex align-items-center justify-content-between gap-3 flex-column flex-md-row">
|
|
<div class="small text-secondary">Made by Karl</div>
|
|
<nav class="nav justify-content-center gap-3" aria-label="Footer links">
|
|
<a class="nav-link p-0 small text-secondary" href="https://github.com/StasonJatham/karldns.de" rel="noopener">GitHub</a>
|
|
<a class="nav-link p-0 small text-secondary" href="https://karl.fail" rel="noopener">karl.fail</a>
|
|
<a class="nav-link p-0 small text-secondary" href="https://karlcom.de" rel="noopener">karlcom.de</a>
|
|
<a class="nav-link p-0 small text-secondary" href="/docs">API docs</a>
|
|
<a class="nav-link p-0 small text-secondary" href="/redoc">ReDoc</a>
|
|
<a class="nav-link p-0 small text-secondary" href="/privacy">Legal & privacy</a>
|
|
</nav>
|
|
</div>
|
|
</footer>
|
|
"""
|
|
)
|
|
|
|
|
|
def _page(title: str, body: SafeHtml) -> str:
|
|
if not isinstance(body, SafeHtml):
|
|
raise TypeError("body must be a SafeHtml fragment built by a template helper")
|
|
return f"""
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="theme-color" content="#ffffff">
|
|
<title>{escape(title)}</title>
|
|
<link rel="icon" href="/favicon.ico" sizes="any">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
|
<link rel="manifest" href="/site.webmanifest">
|
|
<script src="/app.js" defer></script>
|
|
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
|
|
<link href="/app.css" rel="stylesheet">
|
|
</head>
|
|
<body>{body}{_site_footer()}</body>
|
|
</html>
|
|
"""
|
|
|
|
|
|
__all__ = [
|
|
"SafeHtml",
|
|
"_copy_button",
|
|
"_copy_row",
|
|
"_fritzbox_fields",
|
|
"_manual_update_commands",
|
|
"_manual_update_panel",
|
|
"_message_band",
|
|
"_one_time_secret_notice",
|
|
"_page",
|
|
"_secret_notice",
|
|
"_top_nav",
|
|
"join_html",
|
|
"trusted",
|
|
]
|