diff --git a/app/views/users/show.html.haml b/app/views/users/show.html.haml index c153e1f..877c2de 100644 --- a/app/views/users/show.html.haml +++ b/app/views/users/show.html.haml @@ -1,4 +1,5 @@ %h2= @user.name + %table#transactions.display.responsive.no-wrap{data: { source: user_path(@user) }} %thead %tr @@ -7,6 +8,8 @@ %th Peer %th Issuer %th Message + %tbody + %tfoot %tr %td.bound.input-listen{ 'data-input-type': 'date-range' } %input.lower-bound{type: 'date', placeholder: 'after'} @@ -22,7 +25,6 @@ %input{type: 'text', placeholder: 'Filter on Peer'} %td.input-listen{ 'data-input-type': 'text' } %input{type: 'text', placeholder: 'Filter on Message'} - %tbody :javascript $(document).ready(function() { @@ -34,12 +36,13 @@ ajax: $('#transactions').data('source'), pagingType: 'full_numbers', autoWidth: false, + responsive: true, columns: [ - { data: 'time', name: 'Time' }, - { data: 'amount', name: 'Amount' }, - { data: 'peer', name: 'Peer' }, - { data: 'issuer', name: 'Issuer' }, - { data: 'message', name: 'Message' }, + { data: 'time', name: 'Time', className: 'min-tablet-l'}, + { data: 'amount', name: 'Amount', className: 'min-mobile'}, + { data: 'peer', name: 'Peer', className: 'min-mobile'}, + { data: 'issuer', name: 'Issuer', className: 'min-desktop'}, + { data: 'message', name: 'Message', className: 'min-tablet-p'}, ] });