bmc_hub/app/modules/remote/mobile.html

<!doctype html>
<html lang="da"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
<meta name="theme-color" content="#f3f6f6"><meta name="apple-mobile-web-app-capable" content="yes">
<title>Hub · Fjernbetjening</title><link rel="manifest" href="/remote/manifest.webmanifest"><link rel="stylesheet" href="/static/css/remote.css?v=20261014-day"></head>
<body class="remote-mobile"><svg class="icon-defs" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><defs><symbol id="i-clock" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8.5"/><path d="M12 7v5l3 2"/></symbol><symbol id="i-cases" viewBox="0 0 24 24"><rect x="4" y="5" width="16" height="15" rx="3"/><path d="M9 5V3h6v2M8 10h8M8 14h5"/></symbol><symbol id="i-phone" viewBox="0 0 24 24"><path d="M7 3H4a1 1 0 0 0-1 1c0 9.4 7.6 17 17 17a1 1 0 0 0 1-1v-3l-5-2-2 2a13 13 0 0 1-7-7l2-2-2-5Z"/></symbol><symbol id="i-message" viewBox="0 0 24 24"><path d="M20 11a8 8 0 0 1-8 8H4l1.5-4A8 8 0 1 1 20 11Z"/><path d="M8 10h8M8 14h5"/></symbol><symbol id="i-plus" viewBox="0 0 24 24"><path d="M12 5v14M5 12h14"/></symbol><symbol id="i-play" viewBox="0 0 24 24"><path d="m9 5 11 7-11 7V5Z"/></symbol><symbol id="i-pause" viewBox="0 0 24 24"><path d="M8 5v14M16 5v14"/></symbol><symbol id="i-stop" viewBox="0 0 24 24"><rect x="5" y="5" width="14" height="14" rx="2"/></symbol><symbol id="i-arrow" viewBox="0 0 24 24"><path d="M5 12h14m-5-5 5 5-5 5"/></symbol></defs></svg><main><header class="app-header"><div class="brand"><span class="brand-mark" aria-hidden="true">H<span>•</span></span><div><span class="eyebrow">BMC HUB</span><h1>Hub Remote<span class="brand-subtitle">Din arbejdsdag. Lige ved hånden.</span></h1></div></div><span id="connection" role="status">Forbinder…</span></header>
<p id="notice" role="alert"></p>
<div id="uncertain" hidden><p>Svaret på den sidste handling mangler. Kontrollér resultatet, før du sender mere.</p><button id="check-command">Kontrollér resultat</button><button id="retry-command">Prøv samme handling igen</button></div>
<section id="login" hidden><div class="login-emblem"><svg class="icon" aria-hidden="true"><use href="#i-clock"/></svg></div><span class="eyebrow">DIN HUB. LIGE VED HÅNDEN.</span><h2 id="login-title">Forbind din enhed</h2><p class="login-intro">Alt det vigtige fra Hub. Klar på din mobil.</p><form id="login-form">
<label id="code-label">12-cifret kode<input id="code" inputmode="numeric" autocomplete="off" pattern="[0-9]{12}" maxlength="12"></label>
<label>Din 4-cifrede PIN<input id="pin" type="password" inputmode="numeric" autocomplete="off" pattern="[0-9]{4}" maxlength="4" required></label>
<label id="device-label">Enhedens navn<input id="device" maxlength="100" value="Mobil / tablet"></label>
<button type="submit" id="login-submit">Forbind</button></form></section>
<div id="controls" hidden><div class="workspace-heading"><div><span class="eyebrow">DIT ARBEJDSRUM</span><h2>Min dag</h2></div><span id="remote-date"></span></div>
<section class="day-card" id="day-panel"><div class="section-heading"><span class="section-icon"><svg class="icon" aria-hidden="true"><use href="#i-cases"/></svg></span><h2>Min dag · planlagt</h2></div><div id="day-items">Henter dagens plan…</div><p id="day-status" role="status"></p><button type="button" id="screen-awake" class="secondary">Hold skærmen tændt</button><small id="screen-awake-status" role="status"></small></section>
<section class="hero" id="timer-panel"><div class="section-top"><span class="eyebrow">AKTIV SAG</span><span id="desktop">Computer ikke forbundet</span></div><h2 id="active-case">Vælg en sag</h2><p id="deadline">Ingen deadline</p>
<div class="timer-dial"><div class="timer-face"><span class="timer-caption"><svg class="icon" aria-hidden="true"><use href="#i-clock"/></svg> DIN TIMER</span><div id="elapsed" class="clock">00:00:00</div><p id="timer-case">Ingen timer kører</p></div></div>
<div class="buttons"><button data-action="start"><span class="control-icon"><svg class="icon" aria-hidden="true"><use href="#i-play"/></svg></span>Start timer</button><button data-action="pause"><span class="control-icon"><svg class="icon" aria-hidden="true"><use href="#i-pause"/></svg></span>Pause</button><button data-action="stop"><span class="control-icon"><svg class="icon" aria-hidden="true"><use href="#i-stop"/></svg></span>Stop og gem tid</button></div>
<label>Beskrivelse<textarea id="description" maxlength="2000" rows="2" placeholder="Hvad har du lavet?"></textarea></label>
<div id="paused"></div></section>
<section class="manual-card"><div class="section-heading"><span class="section-icon"><svg class="icon" aria-hidden="true"><use href="#i-plus"/></svg></span><h2>Registrer tid</h2></div><form id="manual-form"><label>Minutter på den valgte sag<input id="minutes" type="number" min="1" max="1440" required></label><button type="submit">Gem tid med beskrivelsen ovenfor</button></form></section>
<section class="cases-card" id="cases-panel"><div class="section-heading"><span class="section-icon"><svg class="icon" aria-hidden="true"><use href="#i-cases"/></svg></span><h2>Sager</h2><span class="section-hint">Find din næste opgave</span></div><nav id="case-tabs"><button data-kind="new" aria-pressed="true">Nye</button><button data-kind="own" aria-pressed="false">Mine</button><button data-kind="search" aria-pressed="false">Søg</button></nav>
<form id="search-form"><label>Sagsnummer, titel eller kunde<input id="search" type="search" maxlength="100" placeholder="Søg efter sag eller kunde…"></label><button>Søg</button></form><div id="cases"></div><button id="more" hidden>Vis flere</button></section>
<section class="today-card"><div><span class="eyebrow"><svg class="icon" aria-hidden="true"><use href="#i-clock"/></svg> DAGENS OVERBLIK</span><h2>Registreret i dag</h2></div><p id="today"></p></section>
<section class="phone-card" id="phone-card" hidden><div class="section-heading"><span class="section-icon"><svg class="icon" aria-hidden="true"><use href="#i-phone"/></svg></span><h2>Kontakter &amp; opkald</h2><span id="call-count" class="count-badge" hidden></span></div>
<p class="section-hint">Ring via din VoIP-telefon i Hub</p><div class="call-heading"><span class="live-dot"></span><h3>Indgående opkald</h3><span class="section-hint">Live fra Hub</span></div><div id="incoming-calls" role="status">Henter opkald…</div>
<form id="contact-search-form"><label>Navn, firma, telefon eller e-mail<input id="contact-search" type="search" maxlength="100" placeholder="Find en kontakt…"></label><button>Søg kontakter</button></form><div id="contact-results"></div><button id="contact-more" hidden>Flere kontakter</button>
<p id="phone-notice" role="status"></p><button id="check-call" hidden>Kontrollér opkaldets status</button><button id="clear-call" hidden>Jeg har kontrolleret telefonen</button></section>
<section class="messages-card" id="messages-panel"><div class="section-heading"><span class="section-icon"><svg class="icon" aria-hidden="true"><use href="#i-message"/></svg></span><h2>Hub-beskeder</h2><span id="message-count" class="count-badge" hidden></span></div><div id="messages"></div><button data-action="read">Markér almindelige beskeder som læst</button></section>
<nav class="remote-nav" aria-label="Fjernbetjeningens navigation"><a href="#day-panel" aria-current="location"><svg class="icon" aria-hidden="true"><use href="#i-cases"/></svg><span>Min dag</span></a><a href="#timer-panel"><svg class="icon" aria-hidden="true"><use href="#i-clock"/></svg><span>Timer</span></a><a href="#cases-panel"><svg class="icon" aria-hidden="true"><use href="#i-cases"/></svg><span>Sager</span></a><a href="#phone-card"><svg class="icon" aria-hidden="true"><use href="#i-phone"/></svg><span>Kontakter</span></a><a href="#messages-panel"><svg class="icon" aria-hidden="true"><use href="#i-message"/></svg><span>Beskeder</span></a></nav><footer class="remote-footer"><span>BMC Hub · Fjernbetjening</span><button id="logout" class="secondary">Afbryd denne enhed</button></footer></div>
<dialog id="switch-dialog"><h2>Skal timeren også skifte?</h2><p>Den nuværende timer pauses, hvis du skifter timer.</p><div class="buttons"><button data-switch="view">Kun skift sag</button><button data-switch="timer">Skift også timer</button><button data-switch="cancel" class="secondary">Annuller</button></div></dialog>
</main><script type="module" src="/static/js/remote-mobile.js?v=20261014-day"></script></body></html>