huntingclubroster/js/setupReports.js

// =============
// Setup Reports
// =============

$(document).ready(function () {

  var $application = $("#APPLICATION_MNEMONIC").val(),
      $sessionStorage = JSON.parse(sessionStorage.getItem($application) || "{}");
  
  // -----------
  // Find Button
  // -----------
  
  $(".btnFind").on("click", async function () {
    
    $sessionStorage.action     = "Reports.setupReports";
    $sessionStorage.pagination = "first";
    
    sessionStorage.setItem($application, JSON.stringify($sessionStorage));
    
    formSubmit($sessionStorage);
    
  });

  $("#find_report").on("keyup", async function (e) {
    if (e.key === "Enter") {
      $(".btnFind").trigger("click");
    }
  });
  
  // -----------------
  // Clear Find Button
  // -----------------
  
  $(".btnClearFind").on("click", async function () {
 
    $("#find_report").val("").trigger("change");
    
    $sessionStorage.action     = "Reports.setupReports";
    $sessionStorage.pagination = "first";
    
    sessionStorage.setItem($application, JSON.stringify($sessionStorage));
    
    formSubmit($sessionStorage);
    
  });
  
  // ------------------
  // Pagination Buttons
  // ------------------
  
  $(".btnPagination").on("click", async function () {
    
    $sessionStorage.action     = "Reports.setupReports";
    $sessionStorage.pagination = $(this).data("pagination");
    
    sessionStorage.setItem($application, JSON.stringify($sessionStorage));
    
    formSubmit($sessionStorage);
    
    delete $sessionStorage.pagination;
    
    sessionStorage.setItem($application, JSON.stringify($sessionStorage));
    
  });
  
  // ----------
  // Add Button
  // ----------
  
  $(".btnAdd").on("click", async function () {
    
    $sessionStorage.action    = "Reports.addReport";
    $sessionStorage.addReport = "Reports.setupReports";
    
    sessionStorage.setItem($application, JSON.stringify($sessionStorage));
    
    formSubmit($sessionStorage);
    
  });
  
  // -----------
  // Done Button
  // -----------
  
  $(".btnDone").on("click", async function () {
    
    formSubmit({ action : "" });
    
  });

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

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

    e.preventDefault();
    
    $sessionStorage.action        = "Reports.editReport";
    $sessionStorage.report_serial = $(this).data("report-serial");
    $sessionStorage.editReport    = "Reports.setupReports";
    
    sessionStorage.setItem($application, JSON.stringify($sessionStorage));
    
    formSubmit($sessionStorage);

  });  

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

  $(".autosave").on("change", async 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.autosave").not('[type="hidden"],[type="password"]').filter(function(){return this.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
  // -----------------

  $("#reports_per_page").on("change", async function () {

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