From 7b23cdc0c182a3dc59b85f5e07f9a8d7895e1ab5 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Fri, 23 Jan 2026 15:44:07 -0800
Subject: [PATCH] Opacify complete steps

---
 .../paperless_migration/migration_home.html   | 27 ++++++++++++-------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/paperless_migration/templates/paperless_migration/migration_home.html b/src/paperless_migration/templates/paperless_migration/migration_home.html
index 03c5839d4..a5caf9b60 100644
--- a/src/paperless_migration/templates/paperless_migration/migration_home.html
+++ b/src/paperless_migration/templates/paperless_migration/migration_home.html
@@ -14,11 +14,16 @@
         --bs-body-color: #212529;
         --bs-body-color-rgb: 33, 37, 41;
         --bs-border-color: #dee2e6;
-        --bs-link-color: #17541f;
+        --bs-link-color: var(--pngx-primary);
         --bs-link-color-rgb: 23, 84, 31;
-      }
+			}
       @media (prefers-color-scheme: dark) { :root { color-scheme: light; } }
 
+			.btn-primary:disabled {
+				--bs-btn-disabled-bg: #4d7352;
+				--bs-btn-disabled-border-color: #4d7352;
+      }
+
       body {
         background:
           radial-gradient(circle at 20% 20%, #eef5ef, #f7fbf7),
@@ -52,6 +57,10 @@
         transition: transform 0.15s ease, box-shadow 0.15s ease;
       }
 
+      .card-step.done-step {
+        opacity: 0.4;
+      }
+
       .path-pill {
         background: rgba(23, 84, 31, 0.08);
         color: var(--bs-body-color);
@@ -180,7 +189,7 @@
 
       <div class="row gy-4 justify-content-center">
         <div class="col-lg-3 col-md-4">
-          <div class="card card-step h-100">
+          <div class="card card-step h-100 {% if export_exists %}done-step{% endif %}">
             <div class="card-body d-flex flex-column gap-3">
               <div>
                 <p class="text-uppercase text-muted mb-1 fw-semibold" style="letter-spacing: 0.08rem;">Step 1</p>
@@ -190,12 +199,12 @@
               <div class="mt-auto d-grid gap-2">
                 <form method="post" enctype="multipart/form-data" class="d-flex gap-2 align-items-center">
                   {% csrf_token %}
-                  <input class="form-control form-control-sm" type="file" name="export_file" accept=".json" required>
-                  <button class="btn btn-outline-secondary btn-sm" type="submit" name="action" value="upload">Upload</button>
+                  <input class="form-control form-control-sm" type="file" name="export_file" accept=".json" {% if export_exists %}disabled{% endif %} required>
+                  <button class="btn btn-outline-secondary btn-sm" type="submit" name="action" value="upload" {% if export_exists %}disabled aria-disabled="true"{% endif %}>Upload</button>
                 </form>
                 <form method="post">
                   {% csrf_token %}
-                  <button class="btn btn-primary w-100" type="submit" name="action" value="check">Re-check export</button>
+                  <button class="btn btn-primary w-100" type="submit" name="action" value="check" {% if export_exists %}disabled aria-disabled="true"{% endif %}>Re-check export</button>
                 </form>
               </div>
             </div>
@@ -203,7 +212,7 @@
         </div>
 
         <div class="col-lg-3 col-md-4">
-          <div class="card card-step h-100">
+          <div class="card card-step h-100 {% if transformed_exists %}done-step{% endif %}">
             <div class="card-body d-flex flex-column gap-3">
               <div>
                 <p class="text-uppercase text-muted mb-1 fw-semibold" style="letter-spacing: 0.08rem;">Step 2</p>
@@ -218,7 +227,7 @@
                     type="submit"
                     name="action"
                     value="transform"
-                    {% if not export_exists %}disabled aria-disabled="true"{% endif %}
+                    {% if not export_exists or transformed_exists %}disabled aria-disabled="true"{% endif %}
                   >
                     Transform export
                   </button>
@@ -229,7 +238,7 @@
         </div>
 
         <div class="col-lg-3 col-md-4">
-          <div class="card card-step h-100">
+          <div class="card card-step h-100 {% if transformed_exists %}done-step{% endif %}">
             <div class="card-body d-flex flex-column gap-3">
               <div>
                 <p class="text-uppercase text-muted mb-1 fw-semibold" style="letter-spacing: 0.08rem;">Step 3</p>