Add browser asset quality gate
This commit is contained in:
parent
2841042b9c
commit
5ccb336e84
14 changed files with 2898 additions and 16 deletions
|
|
@ -858,7 +858,7 @@ def _facet_rows(connection: sqlite3.Connection, table: str, column: str) -> list
|
|||
return [{"value": row[0], "count": row[1]} for row in rows]
|
||||
|
||||
|
||||
_GRAPH_BROWSER_HTML = r"""<!doctype html>
|
||||
_GRAPH_BROWSER_HTML = r"""<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
|
@ -963,6 +963,9 @@ _GRAPH_BROWSER_HTML = r"""<!doctype html>
|
|||
display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: 10px;
|
||||
}
|
||||
.legend i { width: 8px; height: 8px; border-radius: 50%; }
|
||||
.legend-primary i { background: var(--primary-stroke); }
|
||||
.legend-child i { background: var(--child-stroke); }
|
||||
.legend-edge i { background: var(--edge-stroke); }
|
||||
.result {
|
||||
width: 100%; text-align: left; border: 1px solid var(--line); border-radius: 9px;
|
||||
padding: 9px; background: var(--panel-2); color: var(--text);
|
||||
|
|
@ -1097,11 +1100,12 @@ _GRAPH_BROWSER_HTML = r"""<!doctype html>
|
|||
<div class="status" id="status">Loading validated index snapshot…</div>
|
||||
</header>
|
||||
<div class="layout">
|
||||
<aside class="left">
|
||||
<aside class="left" aria-label="Graph navigation">
|
||||
<form id="search-form">
|
||||
<label for="search">Find nodes</label>
|
||||
<div class="search-row">
|
||||
<input id="search" name="q" autocomplete="off" placeholder="title, symbol, path…">
|
||||
<input id="search" name="q" type="search" autocomplete="off"
|
||||
placeholder="title, symbol, path…">
|
||||
<button class="button" type="submit">Find</button>
|
||||
</div>
|
||||
<label for="family">Family</label>
|
||||
|
|
@ -1109,10 +1113,10 @@ _GRAPH_BROWSER_HTML = r"""<!doctype html>
|
|||
</form>
|
||||
<div class="results" id="results"></div>
|
||||
<div class="neighborhood" id="neighborhood" hidden>
|
||||
<div class="legend" aria-label="Node role colors">
|
||||
<span><i style="background: var(--primary-stroke)"></i>Primary</span>
|
||||
<span><i style="background: var(--child-stroke)"></i>Children</span>
|
||||
<span><i style="background: var(--edge-stroke)"></i>Edge</span>
|
||||
<div class="legend" role="group" aria-label="Node role colors">
|
||||
<span class="legend-primary"><i></i>Primary</span>
|
||||
<span class="legend-child"><i></i>Children</span>
|
||||
<span class="legend-edge"><i></i>Edge</span>
|
||||
</div>
|
||||
<div id="neighborhood-sections"></div>
|
||||
</div>
|
||||
|
|
@ -1121,7 +1125,7 @@ _GRAPH_BROWSER_HTML = r"""<!doctype html>
|
|||
aria-label="Resize navigation panel" aria-orientation="vertical"
|
||||
aria-valuemin="220" aria-valuemax="900" aria-valuenow="310"></div>
|
||||
<main class="canvas">
|
||||
<div class="viewport-controls" aria-label="Graph viewport controls">
|
||||
<div class="viewport-controls" role="group" aria-label="Graph viewport controls">
|
||||
<button class="viewport-control" id="zoom-in" type="button"
|
||||
title="Zoom in" aria-label="Zoom in">+</button>
|
||||
<button class="viewport-control" id="zoom-out" type="button"
|
||||
|
|
@ -1144,7 +1148,7 @@ _GRAPH_BROWSER_HTML = r"""<!doctype html>
|
|||
<div class="panel-resizer" id="right-resizer" role="separator" tabindex="0"
|
||||
aria-label="Resize details panel" aria-orientation="vertical"
|
||||
aria-valuemin="240" aria-valuemax="900" aria-valuenow="350"></div>
|
||||
<aside class="right">
|
||||
<aside class="right" aria-label="Node details">
|
||||
<div id="details">
|
||||
<p class="summary">Choose a search result to load its neighborhood.</p>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue