pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Filter by status

Browse Source
This commit is contained in:
richard-dds 2018-10-30 15:14:12 -04:00
parent 18c3354519
commit af014cae03
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
js/components/forms/requests_list.js
View File

@ -37,18 +37,25 @@ export default {
computed: {
filteredRequests: function () {
return this.applySearch(this.searchValue)
return this.applyFilters(this.applySearch(this.requests, this.searchValue), this.statusValue)
}
},
methods: {
applySearch: function(query) {
return this.requests.filter(
applySearch: (requests, query) => {
return requests.filter(
(request) => query !== '' ?
request.name.toLowerCase().includes(query.toLowerCase()) :
true
)
},
applyFilters: (requests, status) => {
return requests.filter(
(request) => status !== '' ?
request.simple_status.toLowerCase() === status :
true
)
},
dollars: (value) => formatDollars(value, false),
},
}

5
templates/requests/index.html
View File

@ -79,8 +79,8 @@
{% if extended_view %}
<form class='search-bar'>
<div class='usa-input search-input'>
<label for='requests-search'>Search requests by Order ID</label>
<input v-model='searchValue' type='search' id='requests-search' name='requests-search' placeholder="Search by Order ID"/>
<label for='requests-search'>Search requests by name</label>
<input v-model='searchValue' type='search' id='requests-search' name='requests-search' placeholder="Search by name"/>
<button type="submit">
<span class="hide">Search</span>
</button>
@ -90,6 +90,7 @@
<label for='filter-status'>Filter requests by status</label>
<select v-model="statusValue" id="filter-status" name="filter-status">
<option value="" selected disabled>Filter by status</option>
<option value="">All</option>
<option value="active">Active</option>
<option value="pending">Pending</option>
<option value="denied">Denied</option>