<%= error_messages_for @meal %>

<% @meal.ingredients.each_with_index do |i, index| %> <%= f.fields_for 'ingredients_attributes', i, index: '' do |ff| %> <% end %>

<%= ff.hidden_field :id %> <%= ff.hidden_field :food_id, {class: "autocomplete-value"} %> <%= label_tag :food_name, index > 0 ? '' : t(:field_ingredients) %> <%= text_field_tag :food_name, nil, {class: "autocomplete autocomplete-label", style: "width: 80%;", required: true} %> <%= ff.number_field :amount, {style: "width: 8%", step: :any, label: ''} %> <%= i.food.ref_unit.shortname if i.food %> <%= ff.hidden_field :_destroy %>

<%= link_to t(".button_delete_ingredient"), '#', class: 'icon icon-del', style: (@meal.ingredients.length > 1 ? "" : "display:none"), onclick: "deleteIngredient(); return false;" %>

<% end %>

<%= link_to t(".button_new_ingredient"), '#', class: 'icon icon-add', onclick: 'newIngredient(); return false;' %>

<%= javascript_tag do %> function autocompleteFood($row) { $row.find('.autocomplete-label').autocomplete({ source: '<%= j autocomplete_project_foods_path(@project) %>', minLength: 2, position: {collision: 'flipfit'}, search: function(event){ $(event.target).addClass('ajax-loading'); }, response: function(event){ $(event.target).removeClass('ajax-loading'); }, select: function(event, ui) { $(event.target).val(ui.item.label); $(event.target).siblings('.autocomplete-value').val(ui.item.value) return false; }, focus: function(event, ui) { $(event.target).val(ui.item.label); return false; } }); } autocompleteFood($('tr.ingredient:visible')); function newIngredient() { var form = $(event.target).closest('form'); var row = form.find('tr.ingredient:visible:last'); var new_row = row.clone().insertAfter(row); new_row.find('input:not([id$=__destroy])').val(''); new_row.find('label:first').hide(); form.find('tr.ingredient:visible a.icon-del').show(); autocompleteFood(new_row); } function deleteIngredient() { var form = $(event.target).closest('form'); var row = $(event.target).closest('tr.ingredient'); if (row.find('input[id$=__id]').val()) { row.hide(); row.find('input[id$=__destroy]').val('1'); } else { row.remove(); } form.find('tr.ingredient:visible:first label:first').show(); if (form.find('tr.ingredient:visible').length <= 1) { form.find('tr.ingredient:visible a.icon-del').hide(); } } <% end %>