hcuUserActivity.prg

<?php
  /**
   * @package hcuUserActivity.prg
   *
   * This script is for approving transhdr and cu_scheduledtxn.  Each feature has its own row and detail template.
   * User can only approve if they have the permission for "confirm" in the user rights for that feature.
   */
  require_once(dirname(__FILE__) . '/../library/permissions.i');
  require_once(dirname(__FILE__) . '/../library/hcuACH.i');
  require_once(dirname(__FILE__) . "/../../shared/library/commonJsFunctions.i");
  require_once(dirname(__FILE__) . "/../library/hcuUserActivity.i");

  // ** SET SCRIPT LEVEL VARIABLES
  $serviceShowInfo = true;
  $serviceLoadMenu = true;
  $serviceShowMenu = true;

  // ** INCLUDE MAIN GLOBAL SCRIPT -- Handles security / global variable values
  require_once(dirname(__FILE__) . '/../library/hcuService.i');

  /*
   * ** CHECK USER FEATURE PERMISSIONS **
   * NOTE: DOES NOT RETURN ON FAILURE
   */
  PermCheckFeatureScreen($dbh, $HB_ENV, $MC, FEATURE_BASIC);

  try {

    $Cu = $HB_ENV["Cu"];
    $Uid = $HB_ENV["Uid"];
    $Cn = $HB_ENV["Cn"];

    // Step 1: get the confirm permissions for the features that we care about.  If there are no confirm permissions and there are multiple users in the group, then redirect.
    $permissions = privPermGetAllFeatureRights($HB_ENV["dbh"], $HB_ENV, array("Uid" => $HB_ENV["Uid"]));
    if (!intval($permissions["status"]["code"]) == 0) {
      throw new exception($permissions["status"]["error"], $permissions["status"]["code"]);
    }
    $permissions = $permissions["data"][$HB_ENV["Uid"]];

    // Prevent the page from being accessible when the user doesn't have approve access to at least one feature.
    $approvalFeatureList = getApprovalList();
    $approvalFound = false;
    foreach($permissions as $featureCode => $featureRecord) {
      if (!in_array($featureCode, $approvalFeatureList)) {
        continue; // Feature is irrelevant to this script.
      }
      if ($featureRecord["confirm"]) { // Found approval permission so don't care about the rest of the permissions.
        $approvalFound = true;
        break;
      }
    }

    if (!$approvalFound) {


      $sql = "select 'FOUND' from ${Cu}user a inner join ${Cu}user b on a.user_id = $Uid and a.group_id = b.group_id and a.user_id <> b.user_id";
      $sth = db_query($sql, $HB_ENV["dbh"]);
      if (!$sth) {
        throw new exception("Check if multiple users found failed.", 5);
      }
      if (db_num_rows($sth) > 0) { // We care if there are multiple users.  If it is one user, then user has the permissions to view the page.
        header ("Location: hcuPermNotice.prg?" . $HB_ENV["cuquery"]);
        exit;
      }
    }

    try {
      $showPendingApprovalGrid = getValidUserIds($dbh, $Cu, $Cn, $sqls)["showPendingApprovalGrid"];
      $featureDDL = getFeatures($dbh, $Cu, $sqls, $MC, $Uid);
      $statusApprovalDDL = getApprovalStatuses($MC);
      $statusActiveDDL = getActiveStatuses($MC);
      $actionDDL = getActions($MC);
    } catch(exception $e) {
      $showPendingApprovalGrid = false;
      $featureDDL = array();
      $statusApprovalDDL = array();
      $statusActiveDDL = array();
      $actionDDL = array();
    }

    // ** INCLUDE PRE CONTENT SCRIPT
    require_once(dirname(__FILE__) . '/../includes/hcuPreContent.i');

    printPage($HB_ENV, $showPendingApprovalGrid, $featureDDL, $statusApprovalDDL, $statusActiveDDL, $actionDDL);
  } catch (Exception $ex) {
    // * Include the Error page and then end the content
    // NOTE: this is for when the page is first loading
    $serviceErrorMsg = HCU_JsonDecode($ex->getMessage());

    $serviceErrorCode = $ex->getCode();   // this chooses which error page to show

    require_once(dirname(__FILE__) . '/../includes/hcuErrorPage.i');
  }

  // ** INCLUDE POST CONTENT SCRIPT
  require_once(dirname(__FILE__) . '/../includes/hcuPostContent.i');

// End outline for page
// ******************************

/**
 * function printPage($HB_ENV)
 * Prints out the javascript and HTML necessary for the page.
 * @param $HB_ENV -- the whole shebang.
 */
