From 328c657e0f3dbd58f086cb5669f95a51d3548f47 Mon Sep 17 00:00:00 2001
From: aminhashemi92 <aminhashemi92@gmail.com>
Date: Thu, 9 Oct 2025 11:45:59 +0330
Subject: [PATCH] add loader on uploading installation report

---
 db.sqlite3                                    | Bin 4210688 -> 4210688 bytes
 .../installation_report_step.html             |  92 +++++++++++++++++-
 2 files changed, 91 insertions(+), 1 deletion(-)

diff --git a/db.sqlite3 b/db.sqlite3
index 79d4607ad3f36157e7ceb521df4ace8e4a2dffd2..088d726c69e80fce0675e1bb4afcdf56d3caf92d 100644
GIT binary patch
delta 3604
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

delta 1859
zcmajfeNYr-7y$77y6@ZF<4#V%lUq(K6gYNockeio<xVuo01>q8V+I7AR44&U!awx%
z!ka1ez^`X&B0<fZ8Yc+hRkOUJ{G*vBE2lqnn$V_F5W})j`*3>krY8HNcIS7`y!$@8
zv-iC3K9R^4DuQ)oP&GHYUGwqpK%JON%DcOBCB0>KDP2Lq$}=efW$YLn%YEq@7bsGt
zB1Q2Al|V2UK+z0xAL+mseMM@aSM&vglKk|##x-rwol1IQl`ayaP^F6=uCX%wWrF{e
zzrkPQFC&|cJ;!%fF>p3+V&Lj#I_*E^V^`xe#$Y;3kFLfIzw)FG{jlHASplQBH3JB@
zG)8YU5Cr|^zPTmo2EQ0oWy8y{o(ThH#7vkOvtU-#Gr>05&Fpq=AwP?Y^JPPJZWAl`
z8tWU^HmdDyO2?{}XMG#%*EBajwZ8c&rM<bKsnx#`^|M^HZK@1vks^B~RrM<}vSo5@
zn;~?-t!HFam0)`hH^;1#M8998w{Ycf@iopByU@d7JZ3`|dQx(?TDK7V0AJ5LxR1Ck
z$S&9$xb7+|8_uy3;jqa_5G+B!(xZk{0IxlD>hU_gECob=AsX@8!zoUNGZK7^H*+s=
zMs~a5V)8^8A^SGVpg6gjLdHt_9m)DF!GHUA;q4LoSzbplG(n;t;&!+Auj#};ra!aK
z3_1U~Z2TquVDdy6Hb+0dTb#_CT0vcG!tKDOVX2rCn~tSn=~xDuaL>5D-#SPT<P|+l
zQZjQrHg<Xj=0anqXJ#ar59xP^y>&U+C@+#(M>BjazXH0VSsqA?d6?L6G!qR+-Q_Ob
z6(XO!1BPDrQidL;qv*+AcMXZ(V+p#`=k6qFv6BJepnI-KEK~#4da;wfJ9LS%;;+^*
z4-*dJ-lM#e0`h=6AG~=X``txE3l6yx7nl#|69lwe%%21Nm)T2TEK;xmU5f~ND0nei
zP;mFX(0ftgxH(N`eo6kR8_Do<GW-<Vu~R@hc4oD=lJ5`cJcAURq&%OJJJ2@T^Mx6{
zoRD&3QO<+S!m_d1*nQajSPnJ^n~P25<ze}l7b`$fPTbm^O4sVyA#1m#$%Kn!_ze%w
zapwoKCKuAE_MmuKPve54EHNdEL``pr>*$=Vvt(UGbb0vyHafh0NIbUK-~5PFw0u$d
zl11}7)|b_8P!}wFtTniBWm(Irg*EFRu3D~Cl+ItgY;o<1hKH2(;m3TUPtBLae4i|c
z_kJV8{i3NKTDx42qRKi+q0ycOX~d9Hsy{VVt5W^D$#4={cM8*-C^;HVhM{CQhITbc
zZH>$kW&;7C>Ur<LXqV9eKPIMchVsv)wdl;}((@GF3T4T)*?3NR@h#j{#tHs6ev%*O
ze?hj0?<?GObg}Wc50lY&TuHBD+I6Q15VjVSLDi^o3hK^Eqj2q_@;#i52<hmLOG<R=
zu}hO%apXG%jeMtuALkghkKosGUvUqxeJqQs9%o~H6@Dy$6=FfuS5ee3pMILEgMr=>
z73M`8htZ`Lc@qhv2mH2J%dR5q0o1Z<-ku!{P9wk;aeM-2gkl@?3&l=!tJlAp+_xZT
zhi`6cMzqmWTw{f!uLewJ*{h0yprRP|L!DZf2FJUL_QI#0Vm9_lK{0xzKwE2Lj_8d9
z^iED6fOtw;Hu^fG&7xpZGCqW!DAn4N#Ts3%=@9#%cGJYXp?BVsUZr(V$RpSj6#Sh<
zBm3jp>x-ZyFQnH8R7nZ?Ak1q{bo8+H9D^zkYr`gHHIpFVnfeST^w+sG5UTt`Q2UcJ
z28op}9=$Q3%^?jsBW^>t7?dK)S8zFgPuHQ3k7@J94Xi-4kp!`~#a0cAL$+t2zqcfN
zn&K~1jH}&rnDU8#eZe5~mCQgh`bs*@5Xr$^->1m34{wUl%O&Y>BCGfmjNZ_6aNb+I
zjlnl1c4tkVg5H}H&cNLo-9B1kY0G3S4uXG^U&h_xj&RlN@9be#wT@WVSZ-Q6Ee^b{
a*Uj|0t_}#3g$`izLUQuv`rOcK)BXgt<AD<Z

diff --git a/installations/templates/installations/installation_report_step.html b/installations/templates/installations/installation_report_step.html
index 2d14128..3246dea 100644
--- a/installations/templates/installations/installation_report_step.html
+++ b/installations/templates/installations/installation_report_step.html
@@ -31,6 +31,60 @@
   .removal-checkbox:checked:focus {
     box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important;
   }
+
+  /* Upload Loader Overlay */
+  #uploadLoader {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.7);
+    z-index: 9999;
+    display: none;
+    justify-content: center;
+    align-items: center;
+  }
+
+  #uploadLoader.active {
+    display: flex;
+  }
+
+  .loader-content {
+    background: white;
+    padding: 2rem;
+    border-radius: 12px;
+    text-align: center;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+    max-width: 300px;
+  }
+
+  .loader-spinner {
+    width: 50px;
+    height: 50px;
+    border: 5px solid #f3f3f3;
+    border-top: 5px solid #696cff;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+    margin: 0 auto 1rem;
+  }
+
+  @keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+  }
+
+  .loader-text {
+    font-size: 1.1rem;
+    font-weight: 500;
+    color: #333;
+    margin-bottom: 0.5rem;
+  }
+
+  .loader-subtext {
+    font-size: 0.9rem;
+    color: #666;
+  }
 </style>
 {% endblock %}
 
@@ -38,6 +92,15 @@
 
 {% include '_toasts.html' %}
 
+<!-- Upload Loader Overlay -->
+<div id="uploadLoader">
+  <div class="loader-content">
+    <div class="loader-spinner"></div>
+    <div class="loader-text">در حال آپلود...</div>
+    <div class="loader-subtext">لطفا تا بارگذاری کامل گزارش منتظر بمانید.</div>
+  </div>
+</div>
+
 <!-- Instance Info Modal -->
 {% instance_info_modal instance %}
 
@@ -516,7 +579,7 @@
               {% if user_is_installer %}
                 <button type="submit" class="btn btn-success" form="installation-report-form">ثبت گزارش</button>
               {% endif %}
-              {% if next_step and not edit_mode %}
+              {% if next_step and not edit_mode and report %}
                 <a href="{% url 'processes:step_detail' instance.id next_step.id %}" class="btn btn-primary">
                   بعدی
                   <i class="bx bx-chevron-left bx-sm me-sm-n2"></i>
@@ -638,6 +701,9 @@
   // Require date and show success toast on submit (persist across redirect)
   (function(){
     const form = document.querySelector('form[enctype]') || document.querySelector('form');
+    const loader = document.getElementById('uploadLoader');
+    const submitButton = document.querySelector('button[type="submit"][form="installation-report-form"]');
+    
     if (!form) return;
     form.addEventListener('submit', function(ev){
       const display = document.getElementById('id_visited_date_display');
@@ -663,8 +729,32 @@
           return false;
         }
       } catch(_) {}
+      
+      // Show loader overlay when form is valid and submitting
+      if (loader) {
+        loader.classList.add('active');
+      }
+      
+      // Disable submit button to prevent double submission
+      if (submitButton) {
+        submitButton.disabled = true;
+        submitButton.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span>در حال ارسال...';
+      }
+      
       try { sessionStorage.setItem('install_report_saved', '1'); } catch(_) {}
     }, false);
+    
+    // Hide loader on back navigation or page show (in case of errors)
+    window.addEventListener('pageshow', function(event) {
+      if (loader) {
+        loader.classList.remove('active');
+      }
+      if (submitButton) {
+        submitButton.disabled = false;
+        submitButton.innerHTML = 'ثبت گزارش';
+      }
+    });
+    
     // on load, if saved flag exists, show toast
     try {
       if (sessionStorage.getItem('install_report_saved') === '1') {