rattail/tailbone
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Fix v-model handling for grid-filter-numeric-value

Browse source
This commit is contained in:
Lance Edgar 2024-04-28 02:39:40 -05:00
parent 33251e880e
commit f2f023e7b3
1 changed files with 38 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
tailbone/templates/grids/filter-components.mako
View file

@ -36,30 +36,15 @@
const GridFilterNumericValue = {
template: '#grid-filter-numeric-value-template',
props: {
value: String,
${'modelValue' if request.use_oruga else 'value'}: String,
wantsRange: Boolean,
},
data() {
const value = this.${'modelValue' if request.use_oruga else 'value'}
const {startValue, endValue} = this.parseValue(value)
return {
startValue: null,
endValue: null,
}
},
mounted() {
if (this.wantsRange) {
if (this.value.includes('|')) {
let values = this.value.split('|')
if (values.length == 2) {
this.startValue = values[0]
this.endValue = values[1]
} else {
this.startValue = this.value
}
} else {
this.startValue = this.value
}
} else {
this.startValue = this.value
startValue,
endValue,
}
},
watch: {
@ -72,6 +57,12 @@
this.$emit('input', this.startValue)
}
},
${'modelValue' if request.use_oruga else 'value'}(to, from) {
const parsed = this.parseValue(to)
this.startValue = parsed.startValue
this.endValue = parsed.endValue
},
},
methods: {
focus() {
@ -81,11 +72,36 @@
if (this.wantsRange) {
value += '|' + this.endValue
}
this.$emit('input', value)
this.$emit("${'update:modelValue' if request.use_oruga else 'input'}", value)
},
endValueChanged(value) {
value = this.startValue + '|' + value
this.$emit('input', value)
this.$emit("${'update:modelValue' if request.use_oruga else 'input'}", value)
},
parseValue(value) {
let startValue = null
let endValue = null
if (this.wantsRange) {
if (value.includes('|')) {
let values = value.split('|')
if (values.length == 2) {
startValue = values[0]
endValue = values[1]
} else {
startValue = value
}
} else {
startValue = value
}
} else {
startValue = value
}
return {
startValue,
endValue,
}
},
},
}