adding filter and sort dropdowns on Lab page.

fastenhealth · Oct 1, 2023 · c258ab4 · c258ab4
1 parent cce4a25
commit c258ab4
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/.idea/dataSources.xml b/.idea/dataSources.xml
diff --git a/frontend/src/app/pages/report-labs/report-labs.component.html b/frontend/src/app/pages/report-labs/report-labs.component.html
@@ -13,6 +13,30 @@
           <div class="col-6">
             <h1 class="az-dashboard-title">Observations</h1>
           </div>
+          <div class="col-6">
+
+            <div ngbDropdown class="d-inline-block float-right dropdown ml-3">
+              <button ngbTooltip="not yet implemented" type="button" class="btn btn-outline-indigo" id="dropdownReports" ngbDropdownToggle>
+                Included Reports
+              </button>
+              <div ngbDropdownMenu aria-labelledby="dropdownReports">
+                <button ngbDropdownItem>All</button>
+                <button ngbDropdownItem [disabled]="true">-----</button>
+                <button ngbDropdownItem>Report 1</button>
+                <button ngbDropdownItem>Report 2</button>
+              </div>
+            </div>
+            <div ngbDropdown class="d-inline-block float-right">
+              <button ngbTooltip="not yet implemented" type="button" class="btn btn-outline-indigo" id="dropdownSort" ngbDropdownToggle>
+                Sort By
+              </button>
+              <div ngbDropdownMenu aria-labelledby="dropdownSort">
+                <button ngbDropdownItem>Name</button>
+                <button ngbDropdownItem>Date</button>
+                <button ngbDropdownItem>Status</button>
+              </div>
+            </div>
+          </div>
         </div>
 
         <!-- Observations List -->