From 065726354e15eb30dca9cde2e95bc7efcece5ba3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=92=D0=B8=D0=BA=D1=82=D0=BE=D1=80?=
 <78488229+viktor138irk@users.noreply.github.com>
Date: Thu, 7 May 2026 06:21:19 +0900
Subject: [PATCH] =?UTF-8?q?=D0=9E=D1=82=D0=BC=D0=B5=D0=BD=D0=B0=20=D0=B7?=
 =?UTF-8?q?=D0=B0=D0=B3=D1=80=D1=83=D0=B7=D0=BA=D0=B8=20ISO=20=D0=B1=D1=8B?=
 =?UTF-8?q?=D0=BB=D0=B0=20=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/templates/iso.html | 50 +++++++++++++++++++++++++++++++++++++-----
 1 file changed, 44 insertions(+), 6 deletions(-)

diff --git a/web/templates/iso.html b/web/templates/iso.html
index 4644c9a..086142c 100644
--- a/web/templates/iso.html
+++ b/web/templates/iso.html
@@ -107,6 +107,8 @@ ls -lh /var/lib/virtuality/iso</pre>
     const statusLine = document.getElementById('upload-status');
     const loadedLine = document.getElementById('upload-loaded');
     const speedLine = document.getElementById('upload-speed');
+    let activeXhr = null;
+    let uploadActive = false;
 
     function bytesText(bytes) {
       if (!bytes) return '0 MB';
@@ -121,22 +123,51 @@ ls -lh /var/lib/virtuality/iso</pre>
       return file && file.name && file.name.toLowerCase().endsWith('.iso');
     }
 
+    function setUploadMode(active) {
+      uploadActive = active;
+      if (active) {
+        button.disabled = false;
+        button.type = 'button';
+        button.textContent = 'Отменить загрузку';
+        button.classList.remove('primary');
+        button.classList.add('danger');
+        fileInput.disabled = true;
+      } else {
+        activeXhr = null;
+        button.type = 'submit';
+        button.textContent = 'Загрузить ISO';
+        button.classList.add('primary');
+        button.classList.remove('danger');
+        fileInput.disabled = false;
+        button.disabled = !validIsoFile(fileInput.files[0]);
+      }
+    }
+
     fileInput.addEventListener('change', function () {
       const file = fileInput.files[0];
       if (!file) {
         hint.textContent = 'Файл ещё не выбран. В этом разделе разрешены только установочные образы .iso.';
+        button.disabled = false;
         return;
       }
       if (!validIsoFile(file)) {
         hint.textContent = 'Неверный тип файла. Здесь можно выбрать только .iso.';
         fileInput.value = '';
+        button.disabled = true;
         return;
       }
+      button.disabled = false;
       hint.textContent = file.name + ' · ' + bytesText(file.size);
     });
 
+    button.addEventListener('click', function () {
+      if (!uploadActive) return;
+      if (activeXhr) activeXhr.abort();
+    });
+
     form.addEventListener('submit', function (event) {
       event.preventDefault();
+      if (uploadActive) return;
       const file = fileInput.files[0];
       if (!validIsoFile(file)) {
         hint.textContent = 'Выбери установочный образ .iso.';
@@ -144,12 +175,12 @@ ls -lh /var/lib/virtuality/iso</pre>
       }
 
       const xhr = new XMLHttpRequest();
+      activeXhr = xhr;
       const data = new FormData(form);
       const started = Date.now();
 
       box.hidden = false;
-      button.disabled = true;
-      fileInput.disabled = true;
+      setUploadMode(true);
       statusLine.textContent = 'Передача файла на сервер…';
       bar.style.width = '0%';
       percent.textContent = '0%';
@@ -179,15 +210,22 @@ ls -lh /var/lib/virtuality/iso</pre>
           window.location.href = '/iso';
         } else {
           statusLine.textContent = 'Ошибка загрузки: HTTP ' + xhr.status;
-          button.disabled = false;
-          fileInput.disabled = false;
+          setUploadMode(false);
         }
       };
 
+      xhr.onabort = function () {
+        statusLine.textContent = 'Загрузка отменена пользователем.';
+        bar.style.width = '0%';
+        percent.textContent = '0%';
+        loadedLine.textContent = '0 MB';
+        speedLine.textContent = 'отменено';
+        setUploadMode(false);
+      };
+
       xhr.onerror = function () {
         statusLine.textContent = 'Ошибка сети во время загрузки.';
-        button.disabled = false;
-        fileInput.disabled = false;
+        setUploadMode(false);
       };
 
       xhr.open('POST', form.action);