-
Notifications
You must be signed in to change notification settings - Fork 0
/
UserInvitationsListFilterBar.vue
37 lines (35 loc) · 1.08 KB
/
UserInvitationsListFilterBar.vue
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<template>
<div class="filter-bar" id="user-invitations-list-filter-bar" >
<form class="form-inline">
<div class="form-group">
<label>Search for:</label>
<input type="text" v-model="filterText" class="form-control" @keyup.enter="doFilter" placeholder="name, state or email">
<button class="btn btn-primary" @click.prevent="doFilter">Go</button>
<button class="btn" @click.prevent="resetFilter">Reset</button>
<button class="btn" @click.prevent="reload"><i class="fa fa-refresh"></i></button>
</div>
</form>
</div>
</template>
<script>
export default {
data () {
return {
filterText: ''
}
},
methods: {
doFilter () {
this.$events.fire('filter-set-user-invitations-list', this.filterText)
},
resetFilter () {
this.filterText = ''
this.$events.fire('filter-reset-user-invitations-list')
},
reload () {
this.$events.fire('reload-user-invitations-list')
}
}
}
</script>
<style src="../css/filterBar.css"></style>