// ===================
// Setup Dropdowntypes
// ===================

$(document).ready(function() {

   var $application = $("#APPLICATION_MNEMONIC").val(),
      $sessionStorage = JSON.parse(sessionStorage.getItem($application) || "{}");
  
  // -----------
  // Find Button
  // -----------
  
  $(".btnFind").on("click", function() {
    
    $sessionStorage.action     = "Dropdowns.setupDropdowntypes";
    $sessionStorage.pagination = "first";
    
    sessionStorage.setItem($application, JSON.stringify($sessionStorage));
    
    $("#spinner-dialog").modal("show");
    
    formSubmit($sessionStorage);
    
  });

  $("#find_dropdowntype").on("keyup", function(e) {
    if (e.key === "Enter") {
      $(".btnFind").trigger("click");
    }
  });
  
  // -----------------
  // Clear Find Button
  // -----------------
  
  $(".btnClearFind").on("click", function() {
 
    $("#find_dropdowntype").val("").trigger("change");
    
    $sessionStorage.action     = "Dropdowns.setupDropdowntypes";
    $sessionStorage.pagination = "first";
    
    sessionStorage.setItem($application, JSON.stringify($sessionStorage));
    
    $("#spinner-dialog").modal("show");
    
    formSubmit($sessionStorage);
    
  });
  
  // ------------------
  // Pagination Buttons
  // ------------------
  
  $(".btnPagination").on("click", function() {
    
    $sessionStorage.action     = "Dropdowns.setupDropdowntypes";
    $sessionStorage.pagination = $(this).data("pagination");
    
    sessionStorage.setItem($application, JSON.stringify($sessionStorage));
    
    $("#spinner-dialog").modal("show");
    
    formSubmit($sessionStorage);

    delete $sessionStorage.pagination;
    
    sessionStorage.setItem($application, JSON.stringify($sessionStorage));
    
  });
  
  // ----------
  // Add Button
  // ----------
  
  $(".btnAdd").on("click", function() {
    
    $sessionStorage.action          = "Dropdowns.addDropdowntype";
    $sessionStorage.addDropdowntype = "Dropdowns.setupDropdowntypes";
    
    sessionStorage.setItem($application, JSON.stringify($sessionStorage));
    
    formSubmit($sessionStorage);
    
  });
  
  // -----------
  // Done Button
  // -----------
  
  $(".btnDone").on("click", function() {
    
    formSubmit({ action : "" });
    
  });

  // ----
  // Edit
  // ----

  $("#dropdowntypes-table tbody").on("click touch", "tr", function(e) {

    e.preventDefault();
    
    $sessionStorage.action              = "Dropdowns.editDropdowntype";
    $sessionStorage.dropdowntype_serial = $(this).data("dropdowntype-serial");
    $sessionStorage.editDropdowntype    = "Dropdowns.setupDropdowntypes";
    
    sessionStorage.setItem($application, JSON.stringify($sessionStorage));
    
    formSubmit($sessionStorage);

  });  

  // -------------------
  // Save Changed Inputs
  // -------------------

  $(".autosave").on("change", function(e) {

    switch (e.target.type) {

      case "text"       : $sessionStorage[e.target.name] = $(this).val();           break;
      case "radio"      : $sessionStorage[e.target.name] = $(this).val();           break;
      case "checkbox"   : $sessionStorage[e.target.name] = $(this).prop("checked"); break;
      case "select-one" : $sessionStorage[e.target.name] = $(this).val();           break;
      case "hidden"     : $sessionStorage[e.target.name] = $(this).val();           break;

      default           : $sessionStorage[e.target.name] = $(this).val();           break;

    }

    sessionStorage.setItem($application, JSON.stringify($sessionStorage));

  });

  // ----------------
  // Initalize Inputs
  // ----------------

  $.each($sessionStorage, function(name, value) {

    var $input = $(":input").filter("[name='" + name + "']");

    if ($input.length > 0) {

      switch ($input.prop("type")) {

        case "text"       : $input.val(value);                                            break;
        case "radio"      : $input.filter("[value=" + value + "]").prop("checked", true); break;
        case "checkbox"   : $input.prop("checked", value);                                break;
        case "select-one" : $input.val(value);                                            break;
        case "hidden"     : $input.val(value);                                            break;

        default           : $input.val(value);                                            break;

      }

    }

  });

  // ------------------
  // Save preset Inputs
  // ------------------

  $("input[type=radio]:checked").trigger("change");

  // -----------------
  // Per Page Dropdown
  // -----------------

  $("#dropdowntypes_per_page").on("change", function() {

    $(".btnFind").trigger("click");
    
  });
  
});