Add keyword search

Author: ojiry

app/assets/javascripts/skmz/schemas.js.coffee

@@ -1,3 +1,32 @@
 jQuery ->
-  $("#skmz_search_table_name").on "change blur", () ->
-    console.log $(this).val()
+  change_tr_display = ->
+    table_name =  $("#skmz_search_table_name").val()
+    column_type = $("#skmz_search_column_type").val()
+    column_name = $("#skmz_search_column_name").val()
+    $("tr.skmz_row").show()
+    # TODO jQueryのオブジェクトが見つからなかった際のエラーに対応する
+    if table_name?.trim()
+      $("tr.skmz_row").each ->
+        regexp = new RegExp("skmz_table_name .*" + table_name + ".*")
+        unless $(this).find("td.skmz_table_name:first").attr("class").match(regexp)
+          $(this).hide()
+    if column_type?.trim()
+      $("tr.skmz_row").each ->
+        regexp = new RegExp("skmz_column_type .*" + column_type + ".*")
+        unless $(this).find("td.skmz_column_type:first").attr("class").match(regexp)
+          $(this).hide()
+    if column_name?.trim()
+      $("tr.skmz_row").each ->
+        regexp = new RegExp("skmz_column_name .*" + column_name + ".*")
+        unless $(this).find("td.skmz_column_name:first").attr("class").match(regexp)
+          $(this).hide()
+
+  $("#skmz_search_table_name").on "keyup", ->
+    change_tr_display()
+
+  $("#skmz_search_column_type").on "change", ->
+    change_tr_display()
+
+  $("#skmz_search_column_name").on "keyup", ->
+    change_tr_display()
+

app/views/skmz/info/schemas/index.html.erb

@@ -18,10 +18,10 @@
   <% @schema.tables.each do |table| %>
     <tbody>
       <% table.columns.each_with_index do |column, i| %>
-        <tr class="<%= "skmz_#{table.name} skmz_#{column.type} skmz_#{column.name}" %>">
-          <td><%= table.name %></td>
-          <td><%= column.type %></td>
-          <td><%= column.name %></td>
+        <tr class="skmz_row">
+          <td class="<%= "skmz_table_name #{table.name}" %>"><%= table.name %></td>
+          <td class="<%= "skmz_column_type #{column.type}" %>"><%= column.type %></td>
+          <td class="<%= "skmz_column_name #{column.name}" %>"><%= column.name %></td>
         </tr>
       <% end %>
     </tbody>