midgard/tab
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

let filtering column depend on a data field, not the index

Browse source
This commit is contained in:
Felix Van der Jeugt 2015-09-11 11:08:15 +02:00
parent fcb11bb036
commit 0973898743
1 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
app/views/users/show.html.haml
View file

@ -5,14 +5,14 @@
%h3.panel-title Filters %h3.panel-title Filters
.panel-body .panel-body
.pure-g .pure-g
.bound.input-listen.pure-u-1{ 'data-input-type': 'date-range' } .bound.input-listen.pure-u-1{ 'data-input-type': 'date-range', 'data-filter-name': 'Time' }
%fieldset.pure-group-inline %fieldset.pure-group-inline
%span.fa.fa-calendar.pure-group-addon %span.fa.fa-calendar.pure-group-addon
%input.lower-bound{type: 'date', placeholder: 'after'} %input.lower-bound{type: 'date', placeholder: 'after'}
\- \-
%input.upper-bound{type: 'date', placeholder: 'before'} %input.upper-bound{type: 'date', placeholder: 'before'}
.pure-g .pure-g
.bound.input-listen.pure-u-1{ 'data-input-type': 'number-range' } .bound.input-listen.pure-u-1{ 'data-input-type': 'number-range', 'data-filter-name': 'Amount' }
%fieldset.pure-group-inline %fieldset.pure-group-inline
%span.icon-euro.pure-group-addon %span.icon-euro.pure-group-addon
%input.lower-bound.pure-group-addon{type: 'number', placeholder: 'Minimum'} %input.lower-bound.pure-group-addon{type: 'number', placeholder: 'Minimum'}
@ -21,11 +21,11 @@
%span.icon-euro.pure-group-addon %span.icon-euro.pure-group-addon
%input.upper-bound.pure-group-addon{type: 'number', placeholder: 'Maximum'} %input.upper-bound.pure-group-addon{type: 'number', placeholder: 'Maximum'}
.pure-g .pure-g
.input-listen.pure-u-md-1-4{ 'data-input-type': 'text' } .input-listen.pure-u-md-1-4{ 'data-input-type': 'text', 'data-filter-name': 'Issuer' }
%input{type: 'text', placeholder: 'Filter on Issuer'} %input{type: 'text', placeholder: 'Filter on Issuer'}
.input-listen.pure-u-md-1-4{ 'data-input-type': 'text' } .input-listen.pure-u-md-1-4{ 'data-input-type': 'text', 'data-filter-name': 'Peer' }
%input{type: 'text', placeholder: 'Filter on Peer'} %input{type: 'text', placeholder: 'Filter on Peer'}
.input-listen.pure-u-md-1-2{ 'data-input-type': 'text' } .input-listen.pure-u-md-1-2{ 'data-input-type': 'text', 'data-filter-name': 'Message' }
%input{type: 'text', placeholder: 'Filter on Message'} %input{type: 'text', placeholder: 'Filter on Message'}
@ -65,15 +65,16 @@
$('.input-listen').each(function(index, element) { $('.input-listen').each(function(index, element) {
var filter = $(element); var filter = $(element);
var type = filter.attr('data-input-type'); var type = filter.attr('data-input-type');
var column = table.column(index); var column = table.column(filter.attr('data-filter-name') + ':name');
console.log(column);
filter.find('input').on('keyup change', function() { filter.find('input').on('keyup change', function() {
var value = null var value = null
if(filter.hasClass('bound')) { if(filter.hasClass('bound')) {
var lower = filter.find('.lower-bound'); var lower = filter.find('.lower-bound');
var upper = filter.find('.upper-bound'); var upper = filter.find('.upper-bound');
value = type + ':' + lower.val() + '~' + upper.val(); value = lower.val() + '~' + upper.val();
} else { } else {
value = type + ':' + $(this).val(); value = $(this).val();
} }
value = filter.attr('data-input-type') + ':' + value; value = filter.attr('data-input-type') + ':' + value;
if(column.search() !== value) { if(column.search() !== value) {