ProcessDuplicator.js

/************************************************/
var $debug = false; // set to TRUE for debug mode
/************************************************/

$(document).ready(function () {
  var $job = false;

  $("#packagesDataTable .btnlink, #deletePackages").tooltip({
    show: null,
    position: {
      my: "left top",
      at: "left bottom",
    },
    open: function (event, ui) {
      ui.tooltip.animate(
        {
          top: ui.tooltip.position().top + 10,
        },
        "fast"
      );
    },
  });

  $("#btnSortByName").click(function (e) {
    var $sort = this;
    var $table = $("#packagesDataTable");

    if ($($sort).hasClass("asc")) {
      $($sort).removeClass("asc");
      sortTable($table, "asc");
    } else {
      $($sort).toggleClass("asc");
      sortTable($table, "dsc");
    }
    e.preventDefault();
  });

  $("#newPackage,#newPackage_copy").on("click", function (ev) {
    ev.preventDefault();
    backupNow();
  });

  $("#deletePackages").on("click", function (ev) {
    ev.preventDefault();
    $("#delete-confirm").dialog({
      resizable: false,
      height: "auto",
      width: 400,
      modal: true,
      buttons: {
        "Delete all items": function () {
          deletePackages(true);
        },
        Cancel: function () {
          $(this).dialog("close");
          $("#deletePackages").removeClass("ui-state-active");
        },
      },
    });
  });

  $(".trashTrigger").on("click", function (ev) {
    var $btn = this;
    ev.preventDefault();
    $("#delete-confirm-single").dialog({
      resizable: false,
      height: "auto",
      width: 400,
      modal: true,
      buttons: {
        Delete: function () {
          deleteSinglePackage($btn);
        },
        Cancel: function () {
          $(this).dialog("close");
        },
      },
    });
  });

  function backupNow() {
    if ($job == true) {
      return;
    }

    var url = $("#newPackage,#newPackage_copy").data("action");
    $.ajax({
      url: url,
      context: document.body,
      beforeSend: function () {
        $job = true;
        $("#newPackage,#newPackage_copy")
          .addClass("ui-state-active")
          .text("")
          .append($("<i class='fa fa-spinner fa-spin'></i>"))
          .append(" Processing ...");
      },
    })
      .fail(function (xhr, status, error) {
        $job = false;
        $("#newPackage,#newPackage_copy")
          .removeClass("ui-state-active")
          .text("Backup Now");
        var err = eval("(" + xhr.responseText + ")");
        redirectToDuplicator("An error occured: " + err.Message, "error");
      })
      .complete(function (html) {
        $job = false;
        $("#newPackage,#newPackage_copy")
          .text("Backup Now")
          .removeClass("ui-state-active");
        redirectToDuplicator(
          "",
          "packageCreated",
          "#newPackage,#newPackage_copy"
        );
      });
  }

  function deletePackages() {
    if ($job == true) {
      return;
    }
    var url = $("#deletePackages").data("action");
    $.ajax({
      url: url,
      context: document.body,
      beforeSend: function () {
        $job = true;
        $("#deletePackages")
          .addClass("ui-state-active")
          .text("")
          .append($("<i class='fa fa-spinner fa-spin'></i>"))
          .append(" Deleting ...");
        $("button.ui-button:nth-child(1)")
          .addClass("ui-state-active")
          .text("")
          .append($("<i class='fa fa-spinner fa-spin'></i>"))
          .append(" Deleting ...");
      },
    })
      .fail(function (xhr, status, error) {
        $job = false;
        $("#deletePackages").removeClass("ui-state-active").text("Delete All");
        var err = eval("(" + xhr.responseText + ")");
        redirectToDuplicator("An error occured: " + err.Message, "error");
      })
      .done(function () {
        $job = false;
        $("#deletePackages").text("Delete All").removeClass("ui-state-active");
        redirectToDuplicator("", "deleteAll", "#deletePackages");
      });
  }

  function deleteSinglePackage($btn) {
    if ($job == true) {
      $("#job-running").dialog({
        resizable: false,
        height: "auto",
        width: 400,
        modal: true,
        buttons: {
          OK: function () {
            $(this).dialog("close");
          },
        },
      });
      return;
    }
    var url = $($btn).attr("href");
    $.ajax({
      url: url,
      context: document.body,
      beforeSend: function () {
        $job = true;
        $("#deletePackages")
          .addClass("ui-state-active")
          .text("")
          .append($("<i class='fa fa-spinner fa-spin'></i>"))
          .append(" Deleting ...");
        $(".ui-dialog-buttonset button.ui-button:nth-child(1)")
          .addClass("ui-state-active")
          .text("")
          .append($("<i class='fa fa-spinner fa-spin'></i>"))
          .append(" Deleting ...");
      },
    })
      .fail(function (xhr, status, error) {
        $job = false;
        var err = eval("(" + xhr.responseText + ")");
        redirectToDuplicator("An error occured: " + err.Message, "error");
      })
      .done(function () {
        $job = false;
        redirectToDuplicator("", "none", $btn);
      });
  }

  function redirectToDuplicator(str, type, btn) {
    var href = "";

    if ($debug === true) {
      console.warn("Duplicator: debug mode is enabled, no redirect.");
      return;
    }

    switch (type) {
      case "none":
        href = $(btn).data("action").replace("?action=backup_now", "");
        break;

      case "packageCreated":
        href = $(btn)
          .data("action")
          .replace("?action=backup_now", "?action=none");
        break;

      case "deleteAll":
        href = $(btn)
          .data("action")
          .replace("?action=deleteAll", "?action=none");
        break;

      default: //.replace('?action=backup_now', '?action=' + type + '&msg=' + encoded);
        href = $(btn).data("action");
        break;
    }

    window.location.replace(href);
  }

  function sortTable($table, order) {
    var $rows = $("tbody > tr", $table);
    $rows.sort(function (a, b) {
      var keyA = $("td", a).text();
      var keyB = $("td", b).text();
      if (order == "asc") {
        return keyA > keyB ? 1 : 0;
      } else {
        return keyA > keyB ? 0 : 1;
      }
    });
    $.each($rows, function (index, row) {
      $table.append(row);
    });
  }
});