feat(ui): add archive/api data source switch

This commit is contained in:
Mikhail Chusavitin
2026-02-04 09:39:04 +03:00
parent 8e99c36888
commit c8772d97ed
3 changed files with 83 additions and 7 deletions

View File

@@ -14,14 +14,25 @@
<main>
<section id="upload-section">
<div class="upload-area" id="drop-zone">
<p>Перетащите архив сюда или</p>
<input type="file" id="file-input" accept="application/gzip,application/x-gzip,application/x-tar,application/zip" hidden>
<button type="button" onclick="document.getElementById('file-input').click()">Выберите файл</button>
<p class="hint">Поддерживаемые форматы: tar.gz, zip</p>
<div class="source-switch" role="tablist" aria-label="Источник данных">
<button type="button" class="source-switch-btn active" data-source-type="archive">Архив</button>
<button type="button" class="source-switch-btn" data-source-type="api">API</button>
</div>
<div id="archive-source-content">
<div class="upload-area" id="drop-zone">
<p>Перетащите архив сюда или</p>
<input type="file" id="file-input" accept="application/gzip,application/x-gzip,application/x-tar,application/zip" hidden>
<button type="button" onclick="document.getElementById('file-input').click()">Выберите файл</button>
<p class="hint">Поддерживаемые форматы: tar.gz, zip</p>
</div>
<div id="upload-status"></div>
<div id="parsers-info" class="parsers-info"></div>
</div>
<div id="api-source-placeholder" class="api-placeholder hidden">
<p>Подключение по API будет реализовано на следующих шагах.</p>
</div>
<div id="upload-status"></div>
<div id="parsers-info" class="parsers-info"></div>
</section>
<section id="data-section" class="hidden">