aAccessControl.prg

<?php
/**
 * @package UserSupport (Subpackage access control)
 * @author SPB
 *
 * This script is run through the user hub.
 */
require_once("$sharedLibrary/sAPIAppl.i");
require_once("$sharedLibrary/sAPIAppl.std.i");
require_once(dirname(__FILE__) . "/aAccessControl.data");

IncludeApplPlugin(array("dbh" => $dbh, "Cu" => $Cu));

$string = array("filter" => HCUFILTER_INPUT_STRING);
$parameters = array("a" => array("operation" => "", "payload" => "", "userId" => "", "isPrimary" => "", "accountnumber" => "", "subaccounts" => "", "accounts" => ""));
HCU_ImportVars($parameters, "a", array("operation" => $string, "payload" => $string, "userId" => $string, "accountnumber" => $string, "subaccounts" => $string,
    "accounts" => $string, "isPrimary" => $string, "latestKendoid" => $string));
extract($parameters["a"]);

$operation = isset($operation) ? trim($operation) : "";
$isPrimary = isset($isPrimary) ? trim($isPrimary) == "Y" : false;
$payload = isset($payload) ? trim($payload) : "";
$accountnumber = isset($accountnumber) ? trim($accountnumber) : "";
$subaccounts = isset($subaccounts) ? trim($subaccounts) : "";
$accounts = isset($accounts) ? trim($accounts) : "";
$latestKendoid = isset($latestKendoid) ? intval($latestKendoid) : 1;

$SYSENV["Cu"] = $Cu;
$SYSENV["cu"] = $Cu;
$SYSENV["live"] = $live;
$SYSENV["dbh"] = $dbh;
$SYSENV["flagset"] = $Fset;
$SYSENV["flagset2"] = $Fset2;
$SYSENV["flagset3"] = $Fset3; // For the Request Core Cross Account Packet Option.
$SYSENV["Cn"] = $Cn;

$SYSENV["userId"] = null;
$userId = null;
if ($payload != "") {
    try { $userId = HCU_PayloadDecode($Cu, $payload); } catch(exception $e) {}
    $userId = isset($userId) ? $userId["user_id"] : null;
    $SYSENV["userId"] = $userId;
}

$SYSENV["disallowMultipleAccounts"] = ($Fset3 & GetFlagsetValue("CU3_DISALLOW_MULTIPLE_ACCOUNTS")) !== 0;
$SYSENV["allowZeroes"] = ($Fset3 & GetFlagsetValue("CU3_ALLOW_LEAD_ZEROS")) !== 0;

if ($operation != "") {
    if (!isset($userId)) {
        $returnArray = array("error" => "No User Found", "record" => array(), "sql" => array());
    } else {
        switch($operation) {
            case "saveAccountsAndSubaccounts":
                $returnArray = SaveAccountsAndSubaccounts($SYSENV, $accounts, $subaccounts);
                break;
            case "createSubaccounts":
                $returnArray = CreateSubaccounts($SYSENV, $subaccounts, $accountnumber, $latestKendoid);
                break;
            case "getAccountFromCore":
                $returnArray = GetAccountFromCore($SYSENV, $accountnumber, $isPrimary);
                unset($returnArray["fullData"]);
                break;
            case "deleteSubAccounts":
                $returnArray = DeleteSubAccounts($SYSENV, $accountnumber, $subaccounts);
                break;
            default: // Won't get here
              $returnArray = array("error" => array("Operation not specified: '$operation'"), "record" => array(), "sql" => array());
        }
    }

    header('Content-type: application/json');
    print HCU_JsonEncode($returnArray);
} else {
    if (isset($userId)) {
        PrintPage("$menu_link?ft=$ft", $userId, ReadAccessControl($SYSENV), $payload, $live != "Y", $SYSENV["allowZeroes"]);
    } else { ?>
        <div class='noUserFound'><div>No User Found</div></div>
    <?php }
}

/**
 * function printPage($self, $userId, $readData)
 * This will print the page
 *
 * @param $self -- the URL of this script
 * @param $userId -- the user id
 * @param $readData -- the data from the read function
 * @param $isBatch -- if is batch, then there is no way to add accounts to primary users through this script.
 */
