userSupportHub.prg

<?php
/**
 * @package UserSupport (Subpackage head)
 * @author SPB
 *
 * This script is run when the user clicks on the user hub link on the left menu.
 */

 // Get advanced permissions
$advPerm = checkPerm($Cn, "userSupportAdv", $Cu)[1] == 1;
$bamPerm = checkPerm($Cn, "MemAccount", $Cu)[1] == 1;
$isEmployee = false;
$isMasterUser = $Cn === strtolower(trim($Cu));

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

if ($advPerm) {
    require_once("$admLibrary/addUser.i");
}

$self = "$menu_link?ft=$ft";

$string = array("filter" => FILTER_DEFAULT);
$parameters = array("a" => array("payload" => ""));
HCU_ImportVars($parameters, "a", array("payload" => $string));

$payload = HCU_array_key_exists("payload", $parameters["a"]) ? trim($parameters["a"]["payload"]) : "";
$userRecord = array();
$counts = array();
if ($payload != "") {
    try {
        $userRecord = HCU_PayloadDecode($Cu, $payload);
        $counts = getUserHubCounts($dbh, $Cu, intval($userRecord["user_id"]));

        $groupEncryption = encryptGroup($dbh, $Cu, $userRecord);

        // Employee permissions:
        // If Admin user is not the master user -AND-
        // employee is not limited to not see BAM (generally) -AND-
        // employee flag on user is set -THEN-
        // false (but show different msg than bamPerm failure) -OTHERWISE-
        // true
        if (!$isMasterUser && $bamPerm) {
            $isEmployee = HCU_array_key_exists("employee", $userRecord) && $userRecord["employee"] === "Y";
        }
    } catch(exception $e) {}
}
$groupEncryption = isset($groupEncryption) ? $groupEncryption : "";

?>
<script type="text/javascript">
<?php
// Library javascript functions

getShowWaitFunctions();

// Javascript functions defined here
// NEED to separate fts here because basic user can search but CANNOT add user.
printUserSearch("$menu_link?ft=16", "userHubCallback", true, $advPerm);
printInitCards($menu_link, $advPerm, $bamPerm, $isEmployee, $isMasterUser);

if ($advPerm) {
    printAddNewUser("$menu_link?ft=17", "userHubCallback", $dbh, $Cu);
}

