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

Clear filters

Browse Source
This commit is contained in:
Montana 2018-10-31 09:15:24 -04:00
parent 39281f6558
commit 922a929ce2
2 changed files with 11 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -14,39 +14,20 @@ export default {
} }
}, },
mounted: function () {
// this.searchedList = this.members
},
computed: { computed: {
searchedList: function () { searchedList: function () {
return this.members.filter( return this.members.filter(
member => this.status ? member.status === this.status : true member => this.status ?
member.status === this.status | this.status === 'all'
: true
).filter( ).filter(
member => this.role ? member.role.toLowerCase() === this.role : true member => this.role ?
member.role.toLowerCase() === this.role | this.role === 'all'
: true
).filter( ).filter(
member => this.searchValue ? member.name.toLowerCase() member => this.searchValue ? member.name.toLowerCase()
.includes(this.searchValue.toLowerCase()) : true .includes(this.searchValue.toLowerCase()) : true
) )
} }
}, },
// watch: {
// status: function (status) {
// this.searchedList = this.searchedList.filter(
// member => member.status === status
// )
// },
// role: function (role) {
// this.searchedList = this.searchedList.filter(
// member => member.role.toLowerCase() === role
// )
// }
// },
methods: {
search: function () {
console.log("search")
},
},
} }

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

@ -52,15 +52,14 @@
<div class='usa-input search-input'> <div class='usa-input search-input'>
<label for='members-search'>Search members by name</label> <label for='members-search'>Search members by name</label>
<input v-model='searchValue' type='search' id='members-search' name='members-search' placeholder="Search by name"/> <input v-model='searchValue' type='search' id='members-search' name='members-search' placeholder="Search by name"/>
<button v-if='searchValue' type="button" @click='search'> <button type="button"></button>
<span class="hide">Search</span>
</button>
</div> </div>
<div class='usa-input filter-input'> <div class='usa-input filter-input'>
<label for='filter-status'>Filter members by status</label> <label for='filter-status'>Filter members by status</label>
<select v-model="status" id="filter-status" name="filter-status"> <select v-model="status" id="filter-status" name="filter-status">
<option value="" selected>Filter by status</option> <option value="" selected disabled>Filter by status</option>
<option value="all">View All</option>
<option value="active">Active</option> <option value="active">Active</option>
<option value="pending">Pending</option> <option value="pending">Pending</option>
<option value="denied">Denied</option> <option value="denied">Denied</option>
@ -70,7 +69,8 @@
<div class='usa-input filter-input'> <div class='usa-input filter-input'>
<label for='filter-role'>Filter members by role</label> <label for='filter-role'>Filter members by role</label>
<select v-model="role" id="filter-role" name="filter-role"> <select v-model="role" id="filter-role" name="filter-role">
<option value="" selected>Filter by role</option> <option value="" selected disabled>Filter by role</option>
<option value="all">View All</option>
<option value="administrator">Administrator</option> <option value="administrator">Administrator</option>
<option value="ccpo">CCPO</option> <option value="ccpo">CCPO</option>
<option value="developer">Developer</option> <option value="developer">Developer</option>