From c258ab44d4afd2cc38566231ff84fe0623556e44 Mon Sep 17 00:00:00 2001
From: Jason Kulatunga <jason@thesparktree.com>
Date: Sun, 1 Oct 2023 13:16:02 -0700
Subject: [PATCH] adding filter and sort dropdowns on Lab page.

---
 .idea/dataSources.xml                         |  2 +-
 .../report-labs/report-labs.component.html    | 24 +++++++++++++++++++
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/.idea/dataSources.xml b/.idea/dataSources.xml
index 5b887de8..d542e1cb 100644
--- a/.idea/dataSources.xml
+++ b/.idea/dataSources.xml
@@ -14,4 +14,4 @@
       </libraries>
     </data-source>
   </component>
-</project>
\ No newline at end of file
+</project>
diff --git a/frontend/src/app/pages/report-labs/report-labs.component.html b/frontend/src/app/pages/report-labs/report-labs.component.html
index 8b926f3c..84e370d4 100644
--- 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 -->