From 8baaae8b165350234b699ea973b8b19046042786 Mon Sep 17 00:00:00 2001
From: Felix Van der Jeugt <felix.vanderjeugt@gmail.com>
Date: Fri, 11 Sep 2015 09:59:31 +0200
Subject: [PATCH] start with complete rewrite

---
 app/views/users/show.html.haml | 40 +++++++++++++++++-----------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/app/views/users/show.html.haml b/app/views/users/show.html.haml
index dfbea28..8484fae 100644
--- a/app/views/users/show.html.haml
+++ b/app/views/users/show.html.haml
@@ -5,14 +5,14 @@
     %h3.panel-title Filters
   .panel-body
     .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-input-value': ''}
         %fieldset.pure-group-inline
           %span.fa.fa-calendar.pure-group-addon
           %input.lower-bound{type: 'date', placeholder: 'after'}
         \-
         %input.upper-bound{type: 'date', placeholder: 'before'}
     .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-input-value': ''}
         %fieldset.pure-group-inline
           %span.icon-euro.pure-group-addon
           %input.lower-bound.pure-group-addon{type: 'number', placeholder: 'Minimum'}
@@ -21,11 +21,11 @@
           %span.icon-euro.pure-group-addon
           %input.upper-bound.pure-group-addon{type: 'number', placeholder: 'Maximum'}
     .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-input-value': ''}
         %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-input-value': ''}
         %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-input-value': ''}
         %input{type: 'text', placeholder: 'Filter on Message'}
 
 
@@ -56,27 +56,27 @@
         { data: 'amount',  name: 'Amount',  width: "10%", className: 'min-mobile'},
         { data: 'peer',    name: 'Peer',    width: "15%", className: 'min-mobile'},
         { data: 'issuer',  name: 'Issuer',  width: "15%", className: 'min-desktop'},
-        { data: 'message', name: 'Message', width: "45%", className: 'min-tablet-p'},
+        { data: 'message', name: 'Message', width: "45%", className: 'min-tablet-p'}
       ]
     });
 
-    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();
+    $('.input-listen').each(function(index, element) {
+      var filter = $(element);
+      var type   = filter.attr('data-input-type');
+      filter.find('input').on('keyup change', function() {
+        var value = null
+        if(filter.hasClass('bound')) {
+          var lower = filter.find('.lower-bound');
+          var upper = filter.find('.upper-bound');
+          value = type + ':' + lower.val() + '~' + upper.val();
         } else {
-          value = $(this).val()
+          value = type + ':' + $(this).val();
         }
-        value = td.attr('data-input-type') + ':' + value
-        if(column.search() !== value) {
-          column.search(value).draw();
+        if(filter.attr('data-input-value') !== value) {
+          console.log(value);
+          filter.attr('data-input-value', value);
+          // TODO $.post(...)
         }
       });
-      i = i + 1;
     });
   });