Add basic support for "between" verb, for date range grid filter

this seems to be complete, but we'll see in practice if i forgot something..
This commit is contained in:
Lance Edgar 2019-08-29 17:23:32 -05:00
parent 14778757d9
commit d97f95fb92
4 changed files with 177 additions and 10 deletions

View file

@ -1,5 +1,29 @@
## -*- coding: utf-8; -*-
<script type="text/x-template" id="grid-filter-date-value-template">
<div class="level">
<div class="level-left">
<div class="level-item">
<tailbone-datepicker v-model="startDate"
ref="startDate"
@input="startDateChanged">
</tailbone-datepicker>
</div>
<div v-show="dateRange"
class="level-item">
and
</div>
<div v-show="dateRange"
class="level-item">
<tailbone-datepicker v-model="endDate"
ref="endDate"
@input="endDateChanged">
</tailbone-datepicker>
</div>
</div>
</div>
</script>
<script type="text/x-template" id="grid-filter-template">
<div class="level filter" v-show="filter.visible">
@ -30,15 +54,16 @@
## only one of the following "value input" elements will be rendered
<tailbone-datepicker v-if="filter.data_type == 'date'"
v-model="filter.value"
v-show="! (filter.valueless_verbs && filter.valueless_verbs.includes(filter.verb))"
ref="valueInput">
</tailbone-datepicker>
<grid-filter-date-value v-if="filter.data_type == 'date'"
v-model="filter.value"
v-show="valuedVerb()"
:date-range="filter.verb == 'between'"
ref="valueInput">
</grid-filter-date-value>
<b-select v-if="filter.data_type == 'choice'"
v-model="filter.value"
v-show="! (filter.valueless_verbs && filter.valueless_verbs.includes(filter.verb))"
v-show="valuedVerb()"
ref="valueInput">
<option v-for="choice in filter.choices"
:key="choice"
@ -49,7 +74,7 @@
<b-input v-if="filter.data_type == 'string'"
v-model="filter.value"
v-show="! (filter.valueless_verbs && filter.valueless_verbs.includes(filter.verb))"
v-show="valuedVerb()"
ref="valueInput">
</b-input>