shopping-list/public_html/js/manageRecipe.js

$(document).ready(function () {
  $("#addItem").click(addItem);
  $("#cancel").click(function () { window.history.back() });
  $("input[type=number]").on("focus", function () { $(this).select(); });
  $("input[type=text]").on("focus", function () { $(this).select(); });

  $(".autocomplete-ingredient").on("input", autocomplete);

  $('#recipeDescription').summernote({
    height: 300,
    dialogsFade: true,
    codeviewFilter: true,
    codeviewIframeFilter: true,
    toolbar: [
      ['style', ['style', 'bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript', 'clear']],
      ['font', ['color', 'fontsize']],
      ['para', ['ul', 'ol', 'paragraph']],
      ['table', ['table']],
      ['insert', ['link', 'picture', 'video']],
      ['misc', ['undo', 'redo']],
      ['view', ['codeview', 'help']]
    ]
  });
});

function removeItem(elem) {
  if ($(".removeItem").length > 1) {
    $(elem).parent().parent().parent().parent().remove();
  }
  if ($(".removeItem").length == 1) {
    $(".ingredientRow").find("input[type=text]").val("");
    $(".ingredientRow").find("input[type=number]").val("1");
  }
}

function addItem() {
  var dataID = parseInt($("#addItem").data("count")) + 1;
  $("#addItem").data("count", dataID);

  var clone = $($(".ingredientRow")[0]).clone();

  clone.find("input[type=text]").attr("name", ("ingredient[" + dataID + "][Name]"));
  clone.find("input[type=text]").attr("id", ("dropdownMenuAutocomplete-" + dataID));
  clone.find(".dropdown-menu").attr("aria-labelledby", ("dropdownMenuAutocomplete-" + dataID));
  clone.find("input[type=text]").val("");
  clone.find("input[type=text]").on("input", autocomplete);
  clone.find("input[type=text]").on("focus", function () { $(this).select(); });
  clone.find("input[type=number]").attr("name", ("ingredient[" + dataID + "][Amount]"));
  clone.find("input[type=number]").val("1");
  clone.find("input[type=number]").on("focus", function () { $(this).select(); });
  clone.find("select").attr("name", ("ingredient[" + dataID + "][Unit]"));

  $(".ingredientRow").last().after(clone);

  clone.find("input[type=number]").focus();
}