aMemberHub.prg

<?php
/**
 *  @package MemberHub
 *  @author MGHandy
 *
 *  @uses admin users may search and select members. Upon selecting members, the admin user
 *  will have the options of viewing the member's related users, account settings, MemberMicrs,
 *  check images, e-statements, external keys as well as adding new mmber accounts.
 *
 *  @uses payload entry point: pre-select a member account by sending an encrypted
 *  payload to the member hub from another script.
 *
 *  @param $operation string: selected member hub operation, not currently needed.
 *  @param $payload string: encrypted data string holding member information
 *  to be displayed.
 */

require_once("$admLibrary/aMemberSupport.i");

// There are permissions for these things.
// Handle it the same way as the other permissions: greyed out.
// Without this fix, there is some ugliness when trying to access.
$imagesPerm = checkPerm($Cn, "MemCheck", $Cu)[1] == 1;
$estatementPerm = checkPerm($Cn, "MemStatement", $Cu)[1] == 1;

try {
  $admVars = array();
  $admOk = array(
    "operation" => array("filter" => FILTER_SANITIZE_STRING),
    "payload" => array("filter" => FILTER_SANITIZE_STRING)
  );
  HCU_ImportVars($admVars, "ACCOUNT_HUB", $admOk);


  $mOperation = isset($admVars["ACCOUNT_HUB"]["operation"]) ? $admVars["ACCOUNT_HUB"]["operation"] : null;
  $mPayload = isset($admVars["ACCOUNT_HUB"]["payload"]) ? $admVars["ACCOUNT_HUB"]["payload"] : null;

  // if a payload exists, decode into group array
  $mMember = $mPayload ?
    MemberDecrypt($SYSENV, $Cu, $mPayload) :
    null;

  $mMember = HCU_JsonEncode($mMember);

  PrintMemberHub($mPayload, $mMember, $Cn == strtolower(trim($Cu)), $imagesPerm, $estatementPerm);

} catch (Exception $e) {
  $SYSENV['logger']->error($e->getMessage());
  exit;
}
?>

<?php
/**
 *  @package PrintMemberHub
 *  @uses print neccessary html/javascript to run the member hub script
 */