function PrintPage($self, $userId, $readData, $payload, $isBatch, $allowZeroes) { ?>
    <script type="text/javascript">
    //# sourceURL=accessControl.js

    var userSupportContents = {};
    userSupportContents.accountData = [];
    userSupportContents.subaccountData = [];
    userSupportContents.isPrimary = false;
    userSupportContents.subaccountsWithChanges = [];
    userSupportContents.accountsHaveChanges = false;

    <?php
    /**
     * function Dirtify(dirty, container)
     * This function sets the dirty flag after the cell is changed.
     *
     * @param Boolean dirty -- if there are changes or not.
     * @param HTMLElement container -- this is the cell. (TD tag)
     */
    ?>
    function Dirtify(dirty, container) {
        if (dirty) {
            if (!$(container).hasClass("k-dirty-cell")) {
                $(container).addClass("k-dirty-cell");
                $(container).prepend("<span class='k-dirty'></span>");
            }
        } else {
            $(container).removeClass("k-dirty-cell");
            $(container).find(".k-dirty").remove();
        }
    }

    <?php
    /**
     * function CreateAccountSnapshot(item)
     * This sets the original fields to the current value before changes.
     *
     * @param {} item -- the dataItem in the dataSource to update.
     */
    ?>
    function CreateAccountSnapshot(item) {
        item.org_access = item.access;
        item.org_esDsk = item.esDsk;
        item.org_esApp = item.esApp;
        item.org_bpDsk = item.bpDsk;
        item.org_bpApp = item.bpApp;
        item.org_rdcDsk = item.rdcDsk;
        item.org_rdcApp = item.rdcApp;
    }

    <?php
    /**
     * function CreateSubaccountSnapshot(item)
     * This sets the original fields to the current value before changes.
     *
     * @param {} item -- the dataItem in the dataSource to update.
     */
    ?>
    function CreateSubaccountSnapshot(item) {
        item.org_int_deposit = item.int_deposit;
        item.org_int_withdraw = item.int_withdraw;
        item.org_ext_deposit = item.ext_deposit;
        item.org_ext_withdraw = item.ext_withdraw;
        item.org_view_balances = item.view_balances;
        item.org_view_transactions = item.view_transactions;
    }

    <?php
    /**
     * function GetChangedAccounts()
     * Gets the changed accounts and packages them for the save call.
     */
    ?>
    function GetChangedAccounts() {
        var data = $("#accountGrid").data("kendoGrid").dataSource.data();
        var accounts = [];
        for(var i = 0; i != data.length; i++) {
            var item = data[i];

            if (!item.dirty) {
                continue;
            }

            var realItem = {accountnumber: item.accountnumber};

            var hasChanges = false;
            if (item.access != item.org_access) {
                realItem.access = item.access;
                hasChanges = true;
            }
            if (item.esDsk != item.org_esDsk || item.esApp != item.org_esApp) {
                realItem.esDsk = item.esDsk;
                realItem.esApp = item.esApp;
                hasChanges = true;
            }
            if (item.bpDsk != item.org_bpDsk || item.bpApp != item.org_bpApp) {
                realItem.bpDsk = item.bpDsk;
                realItem.bpApp = item.bpApp;
                hasChanges = true;
            }
            if (item.rdcDsk != item.org_rdcDsk || item.rdcApp != item.org_rdcApp) {
                realItem.rdcDsk = item.rdcDsk;
                realItem.rdcApp = item.rdcApp;
                hasChanges = true;
            }

            if (hasChanges) {
                accounts.push(realItem);
            }
        }

        return {accounts: accounts};
    }

    <?php
    /**
     * function GetChangedSubaccounts()
     * Gets the changed subaccounts and packages them for the save call.
     */
    ?>
    function GetChangedSubaccounts() {
        var data = userSupportContents.subaccountData;
        var subaccounts = [];
        for(var i = 0; i != data.length; i++) {
            var item = data[i];
            if (!item.dirty) {
                continue;
            }

            accountnumber = item.accountnumber;
            var realItem = {accountnumber: item.accountnumber, accounttype: item.accounttype, certnumber: item.certnumber, recordtype: item.recordtype};
            <?php // Remaining columns for the primary key ?>

            var hasChanges = false;
            if (item.int_deposit != item.org_int_deposit) {
                realItem.int_deposit = item.int_deposit;
                hasChanges = true;
            }
            if (item.int_withdraw != item.org_int_withdraw) {
                realItem.int_withdraw = item.int_withdraw;
                hasChanges = true;
            }
            if (item.ext_deposit != item.org_ext_deposit) {
                realItem.ext_deposit = item.ext_deposit;
                hasChanges = true;
            }
            if (item.ext_withdraw != item.org_ext_withdraw) {
                realItem.ext_withdraw = item.ext_withdraw;
                hasChanges = true;
            }
            if (item.view_balances != item.org_view_balances) {
                realItem.view_balances = item.view_balances;
                hasChanges = true;
            }
            if (item.view_transactions != item.org_view_transactions) {
                realItem.view_transactions = item.view_transactions;
                hasChanges = true;
            }

            if (hasChanges) { <?php // Prevents the case where user checks and then unchecks a checkbox. ?>
                subaccounts.push(realItem);
            }
        }

        return subaccounts;
    }

    <?php
    /**
     * function PostPostPostPost()
     * This obviously happens after everything else.
     */
    ?>
    function PostPostPostPost() {
        $("#externalTabWindow").data("isClosing", true);
        $("#externalTabWindow").data("kendoWindow").close();
        $("#externalTabWindow").data("isClosing", false);
    }

    <?php
    /**
     * function UserSupportDoOnClose()
     * Whew! I saved a couple of lines.  No, this is needed as it is the hook function from the userSupportHead script.
     */
    ?>
    function UserSupportDoOnClose() {
      PotentiallyCancelChanges();
      $("#externalTabWindow").data("shouldClose", false);
    }

    <?php
    /**
     * function PotentiallyCancelChanges()
     * This displays the discard changes dialog on close if there are changes made.
     */
    ?>
    function PotentiallyCancelChanges() {
        if ($("#accountGrid .k-dirty-cell .k-dirty").length == 0 && $(".subaccountGrid .k-dirty-cell .k-dirty").length == 0) {
            PostPostPostPost();
        } else {
            var discardChangesDialog = $("#discardChangesDialog").data("kendoDialog");
            if (discardChangesDialog == null) {
              discardChangesDialog = $("<div id='discardChangesDialog'></div>").appendTo("body").kendoDialog({
                title: "Discard Changes",
                content: "<p>Changes have been made to this user's account access.</p><p>Do you wish to discard your changes?</p>",
                actions: [
                  {text: "No"},
                  {text: "Yes", primary: true, action: function() {
                    PostPostPostPost();
                  }}
                ],
                visible: false,
                open: function() {
                  if (window.activeWindows != null) {
                    window.activeWindows.push(this);
                  }
                },
                close: function() {
                  if (window.activeWindows != null) {
                    window.activeWindows.pop();
                  }
                }
              }).data("kendoDialog");
            }
            discardChangesDialog.open();
        }
    }

    <?php
    /**
     * function GetDirtyFlags(isAccountGrid, accountnumber)
     * This gets the dirty flags so that they can be restored when going back to the accounts or the subaccounts.
     *
     * @param boolean isAccountGrid -- if true, the dirty is from the account, versus the subaccount.
     * @param Number accountnumber -- the accountnumber of the subaccounts visible.
     *
     * @return dirtyFlags -- the array of dirty flags to replace.
     */
    ?>
    function GetDirtyFlags(isAccountGrid, accountnumber) {
        var dirtyFlags = userSupportContents.dirtyFlags[isAccountGrid ? "account" : "subaccount"];
        if (!isAccountGrid) {
            if (dirtyFlags[accountnumber] == null) {
                dirtyFlags[accountnumber] = [];
            }
        }
        return dirtyFlags;
    }

    <?php
    /**
     * function SaveDirtyFlags(isAccountGrid)
     * This function saves the dirty flags in the right array for retrieval later.
     *
     * @param boolean isAccountGrid -- if true, the dirty is from the account, versus the subaccount.
     */
    ?>
    function SaveDirtyFlags(isAccountGrid) {
        var accountnumber = $(".userAccessControlDiv .breadcrumb .active").text().trim();
        var gridSelector = isAccountGrid ? "#accountGrid" : ".subaccountGrid";
        var dirtyFlags = GetDirtyFlags(isAccountGrid, accountnumber);
        isAccountGrid ? dirtyFlags.splice(0,dirtyFlags.length) : dirtyFlags[accountnumber].splice(0,dirtyFlags[accountnumber].length);
        <?php // Clear the dirty flags. ?>
        $(gridSelector).each(function() {
            var grid = $("#"+$(this).attr("id")).data("kendoGrid");
            $(this).find("tbody tr").each(function() {
                var dataItem = grid.dataItem($(this));
                var uid = $(this).data("uid");
                $(this).find(".checkTD").each(function(index) {
                    if ($(this).is(".k-dirty-cell")) {
                        isAccountGrid ? dirtyFlags.push({uid: uid, index: index + 1}) : dirtyFlags[accountnumber].push({kendoid: dataItem.kendoid, index: index + 3,
                            first: $(this).find(".restriction:eq(0)").hasClass("allow"), sec: $(this).find(".restriction:eq(1)").hasClass("allow")});
                    }
                });
            });
        });
    }

    <?php
    /**
     * function RestoreDirtyFlags(isAccountGrid)
     * Restores the dirty flags.
     *
     * @param boolean isAccountGrid -- if true, the dirty is from the account, versus the subaccount.
     */
    ?>
    function RestoreDirtyFlags(isAccountGrid) {
        var accountnumber = $(".userAccessControlDiv .breadcrumb .active").text().trim();
        var gridSelector = isAccountGrid ? "#accountGrid" : ".subaccountGrid";
        var dirtyFlags = GetDirtyFlags(isAccountGrid, accountnumber);
        var theseDirtyFlags = isAccountGrid ? dirtyFlags : dirtyFlags[accountnumber];

        if (!isAccountGrid) {
            var uidMap = {};
            var data = $("#subaccountGridDeposit").data("kendoGrid").dataSource.data();
            for(var i = 0, length = data.length; i != length; i++) {
                uidMap[data[i].kendoid] = data[i].uid;
            }
            var data = $("#subaccountGridLoan").data("kendoGrid").dataSource.data();
            for(var i = 0, length = data.length; i!= length; i++) {
                uidMap[data[i].kendoid] = data[i].uid;
            }
        }

        for(var i = 0; i != theseDirtyFlags.length; i++) {
            var aDirty = theseDirtyFlags[i];
            var aSelector = $(gridSelector+ " tbody tr[data-uid='"+ (isAccountGrid ? aDirty.uid : uidMap[aDirty.kendoid]) + "'] td:eq("+ aDirty.index + ")");
            $(aSelector).addClass("k-dirty-cell");
            $(aSelector).prepend("<span class='k-dirty'></span>");
        }
    }

    <?php
    /**
     * function Init()
     * The starting point for the wonders which is this script.
     */
    ?>
    function Init() {
        $.homecuValidator.setup({formValidate: "emptyForm", formStatusField: 'accessControlErrorDiv'});

        $("#externalTabWindow").data("preferredHeight", "auto");
        userSupportContents.dirtyFlags = {account: [], subaccount: {}};
        <?php printExtendShowOverflown(); ?>

        var leTemplate = kendo.template("\\# if (#: code #) { \\# <div class='restriction allow hcu-all-100'><i class='fa fa-check'></i></div> \\# } else { \\#"
            + "<div class='restriction ban hcu-all-100'><i class='fa fa-ban'></i></div> \\# } \\#");

        var accountGrid = $("#accountGrid").kendoGrid({
            dataSource: {
                data: userSupportContents.accountData,
                schema: {
                    model: {
                        id: "accountnumber",
                        fields: {
                            accountnumber: {type: "string"},
                            access: {type: "boolean"},
                            esDsk: {type: "boolean"},
                            esApp: {type: "boolean"},
                            bpDsk: {type: "boolean"},
                            bpApp: {type: "boolean"},
                            rdcDsk: {type: "boolean"},
                            rdcApp: {type: "boolean"}
                        }
                    }
                },
                batch: true,
                sort: {field: "accountnumber", dir: "asc"}
            },
            columns: [
                {headerTemplate: "Account #", columns: [{field: "accountnumber", headerTemplate: "&nbsp;", attributes: {"class": "uneditable"}, width: 45,
                    template: "# var dis = userSupportContents.subaccountsWithChanges[accountnumber] == null ? 'style=\"display:none\"' : ''; "
                    + "if (accountnumber == null) { # &nbsp; # } else { # <a href='\\#' class='subaccountEdit'>#: accountnumber #</a> # } #"
                    + "<div class='tabAsterisk' #= dis #>"
                    + "<i class='fa fa-asterisk fa-6'></i></div>"}]},
                {headerTemplate: "Auto-Add <span class='show-autoadd-help' data-role='tooltip' data-position='top'>"
                    + "<span class='fa fa-info-circle fa-1'></span>"
                    + "</span>",
                    columns: [{field: "access", headerTemplate: "&nbsp;", width: 45, attributes: {"class": "accessTD checkTD"},
                    template: "<input type='checkbox' id='account_#: accountnumber #'" +
                              " name='access' # if (access) { # checked # } #>"}]},

                {headerTemplate: "eStatements", columns: [
                    {headerTemplate: "Dsk", template: leTemplate({code: "esDsk"}), width: 30, attributes: {"data-name": "esDsk"}},
                    {headerTemplate: "App", template: leTemplate({code: "esApp"}), width: 30, attributes: {"data-name": "esApp"}}
                ]},
                {headerTemplate: "Bill Pay", columns: [
                    {headerTemplate: "Dsk", template: leTemplate({code: "bpDsk"}), width: 30, attributes: {"data-name": "bpDsk"}},
                    {headerTemplate: "App", template: leTemplate({code: "bpApp"}), width: 30, attributes: {"data-name": "bpApp"}}
                ]},
                {headerTemplate: "RDC Setting", columns: [
                    {headerTemplate: "Dsk", template: leTemplate({code: "rdcDsk"}), width: 30, attributes: {"data-name": "rdcDsk"}},
                    {headerTemplate: "App", template: leTemplate({code: "rdcApp"}), width: 30, attributes: {"data-name": "rdcApp"}}
                ]}
            ],
            autoBind: false,
            height: 400,
            noRecords: {
                template: "<tr><td colspan='5'><span class='hcu-secondary'><span class='vsgSecondary'>No Records Found</span></span></td></tr>"
            }
        }).data("kendoGrid");

        $("#accountGrid .k-grid-header").css({paddingRight: "initial"});

        var templateTemplate = kendo.template("<div class='checkSpanSubaccountDiv'><div class='col-xs-6'><input type='checkbox' name='#: col1 #'"
            + " class='dataCheckbox' \\# if (#: col1 #) { \\# checked \\# } \\# data-index='#: index #'></div><div class='col-xs-6'>"
            + "<input type='checkbox' name='#: col2 #' class='dataCheckbox'"
            + " \\# if (#: col2 #) { \\# checked \\# } \\# data-index='#: index + 1 #'></div></div>");

        var templateTemplate = kendo.template(""

            <?php // Get the correct boolean value based on the which columns the template is applied to. ?>
            + "# var restrictClass1 = col1 == 'view_balances' ? 'restrictViewBalances' : (col1 == 'int_deposit' ? 'restrictIntDeposit' : 'restrictExtDeposit'); #"
            + "# var restrictClass2 = col2 == 'view_transactions' ? 'restrictViewTransactions' :"
            + "(col2 == 'int_withdraw' ? 'restrictIntWithdraw' : 'restrictExtWithdraw'); #"

            <?php // If the boolean value is true, then apply the disabled class. ?>
            + "\\# var disabledClass1 = #: restrictClass1 # ? 'vsgDisabled' : ''; \\#"
            + "\\# var disabledClass2 = #: restrictClass2 # ? 'vsgDisabled' : ''; \\#"

            + "<div class='checkSpanSubaccountDiv'><div class='col-xs-6 replaceDiv' data-name='#: col1 #' data-index='#: index #'><center>"
            + "\\# if (#: col1 #) { \\#"
            +   "<div class='restriction allow hcu-all-100 \\#: disabledClass1 \\#'><i class='fa fa-check'></i></div> "
            + "\\# } else { \\#"
            +   "<div class='restriction ban hcu-all-100 \\#: disabledClass1 \\#'>"
            + "<i class='fa fa-ban'></i></div> "
            + "\\# } \\#"
            + "</center></div><div class='col-xs-6 replaceDiv' data-name='#: col2 #' data-index='#: index + 1 #'><center>"
            + "\\# if (#: col2 #) { \\#"
            + " <div class='restriction allow hcu-all-100 \\#: disabledClass2 \\#'><i class='fa fa-check'></i></div> "
            + "\\# } else { \\#"
            + "<div class='restriction ban hcu-all-100 \\#: disabledClass2 \\#'><i class='fa fa-ban'></i></div>"
            + " \\# } \\#"
            + "</center></div></div>");

        var templateHeaderTemplate = kendo.template("<div class='checkSpanSubaccountDiv'><div class='col-xs-6'><i class='fa #: fa1 # topNotCheckbox' "
            + " data-index='#: index #'"
            + "title='#: fa1Title #'></i></div><div class='col-xs-6'><i class='fa #: fa2 # topNotCheckbox'"
            + "data-index='#: index + 1 #' title='#: fa2Title #'></i></div></div>");

        var subaccountGridDefinition = {
            dataSource: {
                <?php /* This is an intermediate solution.
                /* 1) One solution is to do filtering client-side despite every grid being the same except for the filter.
                    This results in all the data being copied per grid.
                    You get timing issues because there is so much data on the screen.  (Problem with mammoth trusted vendors.)
                    2) Another solution is to do server-side filtering which makes sense in some cases.
                    Not in this case because the subaccount records are appended to array
                    for the subaccounts.  It isn't that much data and it doesn't need extra data calls.
                    (Server-side filtering means a call everytime the filter changes.)
                    3) A third solution is to do a local array and $.grep or otherwise restrict the data and then shove it into the grid.
                    This is what it was doing.  There was a
                    couple of problems with this: a) When the grid was updated, records would show up sometimes but not always.
                    b) read call doesn't work because transport is not set up.
                    4) This solution: turn on the server-side filtering (so the client doesn't handle it) but add logic to filter yourself on read.
                    This is the first time that I've done this method.
                */ ?>
                transport: {
                    read: function(options) {
                        if (options.data.filter == null) {
                            options.success([]);
                            return;
                        }

                        var filteredData = [];
                        for(var i = 0, iLength = userSupportContents.subaccountData.length; i != iLength; i++) {
                            var iRecord = userSupportContents.subaccountData[i];
                            var logic = options.data.filter.logic;
                            var valid = logic == "and";

                            for(var j = 0, jLength = options.data.filter.filters.length; j != jLength; j++) {
                                var jRecord = options.data.filter.filters[j];
                                var thisValid = true;
                                switch(jRecord.operator) {
                                    case "eq":
                                        thisValid = iRecord[jRecord.field] == jRecord.value;
                                        break;
                                    <?php // Don't care about the others for this usage. ?>
                                }
                                valid = logic == "and" ? valid && thisValid : valid || thisValid;
                            }
                            if (valid) {
                                filteredData.push(iRecord);
                            }
                        }
                        options.success(filteredData);
                    }
                },
                schema: {
                    model: {
                        id: "kendoid",
                        fields: {
                            kendoid: {type: "number"},
                            accountnumber: {type: "string"},
                            accounttype: {type: "string"},
                            display_name: {type: "string"},
                            description: {type: "string"},
                            view_transactions: {type: "boolean"},
                            view_balances: {type: "boolean"},
                            int_deposit: {type: "boolean"},
                            int_withdraw: {type: "boolean"},
                            ext_deposit: {type: "boolean"},
                            ext_withdraw: {type: "boolean"},
                            recordtype: {type: "string"},
                            recordTypeFilter: {type: "string"},
                            checked: {type: "boolean"},
                            restrictIntDeposit: {type: "boolean"},
                            restrictExtDeposit: {type: "boolean"},
                            restrictIntWithdraw: {type: "boolean"},
                            restrictExtWithdraw: {type: "boolean"},
                            restrictViewBalances: {type: "boolean"},
                            restrictViewTransactions: {type: "boolean"},
                            perm_account_sort: {type: "string"},
                            perm_type_sort: {type: "number"}
                        }
                    }
                },
                serverFiltering: true,
                sort: [{field: "accountnumber", dir: "asc"}, {field: "perm_account_sort", dir: "asc"},
                {field: "perm_type_sort", dir: "asc"}, {field: "accounttype", dir: "asc"}]
            },
            columns: [
                {template: "<input type='checkbox' class='rowCheckbox'>", attributes: {"class": "checkboxTD showClickable"},
                headerTemplate: "<input type='checkbox' class='allCheckbox'>",
                    width: "45px", headerAttributes: {"class": "allCheckboxTD showClickable"}},
                {title: "Sub-Account", field: "accounttype", width: 65},
                {headerTemplate: "<a href='#' class='descriptionLink'>Description</a>", field: "display_name",
                    template: "<span class='displayName' style='display:none;'># if (display_name == '') { # <span class='vsgDisabled'> #: description # </span>"
                    + "# } else { # #: display_name # # } #</span><span class='coreDescription'>#: description #</span>",
                    attributes: {"class": "descrTD showEllipsis"}, width: "10%"},
                {headerTemplate: "<center>View</center>", columns: [{headerTemplate: templateHeaderTemplate({fa1: "fa-money", fa1Title: "Balances", fa2: "fa-exchange",
                    fa2Title: "Transactions", index: 0}), attributes: {"class": "checkTD"}, headerAttributes: {"class": "checkTD"}, width: 70,
                    template: templateTemplate({col1: "view_balances", col2: "view_transactions", index: 0})}]},
                {headerTemplate: "<center>Internal Transfer</center>", columns: [
                {headerTemplate: templateHeaderTemplate({fa1: "fa-sign-in", fa1Title: "Deposit", fa2: "fa-sign-out",
                    fa2Title: "Withdraw", index: 2}), attributes: {"class": "checkTD"}, headerAttributes: {"class": "checkTD"}, width: 70,
                    template: templateTemplate({col1: "int_deposit", col2: "int_withdraw", index: 2})}]},
                {headerTemplate: "<center>External Transfer</center>", columns: [
                {headerTemplate: templateHeaderTemplate({fa1: "fa-sign-in", fa1Title: "Deposit", fa2: "fa-sign-out",
                    fa2Title: "Withdraw", index: 4}), attributes: {"class": "checkTD"}, headerAttributes: {"class": "checkTD"}, width: 70,
                    template: templateTemplate({col1: "ext_deposit", col2: "ext_withdraw", index: 4})}]}
            ],
            autoBind: false,
            height: 150,
            noRecords: {
                template: "<tr><td colspan='5'><span class='hcu-secondary'><span class='vsgSecondary'>No Records Found</span></span></td></tr>"
            }
        };

        var subaccountGridDeposit = $("#subaccountGridDeposit").kendoGrid(subaccountGridDefinition).data("kendoGrid");

        subaccountGridDefinition.columns[0].title = "Loan Number";
        subaccountGridDefinition.columns[4].columns[0].headerTemplate = templateHeaderTemplate({fa1: "fa-sign-in", fa1Title: "Payment", fa2: "fa-sign-out",
            fa2Title: "Add - on", index: 2});
        subaccountGridDefinition.columns[5].columns[0].headerTemplate = templateHeaderTemplate({fa1: "fa-sign-in", fa1Title: "Payment", fa2: "fa-sign-out",
            fa2Title: "Add - on", index: 4});

        var subaccountGridLoan = $("#subaccountGridLoan").kendoGrid(subaccountGridDefinition).data("kendoGrid");
        $("#subaccountGridDeposit").addClass("subaccountGrid");
        $("#subaccountGridLoan").addClass("subaccountGrid");
        <?php // Add it afterwards.  If you add the class directly to the HTML and then do kendoGrid, kendo will copy all attributes but the ID.
              // Referencing the class later will act weird. ?>

        $("body").on("keypress", function(e) {
            if ([10,13].indexOf(e.which) != -1) {
                if ($(".accessDialog:visible").length != 0) {
                    var dialog = $(".accessDialog:visible").data("kendoDialog");
                    var actions = dialog.options.actions;
                    for(var i = 0; i != actions.length; i++) {
                        if (actions[i].primary) {
                            if (actions[i].action() !== false) {
                                dialog.close();
                            }
                            break;
                        }
                    }
                }
            }
        });

        $(".subaccountGrid").on("click", ".checkboxTD", function(e) {
            if ($(e.target).is("[type='checkbox']")) {
                return;
            }
            $(this).find("[type='checkbox']").click();
            return false;
        });

        $(".subaccountGrid").on("click", ".allCheckboxTD", function(e) {
            if ($(e.target).is("[type='checkbox']")) {
                return;
            }
            $(this).find("[type='checkbox']").click();
            return false;
        });

        $(".subaccountGrid").on("click", ".topNotCheckbox", function() {
            var index = Number($(this).data("index"));
            var id = $(this).closest(".subaccountGrid").attr("id");
            var selector = "#" + id + " tbody .replaceDiv[data-index='"+index+"'] .restriction";
            var isNot = $(selector + ":not(:checked)");
            var isToo = $(selector + ":checked");
            if ($(isNot).length > 0) {
                $(isNot).click();
            } else {
                $(isToo).click();
            }
        });

        $("#accountGrid").on("click", ".topNotCheckbox", function() {
            var label = $(this).text().trim();
            var code = $(this).closest(".checkSpanDiv").data("code");
            var selector = "#accountGrid tbody .replaceDiv[data-name='" + code + label + "'] .restriction";
            var isNot = $(selector + ":not(:checked)");
            var isToo = $(selector + ":checked");

            if ($(isNot).length > 0) {
                $(isNot).click();
            } else {
                $(isToo).click();
            }
        });

        $("#accountGrid").on("click", ".restriction.allow", function() {
            var td = $(this).closest("td");
            var name = $(td).data("name");
            $(td).html("<div class='restriction ban hcu-all-100'><i class='fa fa-ban'></i></div>");
            var tr = $(td).closest("tr");
            var dataItem = accountGrid.dataItem(tr);
            dataItem.dirty = true;
            dataItem[name] = false;

            var isSame = dataItem["org_" + name] == false;

            Dirtify(!isSame, $(td));
        });

        $("#accountGrid").on("click", ".restriction.ban", function() {
            var td = $(this).closest("td");
            var name = $(td).data("name");
            $(td).html("<div class='restriction allow hcu-all-100'><i class='fa fa-check'></i></div>");
            var tr = $(td).closest("tr");
            var dataItem = accountGrid.dataItem(tr);
            dataItem.dirty = true;
            dataItem[name] = true;

            var isSame = dataItem["org_" + name] == true;

            Dirtify(!isSame, $(td));
        });

        $("#accountGrid").on("click", "tbody .accessTD [type='checkbox']", function() {
            var value = $(this).prop("checked");
            var dataItem = accountGrid.dataItem($(this).closest("tr"));
            dataItem.access = value;
            dataItem.dirty = true;

            var isSame = value == dataItem.org_access;

            Dirtify(!isSame, $(this).closest("td"));
        });

        $("#accountGrid").on("click", "tbody .accessTD, tbody .primaryTD", function(e) {
            if ($(e.target).is("[type='checkbox']")) {
                return;
            }
            $(this).find("[type='checkbox']").click();
        });

        $(".subaccountGrid").on("click", ".descriptionLink", function() {
            var id = $(this).closest(".subaccountGrid").attr("id");
            var value = $(this).text().trim();
            if (value == "Description") {
                $(this).text("Display Name");
                $("#" + id +" .coreDescription").hide();
                $("#" + id +" .displayName").show();
            } else {
                $(this).text("Description");
                $("#" + id +" .displayName").hide();
                $("#" + id +" .coreDescription").show();
            }
            return false;
        });

        $(".subaccountGrid").on("click", ".restriction", function() {
            if ($(this).hasClass("vsgDisabled")) {
                return;
            }

            var div = $(this).closest(".replaceDiv");
            var td = $(this).closest("td");
            var name = $(div).data("name");
            var grid = $(this).closest(".subaccountGrid").data("kendoGrid");
            var isAllow = $(this).hasClass("allow");
            $(div).html(isAllow ? "<center><div class='restriction ban hcu-all-100'><i class='fa fa-ban'></i></div></center>"
                : "<center><div class='restriction allow hcu-all-100'><i class='fa fa-check'></i></div></center>");
            var tr = $(div).closest("tr");
            var dataItem = grid.dataItem(tr);
            dataItem.dirty = true;
            dataItem[name] = isAllow ? false : true;

            var other = $(td).find(".replaceDiv:not([data-name='"+name+"']) .restriction");
            var otherValue = $(other).hasClass("allow");
            var otherName = $(other).closest(".replaceDiv").data("name");

            if (name == "view_balances") {
                var transRestrict = $(td).find("[data-name='view_transactions'] .restriction");
                var tr = $(td).closest("tr");
                var intWithdraw = $(tr).find("[data-name='int_withdraw'] .restriction");
                var extWithdraw = (tr).find("[data-name='ext_withdraw'] .restriction");
                if (isAllow) {
                    $(transRestrict).removeClass("allow").addClass("ban vsgDisabled");
                    $(transRestrict).find("i").removeClass("fa-check").addClass("fa-ban");
                    dataItem.view_transactions = false;
                    otherValue = false;

                    if ($(intWithdraw).hasClass("allow")) {
                        $(intWithdraw).removeClass("allow").addClass("ban");
                        $(intWithdraw).find("i").removeClass("fa-check").addClass("fa-ban");
                        var td = $(intWithdraw).closest("td");

                        var subName = "int_withdraw";
                        var subOtherName = "int_deposit";
                        dataItem[subName] = false;
                        Dirtify(!(dataItem[subName] == dataItem["org_" + subName] && dataItem[subOtherName] == dataItem["org_" + subOtherName]), $(td));
                    }

                    if ($(extWithdraw).hasClass("allow")) {
                        $(extWithdraw).removeClass("allow").addClass("ban");
                        $(extWithdraw).find("i").removeClass("fa-check").addClass("fa-ban");
                        var td = $(extWithdraw).closest("td");

                        var subName = "ext_withdraw";
                        var subOtherName = "ext_deposit";
                        dataItem[subName] = false;
                        Dirtify(!(dataItem[subName] == dataItem["org_" + subName] && dataItem[subOtherName] == dataItem["org_" + subOtherName]), $(td));
                    }
                } else {
                    $(transRestrict).removeClass("vsgDisabled");
                }
            } else if (name == "int_withdraw" || name == "ext_withdraw") {
                if (!isAllow) {
                    var tr = $(td).closest("tr");
                    var viewBalances = $(tr).find("[data-name='view_balances'] .restriction");
                    var transRestrict = $(tr).find("[data-name='view_transactions'] .restriction");

                    if (!$(viewBalances).hasClass("allow")) {
                        $(viewBalances).removeClass("ban").addClass("allow");
                        $(transRestrict).removeClass("vsgDisabled");
                        $(viewBalances).find("i").removeClass("fa-ban").addClass("fa-check");
                        var td = $(viewBalances).closest("td");

                        var subName = "view_balances";
                        var subOtherName = "view_transactions";
                        dataItem[subName] = true;
                        Dirtify(!(dataItem[subName] == dataItem["org_" + subName] && dataItem[subOtherName] == dataItem["org_" + subOtherName]), $(td));
                    }
                }
            }

            Dirtify(!(dataItem[name] == dataItem["org_"+name] && otherValue == dataItem["org_" + otherName]), $(td));
        });

        var data = <?php echo HCU_JsonEncode($readData); ?>;
        if (data.error.length > 0) {
            $.homecuValidator.displayMessage(data.error, $.homecuValidator.settings.statusError );
        } else {
            userSupportContents.isPrimary = data.isPrimary;
            userSupportContents.latestKendoid = data.latestKendoid;
            userSupportContents.dontShowAddNewAccount = data.dontShowAddNewAccount;

            if (!userSupportContents.isPrimary) {
                $(".userAccessControlDiv .addNewAccountBtn").parent().remove();
            }

            var accountData = data.accountData;
            var subaccountData = data.subaccountData;

            for(var i = 0; i != accountData.length; i++) {
                CreateAccountSnapshot(accountData[i]);
            }

            for(var i = 0; i != subaccountData.length; i++) {
                CreateSubaccountSnapshot(subaccountData[i]);
            }
            userSupportContents.accountData = new kendo.data.ObservableArray(accountData);
            userSupportContents.subaccountData = new kendo.data.ObservableArray(subaccountData);
            accountGrid.dataSource.data(userSupportContents.accountData);
            subaccountGridDeposit.dataSource.read();
            subaccountGridLoan.dataSource.read();

            $("#accountGrid .k-grid-content.k-auto-scrollable, .subaccountGrid .k-grid-content.k-auto-scrollable").css({overflowY: "initial"});
            $(".subaccountGrid .k-grid-header").css({paddingRight: "initial"});
            $("#accountGrid, .subaccountGrid").css({height: "initial", maxHeight: 400, overflowY: "auto", overflowX: "hidden"});

            data.dontShowAddNewAccount ? $(".addNewAccountBtn").hide() : $(".addNewAccountBtn").show();
        }

        $(".userAccessControlDiv").on("mouseup", ".updateBtn", function() {
            if (!$.homecuValidator.validate()) {
                return;
            }

            if ($(".breadcrumb .goToAccountsBtn:visible").length > 0) {
                var accountnumber = $(".breadcrumb .active").text().trim();
                SaveToUpperManagement(accountnumber);
            }
            var changedAccounts = GetChangedAccounts();
            var changedSubaccounts = GetChangedSubaccounts();

            if (changedAccounts.accounts.length == 0 && changedSubaccounts.length == 0) {
                PostPostPostPost();
            } else {
                var error = "";

                var parameters = {payload: "<?php echo $payload; ?>", subaccounts: kendo.stringify(changedSubaccounts),
                accounts: kendo.stringify(changedAccounts.accounts)};

                if (error != "") {
                    $.homecuValidator.displayMessage(error, $.homecuValidator.settings.statusError );
                } else {
                    showWaitWindow();
                    $.post("<?php echo $self; ?>&operation=saveAccountsAndSubaccounts", parameters, function(data) {
                        hideWaitWindow();
                        if (data.error.length > 0) {
                          $.homecuValidator.displayMessage(data.error, $.homecuValidator.settings.statusError );
                        } else {
                            PostPostPostPost();
                        }

                    });
                }
            }
            return false;
        });

        $(".userAccessControlDiv").on("mouseup", ".cancelBtn", function() {
            PotentiallyCancelChanges();
            return false;
        });

        $(".userAccessControlDiv").on("click", ".subaccountEdit", function() {

            var accountsHaveChanges = $("#accountGrid .k-dirty-cell").length > 0;
            var dataItem = accountGrid.dataItem($(this).closest("tr"));
            var accountnumber = dataItem.accountnumber.trim();

      $('#auto-add-access')
        <?php // 08/19 Set the sub account checkbox data attribute to "save" this account number ?>
        .data('accountnumber', accountnumber)
        <?php // Copy the checked state of the original checkbox to the sub account checkbox so they are in sync ?>
        .prop('checked', $('#account_' + accountnumber).prop('checked'));

            subaccountGridLoan.dataSource.filter([{field: "accountnumber", operator: "eq", value: accountnumber},
            {field: "recordTypeFilter", operator: "eq", value: "L"}]);
            subaccountGridDeposit.dataSource.filter([{field: "accountnumber", operator: "eq", value: accountnumber},
            {field: "recordTypeFilter", operator: "eq", value: "D"}]);

            <?php // All checkbox should be disabled if no records ?>
            $("#subaccountGridDeposit .allCheckbox").prop("disabled", subaccountGridDeposit.dataSource.view().length == 0);
            $("#subaccountGridLoan .allCheckbox").prop("disabled", subaccountGridLoan.dataSource.view().length == 0);

            $(".userAccessControlDiv .breadcrumb").html('<li><a href="#" class="goToAccountsBtn">Accounts' +
                (accountsHaveChanges ? ' <div class="tabAsterisk"><i class="fa fa-asterisk fa-6"></i></div>' : '')
                + '</a></li><li class="active">'+accountnumber+'</li>');
            $(".userAccessControlDiv .1").hide();
            $(".userAccessControlDiv .2").show();
            $(".userAccessControlDiv .hcu-icon-delete").show();
            $(".userAccessControlDiv .hcu-icon-delete").addClass("vsgDisabled");
            RestoreDirtyFlags(false);
            return false;
        });

        $(".userAccessControlDiv").on("click", ".goToAccountsBtn", function() {
            $(".subaccountGrid .rowCheckbox:checked").click();
            $(".subaccountGrid .allCheckbox").prop("checked", false);

            var accountnumber = $(".userAccessControlDiv .breadcrumb .active").text().trim();
            var isDirty = $(".subaccountGrid .k-dirty-cell").length > 0;
            isDirty ? userSupportContents.subaccountsWithChanges[accountnumber] == true : delete userSupportContents.subaccountsWithChanges[accountnumber];
            $("#accountGrid tbody tr").each(function() {
                var accountTD = $(this).find("td:eq(0)");
                if ($(accountTD).text().trim() == accountnumber) {
                    var ast = $(accountTD).find(".tabAsterisk");
                    isDirty ? $(ast).show() : $(ast).hide();
                    return false; <?php // Found it; don't go through the other rows. ?>
                }
            });
            SaveDirtyFlags(false); <?php // Need to save the dirty so that we can go back to it. ?>
            SaveToUpperManagement(accountnumber);

            $(".userAccessControlDiv .breadcrumb").html('<li class="active">Accounts</li>');
            $(".userAccessControlDiv .2").hide();
            $(".userAccessControlDiv .1").show();
            $(".userAccessControlDiv .hcu-icon-delete").hide();
            return false;
        });

        $(".userAccessControlDiv").on("click", ".addNewAccountBtn", function () {
            OpenNewAccountDialog();
            return false;
        });

        $(".userAccessControlDiv").on("click", ".addNewSubaccountsBtn", function () {
            OpenSubaccountsDirectly(userSupportContents.isPrimary);
            return false;
        });

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

        $("#accountGrid").kendoTooltip(toolTipProps);
        $(".subaccountGrid").kendoTooltip(toolTipProps);

        var toolTipProps = homecuTooltip.defaults;
        toolTipProps.filter = ".topNotCheckbox";
        toolTipProps.content = function(e) {
            return $(e.target).attr("title").trim();
        };

        $(".subaccountGrid").kendoTooltip(toolTipProps);

        <?php printCheckboxEvents("#subaccountGridDeposit"); printCheckboxEvents("#subaccountGridLoan"); ?>

        $(".subaccountGrid").on("click", ".rowCheckbox,.allCheckbox", function() {
            var checked = $(this).prop("checked");
            var isAll = $(this).is(".allCheckbox");
            var gridId = $(this).closest(".k-grid").attr("id");
            var delSelector = $(".userAccessControlDiv .hcu-icon-delete");
            if (isAll) {
                if (checked || $(".subaccountGrid:not(#"+gridId+") .rowCheckbox:checked").length > 0) {
                    $(delSelector).removeClass("k-state-disabled vsgDisabled");
                } else {
                    $(delSelector).addClass("k-state-disabled vsgDisabled");
                }
            } else {
                if (checked || $(".subaccountGrid .rowCheckbox:checked").length > 0) {
                    $(delSelector).removeClass("k-state-disabled vsgDisabled");
                } else {
                    $(delSelector).addClass("k-state-disabled vsgDisabled");
                }
            }
        });

        $(".userAccessControlDiv").on("click", ".hcu-icon-delete", function() {

            <?php // Do not do anything if delete button is disabled. ?>
            if ($(this).closest(".hcu-icon-delete").hasClass("vsgDisabled")) {
                return false;
            }

            var deleteConfirmDialog = $("#deleteConfirmDialog").data("kendoDialog");
            if (deleteConfirmDialog == null) {
              deleteConfirmDialog = $("<div id='deleteConfirmDialog'></div>").appendTo("body").kendoDialog({
                title: "Delete Sub-Accounts",
                content: "Are you sure you want to delete these sub-accounts?",
                actions: [
                  {text: "No"},
                  {text: "Yes", primary: true, action: function() {

                        $("#deleteConfirmDialog").data("kendoDialog").close();

                        $.homecuValidator.validate();
                        SaveDirtyFlags(false);

                        var accountnumber = $(".breadcrumb .active").text().trim();
                        SaveToUpperManagement(accountnumber);
                        var toBeDeleted = [];
                        var gridData = $("#subaccountGridDeposit").data("kendoGrid").dataSource.view();
                        var kendoIds = [];
                        for(var i = 0; i != gridData.length; i++) {
                            var row = gridData[i];
                            if (row.checked) {
                                toBeDeleted.push({accounttype: row.accounttype, certnumber: row.certnumber, recordtype: row.recordtype});
                                kendoIds.push(row.kendoid);
                            }
                        }
                        gridData = $("#subaccountGridLoan").data("kendoGrid").dataSource.view();
                        for(var i = 0; i != gridData.length; i++) {
                            var row = gridData[i];
                            if (row.checked) {
                                toBeDeleted.push({accounttype: row.accounttype, certnumber: row.certnumber, recordtype: row.recordtype});
                                kendoIds.push(row.kendoid);
                            }
                        }
                        var parameters = {subaccounts: kendo.stringify(toBeDeleted), accountnumber: accountnumber, payload: "<?php echo $payload; ?>"};
                        showWaitWindow();
                        $.post("<?php echo $self; ?>&operation=deleteSubAccounts", parameters, function(data) {
                            hideWaitWindow();
                            doDoThatThing = false;
                            if (data.error.length > 0) {
                                $.homecuValidator.displayMessage(data.error, $.homecuValidator.settings.statusError );
                            } else {
                                var thisParticularData = $.grep(userSupportContents.subaccountData, function(n,i) { return kendoIds.indexOf(n.kendoid) == -1; });
                                userSupportContents.subaccountData = new kendo.data.ObservableArray(thisParticularData);
                                $("#subaccountGridDeposit").data("kendoGrid").dataSource.read();
                                $("#subaccountGridLoan").data("kendoGrid").dataSource.read();

                                if (data.showAddNewAccount) {
                                    $(".addNewAccountBtn").show();
                                }

                                if (userSupportContents.isPrimary && $("#subaccountGridDeposit").data("kendoGrid").dataSource.view().length == 0
                                    && $("#subaccountGridLoan").data("kendoGrid").dataSource.view().length == 0) {
                                    userSupportContents.accountData = new kendo.data.ObservableArray($.grep(userSupportContents.accountData,
                                        function(n,i) { return n.accountnumber != accountnumber }));
                                    doDoThatThing = true;

                                    $(".userAccessControlDiv .goToAccountsBtn").click();
                                } else {
                                    $(".subaccountGrid .allCheckbox").prop("checked", false);
                                    $("#subaccountGridDeposit .allCheckbox").prop("disabled", subaccountGridDeposit.dataSource.view().length == 0);
                                    $("#subaccountGridLoan .allCheckbox").prop("disabled", subaccountGridLoan.dataSource.view().length == 0);
                                    $(".userAccessControlDiv .hcu-icon-delete").addClass("vsgDisabled");

                                    RestoreDirtyFlags(false);
                                }

                                if (doDoThatThing) {
                                    $("#accountGrid").data("kendoGrid").dataSource.data(userSupportContents.accountData);
                                }
                            }
                        });

                    return false;
                  }}
                ],
                visible: false,
                open: function() {
                  if (window.activeWindows != null) {
                    window.activeWindows.push(this);
                  }
                },
                close: function() {
                  if (window.activeWindows != null) {
                    window.activeWindows.pop();
                  }
                }
              }).data("kendoDialog");
            }
            deleteConfirmDialog.open();
            return false;
        });

      $(".show-autoadd-help").kendoTooltip({
        content: "When checked, the user will gain access to any additional sub-accounts added on the core."
      });

    <?php /** 08-19 from the sub account screen, set the checked state of the now hidden "auto add" boxes. */ ?>
    $('#auto-add-access').on('click touchstart', function() {
      var targ = '#account_' + $(this).data('accountnumber');
      $(targ).click();
    });
    }

    <?php
    /**
     * function OpenNewAccountDialog()
     * This opens a new account dialog!
     */
    ?>
    function OpenNewAccountDialog() {
        var memAccountDialog = $("#memAccountDialog").data("kendoDialog");
        var accountSearchMtb = $("#memAccountDialog [name='accountSearch']").data("kendoMaskedTextBox");
        if (memAccountDialog == null) {
            memAccountDialog = $("<div id='memAccountDialog' class='accessDialog'></div>").appendTo("body").kendoDialog({
                title: "Find Account",
                content: $("#findAccountTemplate").html(),
                actions: [
                    {text: "Cancel"},
                    {text: "Search", primary: true, action: function() {
                        memAccountDialog.close();
                        $("#memAccountDialog").data("invalid", false);

                        var accountnumber = accountSearchMtb.raw().trim();
                        if (accountnumber == "") {
                            OpenFailDialog("Account number is required.", "Account Search Failed");
                            return false;
                        }

                        var parameters = {accountnumber: accountnumber, payload: "<?php echo $payload; ?>", isPrimary: "Y"};
                        showWaitWindow();
                        $.post("<?php echo $self; ?>&operation=getAccountFromCore", parameters, function(data) {
                            hideWaitWindow();
                            if (data.error.length > 0) {
                                userSupportContents.newAccountInfo = [];
                                userSupportContents.newSubaccountInfo = [];
                                OpenFailDialog(data.error, "Account Search Failed");
                            } else {
                                userSupportContents.newAccountInfo = data.accountInfo;
                                userSupportContents.newSubaccountInfo = data.subaccountInfo;
                                OpenAccountSearchResults();
                            }
                            $.homecuValidator.setup({formValidate:'emptyForm', formStatusField: 'accessControlErrorDiv'});
                        });
                        return false;
                    }}
                ],
                open: function() {
                    $("#memAccountDialog").data("invalid", true);
                    if (window.activeWindows != null) {
                        window.activeWindows.push(this);
                    }
                },
                close: function() {
                    if (window.activeWindows != null) {
                        window.activeWindows.pop();
                    }
                },
                show: function() {
                    $("#memAccountDialog [name='accountSearch']").focus();
                },
                visible: false,
                modal: true
            }).data("kendoDialog");

            <?php // If allow zeroes, then it is normal.
            if ($allowZeroes) { ?>
                <?php // IE 11 doesn't like the javascript repeat function which is clearer than just a string. ?>
                var mask = "<?php echo str_repeat('0', 12); ?>";

                accountSearchMtb = $("#memAccountDialog [name='accountSearch']").kendoMaskedTextBox({
                    mask: mask,
                    unmaskOnPost: true
                }).data("kendoMaskedTextBox");
            <?php // Else, there are slighly more rules.
            } else { ?>
                <?php // IE 11 doesn't like the javascript repeat function which is clearer than just a string. ?>
                var mask = "~<?php echo str_repeat('0', 11); ?>";

                accountSearchMtb = $("#memAccountDialog [name='accountSearch']").kendoMaskedTextBox({
                    mask: mask,
                    rules: {
                        "~": /[1-9]/ <?php // zero isn't allowed. ?>
                    },
                    unmaskOnPost: true
                }).data("kendoMaskedTextBox");

                <?php // Kendo wraps the input in a span.  Make sure it doesn't look weird. ?>
                $(accountSearchMtb.wrapper).css("width", "100%");
            <?php } ?>

        }

        $("#memAccountDialog [name='accountSearch']").val(null);
        $("#memAccountDialog [name='accountSearch']").removeClass("k-invalid");
        memAccountDialog.open();
    }

    <?php
    /**
     * function OpenPleaseSelectDialog()
     * This one would be the dialog that forces you to select one or more subaccounts.
     */
    ?>
    function OpenPleaseSelectDialog() {
        var pleaseSelectDialog = $("#pleaseSelectDialog").data("kendoDialog");
        if (pleaseSelectDialog == null) {
            pleaseSelectDialog = $("<div id='pleaseSelectDialog' class='accessDialog'></div>").appendTo("body").kendoDialog({
                title: "Please Select",
                content: "Please select one or more subaccounts to add.",
                actions: [
                    {text: "Cancel"},
                    {text: "Retry", primary: true, action: function() {
                        pleaseSelectDialog.close();
                        var dialog = $("#subaccountSelectDialog").data("kendoDialog");
                        if (dialog != null) {
                            dialog.open();
                        }
                        return false;
                    }}
                ],
                open: function() {
                    if (window.activeWindows != null) {
                        window.activeWindows.push(this);
                    }
                },
                close: function() {
                    if (window.activeWindows != null) {
                        window.activeWindows.pop();
                    }
                },
                visible: false,
                modal: true,
                width: 350
            }).data("kendoDialog");
        }

        pleaseSelectDialog.open();
    }

    <?php
    /**
     * function OpenFailDialog(errors, title)
     * This one would open a dialog with an error message.
     *
     * @param errors -- the errors (Will be put in the body.)
     * @param title -- the title of this dialog.
     */
    ?>
    function OpenFailDialog(errors, title) {
        var failDialog = $("#failDialog").data("kendoDialog");
        if (failDialog == null) {
            failDialog = $("<div id='failDialog' class='accessDialog'></div>").appendTo("body").kendoDialog({
                actions: [
                <?php if ($readData["isPrimary"] && !$isBatch) { ?>
                    {text: "Cancel"},
                    {text: "Search Again", primary: true, action: function() {
                        failDialog.close();
                        OpenNewAccountDialog();
                        return false;
                    }}
                <?php } else { ?>
                    {text: "Cancel", primary: true}
                <?php } ?>
                ],
                open: function() {
                    if (window.activeWindows != null)
                        window.activeWindows.push(this);
                },
                close: function() {
                    if (window.activeWindows != null)
                        window.activeWindows.pop();
                },
                visible: false,
                modal: true,
                width: 300
            }).data("kendoDialog");
        }

        var content = errors == null ? "" : (typeof(errors) == "string" ? errors.trim() :
        (errors.length <= 1 ? errors.join("").trim() : "<ul><li>" + errors.join("</li><li>") + "</li></ul>"));
        failDialog.title(title).content(content).open();
    }

    <?php
    /**
     * function OpenAccountSearchResults()
     * This one would be the one that shows that the account exists.
     */
    ?>
    function OpenAccountSearchResults() {
        var accountSearchDialog = $("#accountSearchDialog").data("kendoDialog");
        if (accountSearchDialog == null) {
            accountSearchDialog = $("<div id='accountSearchDialog' class='accessDialog'></div>").appendTo("body").kendoDialog({
                title: "Account Found",
                actions: [
                    {text: "Cancel"},
                    {text: "Continue", primary: true, action: function() {
                        accountSearchDialog.close();
                        OpenSubaccountSearchResults(true);
                        return false;
                    }}
                ],
                open: function() {
                    if (window.activeWindows != null) {
                        window.activeWindows.push(this);
                    }
                },
                close: function() {
                    if (window.activeWindows != null) {
                        window.activeWindows.pop();
                    }
                },
                visible: false,
                modal: true,
                maxWidth: 500
            }).data("kendoDialog");

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

            $("#accountSearchDialog").kendoTooltip(toolTipProps);
        }

        if (userSupportContents.newSubaccountInfo.length == 0) {
            OpenFailDialog("No account found.", "No Records Found");
        } else {
            if (userSupportContents.newAccountInfo[0].name) {
                var template = kendo.template($("#accountFoundTemplate").html());
                accountSearchDialog.content(template(userSupportContents.newAccountInfo[0])).open();
            } else {
                var template = kendo.template($("#accountFoundTemplateNoMir").html());
                accountSearchDialog.content(template(userSupportContents.newAccountInfo[0])).open();
            }

        }
    }

    <?php
    /**
     * function OpenSubaccountsDirectly(isPrimary)
     * This function will open the subaccounts without opening the account dialog.
     *
     * @param boolean isPrimary -- this determines how the data will be retrieved.
     */
    ?>
    function OpenSubaccountsDirectly(isPrimary) {
        var parameters = {accountnumber: $(".userAccessControlDiv .breadcrumb .active").text().trim(),
        payload: "<?php echo $payload; ?>", isPrimary: isPrimary ? "Y" : "N"};
        showWaitWindow();
        $.post("<?php echo $self; ?>&operation=getAccountFromCore", parameters, function(data) {
            hideWaitWindow();
            if (data.error.length > 0) {
                userSupportContents.newAccountInfo = [];
                userSupportContents.newSubaccountInfo = [];
                OpenFailDialog(data.error, "Sub-account Search Failed");
            } else {
                userSupportContents.newSubaccountInfo = data.subaccountInfo;
                OpenSubaccountSearchResults(false);
            }
        });
    }

    <?php
    /**
     * function OpenSubaccountSearchResults(isFullAccountSearch)
     * This one will show the subaccounts available for that account.
     *
     * @param isFullAccountSearch -- if showing the account or just the subaccounts.
     */
    ?>
    function OpenSubaccountSearchResults(isFullAccountSearch) {
        var subaccountSelectDialog = $("#subaccountSelectDialog").data("kendoDialog");
        var subaccountSelectGrid = $("#subaccountSelectGrid").data("kendoGrid");
        if (subaccountSelectDialog == null) {
            subaccountSelectDialog = $("<div id='subaccountSelectDialog' class='fusedGridDialog accessDialog'></div>").appendTo("body").kendoDialog({
                content: "<div class='hcu-secondary'><div class='small vsgSecondary'><p>Click on a row to select sub-account.</p>"
                    + "<p>Click on the header to select all sub-accounts.</p>"
                    + "</div></div><div id='subaccountSelectGrid'></div>",
                actions: [
                    {text: "Cancel"},
                    {text: "Add Sub-Account(s)", primary: true, action: function() {
                        subaccountSelectDialog.close();
                        var data = $("#subaccountSelectGrid").data("kendoGrid").dataSource.data();
                        var isFullAccountSearch = $("#subaccountSelectGrid").data("isFullAccountSearch");
                        var neededData = [];
                        for(var i = 0; i != data.length; i++) {
                            var item = data[i];
                            if (item.checked) {
                                neededData.push({accounttype: item.accounttype, certnumber: item.certnumber, description: item.description, recordtype: item.recordtype,
                                    canIntDeposit: item.canIntDeposit, canExtDeposit: item.canExtDeposit,
                                    canIntWithdraw: item.canIntWithdraw, canExtWithdraw: item.canExtWithdraw});
                            }
                        }
                        if (neededData.length == 0) {
                            OpenPleaseSelectDialog();
                        } else {
                            var accountSearchMtb = $("#memAccountDialog [name='accountSearch']").data("kendoMaskedTextBox");
                            var parameters = {accountnumber: isFullAccountSearch ? accountSearchMtb.raw().trim() :
                            $(".userAccessControlDiv .breadcrumb .active").text().trim(),
                                subaccounts: kendo.stringify(neededData), payload: "<?php echo $payload; ?>", latestKendoid: userSupportContents.latestKendoid};
                            showWaitWindow();
                            $.post("<?php echo $self; ?>&operation=createSubaccounts", parameters, function(data) {
                                hideWaitWindow();
                                if (data.error.length > 0) {
                                    OpenFailDialog(data.error, "Sub-Account Search Failed.");
                                } else { <?php // Probably need a successful message, add new records to both grids and restore dirty flags to the active grid. ?>
                                    userSupportContents.latestKendoid = data.latestKendoid;
                                    var successM = isFullAccountSearch ? "Accounts and sub-accounts were successfully added." : "Sub-accounts were successfully added.";
                                    $.homecuValidator.displayMessage(successM, $.homecuValidator.settings.statusInfo );
                                    SaveDirtyFlags(isFullAccountSearch);

                                    if (data.dontShowAddNewAccount) {
                                        $(".addNewAccountBtn").hide();
                                    }

                                    if (data.newAccounts.length > 0) {
                                        for(var i = 0; i != data.newAccounts.length; i++) {
                                            CreateAccountSnapshot(data.newAccounts[i]);
                                            userSupportContents.accountData.push(data.newAccounts[i]);
                                        }
                                        userSupportContents.accountData = new kendo.data.ObservableArray(userSupportContents.accountData);
                                        $("#accountGrid").data("kendoGrid").dataSource.data(userSupportContents.accountData);
                                    }

                                    var depositReactivated = false;
                                    var loanReactivated = false;
                                    for(var i = 0; i != data.newSubaccounts.length; i++) {
                                        var row = data.newSubaccounts[i];
                                        CreateSubaccountSnapshot(row);
                                        userSupportContents.subaccountData.push(row);

                                        if (row.recordTypeFilter == "D" && !depositReactivated) {
                                            $("#subaccountGridDeposit .allCheckbox").prop("disabled", false);
                                            depositReactivated = true;
                                        }

                                        if (row.recordTypeFilter == "L" && !loanReactivated) {
                                            $("#subaccountGridLoan .allCheckbox").prop("disabled", false);
                                            loanReactivated = true;
                                        }
                                    }

                                    $("#subaccountGridDeposit").data("kendoGrid").dataSource.read();
                                    $("#subaccountGridLoan").data("kendoGrid").dataSource.read();

                                    RestoreDirtyFlags(isFullAccountSearch);
                                }
                            });
                        }
                        return false;
                    }}
                ],
                open: function() {
                    if (window.activeWindows != null) {
                        window.activeWindows.push(this);
                    }
                    var maxHeight1 = 800;
                    var maxHeight2 = $(window).height() - 150;
                    var maxHeight = maxHeight2 >= maxHeight1 ? maxHeight1 : maxHeight2;
                    $("#subaccountSelectDialog").css({maxHeight: maxHeight, overflowY: "auto", overflowX: "hidden"});
                },
                close: function() {
                    if (window.activeWindows != null) {
                        window.activeWindows.pop();
                    }
                },
                visible: false,
                modal: true,
                width: 700
            }).data("kendoDialog");

            subaccountSelectGrid = $("#subaccountSelectGrid").kendoGrid({
                dataSource: {
                    transport: {
                        read: function(options) {
                            options.success(userSupportContents.newSubaccountInfo);
                            subaccountSelectDialog.toFront();
                        }
                    },
                    schema: {
                        model: {
                            id: "kendoId",
                            fields: {
                                kendoId: {type: "number"},
                                accounttype: {type: "string"},
                                certnumber: {type: "string"},
                                description: {type: "string"},
                                checked: {type: "boolean"},
                                recordtype: {type: "string"},
                                isDeposit: {type: "boolean"},
                                canIntDeposit: {type: "boolean"},
                                canExtDeposit: {type: "boolean"},
                                canIntWithdraw: {type: "boolean"},
                                canExtWithdraw: {type: "boolean"},
                                perm_account_sort: {type: "string"},
                                perm_type_sort: {type: "number"}
                            }
                        }
                    },
                    sort: [{field: "isDeposit", "dir": "desc"}, {field: "perm_account_sort", dir: "asc"},
                    {field: "perm_type_sort", dir: "asc"}, {field: "accounttype", dir: "asc"}]
                },
                columns: [
                    {headerTemplate: "<input type='checkbox' class='allCheckbox'>", template: "<input type='checkbox' class='rowCheckbox'>",
                    width: 45, attributes: {"class": "checkboxTD"},
                        headerAttributes: {"class": "checkboxTD"}},
                    {title: "Sub-Account", field: "accounttype", attributes: {"class": "showEllipsis"}, width: 150},
                    {title: "Type", field: "isDeposit", template: "# if (isDeposit) { #Deposit# } else { #Loan# } #", width: 80},
                    {title: "Display Name", field: "description", attributes: {"class": "showEllipsis"}, template: "<span class='vsgDisabled'> #:description# </span>"}
                ],
                autoBind: false
            }).data("kendoGrid");

            <?php printCheckboxEvents("#subaccountSelectGrid"); ?>

            $("#subaccountSelectGrid tbody, #subaccountSelectGrid thead").addClass("showClickable");
            $("#subaccountSelectGrid").on("click", "tbody tr, thead tr", function(e) {
                if ($(e.target).is("[type='checkbox']")) {
                    return;
                }
                $(this).find("[type='checkbox']").click();
            });

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

            $("#subaccountSelectGrid").kendoTooltip(toolTipProps);
        }

        if (userSupportContents.newSubaccountInfo.length == 0) {
            OpenFailDialog("No unused sub-accounts found.", "No Records Found");
        } else {
            $("#subaccountSelectGrid .allCheckbox").prop("checked", false);
            subaccountSelectGrid.dataSource.read();
            var title = "Sub-Accounts Found For #" + userSupportContents.newSubaccountInfo[0].accountnumber;
            subaccountSelectDialog.title(title).open();
            $("#subaccountSelectGrid").data("isFullAccountSearch", isFullAccountSearch);
        }
    }

    <?php
    /**
     * SaveToUpperManagement(accountnumber)
     * Need to save it somewhere because it goes away.
     *
     * @param accountnumber -- the account number
     */ ?>
    function SaveToUpperManagement(accountnumber) {
        userSupportContents.subaccountData = $.grep(userSupportContents.subaccountData, function(n,i) { return n.accountnumber != accountnumber});
        var data = $("#subaccountGridDeposit").data("kendoGrid").dataSource.data();
        for (var i = 0, length = data.length; i != length; i++) {
            userSupportContents.subaccountData.push(data[i]);
        }
        var data = $("#subaccountGridLoan").data("kendoGrid").dataSource.data();
        for (var i = 0, length = data.length; i != length; i++) {
            userSupportContents.subaccountData.push(data[i]);
        }
    }

    Init();
    </script>
    <script type="text/x-kendo-template" id="accountFoundTemplate">
        <?php printHubLabelBlock(array("Account \\#" => "#: accountnumber #", "Name" => "#: name #",
            "DOB" => "# if (birthday == '') { # &nbsp; # } else { # #= kendo.toString(new Date(birthday), 'd') # # } #", "Phone" => "#: primaryPhone #")); ?>
    </script>
    <script type="text/x-kendo-template" id="accountFoundTemplateNoMir">
        No user information has been found for <b>Account \\# #: accountnumber #</b>.
        Please verify this is the correct account when choosing the sub-accounts.
    </script>
    <script type="text/x-kendo-template" id="findAccountTemplate">
        <form id='accountSearchForm' action='javascript:void(0);'>
            <div class='container hcu-all-100'>
                <div class='row'>
                    <div id='accountDialogValidateDiv' class='col-xs-12 k-block k-error-colored formValidateDiv' style='display:none;'></div>
                <?php if (!$allowZeroes) { ?>
                    <div class="row vsgSecondary">
                        <div class="col-xs-12 hcu-secondary">
                            Enter account number without leading zeroes.
                        </div>
                    </div>
                <?php } ?>
                <div class='row'>
                    <div class='col-xs-12'>
                        <input name='accountSearch' type='text' class='k-input k-textbox'>
                    </div>
                </div>
            </div>
        </form>
    </script>
    <style>
        #auto-add-access {
            margin-top: -4px;
            <?php // Correct misalignment ?>
        }
        .marginLeft2em {
            margin-left: 2em;
            <?php // Inline styles are frowned upon ?>
        }
    </style>

    <form id="emptyForm"></form>
    <div class="container userAccessControlDiv vsgPrimary hcu-template hcu-all-100">
        <div class="row notificationRow hcuSpacer"></div>
        <div class="row">
            <div id="accessControlErrorDiv" class="k-block k-error-colored formValidateDiv" style="display:none"></div>
        </div>
        <div class="row">
            <ul class="breadcrumb">
                <li class="active">Accounts</li>
            </ul>
        </div>
        <div class="1">
            <div class="row">
                <a href="#" class="addNewAccountBtn">Add New Account</a>
            </div>
            <div class="row">
                <div id="accountGrid" class="checkExpandGrid overrideGridHeight hcu-all-100"></div>
            </div>
        </div>
        <div class="2" style="display:none;">
            <div class="row hcuSpacer">
                <a href="#" class="addNewSubaccountsBtn">Add New Sub-Accounts</a>
                <span class="hcu-secondary marginLeft2em">
                    <span class="vsgSecondary">
                    <?php // Always have to do two levels because I was in charge with naming the class
                          // and they apparently didn't like that name.
                          // VSG: visual style guide which initially had the opacity level. ?>
                        <label for="auto-add-access">Auto-Add</label>
                        <span class="show-autoadd-help" data-role="tooltip" data-position="top">
                            <span class="fa fa-info-circle fa-1"></span>
                        </span>
                        <input type="checkbox" name="access" id="auto-add-access">
                    </span>
                </span>
            </div>
            <div class="row hcuSpacer">
                <span class="h4">Deposits</span>
            </div>
            <div class="row hcuSpacer">
                <div id="subaccountGridDeposit" class="subaccountGrid checkExpandGrid overrideGridHeight hcu-all-100"></div>
            </div>
            <div class="row hcuSpacer">
                <span class="h4">Loans</span>
            </div>
            <div class="row">
                <div id="subaccountGridLoan" class="subaccountGrid checkExpandGrid overrideGridHeight hcu-all-100"></div>
            </div>
        </div>
        <div class="hcu-edit-buttons k-state-default row">
            <span class="hcu-icon-delete" style="display:none;">
                <a class="deleteBtn" href="#"><i class="fa fa-trash-o fa-lg"></i> (selected)</a>
            </span>
            <a class="cancelBtn" href="#">Cancel</a>
            &nbsp;&nbsp;&nbsp;
            <a class="updateBtn k-button k-primary" href="#"><i class="fa fa-check"></i>Update</a>
        </div>
    </div>
<?php }