adding filter and sort dropdowns on Lab page.

This commit is contained in:
Jason Kulatunga 2023-10-01 13:16:02 -07:00
parent cce4a2577b
commit c258ab44d4
No known key found for this signature in database
2 changed files with 25 additions and 1 deletions

View File

@ -14,4 +14,4 @@
</libraries>
</data-source>
</component>
</project>
</project>

View File

@ -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 -->