function PrintMemberHub($pPayload, $pMember, $isMasterUser, $imagesPerm, $estatementPerm) {
  $isImagesDisabled = $imagesPerm ? "false" : "true";
  $isEstatementDisabled = $estatementPerm ? "false" : "true";
?>

<script type="text/x-kendo-template" id="contentSearch">
  <div class='search' data-name="#: name #" data-ft="#: ft #"><a href='\\#'><i class='fa #: icon # fa-3x'></i><br>#: text #</a></div>
</script>

<script type="text/x-kendo-template" id="contentResults">
<div class="infoDiv">
# if (display) { #
    <?php printHubLabelBlock(array("Member Account" => "# if (m_account == null) { # (None) # } else { # #: m_account # # } #",
      "Bill Pay ID" => "# if (m_payid == null || m_payid == '') { # (Not Set) # } else { # #: m_payid # # } #",
      "Restriction" => "# if (m_restr == 'L') { # Locked # } else if (m_restr == 'R') { # Read Only # } else { # Unlocked # } #",
      "RDC Setting" => "# if (m_rdc == null) { # (Not Set) # } else { # #: m_rdc # # } #",
      "eStatements" => "# if (m_stmnt == null) { # (Not Set) # } else if (m_stmnt.trim().toLowerCase() == 'y') { # Yes # } else { # No # } #")); ?>
# } else { #
  <div class='noUserFound'><div>No Account Found</div></div>
# } #
</div>
</script>

<script type="text/x-kendo-template" id="contentCards">
  <div class="col-md-4 col-xs-6 cardDiv openFt aa #if(disabled){#vsgDisabled#}#" data-name="#: name #" data-ft="#: ft #">
    <a href="\\#" class="goBtn">
      <div class="features-column center col-md-12">
        <div class="features-box-header">
          <i class="fa fa-3x #: icon #"></i>
          <h6 class='textSpan'>#: text #</h6>
        </div>

        <div class="feature-box-content center col-md-11">
          <p class="vsgSecondary hidden-xs hidden-sm">#= desc #</p>
        </div>
      </div>
    </a>
  </div>
</script>
<script id="titleTemplate" type="text/x-kendo-template">
  Account Hub # if (cardTitle != null && cardTitle.trim() != "") { # / #: cardTitle # # } #
    # if (m_account != null && m_account.trim() != "") { # / #: m_account # # } #
</script>

<div id="cardContainerDiv">
  <div class="well well-sm borderless">
    <h2 class="hubTitle"><span class="hcu-breadcrumb">Account Hub</span></h2>
    <div id="resultContainerDiv"></div>
  </div>
</div>
<div id="cardContent"></div>

<?php
/**
 *  @package MemberHub
 *  @uses this object is used to display and interact with the member hub and its features.
 *
 *  @var Init             public: public call to initialize data/view/action objects,
 *  @var Call             public: callback for group modules to update display or encryption.
 *    This function facilitates updating/loading request modules with encrypted group data
 *    as well as display of selected group data.
 *
 *  @var InitDataSources  private: initialize all data sources/objects
 *  @var InitDataViews    private: initialize all data views/objects
 *  @var InitDataActions  private: initialize all user actions on html.
 *
 *  @var EventCardClick   private: send request to view the clicked module.
 */
?>
<script type="text/javascript">
//# sourceURL=memberHub.js
<?php getShowWaitFunctions(); ?>
var memberWindows = null;
var memberHub = null;

var MemberHub = function() {
  mhPayload = null;
  mhMember = null;

  mhWindowContainer = null;
  mhWindow = null;

  mhHeader = null;
  mhHeaderContent = null;
  mhHeaderResultsContent = null;
  mhHeaderSearchView = null;
  mhHeaderResultsView = null;

  mhCards = null;
  mhCardsView = null;
  mhCardsData = null;

  var EventCardClick = function(e) {
    var card = $(this);
    var cardFt = card.data("ft");
    var cardName = card.data("name");

    if (mhCardsData[cardName].display.disabled) {
      return;
    }

    // close on the card object will call the kendo
    // destory for every window and dialog for that card
    // in order to keep the html clear and save memory.
    if (mhWindow) {
      mhWindow.Close();
    }

    // clear out any left over html from the content div
    // load the clicked card
    $(mhWindowContainer).empty();
    $(mhWindowContainer).load("main.prg?ft=" + cardFt, function(response) {
      switch (cardName) {
        case "MemberSearch":
          mhWindow = new MemberSearch();
          break;
        case "MemberUsers":
          mhWindow = new MemberUsers();
          break;
        case "MemberSettings":
          mhWindow = new MemberSettings();
          break;
        case "MemberAccounts":
          mhWindow = new MemberAccounts();
          break;
        case "MemberImages":
          mhWindow = new MemberImages();
          break;
        case "MemberDelete":
          mhWindow = new MemberDelete();
          break;
        case "MemberMicrs":
          mhWindow = new MemberMicrs();
          break;
        case "MemberEStatements":
          mhWindow = new MemberEStatements();
          break;
        case "MemberPurge":
          mhWindow = new MemberPurge();
          break;
      }

      // give the card a fresh window stack
      memberWindows = [];

      // initialize the card with the callback function
      // to the hub.
      // Open the card giving it the new window stack.
      mhWindow.Init(memberHub.Call, mhWindowContainer);
      mhWindow.Open(memberWindows);
    });
  }

  var InitDataSources = function() {
    mhCardsData = {
      /*"MemberAdd": {
        display: {
          ft: "",
          name: "MemberAdd", desc: "Add a new member account.",
          text: "Add Member", icon: "fa-plus", disabled: true }
      },*/
      "MemberUsers": {
        display: {
          ft: "103103",
          name: "MemberUsers", desc: "Show users that can access this member account",
          text: "Related Users", icon: "fa-sitemap", disabled: false  }
      },
      "MemberAccounts": {
        display: {
          ft: "103105",
          name: "MemberAccounts", desc: "Show all the accounts for users of this member account",
          text: "Related Accounts", icon: "fa-arrows-alt", disabled: false  }
      },
      "MemberSettings": {
        display: {
          ft: "103104",
          name: "MemberSettings", desc: "Information and settings for this member account",
          text: "Account Settings", icon: "fa-cogs", disabled: false }
      },
      "MemberMicrs": {
        display: {
          ft: "103106",
          name: "MemberMicrs", desc: "MICR overrides for this member account",
          text: "MICR", icon: "fa-wrench", disabled: false }
      },
      "MemberImages": {
        display: {
          ft: "103109",
          name: "MemberImages", desc: "View check images for this member account",
          text: "View Check Images", icon: "fa-image", disabled: <?php echo $isImagesDisabled; ?> }
      },
      "MemberEStatements": {
        display: {
          ft: "103108",
          name: "MemberEStatements", desc: "View eStatements for this member account",
          text: "View eStatements", icon: "fa-file-pdf-o", disabled: <?php echo $isEstatementDisabled; ?> }
      },
      // "MemberDelete": {
      //   display: {
      //     ft: "103107",
      //     name: "MemberDelete", desc: "Delete the transaction history for sub-accounts of this member account",
      //     text: "Delete Account History", icon: "fa-trash", disabled: false }
      // },
      "MemberPurge": {
        display: {
          ft: "103110",
          name: "MemberPurge", desc: "Purge this member account from the system",
          text: "Purge Account", icon: "fa-minus-circle", disabled: false }
      },
      "MemberSearch": {
        display: {
          ft: "103102",
          name: "MemberSearch", desc: "",
          text: "Search", icon: "fa-search", disabled: false }
      }
    };
  }

  var InitDataViews = function() {
    mhHeader = $("#resultContainerDiv");
    mhHeaderSearchContent = kendo.template($("#contentSearch").html());
    mhHeaderResultsContent = kendo.template($("#contentResults").html());
    mhHeaderSearchView = mhHeaderSearchContent(mhCardsData["MemberSearch"].display);
    mhHeaderResultsView = mhHeaderResultsContent({display: false});
    mhHeader.append(mhHeaderSearchView);
    mhHeader.append(mhHeaderResultsView);

    mhCards = $("#cardContainerDiv");
    mhCardsContent = kendo.template($("#contentCards").html());
    mhCards.find(".cardDiv").hide();

    mhWindowContainer = $("#cardContent");
  }

  var InitDataActions = function() {
    mhHeader.find(".search").off();
    mhHeader.find(".search").on("click", EventCardClick);
    mhCards.find(".cardDiv").off();
    mhCards.find(".cardDiv").on("click", EventCardClick);
  }

  this.Call = function(action, data) {
    // Populate breadcrumb at top of hub page
    if (data.member != null)
    {
      var template= kendo.template($("#titleTemplate").html());
      $(".hubTitle").html(template({m_account: data.member.m_account, cardTitle: null}));
    }

    switch (action) {
      case "updateMemberInfo":
        // unencrypted member data for display to the member hub
        // data is the member information to be displayed
        // empty the display, put new data in
        mhMember = data.member;
        mhMember.m_account = mhMember.m_account == null ? "" : mhMember.m_account.trim();
        mhMember.m_stmnt = mhMember.m_stmnt.trim();
        mhMember.m_payid = mhMember.m_payid == null ? null : mhMember.m_payid.trim();
        mhMember.m_rdc = mhMember.m_rdc == null ? null : mhMember.m_rdc;
        mhMember.m_restr = mhMember.m_restr == null ? "" : mhMember.m_restr.trim();
        mhMember.m_image = mhMember.m_image == null ? "" : mhMember.m_image.trim();
        mhMember.display = true;

        mhHeader.empty();
        mhHeaderSearchView = mhHeaderSearchContent(mhCardsData["MemberSearch"].display);
        mhHeaderResultsView = mhHeaderResultsContent(mhMember);
        mhHeader.append(mhHeaderSearchView);
        mhHeader.append(mhHeaderResultsView);

        mhCardsView = "";
        for(var key in mhCardsData) {
          if (key == "MemberSearch") { continue; }
          <?php if ($imagesPerm) { ?>
            if (key == "MemberImages") {
              if (mhMember.m_image == "NO") {
                mhCardsData[key].display.disabled = true;
              } else {
                mhCardsData[key].display.disabled = false;
              }
            }
          <?php } ?>
          <?php if ($estatementPerm) { ?>
            if (key == "MemberEStatements") {
              var thisDisabled = false;
              <?php if (!$isMasterUser) { ?>
                thisDisabled = thisDisabled || mhMember.m_employee === "Y";
              <?php } ?>
              thisDisabled = thisDisabled || mhMember.m_stmnt !== "Y";
              mhCardsData[key].display.disabled = thisDisabled;
            }
          <?php } ?>
          mhCardsView += mhCardsContent(mhCardsData[key].display);
        }
        mhCards.find(".cardDiv").remove();
        mhCards.append(mhCardsView);
        mhCards.show();

        InitDataActions();
        break;
      case "updateMemberEncrypt":

        // data is the updated member encryption payload.
        // this will be given to each card as it is opened.
        mhPayload = data;
        break;
      default:

        // loaded card needs to get payload and member info
        // data is the actual javascript card object,
        // Data is the public function we pass the payload and member info
        // for saving to the object
        data.Data(mhPayload, mhMember);
        break;
    }
  }

  this.Init = function(payload, member) {
    InitDataSources();
    InitDataViews();
    InitDataActions();

    if (payload && member.member) {
      this.Call("updateMemberEncrypt", payload);
      this.Call("updateMemberInfo", member);
    } else {
      mhHeader.find(".search").trigger("click");
    }
  }
}

$(document).ready(function() {
  var payload = "<?php echo $pPayload ?>";
  var member = <?php echo $pMember ?>;

  memberWindows = [];
  memberHub = new MemberHub();
  memberHub.Init(payload, member);
});

$(document).on("click", ".k-overlay", function() {
  if (memberWindows.length > 0) {
    var openWindow = memberWindows[memberWindows.length - 1];
    openWindow.close();
  }
});

</script>
<?php }