?>
    var payload = "<?php echo $payload; ?>";
    var groupPayload = "<?php echo $groupEncryption; ?>";
    var ghSearchOptionSelected = null;
    var ghSearchRowSelected = null;
    function openAccountTab() {
        $("#accountTabForm").submit();
        return false;
    }

    var activeWindows = [];
    $(document).ready(function() {
        <?php if (count($userRecord) == 0) { ?>
        openUserSearch();
        <?php } ?>
        initCardDiv();

        <?php printClickOverlayEvent();
        if (count($userRecord) != 0) { ?>
            userHubCallback("successfulOneRecord", payload, <?php echo HCU_JsonEncode($userRecord); ?>, <?php echo HCU_JsonEncode($counts); ?>, groupPayload);
        <?php } ?>

        InitPermTooltips();
    });

    <?php
    /**
     * function InitPermTooltips()
     * Initializes the tooltip when the user doesn't have full permissions.
     */ ?>
    function InitPermTooltips() {
        <?php // set up the tooltips this way so the defaults can be used ?>
        var toolTipProps = homecuTooltip.defaults;
        toolTipProps.filter = ".vsgDisabled.dtooltip";

        toolTipProps.showOn = "click mouseenter";
        toolTipProps.content = function(e) {
            var text = "";
            if ($(e.target).is("[data-tabname]")) {
                var card = "";
                if ($(e.target).hasClass("employeePerm")) {
                    text = "You cannot view an employee's account.";
                } else {
                    switch ($(e.target).data("tabname")) {
                        case "addUser":
                            card = "add user";
                            break;
                        case "accessControl":
                            card = "view account access";
                            break;
                        case "rights":
                            card = "view user rights";
                            break;
                        case "delete":
                            card = "delete user";
                            break;
                        case "viewUser":
                            card = "view user accounts";
                            break;
                    }
                    text = card == "" ? "" : "You do not have permission to " + card + ".";
                }
            }
            return text;
        };
        toolTipProps.show = function(e) {
            if( this.content.text() !== "") {
                $('[role="tooltip"]').css("visibility", "visible");
            }
        };
        toolTipProps.hide = function() {
            $('[role="tooltip"]').css("visibility", "hidden");
        };

        $("#cardContainerDiv").kendoTooltip(toolTipProps).data("kendoTooltip");
    }

    </script>
    <script id="userInfoTemplate" type="text/x-kendo-template">
        # if (unencrypted == null) { #
            <div class='noUserFound'><div>No User Found</div></div>
        # } else { #
        <?php printHubLabelBlock(array("User" => "# if (unencrypted.user_name == null || unencrypted.user_name == '') { # &nbsp; # } else { # #: unencrypted.user_name # # } #",
            "Email" => "# if (unencrypted.email == null || unencrypted.email == '') { # &nbsp; # } else { # #: unencrypted.email # # } #",
            "Phone" => "# if (unencrypted.cellnumber == null || unencrypted.cellnumber == '') { # &nbsp; # } else { # #: unencrypted.cellnumber # # } #",
            "Group" => "# if (unencrypted.group_name == null || unencrypted.group_name == '') { # &nbsp; # } else { # "
                . "<a href='\\#' id='userInfoGroupLink'>#: unencrypted.group_name # <i class=\"fa fa-users fa-fw\"></i></a> (#: unencrypted.profile_desc #) # } #")); ?>
        # } #
    </script>
    <?php printUserSearchTemplate(); ?>
    <script id="titleTemplate" type="text/x-kendo-template">
        User Hub # if (cardTitle != null && cardTitle.trim() != "") { # / #: cardTitle # # } #
            # if (user_name != null && user_name.trim() != "") { # / #: user_name # # } #
    </script>
    <div id="cardContainerDiv" class="hideAA"></div>
    <form id="accountTabForm" action="<?php echo $menu_link; ?>?ft=9" method="post" target="_blank">
        <input type="hidden" name="payload" value="">
    </form>
    <div id="groupSearchModule"></div>
    <form id="groupLinkRedirect" action="<?php echo $menu_link ?>?ft=102101" method="post">
        <input type="hidden" name="payload" value="">
    </form>
<?php
/**
 * function getTabList()
 * This is an array of all the needed attributes of each card.  Ft needs to point to the FT that the tab script originates.  In Main, $just_script needs to be set to true.
 */
function getTabList() {
    return array(
        "search" => array("name" => "search", "text" => "Search", "shortDescription" => "Search for another user.", "icon" => "fa-search"),
        "other" => array(
            array("name" => "addUser", "text" => "Add User", "shortDescription" => "Add user to this user's group", "icon" => "fa-plus", "ft" => 15),
            array("name" => "showRelated", "text" => "Show Related", "shortDescription" => "Show users sharing this user's accounts", "icon" => "fa-sitemap", "ft" => 6),
            array("name" => "accessControl", "text" => "Access Control", "shortDescription" => "Manage access to member accounts and sub-accounts", "icon" => "fa-asterisk", "ft" => 5),
            array("name" => "status", "text" => "Status", "shortDescription" => "Status and settings for this user", "icon" => "fa-tasks", "ft" => 1),
            array("name" => "audit", "text" => "Events", "shortDescription" => "Show changes to this user's account information", "icon" => "fa-calendar", "ft" => 2),
            array("name" => "rights", "text" => "User Rights", "shortDescription" => "Manage this user's rights and limitations for banking features", "icon" => "fa-cubes", "ft" => 4),
            array("name" => "viewUser", "text" => "View User Accounts", "shortDescription" => "Enter Banking Access Mode for this user", "icon" => "fa-list", "callJs" => "openAccountTab()"),
            array("name" => "alerts", "text" => "User Alerts", "shortDescription" => "Manage alerts this user has configured", "icon" => "fa-bell", "ft" => 8),
            array("name" => "repeat", "text" => "Scheduled Transfers", "shortDescription" => "Manage scheduled transfers for this user", "icon" => "fa-calendar-check-o", "ft" => 13),
            array("name" => "secureMessages", "text" => "Secure Messages", "shortDescription" => "Show conversations with this user", "icon" => "fa-comments", "ft" => 3),
            array("name" => "delete", "text" => "Delete User", "shortDescription" => "&nbsp;", "icon" => "fa-trash", "ft" => 7)
        ));
}


