$(document).ready(function(){
  $(".check").change(function(){
    var dataId = $(this).parent().data("id");
    $.ajax({
      type: "POST",
      url: "php/edit-list.php",
      data: {
        function: "check",
        id: dataId,
        status: $(this).prop("checked")
      },
      success: function(){
          $("#saved font").css("animation", "none");
          setTimeout(function(){$("#saved font").css("animation", "fade 4s linear");}, 100);
      },
      error: function(){
          $("#error font").css("animation", "none");
          setTimeout(function(){$("#error font").css("animation", "fade 6s linear");}, 100);
      }
    });
    if($(this).prop("checked")){$("[data-id='"+dataId+"']").addClass("checked");}
    else{$("[data-id='"+dataId+"']").removeClass("checked");}
  });
  $("#remove").click(function(){
    $.ajax({
      type: "POST",
      url: "php/edit-list.php",
      data: {
        function: "del"
      },
      success: function(){
        location.reload();
      }
    });
  });
  $("#nameField").focus();
  $("#anzahl").on("focus", function(){$(this).select();});
  $("#nameField").on("focus", function(){$(this).select();});
});