Resolve notes and validation toggles on traveler views. Closes #339

AdvancedPhotonSource · Dec 19, 2024 · 3e13cac · 3e13cac
1 parent 67fb480
commit 3e13cac
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 12 deletions.
diff --git a/views/traveler-viewer.jade b/views/traveler-viewer.jade
@@ -53,12 +53,16 @@ block content
         if (locals.traveler.devices && traveler.devices.length > 0)
           h4 Tags: !{traveler.devices}
         if (locals.traveler.status !== undefined && locals.traveler.status > 0)
-          .btn-group(data-toggle='buttons-radio')
-            button.btn.btn-info#show-validation Show validation
-            button.btn.btn-info#hide-validation.active Hide validation
-          .btn-group(data-toggle='buttons-radio')
-            button.btn.btn-info#show-notes Show notes
-            button.btn.btn-info#hide-notes.active Hide notes
+          .btn-group(data-bs-toggle='buttons-radio')
+            input.btn-check#show-validation(type='radio', name='validation-toggle')
+            label.btn.btn-outline-primary(for="show-validation") Show validation
+            input.btn-check#hide-validation(type='radio', name='validation-toggle' checked)
+            label.btn.btn-outline-primary(for="hide-validation") Hide validation
+          .btn-group(data-bs-toggle='buttons-radio')
+            input.btn-check#show-notes(type='radio', name='notes-toggle')
+            label.btn.btn-outline-primary(for="show-notes") Show notes
+            input.btn-check#hide-notes(type='radio', name='notes-toggle' checked)
+            label.btn.btn-outline-primary(for="hide-notes") Hide notes    
         .btn-group
           button.btn.btn-info(data-toggle='collapse', data-target='#details') Details
         #validation.well.hide

diff --git a/views/traveler.jade b/views/traveler.jade
@@ -83,12 +83,16 @@ block content
         if (locals.traveler.status !== undefined && locals.traveler.status > 0)
           //- .btn-group
           //-   button.btn.btn-info#update-progress Update progress
-          .btn-group(data-toggle='buttons-radio')
-            button.btn.btn-info#show-validation Show
-            button.btn.btn-info#hide-validation.active Hide validation
-          .btn-group(data-toggle='buttons-radio')
-            button.btn.btn-info#show-notes Show
-            button.btn.btn-info#hide-notes.active Hide notes
+          .btn-group(data-bs-toggle='buttons-radio')
+            input.btn-check#show-validation(type='radio', name='validation-toggle')
+            label.btn.btn-outline-primary(for="show-validation") Show validation
+            input.btn-check#hide-validation(type='radio', name='validation-toggle' checked)
+            label.btn.btn-outline-primary(for="hide-validation") Hide validation
+          .btn-group(data-bs-toggle='buttons-radio')
+            input.btn-check#show-notes(type='radio', name='notes-toggle')
+            label.btn.btn-outline-primary(for="show-notes") Show notes
+            input.btn-check#hide-notes(type='radio', name='notes-toggle' checked)
+            label.btn.btn-outline-primary(for="hide-notes") Hide notes          
         .btn-group
           button.btn.btn-info(data-toggle='collapse', data-target='#details') Details
         .btn-group