Add "most of" Buefy support for grid filters
still a couple of details to wrap up yet, but this is most of it!
This commit is contained in:
parent
23c38e33d4
commit
a0cd1f4cd0
8 changed files with 313 additions and 96 deletions
24
tailbone/static/js/tailbone.buefy.gridfilters.js
Normal file
24
tailbone/static/js/tailbone.buefy.gridfilters.js
Normal file
|
@ -0,0 +1,24 @@
|
|||
|
||||
const GridFilter = {
|
||||
template: '#grid-filter-template',
|
||||
props: {
|
||||
filter: Object
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
changeVerb() {
|
||||
// set focus to value input, "as quickly as we can"
|
||||
this.$nextTick(function() {
|
||||
this.focusValue()
|
||||
})
|
||||
},
|
||||
|
||||
focusValue: function() {
|
||||
this.$refs.valueInput.focus()
|
||||
// this.$refs.valueInput.select()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Vue.component('grid-filter', GridFilter)
|
8
tailbone/static/themes/falafel/css/filters.css
Normal file
8
tailbone/static/themes/falafel/css/filters.css
Normal file
|
@ -0,0 +1,8 @@
|
|||
|
||||
/******************************
|
||||
* Grid Filters
|
||||
******************************/
|
||||
|
||||
.filters .filter {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue