mirror of
git://f0xx.org/android_cast
synced 2026-07-29 07:58:10 +03:00
192 lines
7.4 KiB
HTML
192 lines
7.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" data-theme="dark">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Android Cast — Project hub</title>
|
|
<script>
|
|
(function () {
|
|
var t = localStorage.getItem('crash_console_theme');
|
|
if (t === 'light' || t === 'dark') document.documentElement.setAttribute('data-theme', t);
|
|
})();
|
|
</script>
|
|
<link rel="stylesheet" href="/app/androidcast_project/crashes/assets/css/app.css">
|
|
<link rel="stylesheet" href="hub.css">
|
|
<link rel="stylesheet" href="hub-logo-layers.css">
|
|
</head>
|
|
<body class="hub-page">
|
|
<div id="hub-logo-stage" class="hub-logo-stage" hidden aria-hidden="true"></div>
|
|
<button id="hub-compass-hit" class="hub-compass-hit" type="button" aria-label="Open deployment model"></button>
|
|
<div id="hub-docs-modal" class="hub-docs-modal" hidden aria-hidden="true">
|
|
<div class="hub-docs-backdrop" data-close-docs></div>
|
|
<section class="hub-docs-panel card card--lift" role="dialog" aria-modal="true" aria-labelledby="hub-docs-title">
|
|
<header class="hub-docs-header">
|
|
<h2 id="hub-docs-title">Deployment model</h2>
|
|
<button type="button" class="hub-docs-close" data-close-docs aria-label="Close">x</button>
|
|
</header>
|
|
<div id="hub-docs-body" class="hub-docs-body">
|
|
<p class="muted">Loading...</p>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div class="shell hub-shell">
|
|
<main class="main-pane hub-main">
|
|
<header class="hub-header">
|
|
<div class="hub-brand">
|
|
<img class="hub-logo-mark" src="assets/hub-logo-transparent.svg" alt="" width="112" height="84" decoding="async">
|
|
<h1 class="hub-title">Android Cast</h1>
|
|
<img class="hub-thunder" src="assets/hub-thunder.svg" alt="Thunder underline" width="312" height="46" decoding="async">
|
|
</div>
|
|
<p class="muted hub-subtitle">Project hub</p>
|
|
<label class="toolbar-select hub-theme">
|
|
<span>Theme</span>
|
|
<select id="theme-select" aria-label="UI theme">
|
|
<option value="dark">Dark</option>
|
|
<option value="light">Light</option>
|
|
</select>
|
|
</label>
|
|
</header>
|
|
<nav class="hub-cards cards cards--lift" aria-label="Android Cast apps">
|
|
<a class="hub-card card card--lift" href="crashes/?view=reports">
|
|
<span class="hub-card-icon" aria-hidden="true">
|
|
<span class="nav-icon nav-icon--reports"></span>
|
|
</span>
|
|
<span class="hub-card-label">AndroidCast reports</span>
|
|
</a>
|
|
<a class="hub-card card card--lift" href="git/">
|
|
<span class="hub-card-icon" aria-hidden="true">
|
|
<span class="nav-icon nav-icon--git"></span>
|
|
</span>
|
|
<span class="hub-card-label">AndroidCast git</span>
|
|
</a>
|
|
<a class="hub-card card card--lift" href="crashes/?view=tickets">
|
|
<span class="hub-card-icon" aria-hidden="true">
|
|
<span class="nav-icon nav-icon--tickets"></span>
|
|
</span>
|
|
<span class="hub-card-label">AndroidCast tickets</span>
|
|
</a>
|
|
</nav>
|
|
</main>
|
|
</div>
|
|
<footer class="bottom-bar">(c) Anton Afanaasyeu</footer>
|
|
<script>
|
|
(function () {
|
|
var sel = document.getElementById('theme-select');
|
|
if (sel) {
|
|
var cur = document.documentElement.getAttribute('data-theme') || 'dark';
|
|
sel.value = cur;
|
|
sel.addEventListener('change', function () {
|
|
var v = sel.value;
|
|
document.documentElement.setAttribute('data-theme', v);
|
|
try { localStorage.setItem('crash_console_theme', v); } catch (e) {}
|
|
});
|
|
}
|
|
|
|
var stage = document.getElementById('hub-logo-stage');
|
|
if (!stage) return;
|
|
|
|
var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
|
|
var supportsSvg = !!(svg && svg.createSVGRect);
|
|
var supportsLayout = !!(window.CSS && CSS.supports && CSS.supports('object-fit', 'cover'));
|
|
if (!supportsSvg || !supportsLayout) return;
|
|
|
|
var logoBuild = '20260527j';
|
|
var fragments = {
|
|
space: 'assets/hub-logo-fragment-space.svg',
|
|
globe: 'assets/hub-logo-fragment-globe.svg',
|
|
continents: 'assets/hub-logo-continents-mercator-globe.svg',
|
|
gridOverlay: 'assets/hub-logo-fragment-globe-grid-overlay.svg'
|
|
};
|
|
var parts = {
|
|
full: ['space', 'globe', 'continents', 'gridOverlay'],
|
|
space: ['space'],
|
|
globe: ['globe', 'continents', 'gridOverlay']
|
|
};
|
|
|
|
var params = new URLSearchParams(window.location.search);
|
|
var part = (params.get('logoPart') || 'full').toLowerCase();
|
|
var grid = (params.get('grid') || '3').toLowerCase();
|
|
var list = parts[part] || parts.full;
|
|
|
|
function fragmentSrc(name) {
|
|
var base = fragments[name];
|
|
if (name === 'globe' && grid === '4') {
|
|
base = 'assets/hub-logo-fragment-globe-4x4.svg';
|
|
}
|
|
return base + '?v=' + logoBuild;
|
|
}
|
|
|
|
list.forEach(function (name) {
|
|
var img = document.createElement('img');
|
|
img.className = 'hub-logo-layer hub-logo-layer--' + name;
|
|
img.src = fragmentSrc(name);
|
|
img.alt = '';
|
|
img.decoding = 'async';
|
|
img.loading = 'lazy';
|
|
stage.appendChild(img);
|
|
});
|
|
|
|
var logoOpacity = params.get('logoOpacity');
|
|
if (logoOpacity) {
|
|
stage.style.opacity = logoOpacity;
|
|
}
|
|
|
|
stage.hidden = false;
|
|
stage.setAttribute('aria-hidden', 'true');
|
|
|
|
var docsModal = document.getElementById('hub-docs-modal');
|
|
var docsBody = document.getElementById('hub-docs-body');
|
|
var compassHit = document.getElementById('hub-compass-hit');
|
|
if (!docsModal || !docsBody || !compassHit) return;
|
|
|
|
function closeDocs() {
|
|
docsModal.hidden = true;
|
|
docsModal.setAttribute('aria-hidden', 'true');
|
|
}
|
|
|
|
function openDocs() {
|
|
docsModal.hidden = false;
|
|
docsModal.setAttribute('aria-hidden', 'false');
|
|
}
|
|
|
|
function loadDocs(section) {
|
|
var url = '/app/androidcast_project/crashes/api/hub_deploy_docs.php';
|
|
if (section) url += '?section=' + encodeURIComponent(section);
|
|
docsBody.innerHTML = '<p class="muted">Loading...</p>';
|
|
openDocs();
|
|
fetch(url, { headers: { 'Accept': 'application/json' } })
|
|
.then(function (res) { return res.json(); })
|
|
.then(function (payload) {
|
|
if (!payload || !payload.ok) {
|
|
docsBody.innerHTML = '<p class="muted">Failed to load deployment model.</p>';
|
|
return;
|
|
}
|
|
docsBody.innerHTML = payload.html || '<p class="muted">No content.</p>';
|
|
})
|
|
.catch(function () {
|
|
docsBody.innerHTML = '<p class="muted">Network error while loading deployment model.</p>';
|
|
});
|
|
}
|
|
|
|
compassHit.addEventListener('click', function () { loadDocs('intro'); });
|
|
docsModal.addEventListener('click', function (ev) {
|
|
var target = ev.target;
|
|
if (!(target instanceof Element)) return;
|
|
if (target.hasAttribute('data-close-docs')) {
|
|
closeDocs();
|
|
return;
|
|
}
|
|
var link = target.closest('[data-doc-link]');
|
|
if (link) {
|
|
ev.preventDefault();
|
|
loadDocs(link.getAttribute('data-doc-link') || 'intro');
|
|
}
|
|
});
|
|
document.addEventListener('keydown', function (ev) {
|
|
if (ev.key === 'Escape' && !docsModal.hidden) closeDocs();
|
|
});
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|