ac/android_cast
1
0
Fork 0
mirror of git://f0xx.org/android_cast synced 2026-07-29 06:18:42 +03:00
Code Issues Packages Projects Releases Wiki Activity

Hub nav: Short links with descriptions, drag shell, zoom-safe layout.

Browse Source 
Add URL shortener to the hub left shell with label and description when expanded; share nav_shell.js (click + horizontal drag on handle) across hub and crashes console; widen open nav to 240px; fix viewport overflow when browser zoom changes.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Anton Afanasyeu
2026-06-12 21:10:55 +02:00
parent 539341d8f1
commit a8ef161e75
11 changed files with 260 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
examples/app_hub/assets/hub-landing.js
View File

@@ -116,13 +116,7 @@
}
function bindLeftNav() {
var pane = document.getElementById('landing-nav-pane');
var handle = document.getElementById('landing-nav-handle');
if (handle && pane) {
handle.addEventListener('click', function () {
pane.classList.toggle('open');
});
}
/* nav_shell.js handles #landing-nav-pane / #landing-nav-handle */
}
function initFromUrl() {

8
examples/app_hub/assets/i18n/hub-en.json
View File

@@ -16,6 +16,14 @@
"nav.graphs": "Graphs",
"nav.remote": "Remote access",
"nav.short_links": "Short links",
"nav.short_links_desc": "Mint bearer tokens and shorten URLs for s.f0xx.org.",
"nav.console_desc": "Crash triage home and workspace cards.",
"nav.git_desc": "Browse repos, branches, and tags.",
"nav.issues_desc": "Browse and triage crash reports.",
"nav.tickets_desc": "Roadmap tasks, QA items, and tags.",
"nav.graphs_desc": "Sessions, crashes, and device activity.",
"nav.remote_desc": "WireGuard sessions and device reachability.",
"nav.builder_desc": "Docker CI for APK baking and OTA artifacts.",
"nav.builder": "Builder",
"nav.toggle": "Navigation",
"nav.security": "Security",

8
examples/app_hub/assets/i18n/hub-ru.json
View File

@@ -16,6 +16,14 @@
"nav.graphs": "Графики",
"nav.remote": "Удалённый доступ",
"nav.short_links": "Короткие ссылки",
"nav.short_links_desc": "Токены и сокращение URL для s.f0xx.org.",
"nav.console_desc": "Главная консоли и карточки разделов.",
"nav.git_desc": "Репозитории, ветки и теги.",
"nav.issues_desc": "Просмотр и разбор отчётов о сбоях.",
"nav.tickets_desc": "Задачи roadmap, QA и теги.",
"nav.graphs_desc": "Сессии, сбои и активность устройств.",
"nav.remote_desc": "Сессии WireGuard и доступ к устройствам.",
"nav.builder_desc": "Docker CI для сборки APK и OTA.",
"nav.builder": "Сборщик",
"nav.toggle": "Навигация",
"nav.security": "Безопасность",

33
examples/app_hub/hub-landing.css
View File

@@ -5,12 +5,19 @@
--landing-footer-h: 40px;
--landing-left-w: 56px;
--landing-rail-w: 44px;
overflow: hidden;
display: flex;
flex-direction: column;
min-height: 100vh;
min-height: 100dvh;
width: 100%;
max-width: 100%;
overflow-x: clip;
overflow-y: auto;
}
/* (1) Top header */
.landing-top {
position: fixed;
position: sticky;
top: 0;
left: 0;
right: 0;
@@ -145,11 +152,11 @@
/* Frame: (2) left + (3) body + space for (4) rail */
.landing-frame {
position: fixed;
top: var(--landing-header-h);
left: 0;
right: 0;
bottom: var(--landing-footer-h);
position: relative;
flex: 1 1 auto;
width: 100%;
max-width: 100%;
min-height: calc(100dvh - var(--landing-header-h) - var(--landing-footer-h));
display: flex;
z-index: 5;
pointer-events: none;
@@ -162,8 +169,9 @@
flex-direction: column;
flex: 0 0 var(--landing-left-w);
width: var(--landing-left-w);
height: 100%;
max-height: 100%;
align-self: stretch;
min-height: 100%;
max-height: none;
overflow: hidden;
z-index: 3;
pointer-events: auto;
@@ -180,15 +188,16 @@
border-top: 1px solid var(--border);
}
.landing-left.nav-pane.open {
width: 200px;
flex-basis: 200px;
width: 240px;
flex-basis: 240px;
}
/* (3) Body — full viewport pages, scroll snap */
.landing-scroll {
flex: 1;
min-width: 0;
height: 100%;
align-self: stretch;
min-height: 100%;
overflow-y: auto;
overflow-x: hidden;
scroll-snap-type: y mandatory;

19
examples/app_hub/index.php
View File

@@ -38,7 +38,7 @@ function hub_h(string $s): string {
<link rel="stylesheet" href="/app/androidcast_project/crashes/assets/css/app.css">
<link rel="stylesheet" href="hub.css?v=20260610overlay">
<link rel="stylesheet" href="hub-logo-layers.css?v=20260610overlay">
<link rel="stylesheet" href="hub-landing.css?v=20260610overlay">
<link rel="stylesheet" href="hub-landing.css?v=20260612nav">
<script type="importmap">
{
"imports": {
@@ -46,6 +46,7 @@ function hub_h(string $s): string {
}
}
</script>
<script src="/app/androidcast_project/crashes/assets/js/nav_shell.js" defer></script>
<script src="assets/hub-i18n.js" defer></script>
<script src="assets/hub-landing.js" defer></script>
<script src="assets/analytics.config.js"></script>
@@ -137,14 +138,14 @@ function hub_h(string $s): string {
<span class="nav-icon nav-icon--menu" aria-hidden="true"></span>
</button>
<ul class="nav-list">
<li><a href="crashes/?view=home" class="nav-link"><span class="nav-icon nav-icon--home"></span><span class="nav-label" data-i18n="nav.console">Console</span></a></li>
<li><a href="git/" class="nav-link"><span class="nav-icon nav-icon--git"></span><span class="nav-label" data-i18n="nav.git">Git</span></a></li>
<li><a href="crashes/?view=reports" class="nav-link"><span class="nav-icon nav-icon--reports"></span><span class="nav-label" data-i18n="nav.issues">Issues</span></a></li>
<li><a href="crashes/?view=tickets" class="nav-link"><span class="nav-icon nav-icon--tickets"></span><span class="nav-label" data-i18n="nav.tickets">Tickets</span></a></li>
<li><a href="graphs/" class="nav-link"><span class="nav-icon nav-icon--graphs"></span><span class="nav-label" data-i18n="nav.graphs">Graphs</span></a></li>
<li><a href="crashes/?view=remote_access" class="nav-link"><span class="nav-icon nav-icon--remote"></span><span class="nav-label" data-i18n="nav.remote">Remote access</span></a></li>
<li><a href="crashes/?view=short_links" class="nav-link"><span class="nav-icon nav-icon--link"></span><span class="nav-label" data-i18n="nav.short_links">Short links</span></a></li>
<li><a href="build/" class="nav-link"><span class="nav-icon nav-icon--builder"></span><span class="nav-label" data-i18n="nav.builder">Builder</span></a></li>
<li><a href="crashes/?view=home" class="nav-link" data-i18n-title="nav.console" title="Console"><span class="nav-icon nav-icon--home"></span><span class="nav-text"><span class="nav-label" data-i18n="nav.console">Console</span><span class="nav-desc" data-i18n="nav.console_desc">Crash triage home and workspace cards.</span></span></a></li>
<li><a href="git/" class="nav-link" data-i18n-title="nav.git" title="Git"><span class="nav-icon nav-icon--git"></span><span class="nav-text"><span class="nav-label" data-i18n="nav.git">Git</span><span class="nav-desc" data-i18n="nav.git_desc">Browse repos, branches, and tags.</span></span></a></li>
<li><a href="crashes/?view=reports" class="nav-link" data-i18n-title="nav.issues" title="Issues"><span class="nav-icon nav-icon--reports"></span><span class="nav-text"><span class="nav-label" data-i18n="nav.issues">Issues</span><span class="nav-desc" data-i18n="nav.issues_desc">Browse and triage crash reports.</span></span></a></li>
<li><a href="crashes/?view=tickets" class="nav-link" data-i18n-title="nav.tickets" title="Tickets"><span class="nav-icon nav-icon--tickets"></span><span class="nav-text"><span class="nav-label" data-i18n="nav.tickets">Tickets</span><span class="nav-desc" data-i18n="nav.tickets_desc">Roadmap tasks, QA items, and tags.</span></span></a></li>
<li><a href="graphs/" class="nav-link" data-i18n-title="nav.graphs" title="Graphs"><span class="nav-icon nav-icon--graphs"></span><span class="nav-text"><span class="nav-label" data-i18n="nav.graphs">Graphs</span><span class="nav-desc" data-i18n="nav.graphs_desc">Sessions, crashes, and device activity.</span></span></a></li>
<li><a href="crashes/?view=remote_access" class="nav-link" data-i18n-title="nav.remote" title="Remote access"><span class="nav-icon nav-icon--remote"></span><span class="nav-text"><span class="nav-label" data-i18n="nav.remote">Remote access</span><span class="nav-desc" data-i18n="nav.remote_desc">WireGuard sessions and device reachability.</span></span></a></li>
<li><a href="crashes/?view=short_links" class="nav-link" data-i18n-title="nav.short_links" title="Short links"><span class="nav-icon nav-icon--link"></span><span class="nav-text"><span class="nav-label" data-i18n="nav.short_links">Short links</span><span class="nav-desc" data-i18n="nav.short_links_desc">Mint bearer tokens and shorten URLs for s.f0xx.org.</span></span></a></li>
<li><a href="build/" class="nav-link" data-i18n-title="nav.builder" title="Builder"><span class="nav-icon nav-icon--builder"></span><span class="nav-text"><span class="nav-label" data-i18n="nav.builder">Builder</span><span class="nav-desc" data-i18n="nav.builder_desc">Docker CI for APK baking and OTA artifacts.</span></span></a></li>
</ul>
<div class="nav-user">
<?php if ($hubUsername !== ''): ?>