Filtering ingredients by name

Nutrients link in sidebar

app/views/ingredients/_filters.html.erb

@@ -0,0 +1,19 @@
+<fieldset id="filters" class="collapsible">
+  <legend onclick="toggleFieldset(this);"><%= l(:label_filter_plural) %></legend>
+  <%= form_tag url, id: 'filters_form', method: :get, remote: true do %>
+  <table>
+    <tr>
+      <td style="width:100%;"></td>
+      <td>
+        <%= text_field_tag 'filters[name]', session[:filters][:name],
+          placeholder: 'name filter' %>
+      </td>
+      <td style="padding-left:8px;">
+        <%= link_to l(:button_apply), '#',
+          :class => "icon icon-checked",
+          :onclick => '$("#filters_form").submit(); return false;' %>
+      </td>
+    </tr>
+  </table>
+  <% end %>
+</fieldset>

app/views/ingredients/_list.html.erb

@@ -6,7 +6,7 @@
         <th><%= l(:field_reference) %></th>
         <th><%= l(:field_group) %></th>
         <th><%= l(:field_source) %></th>
-        <th style="width:15%"><%= l(:field_action) %></th>
+        <th style="width:10%"><%= l(:field_action) %></th>
       </tr>
     </thead>
     <tbody>

app/views/ingredients/_options.html.erb

@@ -4,7 +4,7 @@
     id: 'add_nutrient_column', method: :post, remote: true do %>
   <table>
     <tr>
-      <td width="100%"></td>
+      <td style="width:100%"></td>
       <td>
         <%= select_tag 'id', nutrient_column_options %>
       </td>

app/views/ingredients/index.html.erb

@@ -13,6 +13,8 @@
 <%= render :partial => 'ingredients/form' %>
 
 <h2><%= t ".heading" %></h2>
+<%= render :partial => 'ingredients/filters',
+  :locals => {:url => filter_project_ingredients_path(@project)} %>
 <div id='ingredients'>
   <%= render :partial => 'ingredients/list' %>
 </div>

app/views/ingredients/nutrients.html.erb

@@ -13,6 +13,8 @@
 <%= render :partial => 'ingredients/form' %>
 
 <h2><%= t ".heading" %></h2>
+<%= render :partial => 'ingredients/filters',
+  :locals => {:url => filter_nutrients_project_ingredients_path(@project)} %>
 <div id='nutrients'>
   <%= render :partial => 'ingredients/list_nutrients' %>
 </div>