function downloadObjectAsJson(exportObj, exportName){
  var dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(exportObj));
  var downloadAnchorNode = document.createElement('a');
  downloadAnchorNode.setAttribute("href",     dataStr);
  downloadAnchorNode.setAttribute("download", exportName + ".json");
  document.body.appendChild(downloadAnchorNode); // required for firefox
  downloadAnchorNode.click();
  downloadAnchorNode.remove();
}
$(document).ready(function(){
  $("#username-input").focus(function(){$(this).css("color", "black");});
  $("#mail-input").focus(function(){$(this).css("color", "black");});

  // change password
  $("#old-password-input").focus(function(){$(this).css("color", "black");});
  $("#new-password-input").focus(function(){$(this).css("color", "black");});
  $("#check-password-input").focus(function(){$(this).css("color", "black");});
  $(".password-input").on("input", function(){
    if(
      (($("#old-password-input").val()).length>0) &&
      (($("#new-password-input").val()).length>0) &&
      (($("#check-password-input").val()).length>0) &&
      ($("#new-password-input").val()==$("#check-password-input").val())
    ){
      $("#passwordSaveButton").prop("disabled", false);
      $("#passwordSaveButton").removeClass("button-disabled");
    }
    else{
      $("#passwordSaveButton").prop("disabled", true);
      $("#passwordSaveButton").addClass("button-disabled");
    }
  });
  $("#passwordSaveButton").click(function(){
    $.post("/php/edit-user.php",
      {
        function: "change-pw",
        current: $("#old-password-input").val(),
        new: $("#new-password-input").val()
      },
      function(data){
        if(data==0){
          $("#old-password-input").val("");
          $("#new-password-input").val("");
          $("#check-password-input").val("");
          infoPopUp("Passwort erfolgreich geändert!");
        }
        else {
          infoPopUp("Altes Passwort Falsch!");
        }
      }
    );
  });

  $("#export-recipe-button").click(function(){
    $.post("/php/edit-recipes.php", {function:"export"}, function(data){
      downloadObjectAsJson(JSON.parse(data), "recipes");
    });
  });

  $("#export-list-button").click(function(){
    $.post("/php/edit-list.php", {function:"export"}, function(data){
      downloadObjectAsJson(JSON.parse(data), "list");
    });
  });

  $("#import-button").click(function(){
    $('<input type="file" accept=".json">').on('change', function () {
      var file = this.files[0];
      var reader = new FileReader();
      reader.onload = function(){
        var content = JSON.parse(reader.result);
        if(content.sites!=null){
          $.post("/php/edit-recipes.php",
            {
              function: "import",
              content: reader.result
            },
            function(data){
              if(data==0){
                infoPopUp("Alle Rezepte erfolgreich Importiert!");
              }
              else{
                infoPopUp("Nicht alle Rezepte konnten Importiert werden!");
                downloadObjectAsJson(JSON.parse(data), "failed_recipe_import.json");
              }
            }
          );
        }
        else if(content.list!=null){
          $.post("/php/edit-list.php",
            {
              function: "import",
              content: reader.result
            },
            function(data){
              console.log(data);
              // if(data==0){
              //   infoPopUp("Alle Rezepte erfolgreich Importiert!");
              // }
              // else{
              //   infoPopUp("Nicht alle Rezepte konnten Importiert werden!");
              //   downloadObjectAsJson(JSON.parse(data), "failed_recipe_import.json");
              // }
            }
          );
        }
      };
      reader.readAsText(file);
    }).click();
  });
});