shopping-list/bin/list.js

$(document).ready(function () {
  $("input[type=checkbox]").change(checkItem);
  $("#remove").click(deleteCheckeditems);
  $("#nameField").focus();
  $("#anzahl").on("focus", function () { $(this).select(); });
  $("#nameField").on("focus", function () { $(this).select(); });
});

function deleteCheckeditems() {
  $.post({
    url: "api/list/del",
    data: {
      function: "del"
    },
    success: function () {
      location.reload();
    }
  });
}

function checkItem() {
  var dataId = $(this).data("id");
  $.post({
    url: "api/list/check",
    data: {
      function: "check",
      id: dataId,
      status: $(this).prop("checked")
    },
    success: function () {
      var color = $("[data-id='" + dataId + "'").data("color");
      
      $("[data-id='" + dataId + "'").parent().parent().removeClass("bg-danger");

      if($("[data-id='" + dataId + "'").prop("checked")){
        $("[data-id='" + dataId + "'").parent().parent().removeClass(color);
        $("[data-id='" + dataId + "'").parent().parent().addClass("bg-success");
      }
      else{
        $("[data-id='" + dataId + "'").parent().parent().removeClass("bg-success");
        $("[data-id='" + dataId + "'").parent().parent().addClass(color);
      }
    },
    error: function () {
      $("[data-id='" + dataId + "'").parent().parent().addClass("bg-danger");
      $("[data-id='" + dataId + "'").parent().parent().data("toggle", "popover");
      $("[data-id='" + dataId + "'").parent().parent().data("container", "body");
      $("[data-id='" + dataId + "'").parent().parent().data("placement", "top");
      $("[data-id='" + dataId + "'").parent().parent().data("html", true);
      $("[data-id='" + dataId + "'").parent().parent().data("trigger", "focus");
      $("[data-id='" + dataId + "'").parent().parent().data("content", "Dieses Element konnte nicht gespeichert werden.<br />Bitte die Seite Aktualisieren");
      $("[data-id='" + dataId + "'").parent().parent().attr("title", "Fehler!");
      $("[data-id='" + dataId + "'").parent().parent().popover('show');
    }
  });
}