function printPage($HB_ENV, $showPendingApprovalGrid, $featureDDL, $statusApprovalDDL, $statusActiveDDL, $actionDDL) {
  // Extract important values.
  $dataURL = "hcuUserActivity.data?" . $HB_ENV["cuquery"];
  $presURL = "hcuUserActivity.prg?" . $HB_ENV["cuquery"];
  $logger = $HB_ENV["SYSENV"]["logger"];
  $MC = $HB_ENV["MC"];
  $Uid = $HB_ENV["Uid"];

  // Included scripts
  ?>

  <?php // Page Javascript ?>
  <script type="text/javascript">
  var rowId = 0;
  var actionData = [];

  <?php
  /**
   * function init()
   * The whole shebang on the javascript side.
   */
  ?>
  function init()
  {
    <?php IEFixStartsWith();
       printExtendShowOverflown();
    ?>
    $.homecuValidator.setup({formValidate:'mainForm', formStatusField: 'formStatus'});

    defineGrids();
    defineFilters();

    var toolTipProps = homecuTooltip.defaults;
    toolTipProps.filter = ".showEllipsis:visible:overflown";
    toolTipProps.content = function(e) {
      return $(e.target).text().trim();
    };

    $(".userActivityDiv").kendoTooltip(toolTipProps);
  }

  <?php
  /**
   * function defineGrids()
   * This sets up the three grids.  The definition of them is mostly the same.  The rowTemplate is varied a little bit.
   */
  ?>
  function defineGrids() {
    ShowWaitWindow();

    var modelDefinition = {
            id: "kendoId",
            fields: {
              kendoId: {type: "number"}, <?php // Need to uniquely identify record in the kendo grid. ?>
              type: {type: "string"}, <?php // Used to get the right template ?>
              data_id: {type: "number"}, <?php // Refers to the number in the database for the id. ?>

              displayDateFull: {type: "string"},
              displayDateMonth: {type: "string"},
              displayDateYear: {type: "string"},
              displayDateDay: {type: "string"},
              area4Text: {type: "string"},

              area1Label: {type: "string"},
              area1Text: {type: "string"},
              area2Label: {type: "string"},
              area2Text: {type: "string"},
              area3: {type: "string"},
              interval: {type: "string"},
              area4Label: {type: "string"},

              feature_code: {type: "string"}, <?php // Needed for client-side filtering on the prior activity grid. ?>
              feature: {type: "string"},
              approved_status: {type: "number"},
              approvedDescription: {type: "string"},
              details: {type: "odata"},
              canApprove: {type: "string"},
              infoClass: {type: "string"},
              type: {type: "string"}
            }
          };

    var gridDefinition = {
      dataSource: {
        transport: {
          read: null
        },
        schema: null
      },
      autoBind: false,
      columns: [{width: 5}, {hidden: true}, {title: "date", width: 50}, {title: "other"}],
      <?php // Dictionary not needed.  Columns titles are not displayed. ?>
      dataBound: function() {

        <?php // hide vertical date column on mobile size ?>
        $(this.wrapper).find("colgroup").each(function() {
          $(this).find("col:eq(1)").addClass("hidden-xs");
        });
      },
      noRecords: {
        template: '<tr><td><span class="hcu-secondary-text"><?php echo $MC->msg("No Records Found", HCU_DISPLAY_AS_JS); ?></span></td></tr>'
      },
      rowTemplate: $("#rowTemplate").html()
    };

    var headerTemplateTemplate = kendo.template($("#headerTemplateTemplate").html());

    window.rowId = 0;

    var doneness = [false, false, false], populated = false, showPendingApprovalGrid = <?php echo $showPendingApprovalGrid ? "true" : "false" ?>,
      ddls = <?php echo HCU_JsonEncode(array("featureDDL" => $featureDDL, "statusApprovalDDL" => $statusApprovalDDL, "statusActiveDDL" => $statusActiveDDL)); ?>, isFilter=false;

    var pendingApprovalGrid = null, scheduledTransactionsGrid = null, priorActivityGrid = null;

    var gridId = "";
    <?php if ($showPendingApprovalGrid) { ?>
    gridId = "pendingApproval";
    gridDefinition.toolbar = [{template: headerTemplateTemplate({grid: gridId})}];
    gridDefinition.dataSource.transport.read = {url: "<?php echo $dataURL; ?>&grid=" + gridId, dataType: "json", type: "POST"};
    gridDefinition.dataSource.schema = {model: modelDefinition, parse: function (data) {
      var pendingApprovalGrid = $("#pendingApprovalGrid").data("kendoGrid");
      var data = data.results; <?php // Results are always returned. ?>
      if (data.homecuErrors.length > 0) {
        $.homecuValidator.displayMessage(data.homecuErrors, $.homecuValidator.settings.statusError);
        CloseWaitWindow();

        return pendingApprovalGrid.dataSource.data();
      } else {
        if (data.homecuInfo.length > 0) {
          $.homecuValidator.settings.formInfoTitle = "";
          $.homecuValidator.displayMessage(data.homecuInfo);
        }
      }

      switch(data.mode) {
        case "local":
          return window.homecuData;
          break;
        case "setStatus":

              <?php // refresh the priorActivity to show the new record. ?>
              window.homecuData = data.homecuData;
              $("#priorActivityGrid").data("kendoGrid").dataSource.read({operation: "local"});
              CloseWaitWindow();
              var gridData = pendingApprovalGrid.dataSource.data();

              if (data.transferData) {
                openTransferConfirmWindow(data.transferData);
              }

              // notify the apps that a pending status was changed (appInfo doesn't matter)
              var appInfo = JSON.stringify( { status: true } );

            <?php if ( $HB_ENV["platform"] == "ADA" ) :  ?>
                  AndroidController.notifyCommand("CHANGED_PENDING_ACTIVITY", appInfo);
            <?php elseif ( $HB_ENV["platform"] == "APP" ) :  ?>
                  var postObject = {
                          body: {
                              cmd: "CHANGED_PENDING_ACTIVITY",
                              params: appInfo
                          }
                      };
                  window.webkit.messageHandlers.interOp.postMessage(postObject);
            <?php endif ?>

              return $.grep(gridData, function(n,i) { return n.kendoId != data.kendoId; });
        break;
        case "read":
            doneness[0] = true;
            rowId = 0;

            if (!populated && doneness.indexOf(false) == -1)
            {
              populated = true;
              isFilter = true;
              populateFilters(ddls, showPendingApprovalGrid);
              CloseWaitWindow();
            }

            return data.homecuData;
        break;
      }
    }};
    pendingApprovalGrid = $("#pendingApprovalGrid").kendoGrid(gridDefinition).data("kendoGrid");
    <?php } ?>

    gridId = "scheduledTransactions";
    gridDefinition.toolbar = [{template: headerTemplateTemplate({grid: gridId})}];
    gridDefinition.dataSource.transport.read = {url: "<?php echo $dataURL; ?>&grid="+gridId, dataType: "json", type: "POST"};
    gridDefinition.dataSource.schema = {model: modelDefinition, parse: function (data) {
      var gridId = "scheduledTransactions";
      var data = data.results; <?php // Results are always returned. ?>
      var scheduledTransactionsGrid = $("#scheduledTransactionsGrid").data("kendoGrid");
      if (data.homecuErrors.length > 0) {
        $.homecuValidator.displayMessage(data.homecuErrors, $.homecuValidator.settings.statusError);
        CloseWaitWindow();

        return scheduledTransactionsGrid.dataSource.data();
      } else {
        if (data.homecuInfo.length > 0) {
          $.homecuValidator.settings.formInfoTitle = "";
          $.homecuValidator.displayMessage(data.homecuInfo);
        }
        CloseWaitWindow();
      }

      switch(data.mode)
      {
        case "local":
          return window.homecuData;
          break;
        case "skipTransactions":
          window.homecuData = data.homecuData;
          $("#scheduledTransactionsGrid").data("kendoGrid").dataSource.read({operation: "local"});
          CloseWaitWindow();
          var gridData = scheduledTransactionsGrid.dataSource.data();
          return $.grep(gridData, function(n,i) { return n.data_id != data.dataId; });
          break;
        case "setStatus":

              <?php // refresh the priorActivity to show the new record. ?>
              window.homecuData = data.homecuData;
              $(data.grid == "scheduledTransactions" ? "#scheduledTransactionsGrid" : "#priorActivityGrid").data("kendoGrid").dataSource.read({operation: "local"});
              CloseWaitWindow();
              var gridData = scheduledTransactionsGrid.dataSource.data();

              if (data.transferData) {
                openTransferConfirmWindow(data.transferData);
              }
              return $.grep(gridData, function(n,i) { return n.data_id != data.dataId; });
        break;
        case "filter":
          CloseWaitWindow();
        break;
        case "clearFilter":
            $("#filterTypeDDL" + gridId).data("kendoDropDownList").value("");
            $("#statusActiveDDL" + gridId).data("kendoDropDownList").value("");
            $("#filterFrom" + gridId).data("kendoDatePicker").value(null);
            $("#filterTo" + gridId).data("kendoDatePicker").value(null);
            CloseWaitWindow();
        break;
        case "read":
          doneness[1] = true;
          rowId = 0;

          if (!populated && doneness.indexOf(false) == -1) {
            populated = true;
            isFilter = true;
            populateFilters(ddls, showPendingApprovalGrid);
            CloseWaitWindow();
          }
        break;
      }

      return data.homecuData;
    }};
    scheduledTransactionsGrid = $("#scheduledTransactionsGrid").kendoGrid(gridDefinition).data("kendoGrid");

    gridId= "priorActivity";
    gridDefinition.toolbar = [{template: headerTemplateTemplate({grid: gridId})}];
    <?php // If you go up a level, it forces it to create a new array.  Just setting the URL is going to do a shallow copy so there are three of the same data call. ?>
    gridDefinition.dataSource.transport.read = {url: "<?php echo $dataURL; ?>&grid=" + gridId, dataType: "json", type: "POST"};
    delete gridDefinition.dataSource.transport.destroy;
    gridDefinition.dataSource.schema = {model: modelDefinition, parse: function (data) {
      var gridId= "priorActivity";
      var priorActivityGrid = $("#priorActivityGrid").data("kendoGrid");
      var data = data.results; <?php // Results are always returned. ?>
      if (data.homecuErrors.length > 0) {
        $.homecuValidator.displayMessage(data.homecuErrors, $.homecuValidator.settings.statusError);
        CloseWaitWindow();

        return priorActivityGrid.dataSource.data();
      } else {
        if (data.homecuInfo.length > 0) {
          $.homecuValidator.settings.formInfoTitle = "";
          $.homecuValidator.displayMessage(data.homecuInfo);
        }
      }

      switch(data.mode) {
        case "local":
          return window.homecuData;
          break;
        case "filter":
          CloseWaitWindow();
        break;
        case "clearFilter":
            $("#filterTypeDDL"+gridId).data("kendoDropDownList").value("");
            $("#statusApprovalDDL"+gridId).data("kendoDropDownList").value("");
            $("#filterFrom"+gridId).data("kendoDatePicker").value(null);
            $("#filterTo"+gridId).data("kendoDatePicker").value(null);
            CloseWaitWindow();
        break;
        case "read":
          doneness[2] = true;
          rowId = 0;

          if (!populated && doneness.indexOf(false) == -1) {
            populated = true;
            isFilter = true;
            populateFilters(ddls, showPendingApprovalGrid);
            CloseWaitWindow();
          }
        break;
      }

        return data.homecuData;
    }};
    priorActivityGrid = $("#priorActivityGrid").kendoGrid(gridDefinition).data("kendoGrid");

    <?php if ($showPendingApprovalGrid) { ?>
    pendingApprovalGrid.dataSource.read({operation: "read"});
    <?php } else { ?>
      doneness[0] = true;
    <?php } ?>
    scheduledTransactionsGrid.dataSource.read({operation: "read"});
    priorActivityGrid.dataSource.read({operation: "read"});

    defineActions();
  }

  <?php
  /**
   * function defineFilters()
   * This sets up the controls needed for the filters.
   */
  ?>
  function defineFilters() {
    <?php if ($showPendingApprovalGrid) { ?>
    var featureDDL = $("#featureDDL").kendoDropDownList({
      dataSource: {
        data: []
      },
      dataTextField: "text",
      dataValueField: "value",
      select: function(e) {
        var value = e.dataItem.value;
        var filter = value == "" ? [] : {field: "feature_code", operator: "eq", value: value};
        var grid = $("#pendingApprovalGrid").data("kendoGrid");
        if (grid.dataSource.data().length > 0) { <?php // There seems to be a slight kill everything bug that happens when you filter on this empty grid for whatever reason. ?>
          grid.dataSource.filter(filter);
        }
      },
      open: function(e) {
        $(this.wrapper).find(".fa.fa-caret-down").removeClass("fa-caret-down").addClass("fa-caret-up");
      },
      close: function(e) {
        $(this.wrapper).find(".fa.fa-caret-up").removeClass("fa-caret-up").addClass("fa-caret-down");
      },
      valueTemplate: "<a href='\\#' class='hcu-align-right'>#= text # &nbsp;<i class='fa fa-caret-down'></i></a>",
      template: "#= text #"
    }).data("kendoDropDownList");

    $(featureDDL.wrapper).addClass("hcu-dropdownlist");
    <?php } ?>

    <?php // From is limited to be before the To. ?>
    $("[id^='filterTo'], [id^='filterFrom']").each(function() {
      $(this).kendoDatePicker({
        change: function() {
          var value = this.value();
          var isFrom = $(this.element).hasClass("filterFrom");
          var grid = $(this.wrapper).closest(".activityGridDiv").data("grid");
          var toDatePicker = $("#filterTo"+grid).data("kendoDatePicker");
          if (value == null) {
            this.value(null); <?php // Clear invalid input. ?>
            if (isFrom) {
              toDatePicker.min(null);
            }
          } else {
            if (isFrom) {
              toDatePicker.min(this.value());
              if (toDatePicker.value() < this.value()) { <?php // Clear To if From is changed to a date after the To. ?>
                toDatePicker.value(null);
              }
            }

          }
        }
      }).data("kendoDatePicker");

      if ($(this).attr("id").startsWith("filterFrom")) {
        $(this).addClass("filterFrom");
      }
    });

    $("[id^='filterTo'].k-input, [id^='filterFrom'].k-input").blur(function() {
      $(this).data("kendoDatePicker").trigger("change");
      return false;
    });

    $("[id^='filterTypeDDL'], [id^='statusApprovalDDL'], [id^='statusActiveDDL']").each(function() {
      var ddl = $(this).kendoDropDownList({
          dataSource: {
            data: []
          },
          dataTextField: "text",
          dataValueField: "value"
        }).data("kendoDropDownList");
    });

    $(".showFilterBtn").click(function() {
      if ($(this).data("isshow")) {
        $(this).closest(".activityGridDiv").find(".filterDiv").show();
        $(this).html('<?php echo $MC->msg("Hide Filter", HCU_DISPLAY_AS_HTML); ?> <i class="fa fa-caret-up"></i>');
        $(this).data("isshow", false);
      } else {
        $(this).closest(".activityGridDiv").find(".filterDiv").hide();
        $(this).html('<?php echo $MC->msg("Show Filter", HCU_DISPLAY_AS_HTML); ?> <i class="fa fa-caret-down"></i>');
        $(this).data("isshow", true);
      }
      return false;
    });

    $(".filterApplyBtn, .filterClearBtn").click(function() {
        var grid = $(this).closest(".activityGridDiv").data("grid");
        var isClear = $(this).hasClass("filterClearBtn");
        var from = $("#filterFrom"+grid).data("kendoDatePicker").value();
        var to = $("#filterTo"+grid).data("kendoDatePicker").value();
        from = from == null ? "" : kendo.toString(from, "yyyy-MM-dd");
        to = to == null ? "" : kendo.toString(to, "yyyy-MM-dd");

        var parameters = isClear ? {operation: "clearFilter"} : {operation: "filter", filterFeature: $("#filterTypeDDL"+grid).data("kendoDropDownList").value(), filterFrom: from, filterTo: to };

        if (grid == "scheduledTransactions") {
          parameters.filterStatus = $("#statusActiveDDL" + grid).data("kendoDropDownList").value();
        } else {
          parameters.filterStatus = $("#statusApprovalDDL" + grid).data("kendoDropDownList").value();
        }

        var gridId = parameters.grid == "scheduledTransactions" ? "#scheduledTransactionsGrid" : "#priorActivityGrid";

        ShowWaitWindow();
        $("#" + grid + "Grid").data("kendoGrid").dataSource.read(parameters);
        return false;
    });
  }

  <?php
  /**
   * function populateFilters(thyDDLs, showPendingApprovalGrid)
   * This function happens after the data is returned for the first read call.
   *
   * @param [] thyDDLs -- the list of the features and status filters.
   * @param boolean showPendingApprovalGrid -- if the pending approval grid isn't available, then don't try to populate the filter inside that DIV.
   */
  ?>
  function populateFilters(thyDDLs, showPendingApprovalGrid) {
    if (showPendingApprovalGrid) {
      $("#featureDDL").data("kendoDropDownList").dataSource.data(thyDDLs.featureDDL);
    }
    $("[id^='filterTypeDDL'][data-role='dropdownlist']").each(function() {
      $(this).data("kendoDropDownList").dataSource.data(thyDDLs.featureDDL);
    });
    $("[id^='statusActiveDDL'][data-role='dropdownlist']").data("kendoDropDownList").dataSource.data(thyDDLs.statusActiveDDL);
    $("[id^='statusApprovalDDL'][data-role='dropdownlist']").data("kendoDropDownList").dataSource.data(thyDDLs.statusApprovalDDL);
  }

  <?php
  /**
   * function defineActions()
   * This defines the links for the activity options.
   */
  ?>
  function defineActions() {
    $(".userActivityDiv").on("click", ".activityLink", function() {
      var tr = $(this).closest("tr");
      var grid = $(tr).closest(".userActivityGrid").data("kendoGrid");
      var gridId = $(grid.element).attr("id");
      var dataItem = grid.dataItem(tr);
      switch($(this).data("action")) {
          case "viewDetails": viewDetails(dataItem, gridId); break;
          case "approve": changeStatus(dataItem, gridId, 10); break;
          case "decline": changeStatus(dataItem, gridId, 90); break;
          case "cancel": changeStatus(dataItem, gridId, 99); break;
          case "skip": changeStatus(dataItem, gridId, 0); break;
      }

      return false;
    });
  }

  <?php
  /**
   * function viewDetails(gridDataItem, gridId)
   * This views the details of a particular record and whatnot.
   *
   * @param {} gridDataItem -- the dataItem of the grid.
   * @param string gridId -- the id of the grid.
   */
  ?>
  function viewDetails(gridDataItem, gridId) {
    var detailDialog = $("#detailDialog").data("kendoDialog");
    if (detailDialog == null) {
      detailDialog = $("<div id='detailDialog'></div>").appendTo("body").kendoDialog({
        title: '<?php echo $MC->msg("View Details", HCU_DISPLAY_AS_HTML); ?>',
        visible: false,
        open: function() {
          if (window.activeWindows != null) {
            window.activeWindows.push(this);
          }
          var maxHeight1 = 600;
          var maxHeight2 = $(window).height() - 150;
          var maxHeight = maxHeight2 >= maxHeight1 ? maxHeight1 : maxHeight2;
          $("#detailDialog").css({maxHeight: maxHeight});
        },
        close: function() {
          if (window.activeWindows != null) {
            window.activeWindows.pop();
          }
        },
        width: 400,
        modal: true,
        actions: [
          {text: '<?php echo $MC->msg("Okay", HCU_DISPLAY_AS_HTML); ?>', primary: true}
        ]
      }).data("kendoDialog");
    }
    var template = kendo.template($("#detailTemplate").html());
    gridDataItem.grid = gridId;
    detailDialog.content(template(gridDataItem)).open();
  }

  <?php
  /**
   * function changeStatus(gridDataItem, gridId, status)
   * This changes the status of a record.
   *
   * @param {} gridDataItem -- the dataItem of the grid.
   * @param string gridId -- the id of the grid.
   * @param number status -- 0,10,90,99
   */
  ?>
  function changeStatus(gridDataItem, gridId, status) {
    var confirmWindow = $("#confirmWindow").data("kendoDialog");
    if (confirmWindow == null) {
      confirmWindow = $("<div id='confirmWindow'></div>").appendTo("body").kendoDialog({
        title: '<?php echo $MC->msg("Confirmation"); ?>',
        visible: false,
        open: function() {
          if (window.activeWindows != null) {
            window.activeWindows.push(this);
          }
          var maxHeight1 = 600;
          var maxHeight2 = $(window).height() - 150;
          var maxHeight = maxHeight2 >= maxHeight1 ? maxHeight1 : maxHeight2;
          $("#confirmWindow").css({maxHeight: maxHeight});
        },
        close: function() {
          if (window.activeWindows != null) {
            window.activeWindows.pop();
          }
        },
        width: 400,
        modal: true,
        actions: [
          {text: '<?php echo $MC->msg("Cancel", HCU_DISPLAY_AS_HTML); ?>'},
          {text: '<?php echo $MC->msg("Okay", HCU_DISPLAY_AS_HTML); ?>', primary: true, action: function() {
            var status = $("#confirmWindow").data("status");
            var gridDataItem = $("#confirmWindow").data("gridDataItem");
            var gridId = $("#confirmWindow").data("gridId");
            <?php // Need to get the filter options set for the prior activity so that that grid can be refreshed once a record moves to it through status change. ?>
            var grid = gridDataItem.type == "scheduled" && (status == 10 || status == 99) ? "scheduledTransactions" : "priorActivity";
            var isClear = $(this).hasClass("filterClearBtn");
            var from = $("#filterFrom" + grid).data("kendoDatePicker").value();
            var to = $("#filterTo" + grid).data("kendoDatePicker").value();
            from = from == null ? "" : kendo.toString(from, "yyyy-MM-dd");
            to = to == null ? "" : kendo.toString(to, "yyyy-MM-dd");
            var dataId = gridDataItem.data_id;

            var operation = status == 0 ? "skipTransaction" : "setStatus";

            var parameters = {operation: operation, status: status, type: gridDataItem.type, dataId: dataId, filterFeature: $("#filterTypeDDL" + grid).data("kendoDropDownList").value(), filterFrom: from, filterTo: to, grid: grid, kendoId: gridDataItem.kendoId};

            if (grid == "scheduledTransactions") {
              parameters.filterStatus = $("#statusActiveDDL" + grid).data("kendoDropDownList").value();
            } else {
              parameters.filterStatus = $("#statusApprovalDDL" + grid).data("kendoDropDownList").value();
            }

            ShowWaitWindow();
            $("#"+gridId).data("kendoGrid").dataSource.read(parameters);
          }}
        ]
      }).data("kendoDialog");
    }

    $("#confirmWindow").data({status: status, gridDataItem: gridDataItem, gridId: gridId});
    var skip = '<?php echo $MC->msg("Skip Transaction Msg"); ?><br><br>' +
      '<?php echo $MC->msg("Skip Transaction Confirm"); ?>';
    var cancel = '<?php echo $MC->msg("Confirm Cancel"); ?>';
    var decline = '<?php echo $MC->msg("Confirm Decline"); ?>';
    var approve = '<?php echo $MC->msg("Confirm Approve"); ?>';

    if (status == 0) { confirmWindow.content(skip); }
    else if (status == 10) { confirmWindow.content(approve); }
    else if (status == 99) { confirmWindow.content(cancel); }
    else { confirmWindow.content(decline); }

    confirmWindow.open();
  }

  <?php
  /**
   * function processResults(data, doFunction)
   * This shows an error message if one exists.  Otherwise it shows a status message if one exists and does some stuff maybe of the homecuData.
   *
   * @param [] data -- the data to process from the datacall.
   * @param function doFunction -- the function to do when there are no errors.
   */
  ?>
  function processResults(data, doFunction) {
      var data = data.results; <?php // Results are always returned. ?>
      if (data.homecuErrors.length > 0) {
        $.homecuValidator.displayMessage(data.homecuErrors, $.homecuValidator.settings.statusError);
        CloseWaitWindow();
      } else {
        if (data.homecuInfo.length > 0) {
          $.homecuValidator.settings.formInfoTitle = "";
          $.homecuValidator.displayMessage(data.homecuInfo);
        }

        if (typeof doFunction == "function") {
          (doFunction)(data.homecuData);
        }
      }
  }

  function openTransferConfirmWindow(transferData) {
    var transferConfirmWindow = $("#transferConfirmWindow").data("kendoDialog");
    if (transferConfirmWindow == null) {
      transferConfirmWindow = $("<div id='transferConfirmWindow'></div>").appendTo("body").kendoDialog({
        width: "85%",
        maxWidth: "768px",
        minWidth: "300px",
        title: '<?php echo $MC->msg('Transfer Confirmation', HCU_DISPLAY_AS_JS); ?>',
        modal: true,
        visible: false,
        resizable: false,
        actions: [ {text: "Close", primary: true} ],
        open: function() {
          if (window.activeWindows != null) {
            window.activeWindows.push(this);
          }
        },
        close: function() {
          if (window.activeWindows != null) {
            window.activeWindows.pop();
          }
        }
      }).data("kendoDialog");
    }

    var template = kendo.template($("#confirmationTemplate").html());
    transferConfirmWindow.content(template(transferData)).open();
  }

  var activeWindows = [];
  $(document).ready(function() { init();
    $("body").on("click", ".k-overlay", function() { if (activeWindows.length > 0) activeWindows[activeWindows.length - 1].close(); return false; });
  });
  </script>

  <?php
  // ****************************************
  // Page Kendo Templates ?>

  <script id="confirmationTemplate" type="text/x-kendo-template">
    <div id="responseDiv">
      <div class="local-transfer-msg">
        <?php echo $MC->msg('Transfer posted', HCU_DISPLAY_AS_JS); ?>
      </div>

      # for (i = 0; i < data.length; i++ ) { #
          <div class="col-xs-6 text-right">
            <span class="response-label">#= data[i]['label'] #:</span>
          </div>
          <div class="col-xs-6">
            <span class="response-field">#= data[i]['caption'] #</span>
          </div>
      # } #
      <div>&emsp;</div>
      <div>&emsp;</div>
    </div>
  </script>

  <?php
  /**
   * <script type="text/x-kendo-template" id="detailTemplate">
   * This displays the details of the transaction.  It expects an array in the detail column of the grid row.
   * Each row in the detail array has a "type" that determines the template.
   */
  ?>
  <script type="text/x-kendo-template" id="detailTemplate">
    # var addressOffset = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"; var groupAltI = 0;#
    <div class="container hcu-all-100">
      # for (var i = 0; i != details.length; i++) { var item = details[i]; #
        # if (item.type == "normalRow") { #
        <div class="row"><div class="col-xs-12 showEllipsis"><label>#= item.label #</label> # if (item.text == "") { # &nbsp; # } else { # #= item.text # # } #</div></div>
        # } else if (item.type == "header") { #
          <div class="row"><div class="col-xs-12 h4 showEllipsis"># if (item.text == "") { # &nbsp; # } else { # #: item.text # # } #</div></div>
        # } else if (item.type == "address") { #
        <div class="row"><div class="col-xs-12 showEllipsis"><label>#: item.label #</label>&nbsp; # if (item.addresses.length > 0) { # #: item.addresses[0] # # } #</div></div>
         # for (var j = 1, len = item.addresses.length; j != len; j++) { var addr = item.addresses[j]; if (addr == "") continue; #
           <div class="row"><div class="col-xs-12 showEllipsis">#= addressOffset # #: addr #</div></div>
          # } #
        # } else if (item.type == "altGroupStart") { #
          <div class="row # if (groupAltI++ % 2 == 1) { # hcu-alt # } #">
        # } else if (item.type == "altGroupEnd" || item.type == "wellEnd") { #
          </div>
        # } else if (item.type == "wellStart") { #
          <div class="well well-sm row">
        # } #
      # } #
    </div>
  </script>

  <?php
  /**
   * <script type="text/x-kendo-template" id="rowTemplate">
   * This displays the row template of the transaction.
   */
  ?>
  <script type="text/x-kendo-template" id="rowTemplate">
    <tr data-uid="#=uid#">
      <td class="hcu-activity-bg-#:infoClass#">&nbsp;</td><td style="display:none;">#: canApprove #</td>

      <td class="hidden-xs"># if (displayDateFull != null) { # <center>#: displayDateMonth #<br><b>#: displayDateDay #</b><br><span class="hcu-smallerYear hcu-secondary-text">
        #: displayDateYear #</span># } else { # &nbsp; # } #</td>

      <td>
        <div class="container hcu-all-100 hcu-bs-no-padding">
          <div class="row hidden-sm hidden-md hidden-lg hcuSpacer titleRow">
            <div class="col-xs-6"><span class="floatLeft">#: displayDateFull #</span></div>
            <div class="col-xs-6"><span class="floatRight">#: feature #</span></div>
          </div>
          <div class="row">
            <div class="col-xs-12 col-sm-4">
              <div class="col-xs-12 area1 showEllipsis"># if (area1Label != "") { #<label>#= area1Label #</label> # } # #= area1Text # &nbsp;</div>
              <div class="col-xs-12 area2 showEllipsis"># if (area2Label != "") { #<label>#= area2Label #</label> # } # #= area2Text # &nbsp;</div>
            </div>
            <div class="col-xs-12 col-sm-4">
              <div class="col-xs-12 area3 showEllipsis">#: area3 # &nbsp;</div>
              <div class="col-xs-12 area4 showEllipsis"># if (area4Label != "") { #<label>#= area4Label #</label> # } # #: area4Text # &nbsp;</div>
            </div>
            <div class="col-xs-12 col-sm-4">
              <div class="hidden-xs col-sm-6 featureDiv showEllipsis">#: feature #</div>
              <div class="col-xs-12 col-sm-6"><a href="\\#" class="activityLink" data-action="viewDetails">
                <?php echo $MC->msg("View Details", HCU_DISPLAY_AS_JS); ?></a></div>
              <div class="col-xs-12 col-sm-6 actionDiv">

                # if ((approved_status == 0) || (approved_status == 10 && type == 'scheduled' && active_status == 'A' && infoClass != 'completed')) { #
                <div class="dropdown">
                  <a href="\\#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><?php echo $MC->msg("Action", HCU_DISPLAY_AS_JS); ?>
                  <span class="caret"></span>
                  <ul class="dropdown-menu" aria-labelledby="actionMenu">

                    # if (approved_status == 0) { #
                      # if (canApprove) { #
                        <li><a href="\\#" class="activityLink" data-action="approve"><?php echo $MC->msg("Approve", HCU_DISPLAY_AS_JS); ?></a></li>
                        <li><a href="\\#" class="activityLink" data-action="decline"><?php echo $MC->msg("Decline", HCU_DISPLAY_AS_JS); ?></a></li>
                      # } else { #
                        <li><a href="\\#" class="activityLink" data-action="cancel"><?php echo $MC->msg("Cancel", HCU_DISPLAY_AS_JS); ?></a></li>
                      # } #
                    # } else if (type == 'scheduled' && active_status == 'A' && interval == 'One Time') { #
                      <li><a href="\\#" class="activityLink" data-action="cancel"><?php echo $MC->msg("Cancel", HCU_DISPLAY_AS_JS); ?></a></li>
                    # } else if (type == 'scheduled' && active_status == 'A' && !canApprove) { #
                      <li><a href="\\#" class="activityLink" data-action="skip"><?php echo $MC->msg("Skip", HCU_DISPLAY_AS_JS); ?></a></li>
                    # } #

                  </ul>
                </div>
                # } #
              </div>

              # if (approvedDescription != "") { # <?php // On pending approval, set this to empty string. ?>
              <div class="hidden-xs col-sm-6 showEllipsis">
                <span class="hcu-activity-fg-#:infoClass#"><span class="control-label"> #: approvedDescription # </span></span>
              </div>
              # } #

            </div>
          </div>
        </div>
      </td>

    </tr>

  </script>

  <?php // ******************
  // END OF ROW TEMPLATE TEMPLATE ?>

  <?php
  /**
   * id="headerTemplateTemplate"
   * This is the template for the top of the grid.  It replaces the filter template because now that is defined here.
   */
  ?>
  <script type="text/x-kendo-template" id="headerTemplateTemplate">
    <div class="container hcu-all-100">
      # if (grid == "pendingApproval") { #
        <div class="row hcuSpacer">
          <div class="col-xs-12">
            <div class="floatLeft h4"><?php echo $MC->msg("Pending Approval", HCU_DISPLAY_AS_JS); ?></div>
            <div class="floatRight"><div id="featureDDL" class="hcu-all-100 showEllipsis"></div></div>
          </div>
        </div>
      # } else { #
      <div class="row hcuSpacer">
        <div class="col-xs-6"><div class="h4">
          # if (grid == "scheduledTransactions") { # <?php echo $MC->msg("Scheduled Transactions", HCU_DISPLAY_AS_JS); ?>
          # } else { # <?php echo $MC->msg("Prior Activity", HCU_DISPLAY_AS_JS); ?> # } #</div></div>
        <div class="col-xs-6"><div class="floatRight"><a class="showFilterBtn" href="\\\\#" data-isshow="true">
        <?php echo $MC->msg("Show Filter", HCU_DISPLAY_AS_JS); ?>
          <i class='fa fa-caret-down'></i></a></div></div>
      </div>
      <div class="row hcuSpacer filterDiv" style="display:none;">
        <div class="container hcu-all-100 hcu-nopadding">
          <div class="mainDiv"><div>
            <div class="row hcuSpacer">
              <div class="col-xs-12 col-md-8 col-lg-6 hcuSpacer">
                <div class="col-xs-12 col-sm-6 col-lg-6"><label><?php echo $MC->msg("Feature Transfer Type", HCU_DISPLAY_AS_JS); ?></label></div>
                <div class="col-xs-12 col-sm-6 col-lg-6"><div id="filterTypeDDL#:grid#" class="hcu-all-100"></div></div>
              </div>
              <div class="col-xs-12 col-md-4 col-lg-4 hcuSpacer">
                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4"><label><?php echo $MC->msg("Status", HCU_DISPLAY_AS_JS); ?></label></div>
                # if (grid == "scheduledTransactions") { #
                  <div class="col-xs-12 col-sm-6 col-md-8 col-lg-8"><div id="statusActiveDDL#:grid#" class="hcu-all-100"></div></div>
                # } else { #
                  <div class="col-xs-12 col-sm-6 col-md-8 col-lg-8"><div id="statusApprovalDDL#:grid#" class="hcu-all-100"></div></div>
                # } #
              </div>
            </div>
            <div class="row hcuSpacer">
              <div class="col-xs-12 col-md-8 col-lg-6 hcuSpacer">
                <div class="col-xs-12 col-sm-6 col-lg-6"><label><?php echo $MC->msg("From", HCU_DISPLAY_AS_JS); ?></label></div>
                <div class="col-xs-12 col-sm-6 col-lg-6"><input id="filterFrom#:grid#" class="hcu-all-100"></div>
              </div>
              <div class="col-xs-12 col-md-4 col-lg-4 hcuSpacer">
                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4"><label><?php echo $MC->msg("To", HCU_DISPLAY_AS_JS); ?></label></div>
                <div class="col-xs-12 col-sm-6 col-md-8 col-lg-8"><input id="filterTo#:grid#" class="hcu-all-100"></div>
              </div>
            </div>
          </div></div>
          <div class="hcu-edit-buttons k-state-default">
            <a class="filterClearBtn" href="\\\\#"><?php echo $MC->msg("Clear Filter", HCU_DISPLAY_AS_JS); ?></a>
            &nbsp;&nbsp;&nbsp;
            <a class="filterApplyBtn k-button k-primary" href="\\\\#"><?php echo $MC->msg("Apply", HCU_DISPLAY_AS_JS); ?></a>
          </div>
        </div>
      </div>
      # } #
    </div>
  </script>
  <?php // **********************
  // END OF HEADER TEMPLATE TEMPLATE
  ?>

  <style>
  <?php // Needed here because the dropdownlist lists are global inside a k-animation-container.  The only trace back to the dropdownlist is the id has _listbox appended to it. ?>
  #featureDDL-list .k-item {
      overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis !important;
  }
  .response-label {
    font-weight: bold;
  }

  .local-transfer-msg {
    padding: 1em;
  }
  </style>

  <?php // Page HTML ?>
  <div class="container-fluid userActivityDiv hcu-all-100 hcu-template vsgPrimary">
    <form id="mainForm">
      <div class="row hcuSpacer">
        <h3 class="col-xs-12"><?php echo $MC->msg("User Activity", HCU_DISPLAY_AS_HTML); ?></h3>
      </div>
      <div class="row hcuSpacer">
        <div id="formStatus" class="k-block k-error-colored col-xs-12" style="display:none"></div>
      </div>
      <?php if ($showPendingApprovalGrid) { ?>
      <div class="pendingApprovalDiv activityGridDiv" data-grid="pendingApproval">
        <div class="row hcuSpacer">
          <div class="col-xs-12"><div class="hcu-all-100 headlessGrid table userActivityGrid" id="pendingApprovalGrid"></div></div>
        </div>
      </div>
      <?php } ?>
      <div class="scheduledTransactionsDiv activityGridDiv" data-grid="scheduledTransactions">
        <div class="row hcuSpacer">
          <div class="col-xs-12"><div class="hcu-all-100 headlessGrid table userActivityGrid" id="scheduledTransactionsGrid"></div></div>
        </div>
      </div>
      <div class="priorActivityDiv activityGridDiv" data-grid="priorActivity">
        <div class="row hcuSpacer">
          <div class="col-xs-12"><div class="hcu-all-100 headlessGrid table userActivityGrid" id="priorActivityGrid"></div></div>
        </div>
      </div>
    </form>
  </div>
<?php } // END OF PRINT PAGE