nathan
3532679235
continuous-integration/drone/push Build is failing
- html/css split into tokens.css (custom properties), base.css (reset, typography, focus, skip link), components.css (buttons, inputs, tables, status cards, popups, menu, log lines) and layout.css (shell, sidebar, header, breakpoints); screen.css removed. Selectors and declarations moved as-is; three pairs of conflicting rules resolved in favour of the one that already won the cascade, two empty rules dropped. - Every literal colour outside tokens.css is now a token (category badge borders excepted). color-scheme set so native controls follow. - Light theme under prefers-color-scheme: light, with explicit data-theme="light"/"dark" overrides on :root for a future toggle. Body text 13.6:1, muted text 5.4:1, accent 5.1:1 on the light background. - HTML: lang="en" everywhere, one h1 per page, maintenance page uses <main>, an id typo fixed.
115 lines
4.3 KiB
HTML
115 lines
4.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>xTeVe</title>
|
|
<link rel="stylesheet" href="css/tokens.css">
|
|
<link rel="stylesheet" href="css/base.css">
|
|
<link rel="stylesheet" href="css/components.css">
|
|
<link rel="stylesheet" href="css/layout.css">
|
|
<script src="js/app.js"></script>
|
|
|
|
</head>
|
|
|
|
<body class="app-shell" onload="javascript: PageReady();">
|
|
|
|
<a class="skip-link" href="#content">Skip to main content</a>
|
|
|
|
<div id="loading" class="none" role="status" aria-live="polite" aria-label="Loading" aria-hidden="true">
|
|
<div class="loader"></div>
|
|
</div>
|
|
|
|
<div id="popup" class="none" role="dialog" aria-modal="true" aria-hidden="true" tabindex="-1">
|
|
<div id="popup-custom" role="document" tabindex="-1"></div>
|
|
</div>
|
|
|
|
<div id="layout-overlay" aria-hidden="true" tabindex="-1"></div>
|
|
<div id="layout">
|
|
|
|
<!--
|
|
<div id="notification">
|
|
<div class="element">
|
|
<h5>XEPG</h5>
|
|
<pre>11.05.2019 - 20:21</pre>
|
|
<hr>
|
|
<p>Hallo das ist ein Test. Und noch mehr Text.</p>
|
|
</div>
|
|
</div>
|
|
-->
|
|
|
|
<aside id="menu-wrapper" class="layout-left" aria-label="Sidebar menu">
|
|
<div id="branch"></div>
|
|
<div id="logo"></div>
|
|
<nav id="main-menu" role="menubar" aria-label="Main navigation"></nav>
|
|
</aside>
|
|
|
|
<main id="shell-main" class="layout-right">
|
|
<header id="shell-header">
|
|
<button id="menu-toggle" type="button" aria-expanded="false" aria-controls="menu-wrapper" aria-label="Toggle navigation menu">Menu</button>
|
|
<h1 id="shell-title">xTeVe Control Panel</h1>
|
|
<p id="connection-indicator" class="status-idle" role="status" aria-live="polite" aria-atomic="true">Connecting...</p>
|
|
</header>
|
|
|
|
<table id="clientInfo" class="" aria-label="Server information">
|
|
|
|
<tr>
|
|
<td class="tdKey">xTeVe:</td>
|
|
<td id="version" class="tdVal" data-label="xTeVe"> </td>
|
|
<td class="tdKey">OS:</td>
|
|
<td id="os" class="tdVal" data-label="OS"> </td>
|
|
<td class="tdKey phone">DVR IP:</td>
|
|
<td id="DVR" class="tdVal phone" data-label="DVR IP"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="tdKey">UUID:</td>
|
|
<td id="uuid" class="tdVal" data-label="UUID"> </td>
|
|
<td class="tdKey">Arch:</td>
|
|
<td id="arch" class="tdVal" data-label="Arch"> </td>
|
|
<td class="tdKey phone">M3U URL:</td>
|
|
<td id="m3u-url" class="tdVal phone" data-label="M3U URL"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="tdKey">Available Streams:</td>
|
|
<td id="streams" class="tdVal" data-label="Available Streams"> </td>
|
|
<td class="tdKey">EPG Source:</td>
|
|
<td id="epgSource" class="tdVal" data-label="EPG Source"> </td>
|
|
<td class="tdKey phone">XEPG URL:</td>
|
|
<td id="xepg-url" class="tdVal phone" data-label="XEPG URL"> </td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="tdKey">XEPG Channels:</td>
|
|
<td id="xepg" class="tdVal" data-label="XEPG Channels"> </td>
|
|
<td class="tdKey">Errors:</td>
|
|
<td id="errors" class="tdVal" data-label="Errors"> </td>
|
|
<td class="tdKey">Warnings:</td>
|
|
<td id="warnings" class="tdVal" data-label="Warnings"> </td>
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
<div id="status-cards" class="dashboard-cards" role="list" aria-live="polite" aria-label="System summary"></div>
|
|
|
|
<div id="myStreamsBox" class="notVisible" aria-live="polite" aria-label="Stream details">
|
|
|
|
<div id="allStreams">
|
|
<table id="activeStreams"></table>
|
|
<table id="inactiveStreams"></table>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="content" class="" role="region" aria-live="polite" aria-busy="false" tabindex="-1" aria-label="Main content"></div>
|
|
<p id="sr-announcer" class="sr-only" aria-live="polite" aria-atomic="true"></p>
|
|
|
|
</main>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|