/**
 * function printInitCards($menu_link)
 * This prints out the javascript functions needed to initialize cards
 *
 * @param string $menu_link -- points to the main script (with no ft).
 */
function printInitCards($menu_link, $advPerm, $bamPerm, $isEmployee, $isMasterUser) {
    $tabs = getTabList();
    ?>
    var payload = "", foundUser = false;
    function initCardDiv() {
        var cardPopupWindow = $("#cardPopupWindow").data("kendoWindow");
        if (cardPopupWindow != null) {
            return;
        }

        var template = "<div class='col-xs-12'><div class='well well-sm row borderless'>\
            <h2 class='hubTitle'><span class='hcu-breadcrumb'>User Hub</span></h2>\
            <div class='search'><a href='#'><i class='fa <?php echo $tabs["search"]["icon"]; ?> fa-3x'></i><br>Search</a></div>\
            <div class='infoDiv'></div>\
        </div></div>";

        <?php foreach($tabs["other"] as $index => $tab) {
            $dataFt = "";
            $openClass = "";
            $disabledClass = "";
            $aStart = "<a href='#' class='goBtn'>";
            $aEnd = "</a>";
            if (!$advPerm && in_array($tab["name"], array("addUser", "accessControl", "rights", "delete"))) {
                $openClass = "openFt";
                $disabledClass = "vsgDisabled dtooltip";
                $aStart = "";
                $aEnd = "";
            } else if ($tab["name"] == "viewUser") {
                $disabledClass = "vsgDisabled dtooltip";

                if (!$isMasterUser && $bamPerm && $isEmployee) {
                    $disabledClass .= " employeePerm";
                } else if ($isMasterUser || $bamPerm) {
                    $disabledClass = "";
                } ?>

                $("#cardContainerDiv").on("click", "[data-tabname='<?php echo $tab["name"]; ?>']:not(.vsgDisabled) .goBtn", function () {
                    <?php echo $tab["callJs"] . "\n"; ?>
                    return false;
                });
                <?php
            } else if (HCU_array_key_exists("ft", $tab)) {
                $dataFt = "data-ft='" . $tab["ft"] . "'";
                $openClass = "openFt";
            } else if (HCU_array_key_exists("callJs", $tab)) { ?>
                $("#cardContainerDiv").on("click", "[data-tabname='<?php echo $tab["name"]; ?>']:not(.vsgDisabled) .goBtn", function () {
                    <?php echo $tab["callJs"] . "\n"; ?>
                    return false;
                });
            <?php } ?>
            template += "<div class='col-md-4 col-xs-6 cardDiv <?php echo $openClass; ?> aa <?php echo $disabledClass; ?>'"
            + " data-tabname='<?php echo $tab["name"]; ?>' <?php echo $dataFt; ?>>"
            + "<?php echo $aStart; ?><div class='features-column col-md-12 center'><div class='features-box-header'>"
                + "<i class='fa <?php echo $tab["icon"]; ?> fa-3x'></i><h6 class='textSpan'><?php echo $tab["text"]; ?></h6></div><div class='feature-box-content col-md-11 center'>"
            + "<p class='vsgSecondary hidden-xs hidden-sm'><?php echo $tab["shortDescription"]; ?></p></div></div><?php echo $aEnd; ?></div>";
        <?php } ?>

        $("#cardContainerDiv").html(template);

        var template = kendo.template($("#userInfoTemplate").html());
        $("#cardContainerDiv .infoDiv").html(template({unencrypted: null}));

        $("#cardContainerDiv").on("click", ".search a", function() {
            if ($(".k-overlay:visible").length == 0) {
                openUserSearch(userHubCallback);
            }
            return false;
        });

        $("#cardContainerDiv").on("click", ".cardDiv.openFt .goBtn", function() {
            openTabWindow(this);
            return false;
        });

        $("#cardContainerDiv").on("click", "#userInfoGroupLink", function() {
            $("#groupLinkRedirect").submit();
            return false;
        });

        $("#cardContainerDiv").on("click", "#userInfoAccountLink", function() {
            $("#accountLinkRedirect").submit();
            return false;
        });
    }

    <?php
    /**
    * Opens the tab window.
    * @param cardToOpen -- the HTML element of the card to open.
    * @param doInitialize -- initialize it.
    */ ?>
    function openTabWindow(cardToOpen, doInitialize) {
        if (doInitialize || ($(".k-overlay:visible").length == 0 && !$(cardToOpen).closest(".openFt").hasClass("vsgDisabled"))) {
            var data = $(cardToOpen).closest(".cardDiv").data();

            var externalTabWindow = $("#externalTabWindow").data("kendoWindow");
            if (externalTabWindow == null) {
                externalTabWindow = $("<div id='externalTabWindow'></div>").appendTo("body").kendoWindow({
                    visible: false,
                    minWidth: 768,
                    maxWidth: "90%",
                    modal: true,
                    resizable: false,
                    draggable: true,
                    <?php
                    /**
                     * open: function()
                     *
                     * This checks to see if the included script has set the $("#externalTabWindow").data("preferredHeight"); attribute.  If it has, then the window is that height.
                     * Otherwise, it will be the whole height of the browser window minus a couple of pixels.
                     */
                    ?>
                    open: function() {
                        if (window.activeWindows != null) {
                            window.activeWindows.push(this);
                        }

                        if (typeof(userSupportDoOnActivate) == "function") {
                            userSupportDoOnActivate();
                        }

                        resizingAndWhatnot(this);
                    },
                    <?php
                    /**
                     * close: function(e)
                     *
                     * This has a couple of parameters: "shouldClose" and "isClosing."  If the subscript has already validated stuff and is forcing a close on this window, then the call
                     * to this window.close() needs to be wrapped with the "isClosing" attribute.  If it isn't, then the "shouldClose" variable is set.
                     * Then a hook function "userSupportDoOnClose" is called.  If it exists, then this is called and this is where any "Discard Changes" popups are defined.
                     */
                    ?>
                    close: function(e) {
                        $("#externalTabWindow").data("preferredHeight", null);
                        $("#externalTabWindow").data("shouldClose", true);
                        if (!$("#externalTabWindow").data("isClosing")) {
                            if (typeof(userSupportDoOnClose) == "function") {
                                userSupportDoOnClose();
                            }
                        }
                        if ($("#externalTabWindow").data("shouldClose")) {
                            if (window.activeWindows != null) {
                                window.activeWindows.pop();
                            }
                        } else {
                            e.preventDefault();
                            return false;
                        }

                        $("#externalTabWindow").find("script").each(function() {
                            var matches = $(this).html().trim().match(/function\s*[a-z_]+/gi);
                            if (matches != null) { <?php // Ignore kendo templates ?>
                                for(var i = 0; i != matches.length; i++) {
                                    var thisFunction = matches[i].replace(/function\s*/gi, "");
                                    window[thisFunction] = undefined;
                                }
                            }
                        });

                        window.userSupportContents = undefined;

                        // Remove any windows/dialogs created so that there are no potential conflicts with other cards.
                        var selector = $("body > .k-window:not(:has(.searchDialog),.kWindowCard,:has(#homecuSubmitWait))");
                        kendo.destroy($(selector));
                        $(selector).remove();

                        kendo.destroy($("#externalTabWindow *"));
                        $("body").off("click.userSupportHubNamespace");
                        <?php // This generically destroys any kendo widgets within the tab.  Without the asterisk, it will also destroy the window itself. ?>
                    }
                }).data("kendoWindow");

                $("#externalTabWindow").closest(".k-window").addClass("kWindowCard");
            }

            var titleTemplate = kendo.template($("#titleTemplate").html());
            var templateData = $("#cardContainerDiv").data("unencrypted");
            templateData.cardTitle = $(cardToOpen).closest(".cardDiv").find(".textSpan").text().trim();
            externalTabWindow.title(titleTemplate(templateData));

            $.post("<?php echo $menu_link; ?>?ft=" + data.ft, {payload: payload}, function(returnData) {
                externalTabWindow.content(returnData).open();
            });
        }
    }


    <?php
    /**
     * function resizingAndWhatnot(externalWindow)
     * Does the resizing for the window.
     *
     * @param externalWindow -- the external window to resize.
     */
    ?>
    function resizingAndWhatnot(externalWindow) {
        var kWindow = $(externalWindow.wrapper);
        externalWindow.center();
        var preferredHeight = $("#externalTabWindow").data("preferredHeight");
        var preferredWidth = $("#externalTabWindow").data("preferredWidth");
        var maxHeight = $(window).height() - 150;

        var height = preferredHeight == null ? maxHeight : (preferredHeight == "auto" ? "initial" : (preferredHeight > maxHeight ? maxHeight : preferredHeight));
        $(kWindow).css({position: "absolute", top: "10px", height: height});
    }

    <?php
    /**
     * function userHubCallback(mode, message, unencrypted, counts)
     * This is the function that is called when the user search is done (whether a fail or a success).
     *
     * @param string mode -- "successfulOneRecord", "successfulSelection", "invalidFind", "invalidSearch"
     * @param string message -- the encrypted message which will be passed to each of the tab scripts.
     * @param array unencrypted -- the unencrypted row for values on THIS page (if relevant).
     * @param array counts -- if from the user hub, then there another call for the counts (for the secure message count for example.)
     */
    ?>
    function userHubCallback(mode, message, unencrypted, counts, groupEncryption, openAccessControl) {
        if (unencrypted != null) {
            var template = kendo.template($("#titleTemplate").html());
            $(".hubTitle").html(template({user_name: unencrypted.user_name, cardTitle: null, name: unencrypted.name}));
        }

        $("#cardContainerDiv").data("unencrypted", unencrypted);
        $("#groupLinkRedirect [name='payload']").val(groupEncryption);

        if (mode == "successfulSelection" || mode == "successfulOneRecord") {
            payload = message;

            var template = kendo.template($("#userInfoTemplate").html());
            $("#cardContainerDiv .infoDiv").html(template({unencrypted: unencrypted}));
            if (unencrypted != null) {
                foundUser = true;
                $("#cardContainerDiv").removeClass("hideAA");
            }

            <?php // Apply counts to secure messages and whatever other cards need it. ?>

            if (counts.secureMessages > 0) {
                var number = counts.secureMessages > 9 ? "9+" : counts.secureMessages + "";
                $(".cardDiv[data-tabname='secureMessages'] i").html("<span class='badge'>"+number+"</span>");
            } else {
                $(".cardDiv[data-tabname='secureMessages'] i").empty();
            }
            $("#accountTabForm [name='payload']").val(payload);

            if (openAccessControl != null && openAccessControl) {
                openTabWindow($(".cardDiv.openFt[data-tabname='accessControl'] .goBtn"), true);
            }

            <?php if (!$isMasterUser && $bamPerm) { ?>
                var isEmployee = unencrypted.employee === "Y";
                if (isEmployee) {
                    $("[data-tabname='viewUser']").addClass("dtooltip vsgDisabled employeePerm");
                } else {
                    <?php if (!$bamPerm) { ?>
                        $("[data-tabname='viewUser']").removeClass("employeePerm");
                    <?php } else { ?>
                        $("[data-tabname='viewUser']").removeClass("dtooltip vsgDisabled employeePerm");
                    <?php } ?>
                }
            <?php } ?>
        }
    }
<?php }