Remove VM upload layer; keep file picker only

This commit is contained in:
“Naeel”
2026-09-05 09:23:13 +03:00
parent c0b87880ae
commit 85605fe8c6
20 changed files with 1 additions and 405 deletions
-38
View File
@@ -18,7 +18,6 @@
<input id="folder-input" type="file" webkitdirectory directory multiple hidden>
<button id="files-btn" type="button">Выбрать файлы</button>
<button id="folder-btn" type="button" class="secondary">Выбрать папку</button>
<button id="upload-btn" type="button" disabled>Загрузить</button>
<button id="clear-btn" type="button" class="quiet">Очистить</button>
</section>
<p id="status" class="status" role="status"></p>
@@ -29,15 +28,10 @@
</table>
</div>
<p id="count" class="count"></p>
<section id="result" class="result" hidden>
<h2>Файлы в сессии</h2>
<ul id="result-list"></ul>
</section>
</main>
<script src="{{ url_for('static', filename='vendor/fflate.min.js') }}"></script>
<script type="module">
import { initUploadTable } from "/upload-frontend/table/init_upload_table.js";
import { uploadViaVM } from "/upload-frontend/upload/upload_via_vm.js";
const cfg = {{ config|tojson }};
const table = initUploadTable({
@@ -46,43 +40,11 @@
folderInputEl: document.querySelector('#folder-input'),
tableBodyEl: document.querySelector('#table-body'),
countEl: document.querySelector('#count'),
uploadBtnEl: document.querySelector('#upload-btn'),
});
const status = document.querySelector('#status');
document.querySelector('#files-btn').onclick = () => table.pickFiles();
document.querySelector('#folder-btn').onclick = () => table.pickFolder();
document.querySelector('#clear-btn').onclick = () => table.clear();
document.querySelector('#upload-btn').onclick = async () => {
const files = table.getFiles().map((item) => item.file);
table.setBusy(true);
status.textContent = 'Загрузка...';
const result = await uploadViaVM(files, cfg.vmUploadUrl, {
onUploadStatus: (text) => { status.textContent = text; },
onStatus: (name, text) => {
const item = table.getFiles().find((entry) => entry.name === name);
if (item) table.setStatus(item.path, text);
},
});
if (!result.ok) {
status.textContent = result.error;
table.setBusy(false);
return;
}
const response = await fetch('/api/process', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ session: result.session }),
});
const processed = await response.json();
status.textContent = `Готово: ${processed.files.length} файлов`;
document.querySelector('#result').hidden = false;
const resultList = document.querySelector('#result-list');
resultList.replaceChildren(...processed.files.map((file) => {
const item = document.createElement('li');
item.textContent = `${file.name}${file.size} B`;
return item;
}));
};
</script>
</body>
</html>