52 lines
2.1 KiB
Plaintext
52 lines
2.1 KiB
Plaintext
<%= error_messages_for @ingredient %>
|
|
|
|
<div class="box tabular">
|
|
<p><%= f.text_field :name, size: 40, required: true %></p>
|
|
<p>
|
|
<%= f.number_field :ref_amount, size: 8, required: true, min: 0 %>
|
|
<%= f.select :ref_unit_id, unit_options, {label: '', required: true} %>
|
|
</p>
|
|
<p><%= f.select :group, group_options, required: true %></p>
|
|
<% @ingredient.nutrients.each_with_index do |n, index| %>
|
|
<%= f.fields_for 'nutrients_attributes', n, index: '' do |ff| %>
|
|
<p class="nutrient">
|
|
<%= ff.select :quantity_id, quantity_options,
|
|
{include_blank: true, label: (index > 0 ? '' : :field_nutrients)} %>
|
|
<%= ff.number_field :amount, {size: 8, min: 0, step: :any, label: ''} %>
|
|
<%= ff.select :unit_id, unit_options, {label: ''} %>
|
|
<%= ff.check_box :_destroy, {style: "display:none", label: ''} %>
|
|
<%= link_to t(".button_delete_nutrient"), '#',
|
|
:class => 'icon icon-del',
|
|
:style => (@ingredient.nutrients.length > 1 ? "" : "display:none"),
|
|
:onclick => "deleteNutrient(); return false;" %>
|
|
</p>
|
|
<% end %>
|
|
<% end %>
|
|
<p><%= link_to t(".button_add_nutrient"), '#', :class => 'icon icon-add',
|
|
:onclick => 'addNutrient(); return false;' %></p>
|
|
</div>
|
|
|
|
<%= javascript_tag do %>
|
|
function addNutrient() {
|
|
var row = $('p.nutrient:visible:last');
|
|
var new_row = row.clone().insertAfter(row);
|
|
new_row.find('input[id$=_amount], select[id$=_quantity_id]').val('');
|
|
new_row.find('select[id$=_unit_id]').val(row.find('select[id$=_unit_id]').val());
|
|
new_row.find('label:first').text('');
|
|
if ($('p.nutrient:visible').length > 1) {
|
|
$('p.nutrient a.icon-del').show();
|
|
}
|
|
}
|
|
|
|
function deleteNutrient() {
|
|
var row = $(event.target).closest('p.nutrient');
|
|
row.find('[id$=_destroy]').val(1);
|
|
// FIXME: should only hide() row if record already saved (to send _destroy to backend)
|
|
row.remove();
|
|
$('p.nutrient:visible:first label:first').text('<%= t "field_nutrients" %>');
|
|
if ($('p.nutrient:visible').length <= 1) {
|
|
$('p.nutrient a.icon-del').hide();
|
|
}
|
|
}
|
|
<% end %>
|