65 lines
1.9 KiB
Plaintext
65 lines
1.9 KiB
Plaintext
%h2= @user.name
|
|
%table#transactions.display.responsive.no-wrap{data: { source: user_path(@user) }}
|
|
%thead
|
|
%tr
|
|
%th Amount
|
|
%th Issuer
|
|
%th Message
|
|
%th Peer
|
|
%th Time
|
|
%tr
|
|
%td.bound.input-listen
|
|
%input.lower-bound{type: 'number', placeholder: 'lower', class: 'pure-u-1-5'}
|
|
= "<= Amount <="
|
|
%input.upper-bound{type: 'number', placeholder: 'upper', class: 'pure-u-1-5'}
|
|
%td.input-listen
|
|
%input{type: 'text', placeholder: 'Filter on Issuer'}
|
|
%td.input-listen
|
|
%input{type: 'text', placeholder: 'Filter on Message'}
|
|
%td.input-listen
|
|
%input{type: 'text', placeholder: 'Filter on Peer'}
|
|
%td.bound.input-listen
|
|
%input.lower-bound{type: 'date', placeholder: 'after'}
|
|
= "<= Time <="
|
|
%input.upper-bound{type: 'date', placeholder: 'before'}
|
|
%tbody
|
|
|
|
:javascript
|
|
$(document).ready(function() {
|
|
var table = $('#transactions').DataTable({
|
|
processing: true,
|
|
serverSide: true,
|
|
searching: true,
|
|
ordering: false,
|
|
ajax: $('#transactions').data('source'),
|
|
pagingType: 'full_numbers',
|
|
columns: [
|
|
{ data: 'amount', name: 'Amount' },
|
|
{ data: 'issuer', name: 'Issuer' },
|
|
{ data: 'message', name: 'Message' },
|
|
{ data: 'peer', name: 'Peer' },
|
|
{ data: 'time', name: 'Time' }
|
|
],
|
|
autoWidth: false
|
|
});
|
|
|
|
var tds = $('.input-listen');
|
|
var i = 0;
|
|
table.columns().every(function() {
|
|
var column = this
|
|
tds.eq(i).find('input').on('keyup change', function() {
|
|
var value = null;
|
|
var td = $(this).parent();
|
|
if(td.hasClass('bound')) {
|
|
value = td.find('.lower-bound').val() + '~' + td.find('.upper-bound').val();
|
|
} else {
|
|
value = $(this).val()
|
|
}
|
|
if(column.search() !== value) {
|
|
column.search(value).draw();
|
|
}
|
|
});
|
|
i = i + 1;
|
|
});
|
|
});
|