Переглянути джерело

Move expand collapse button to features container

Shiv Tyagi 3 роки тому
батько
коміт
14549bef69
2 змінених файлів з 9 додано та 4 видалено
  1. 6 1
      static/js/add_build.js
  2. 3 3
      templates/add_build.html

+ 6 - 1
static/js/add_build.js

@@ -392,7 +392,12 @@ function createCategoryCard(category_name, options, expanded) {
 
 function fillBuildOptions(buildOptions) {
     let output = document.getElementById('build_options');
-    output.innerHTML =  '<p class="card-text"><strong>Available features for the current selection are:</strong></p>';
+    output.innerHTML =  `<div class="d-flex mb-3 justify-content-between">
+                            <div class="d-flex d-flex align-items-center">
+                                <p class="card-text"><strong>Available features for the current selection are:</strong></p>
+                            </div>
+                            <button type="button" class="btn btn-outline-primary" id="exp_col_button" onclick="toggle_all_categories();"><i class="bi bi-chevron-expand me-2"></i>Expand/Collapse all categories</button> 
+                        </div>`;
 
     buildOptions.forEach((category, cat_idx) => {
         if (cat_idx % 4 == 0) {

+ 3 - 3
templates/add_build.html

@@ -46,9 +46,8 @@
     </nav>
     <div class="container-fluid px-3 py-3">
         <div class="card">
-            <div class="card-header d-flex justify-content-between">
-              <span class="d-flex align-items-center"><i class="bi bi-hammer me-2"></i><strong>ADD NEW BUILD</strong></span>
-              <button class="btn btn-primary" id="exp_col_button" onclick="toggle_all_categories();"><i class="bi bi-chevron-expand me-2"></i>Expand/Collapse all categories</button>    
+            <div class="card-header">
+              <span class="d-flex align-items-center"><i class="bi bi-hammer me-2"></i><strong>ADD NEW BUILD</strong></span>   
             </div>
             <div class="card-body">
               <form id="build-form" action="/generate" method="post">
@@ -80,6 +79,7 @@
                         </div>
                     </div>
                 </div>
+                <hr>
                 <div class="container-fluid" id="build_options">
                     <div class="container-fluid w-25">
                         <div class="container-fluid d-flex align-content-between">