feat(angles-preview): add a reset button to go to the previous page w…

…ithout saving when not required
FlorentinTh · Sep 14, 2023 · 69622f4 · 69622f4
1 parent 23918d4
commit 69622f4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/src/scripts/angles-preview.js b/src/scripts/angles-preview.js
@@ -34,6 +34,7 @@ const analysisType = PathHelper.sanitizePath(
 const analysisTitle = document.querySelector('.analysis h3');
 const gridContainer = document.querySelector('.participant-card-container');
 const submitButton = document.querySelector('button[type="submit"]');
+const resetButton = document.querySelector('button[type="reset"]');
 
 analysisTitle.innerText += ` ${analysisType}`;
 
@@ -393,3 +394,7 @@ submitButton.addEventListener('click', async () => {
     }
   }
 });
+
+resetButton.addEventListener('click', event => {
+  router.switchPage('participants-selection');
+});
diff --git a/src/views/angles-preview.html b/src/views/angles-preview.html
@@ -35,6 +35,11 @@ <h3>Type of Analysis:</h3>
               <button type="submit">Save</button>
             </div>
           </div>
+          <div class="group">
+            <div class="button-container">
+              <button type="reset">Cancel</button>
+            </div>
+          </div>
         </section>
       </main>
     </div>