Files
AI_portal/vv-compare/static/index.html
Ondřej Glaser 48cef99257 Initial portal commit: landing + 9 AI-powered apps
Apps:
- dwg-rooms: extract room numbers from DWG/DXF
- dwg-counting: count symbols in PDF drawings (OpenCV template matching)
- contract-check: review PDF contracts against a checklist (Claude vision + Tesseract OCR fallback)
- email-drafter: bullet notes → polished Czech/English business emails
- invoice-extractor: PDF/image invoice → structured data → Excel
- translator: Czech-first translator across 19 languages with tone control
- vv-check: find inconsistent unit prices across VV sheets in one workbook
- vv-compare: diff original vs new VV files (changes / added / removed)
- feature-request: portal users submit ideas + sample files

Infrastructure:
- LiteLLM gateway with per-app virtual keys + budgets
- Langfuse observability
- Geist font, shared theme, cross-subdomain back link + theme sync via cookie/URL
- Caddy reverse proxy on *.klas.chat
2026-05-13 15:25:04 +02:00

132 lines
4.9 KiB
HTML

<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Porovnání VV | Colsys AI</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap">
<link rel="stylesheet" href="/static/styles.css">
<link rel="stylesheet" href="/static/extra.css">
<script>
(function () {
var t = null;
try { var p = new URL(window.location.href).searchParams.get("theme");
if (p === "dark" || p === "light") t = p; } catch (e) {}
if (!t) { try { t = localStorage.getItem("app_theme"); } catch (e) {} }
if (!t) { var m = document.cookie.match(/(?:^|;\s*)portal_theme=([^;]+)/);
if (m) t = decodeURIComponent(m[1]); }
if (t === "dark" || t === "light") {
document.documentElement.classList.add(t);
try { localStorage.setItem("app_theme", t); } catch (e) {}
}
})();
</script>
</head>
<body>
<header class="header">
<div class="header-inner">
<a href="https://ai.klas.chat" class="brand">
<span class="brand-icon">C</span>
<span class="brand-name">Colsys <span class="brand-ai">AI</span></span>
</a>
<span class="header-crumb">Porovnání VV</span>
<a href="https://ai.klas.chat" class="back-link" title="Zpět na portál">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<path d="m15 18-6-6 6-6"/>
</svg>
<span>Zpět na portál</span>
</a>
</div>
</header>
<main class="main">
<section id="s-upload">
<div class="section-intro">
<h1 class="section-title">Porovnání výkazu výměr (původní vs nový)</h1>
<p class="section-desc">
Nahrajte dva soubory MaR VV — původní a nový. Aplikace najde
změny ve výměrách, MJ, přidané a odebrané položky a vytvoří
souhrnný Excel report.
</p>
</div>
<div class="dual-drop">
<div class="drop-half">
<div class="drop-label">PŮVODNÍ VV</div>
<div class="drop-zone-mini" id="drop-original">
<p class="drop-text" id="orig-text">Přetáhněte soubor sem nebo klikněte</p>
<input type="file" id="orig-input" accept=".xlsx,.xlsm" style="display:none">
</div>
</div>
<div class="drop-arrow"></div>
<div class="drop-half">
<div class="drop-label">NOVÝ VV</div>
<div class="drop-zone-mini" id="drop-new">
<p class="drop-text" id="new-text">Přetáhněte soubor sem nebo klikněte</p>
<input type="file" id="new-input" accept=".xlsx,.xlsm" style="display:none">
</div>
</div>
</div>
<div class="run-row">
<button class="btn btn-primary btn-lg" id="compare-btn" type="button" disabled>
Porovnat
</button>
<span class="run-hint" id="compare-hint">Nahrajte oba soubory.</span>
</div>
</section>
<section id="s-processing" class="hidden">
<div class="processing-card">
<div class="spinner"></div>
<h2 class="processing-title">Porovnávám soubory…</h2>
<p class="processing-sub">Načítám oba sešity, párkuji listy a hledám změněné, přidané a odebrané položky. Při rozsáhlejších výkazech to může trvat půl minuty i déle — vyčkejte, nezavírejte stránku.</p>
</div>
</section>
<section id="s-result" class="hidden">
<div class="results-header">
<div>
<h2 class="results-title">Výsledek porovnání</h2>
<p class="results-meta" id="results-meta"></p>
</div>
<div class="results-actions">
<button class="btn btn-secondary" id="restart-btn" type="button">Nové porovnání</button>
<button class="btn btn-primary" id="download-btn" type="button">
<svg class="btn-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v12m0 0-3.75-3.75M12 16.5l3.75-3.75M4.5 19.5h15"/>
</svg>
Stáhnout report Excel
</button>
</div>
</div>
<div class="recap-cards">
<div class="recap-card recap-changed">
<div class="recap-label">Změněné</div>
<div class="recap-value" id="cnt-changed">0</div>
</div>
<div class="recap-card recap-added">
<div class="recap-label">Přidané</div>
<div class="recap-value" id="cnt-added">0</div>
</div>
<div class="recap-card recap-removed">
<div class="recap-label">Odebrané</div>
<div class="recap-value" id="cnt-removed">0</div>
</div>
</div>
<div class="per-sheet" id="per-sheet"></div>
</section>
</main>
<script src="/static/app.js"></script>
</body>
</html>