179 lines
3.2 KiB
HTML
179 lines
3.2 KiB
HTML
<!doctype html>
|
|
<html lang="it">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1"
|
|
/>
|
|
|
|
<title>Persone e volti</title>
|
|
|
|
<link
|
|
rel="stylesheet"
|
|
href="/css/faces.css"
|
|
er"
|
|
class="auth-loader"
|
|
>
|
|
Verifica autenticazione...
|
|
</div>
|
|
|
|
<body>
|
|
<div
|
|
id="authLoader"
|
|
class="auth-loader"
|
|
>
|
|
Verifica autenticazione...
|
|
</div>
|
|
|
|
<main
|
|
id="app"
|
|
class="faces-app"
|
|
hidden
|
|
>
|
|
<header class="page-header">
|
|
<div>
|
|
<p class="eyebrow">
|
|
Galleria
|
|
</p>
|
|
|
|
<h1>Persone e volti</h1>
|
|
|
|
<p
|
|
id="pageSubtitle"
|
|
class="page-subtitle"
|
|
>
|
|
Caricamento...
|
|
</p>
|
|
</div>
|
|
|
|
<div class="header-actions">
|
|
<button
|
|
id="refreshButton"
|
|
class="secondary-button"
|
|
type="button"
|
|
>
|
|
Aggiorna
|
|
</button>
|
|
|
|
<button
|
|
id="backButton"
|
|
class="primary-button"
|
|
type="button"
|
|
>
|
|
Indietro
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<section
|
|
id="statusPanel"
|
|
class="status-panel"
|
|
aria-live="polite"
|
|
>
|
|
Caricamento dei cluster...
|
|
</section>
|
|
|
|
<nav
|
|
class="review-tabs"
|
|
aria-label="Sezioni revisione volti"
|
|
>
|
|
<button
|
|
class="review-tab active"
|
|
type="button"
|
|
data-tab="clusters"
|
|
>
|
|
Cluster
|
|
<span id="clusterCount">0</span>
|
|
</button>
|
|
|
|
<button
|
|
class="review-tab"
|
|
type="button"
|
|
data-tab="unclustered"
|
|
>
|
|
Non raggruppati
|
|
<span id="unclusteredCount">0</span>
|
|
</button>
|
|
|
|
<button
|
|
class="review-tab"
|
|
type="button"
|
|
data-tab="persons"
|
|
>
|
|
Persone
|
|
<span id="personCount">0</span>
|
|
</button>
|
|
</nav>
|
|
|
|
<section
|
|
id="clustersSection"
|
|
class="review-section"
|
|
data-section="clusters"
|
|
>
|
|
<div class="section-heading">
|
|
<div>
|
|
<h2>Cluster da revisionare</h2>
|
|
|
|
<p>
|
|
Gruppi proposti automaticamente dal
|
|
riconoscimento facciale.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
id="clustersGrid"
|
|
class="cluster-grid"
|
|
></div>
|
|
</section>
|
|
|
|
<section
|
|
id="unclusteredSection"
|
|
class="review-section hidden"
|
|
data-section="unclustered"
|
|
>
|
|
<div class="section-heading">
|
|
<div>
|
|
<h2>Volti non raggruppati</h2>
|
|
|
|
<p>
|
|
Volti classificati come noise nella
|
|
run corrente.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
id="unclusteredGrid"
|
|
class="face-grid"
|
|
></div>
|
|
</section>
|
|
|
|
<section
|
|
id="personsSection"
|
|
class="review-section hidden"
|
|
data-section="persons"
|
|
>
|
|
<div class="section-heading">
|
|
<div>
|
|
<h2>Persone confermate</h2>
|
|
|
|
<p>
|
|
Le persone nominate compariranno qui.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
id="personsGrid"
|
|
class="persons-grid"
|
|
></div>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="/js/auth.js"></script>
|
|
<script src="/js/faces.js"></script>
|
|
</body>
|
|
</html>
|