veenm
3d958d0411
- Home Assistant administrators are admins: Dashboard, Builder and Admin screens - Everyone else only sees the dashboards an admin chose, always in kiosk mode; the server enforces it (saving, people, devices, history are admin-only, and the websocket only allows reading states and controlling devices) - Admin screen: dashboards, people and what each sees (with preview), devices, messages to the screens, the Haven app, activity, about - Haven: new Android app (haven/) that only shows dashboards; replaces the Dashboard Studio Android app and signs in through Home Assistant's page - Screens pick up dashboard and access changes within a minute - Version history records who made each change; panel visible to all users Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
67 lines
4.1 KiB
HTML
67 lines
4.1 KiB
HTML
<!doctype html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<style>
|
||
:root { color-scheme: dark; }
|
||
body { margin: 0; min-height: 100vh; background: linear-gradient(180deg, #17384a 0%, #0d1d29 60%); color: #f4eee4; font: 16px/1.45 system-ui, sans-serif; display: flex; align-items: center; justify-content: center; }
|
||
main { width: 100%; max-width: 420px; padding: 28px 22px; box-sizing: border-box; }
|
||
img { width: 80px; height: 80px; border-radius: 20px; display: block; margin-bottom: 18px; box-shadow: 0 10px 30px rgba(0, 0, 0, .35); }
|
||
.name { font-size: 15px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #f4a531; margin: 0 0 4px; }
|
||
h1 { font-size: 26px; margin: 0 0 8px; }
|
||
p { margin: 0 0 18px; color: #a9b8c2; }
|
||
.msg { background: rgba(255, 69, 58, .15); color: #ffb4ae; padding: 10px 14px; border-radius: 12px; }
|
||
.msg:empty { display: none; }
|
||
label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 6px; }
|
||
input { width: 100%; box-sizing: border-box; font: inherit; color: inherit; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .14); border-radius: 12px; padding: 12px 14px; }
|
||
input:focus { outline: 2px solid #f4a531; border-color: transparent; }
|
||
.hint { font-size: 13px; margin: 8px 0 22px; }
|
||
button { width: 100%; font: inherit; font-weight: 700; color: #2b1a02; background: #f4a531; border: 0; border-radius: 12px; padding: 13px; }
|
||
button:active { opacity: .85; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<main>
|
||
<img src="icon.png" alt="">
|
||
<p class="name">Haven</p>
|
||
<h1 data-t="title">Your home’s dashboards</h1>
|
||
<p data-t="intro">Enter the address you use to open Home Assistant, then sign in with your own login. You only do this once.</p>
|
||
<p class="msg" id="msg"></p>
|
||
<form id="f">
|
||
<label for="addr" data-t="label">Home Assistant address</label>
|
||
<input id="addr" type="text" inputmode="url" autocomplete="url" autocapitalize="off" spellcheck="false" placeholder="http://homeassistant.local:8123" required>
|
||
<p class="hint" data-t="hint">Ask whoever set up Home Assistant: it’s on the Admin screen of Dashboard Studio, under Haven app.</p>
|
||
<button type="submit" data-t="go">Connect</button>
|
||
</form>
|
||
</main>
|
||
<script>
|
||
const NL = {
|
||
title: "De dashboards van je huis",
|
||
intro: "Vul het adres in waarmee je Home Assistant opent en log in met je eigen account. Dat doe je maar één keer.",
|
||
label: "Adres van Home Assistant",
|
||
hint: "Vraag het aan wie Home Assistant heeft ingesteld: het staat in Dashboard Studio op het beheerscherm, onder Haven-app.",
|
||
go: "Verbinden",
|
||
offline: "Home Assistant is niet bereikbaar op dit adres. Controleer het adres en je verbinding.",
|
||
notfound: "Dashboard Studio staat niet in Home Assistant. Vraag wie Home Assistant beheert om het te installeren.",
|
||
noaddress: "Dashboard Studio is gevonden, maar het adres kon niet worden opgevraagd. Tik in Dashboard Studio op Openen in Haven, of vraag wie Home Assistant beheert.",
|
||
error: "Verbinden lukte niet: {0}",
|
||
};
|
||
const EN = {
|
||
offline: "Home Assistant can't be reached at this address. Check the address and your connection.",
|
||
notfound: "Dashboard Studio isn't installed in Home Assistant. Ask whoever manages Home Assistant to install it.",
|
||
noaddress: "Dashboard Studio was found, but its address couldn't be looked up. Tap Open in Haven in Dashboard Studio, or ask whoever manages Home Assistant.",
|
||
error: "Couldn't connect: {0}",
|
||
};
|
||
const T = navigator.language.startsWith("nl") ? NL : EN;
|
||
if (T === NL) document.querySelectorAll("[data-t]").forEach((el) => { el.textContent = NL[el.dataset.t] || el.textContent; });
|
||
const app = window.HavenApp;
|
||
const why = app ? app.message() : "", detail = app ? app.detail() : "";
|
||
if (why) document.getElementById("msg").textContent = (T[why] || T.error).replace("{0}", detail || why);
|
||
const addr = document.getElementById("addr");
|
||
addr.value = app ? app.address() : "";
|
||
document.getElementById("f").onsubmit = (e) => { e.preventDefault(); app.setup(addr.value.trim()); };
|
||
</script>
|
||
</body>
|
||
</html>
|