move visibility setting into a advanced options accordion

DH-Cologne · Jan 11, 2025 · 81e08aa · 81e08aa
1 parent 2528ec0
commit 81e08aa
Showing 1 changed file with 23 additions and 10 deletions.
diff --git a/src/main/resources/templates/forms/group.html b/src/main/resources/templates/forms/group.html
@@ -34,16 +34,29 @@
         <label class="form-label">Description for the Group</label>
       </div>
     </div>
-    <div class="col-md-6 mb-3">
-      <label class="form-label fw-bold" for="visibility">Visibility</label>
-      <div class="form-floating">
-        <select th:field="*{visibility}" class="form-select">
-          <option value="PUBLIC">Public</option>
-          <option value="PRIVATE">Private</option>
-          <option value="UNLISTED">Unlisted</option>
-          <option value="DIRECT">Direct</option>
-        </select>
-        <label class="form-label">Visibility of the Group</label>
+    <div class="accordion mb-3" id="advanced-options-accordion">
+      <div class="accordion-item">
+      <h2 class="accordion-header" id="heading-advanced-options">
+        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-advanced-options" aria-expanded="false" aria-controls="collapse-advanced-options">
+          Advanced Options
+        </button>
+      </h2>
+      <div id="collapse-advanced-options" class="accordion-collapse collapse" aria-labelledby="heading-advanced-options" data-bs-parent="#advanced-options-accordion">
+        <div class="accordion-body">
+          <div class="col-md-6 mb-3">
+            <label class="form-label fw-bold" for="visibility">Visibility</label>
+            <div class="form-floating">
+              <select th:field="*{visibility}" class="form-select">
+                <option value="PUBLIC">Public</option>
+                <option value="PRIVATE">Private</option>
+                <option value="UNLISTED">Unlisted</option>
+                <option value="DIRECT">Direct</option>
+              </select>
+              <label class="form-label">Visibility of the Group</label>
+            </div>
+          </div>
+        </div>
+      </div>
       </div>
     </div>
   </div>