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

Basic status and role filtering, not reactive

Browse Source
This commit is contained in:
Montana 2018-10-25 14:46:24 -04:00
parent 6ab4867d3c
commit 1d1b549531
2 changed files with 22 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
js/components/forms/members_list.js
View File

@ -9,6 +9,8 @@ export default {
data: function () {
return {
searchValue: '',
status: '',
role: '',
searchedList: [],
}
},
@ -23,6 +25,18 @@ export default {
member => member.name.toLowerCase()
.includes(this.searchValue.toLowerCase())
)
if (this.status) {
this.searchedList = this.searchedList.filter(
member => member.status === this.status
)
}
if (this.role) {
this.searchedList = this.searchedList.filter(
member => member.role.toLowerCase() === this.role
)
}
},
},
}

16
templates/workspaces/members/index.html
View File

@ -59,21 +59,21 @@
<div class='usa-input filter-input'>
<label for='filter-status'>Filter members by status</label>
<select id="filter-status" name="filter-status">
<select v-model="status" id="filter-status" name="filter-status">
<option value="" selected disabled>Filter by status</option>
<option value="">Active</option>
<option value="">Pending</option>
<option value="">Denied</option>
<option value="active">Active</option>
<option value="pending">Pending</option>
<option value="denied">Denied</option>
</select>
</div>
<div class='usa-input filter-input'>
<label for='filter-role'>Filter members by role</label>
<select id="filter-role" name="filter-role">
<select v-model="role" id="filter-role" name="filter-role">
<option value="" selected disabled>Filter by role</option>
<option value="">Admin</option>
<option value="">CCPO</option>
<option value="">Developer</option>
<option value="administrator">Administrator</option>
<option value="ccpo">CCPO</option>
<option value="developer">Developer</option>
</select>
</div>
</form>