admJSCrossUseful.i

<?php
/**
 * function PrintAuditInit($isAllAdmin = false)
 * Prints out the initialization for audit.
 *
 * @param $isAllAdmin -- If it is all admin, then use a different form to validate and show the user.
 */
function PrintAuditInit($isAllAdmin = false) { ?>
      <?php if ($isAllAdmin) { ?>
      $.homecuValidator.setup({formValidate: "searchForm", formStatusField: "formValidateDiv"});
      <?php } else { ?>
      $.homecuValidator.setup({formValidate:'auditPrintForm', formStatusField: 'formValidateStatusDiv'});
      <?php } ?>

      var grid = $("#auditGrid").kendoGrid({
        dataSource: {
          transport: {
            read: function(options) {
              options.success(auditData);
            }
          },
          schema: {
            model: {
              id: "rown",
              fields: {
                rown: {type: "number"},
                date: {type: "date"},
                action: {type: "string"},
                actioncode: {type: "string"},
                details: {type: "odata"},
                user: {type: "string"},
                <?php if ($isAllAdmin) { ?>
                srcuser: {type: "string"},
                <?php } ?>
                script: {type: "string"},
                checked: {type: "boolean"},
                isPrinting: {type: "boolean"}
              }
            }
          }
        },
        columns: [
          {template: "<input type='checkbox' class='rowCheckbox'>", attributes: {"class": "checkboxTD"},
          headerTemplate: "<input type='checkbox' class='allCheckbox'>", width: "45px", sortable: false, filterable: false},
          {field: "date", title: "Date", format: "{0:G}"},
          <?php if ($isAllAdmin) { ?>
          {field: "user", title: "Audit User"},
          {field: "srcuser", title: "Changed by"},
          <?php } else { ?>
          {field: "user", title: "User"},
          <?php } ?>
          {field: "action", title: "Action Type"},

        ],
        noRecords: {
          template: "<tr class='noRecordsDiv'><td colspan='4'>No Records Found</td></tr>"
        },
        scrollable: false,
        sortable: true,
        toolbar: [{name: "print", text: "Print"}<?php if ($isAllAdmin) { ?>, {name: "show", text: "Show Filter"} <?php } ?>],
       detailTemplate: kendo.template($("#auditDetailTemplate").html()),
      }).data("kendoGrid");

      $("#auditGrid").on("click", ".auditDetailContainer .auditShowAllBtn", function() {
        if ($(this).text().trim() == "Show All") {
          $(this).closest(".auditDetailContainer").removeClass("hideAA");
          $(this).text("Show Changed");
        } else {
          $(this).closest(".auditDetailContainer").addClass("hideAA");
          $(this).text("Show All");
        }

        return false;
      });

      <?php printCheckboxEvents("#auditGrid", ".k-grid-print"); ?>

      $(".k-grid-print").addClass("k-state-disabled");

      $(".k-grid-print").click(function() {
        if (!$(this).hasClass("k-state-disabled")) {
          PrintAudits();
        }
        return false;
      });

      $(".k-grid-show").click(function() {
        if ($(this).text().trim() == "Show Filter") {
          $(".auditFilterDiv").show();
          $(this).text("Hide Filter");
        } else {
          $(".auditFilterDiv").hide();
          $(this).text("Show Filter");
        }
      });
<?php }

function printAuditOpenPopup() { ?>
  function auditOpenPopup(auditData) {
      var dialog = $("#auditDetailWindow").data("kendoDialog");
      var template = kendo.template($("#auditDetailTemplate").html());

      if (dialog == null) {
        dialog = $("#previewWindow").kendoDialog({
          title: "Preview",
          actions: [{text: "Okay", primary: true}],
          visible: false,
          maxWidth: "99%",
          minWidth: 333,
          open: function() {
            if (window.activeWindows != null) {
              window.activeWindows.push(this);
            }
          },
          close: function() {
            if (window.activeWindows != null) {
              window.activeWindows.pop();
            }
          }
        }).data("kendoDialog");
      }

      dialog.content(template(auditData)).open();

      var maxHeight1 = 600;
      var maxHeight2 = $(window).height() - 150;
      var maxHeight = maxHeight2 >= maxHeight1 ? maxHeight1 : maxHeight2;
      $(dialog.wrapper).css({top: 5});
      $("#previewWindow .auditMaxHeight").css({maxHeight: maxHeight, overflowY: "auto", overflowX: "hidden"});
  }
<?php }

function PrintPrintAudits($mode) {
  /**
   * function PrintAudits()
   * This opens up a new tab with the audit records for the checked audit records.  These will be sorted according to how the audit grid is sorted.
   */
  ?>
  function PrintAudits() {
    $("<div id='tempAudit' style='display:none;'><div class='container'><div class='row form-group mockKendoTable auditInsertion'></div></div></div>").appendTo("body");

    var gridData = $("#auditGrid").data("kendoGrid").dataSource.view();
    var rowTemplate = kendo.template("<div class='tr nobottom'><span class='col-xs-4'>#: action #</span><span class='col-xs-4'>#: user #</span>\
      <span class='col-xs-4'>#= kendo.toString(date, 'd') #</span></div>\
      <div class='tr notop'><span class='col-xs-12'><div class='container-fluid'><div class=' col-xs-12'>" + $("#auditDetailTemplate").html() + "</div></div></span></div>");

    $(".auditInsertion").append("<div class='th'><span class='col-xs-4'>Action</span><span class='col-xs-4'>User</span><span class='col-xs-4'>Date</span></div>")

    for(var i = 0; i != gridData.length; i++) {
      var record = gridData[i];
      if (record.checked) {
        record.isPrinting = true;
        $(".auditInsertion").append(rowTemplate(record));
      }
    }
    var newWindow = window.open("", "auditPrint");
    $("#auditPrintForm [name='shell']").val($("#tempAudit").html());
    <?php if ($mode == "user") { ?>
    $("#auditPrintForm [name='title']").val("User Audit of " + $(".kWindowCard .k-window-title").text().split("/")[2].trim());
    <?php } else if ($mode == "admin") { ?>
    $("#auditPrintForm [name='title']").val("Admin Audit of " + $(".userHeader .realname.h2").text());
    <? } else if ($mode == "all admin") { ?>
    $("#auditPrintForm [name='title']").val("Admin Audit");
    <?php } ?>
    $("#auditPrintForm").submit();
    $("#tempAudit").remove();

    for(var i = 0; i != gridData.length; i++) {
      var record = gridData[i];
      if (record.checked) {
        record.isPrinting = false;
      }
    }
  }
<?php }

/**
 * function PrintAuditTemplates()
 * Prints audit templates.
 */
function PrintAuditTemplates($isAllAdmin = false) { ?>
  <script type="text/x-kendo-template" id="auditDetailTemplate">
    <div class="auditMaxHeight"><div class="container-fluid auditDetailContainer hideAA">

  # for (var i = 0, iLength = details.length; i != iLength; i++) { #
    # var tableRow = details[i]; #
    # if (iLength > 1) { #
      <?php printHeader("#: tableRow.label # # if (tableRow.type != 'mixed') { # (#: tableRow.type # records) # } #"); ?>
    # } #
    # for (var j = 0, jLength = tableRow.rows.length; j != jLength; j++) { #
      # var rowRow = tableRow.rows[j]; var showBefore = true; var showAfter = true; #
      # switch(rowRow.type) {
        case "add": showBefore = false; break;
        case "remove": showAfter = false; break;
      }
      var theseClasses = showBefore && showAfter ? "col-xs-4 col-md-4" : "col-xs-8 col-md-8"; #
      # if (tableRow.type == 'mixed') { # <?php printHeader("#: rowRow.type # record:"); ?> # } #
          <div class="row form-group mockKendoTable">
          # if (!isPrinting && j == 0 && i == 0) { #
            <a href='\\#' class='auditShowAllBtn'>Show All</a><br>
          # } #
          <div class="th">
              <span class="col-xs-3 col-md-4">Column</span>
              # if (showBefore) { # <span class="#: theseClasses #">Before</span> # } #
              # if (showAfter) { # <span class="#: theseClasses #">After</span> # } #
              <div class="clearfix hidden-xs-block"></div>
          </div>

      # for (var k = 0, kLength = rowRow.values.length; k != kLength; k++) { #
      # var colRow = rowRow.values[k]; var same = !isPrinting && colRow.same ? "aa" : "";#
            <div class="tr #: same #">
                <span class="col-xs-3 col-md-4">#: colRow.label #</span>
                # if (showBefore) { # <span class="#: theseClasses #"># if (colRow.before == "") { # &nbsp; # } else { # #: colRow.before # # } #</span> # } #
                # if (showAfter) { # <span class="#: theseClasses #"># if (colRow.after == "") { # &nbsp; # } else { # #: colRow.after # # } #</span> # } #
                <div class="clearfix hidden-xs-block"></div>
            </div>
      # } #
      </div>
    # } #
  # } #
    </div></div>
  </script>
<?php }

function printFullTabClickEvents($username, $fullDirtyCheck=false, $onlySaveChanges=false)
{ ?>
    $(".fullTab").on("click", ".tabTitles [data-name]", function() {
      if (!$(this).hasClass("selected")) <?php // If the tab is already selected, we don't care about the click. ?>
      {
        var tabs= window.tabs == null ? userSupportContents.tabs : window.tabs;
        var tab= tabs[$(this).data("name")];
        var selectedTab= tabs[$(".tabTitles .selected").data("name")];

        <?php if ($fullDirtyCheck) { ?>
        var oldTabHash= selectedTab.oldHash;
        var newTabHash= kendo.stringify(selectedTab.getSaveParameters(false)).hashCode();

          if (oldTabHash != newTabHash)
            $(".tabTitles .selected").find(".tabAsterisk").show();
          else
            $(".tabTitles .selected").find(".tabAsterisk").hide();
        $(".fullTab").data("oldTabHash", newTabHash);
        <?php } ?>

        <?php if (!$fullDirtyCheck) { ?>
        potentiallyCancelChanges(selectedTab, tab);
        <?php } else { ?>

        $(".tabContents").hide();
        $(".tabContents[data-name='" + tab.name + "']").show();
        tab.setupValidator();
        $(".fullTab .selected").removeClass("selected");
        $(this).addClass("selected");
        <?php } ?>
      }
      return false;
    });

    $(".fullTab").on("click", ".tabSaveBtn", function() {
      var tabs= window.tabs == null ? userSupportContents.tabs : window.tabs;
      var tabSelector= $(".tabTitles .selected");
      var tab= tabs[$(tabSelector).data("name")];

      <?php if (!$fullDirtyCheck) { ?>
      saveTab(tab, "stay", null, tabSelector);
      <?php } else { ?>
      saveTabs(tabs);
      <?php } ?>
      return false;
    });

    $(".fullTab").on("click", ".tabCancelBtn", function() {
      var tabs= window.tabs == null ? userSupportContents.tabs : window.tabs;
      <?php if (!$fullDirtyCheck) { ?>
      var tabSelector= $(".tabTitles .selected");
      var tab= tabs[$(tabSelector).data("name")];
      potentiallyCancelChanges(tab);
      <?php } else { ?>
      potentiallyCancelChanges(tabs);
      <?php } ?>
      return false;
    });
<?php }

function printTabFunctions($self, $username, $authval, $fullDirtyCheck=false)
{
  /**
   * function saveTab(tab)
   * Saves the tab.  Now there is only one way to save.  This validates the form and calls the data function to save the user and finally does some post-save operations (if relevant).
   *
   * @param {} tab -- the tab to save.
   */
  if (!$fullDirtyCheck) { ?>
  function saveTab(tab, onlySaveChanges)
  {
    var oldHash= kendo.stringify(previousParameters).hashCode();
    var newHash= kendo.stringify(tab.getSaveParameters(false)).hashCode();
    if (newHash == oldHash)
    {
      postSaveTab(tab, true);
      return;
    }

    if ($.homecuValidator.validate())
    {
      var parameters= tab.getSaveParameters(true);
      parameters.authval= "<?php echo $authval; ?>";
      <?php if ($username == "") { ?>
      parameters.isAdd= "Y";
      <?php } else { ?>
      parameters.username= "<?php echo $username; ?>";
      <?php } ?>
      parameters.tab= tab.name;
      showWaitWindow();
      $.post("<?php echo $self; ?>&operation=saveUser", parameters, function(data) {
        hideWaitWindow();
        if (data.error.length > 0)
          $.homecuValidator.displayMessage(data.error, $.homecuValidator.settings.statusError );
        else if (data.serverIPFoundRelevant && data.serverIPFound === false)
          window.location.href= "<?php echo $self; ?>";
        else
          postSaveTab(tab);
      });
    }
  }

  <?php } else {
    /**
     * function saveTabs(tabs)
     * This saves all the tabs at once.  I swear by the old hashes and the new.
     *
     * @param {} tabs -- the tabs to save.
     */ ?>
  function saveTabs(tabs)
  {
    var valid= true;
    var parameters= {};

    if (!$.homecuValidator.validate())
      valid= false;
    else
    {
      var changed= false;
      try
      {
          for (var tabname in tabs)
          {
            if (tabname == "oldHash")
              continue;

            var tab= tabs[tabname];

            tab.setupValidator();
            if (!$.homecuValidator.validate())
              throw new exception("Invalid!");
          }

          for (var tabname in tabs)
          {
            if (tabname == "oldHash")
              continue;

            var tab= tabs[tabname];
            var tabParameters= tab.getSaveParameters(true);
            changed= changed || tab.oldHash != kendo.stringify(tabParameters).hashCode();

            <?php // Build parameters according to what is changed in the tabs. ?>
            for(var parameter in tabParameters)
            {
              if (tabParameters.hasOwnProperty(parameter))
                parameters[parameter]= tabParameters[parameter];
            }

          }

          if (!changed)
          {
            if (typeof(postSaveTabs) == "function")
              postSaveTabs(tabs, []);
            return;
          }
      }
      catch(e)
      {
        valid= false;
      }
    }

    if (valid && changed)
    {
      parameters.authval= "<?php echo $authval; ?>";
      <?php if ($username == "") { ?>
      parameters.isAdd= "Y";
      <?php } else { ?>
      parameters.username= "<?php echo $username; ?>";
      <?php } ?>
      parameters.tab= tab.name;
      showWaitWindow();
      $.post("<?php echo $self; ?>&operation=saveUser", parameters, function(data) {
        hideWaitWindow();
        if (data.error.length > 0)
          $.homecuValidator.displayMessage(data.error, $.homecuValidator.settings.statusError );
        else
        {
          if (typeof(postSaveTabs) == "function")
            postSaveTabs(tabs, data);
        }

      });
    }

  }
  <?php }
  /**
   * function postSaveTab(tab, noNotificationPlease)
   * What happens after a successful save: if a new user, then redirect to the summary tab of the newly created user.  Otherwise, do any custom tab-specific things and notify.
   *
   * @param {} tab -- the tab to save
   * @param boolean noNotificationPlease -- if yes, then don't show it in the most Canadian way possible.
   */
  ?>
  function postSaveTab(tab, noNotificationPlease)
  {
      $("#formValidateDiv").hide();
      tab.postChanges();
      if (!noNotificationPlease)
      {
        previousParameters= tab.getSaveParameters(false, true); <?php // If they save and then go to the next tab, it doesn't make sense to ask to save again. ?>
        showSuccessMessage("User was saved successfully!");
      }
  }

  function loadTabInnards(tab, data)
  {
    var tabTemplate= kendo.template($("#tabTemplate").html());
    var template= kendo.template(tab.template);
    var record= data.record[0];
    record.usernamesUsed= data.usernamesUsed;
    record.tabname= tab.name;

    <?php if (!$fullDirtyCheck) { ?>
    $(".fullTab").html(tabTemplate(record));
    $(".tabContents").html(template(record));
    <?php } else { ?>
    $(".fullTab").html(tabTemplate(record));
    $(".tabContents").hide();
    $(".tabContents[data-name='" + record.tabname + "']").html(template(record));
    $(".tabContents[data-name='" + record.tabname + "']").show();
    <?php } ?>
    tab.init(record);

    previousParameters= tab.getSaveParameters(false, true);
  }

  <?php
  /**
   * function loadTab(tab)
   * This loads the tab
   *
   * @param {} tab -- the tab to be loaded
   */

  if (!$fullDirtyCheck) {
  ?>
  function loadTab(tab)
  {
    showWaitWindow();
    $.post("<?php echo $self; ?>&operation=readUser", {username: "<?php echo $username; ?>", authval: "<?php echo $authval; ?>", tab: tab.name}, function(data) {
      hideWaitWindow();
      if (data.error.length > 0)
        $.homecuValidator.displayMessage(data.error, $.homecuValidator.settings.statusError );
      else
      {
        loadTabInnards(tab, data);
      }
    });
  }

  <?php } else { ?>
  function loadTab(tab)
  {
    if (loadTab.data == null)
    {
      showWaitWindow();
      $.post("<?php echo $self; ?>&operation=readUser", {username: "<?php echo $username; ?>"}, function(data) {
        hideWaitWindow();
        if (data.error.length > 0)
          $.homecuValidator.displayMessage(data.error, $.homecuValidator.settings.statusError );
        else
        {
          loadTab.data= data;
          loadTabInnards(tab, loadTab.data);
        }
      });
    }
    else
      loadTabInnards(tab, loadTab.data);
  }
  <?php }
  /**
   * function potentiallyCancelChanges(tab, nextTab)
   * The function to cancel changes if the conditions are met.
   *
   * @param {} tab -- the tab to potentially cancel changes made to.
   * @param {} nextTab -- the next tab to potentially move towards if there are no changes to cancel.  If null, then this will potentially go to the user main screen.
   */
  if (!$fullDirtyCheck) { ?>
  function potentiallyCancelChanges(tab, nextTab)
  {
    var oldHash= kendo.stringify(previousParameters).hashCode();
    var newHash= kendo.stringify(tab.getSaveParameters(false, true)).hashCode();
    if (newHash == oldHash)
    {
      if (typeof(tabCancelLogic) == "function")
        tabCancelLogic(tab, nextTab);
      else
      {
        if (nextTab == null) // Cancel on the bottom
          $("#redirectForm").submit();
        else
        {
          tab.destroy();
          loadTab(nextTab);
        }
      }
      return;
    }

    var discardChangesDialog= $("#discardChangesDialog").data("kendoDialog");
    if (discardChangesDialog == null)
    {
      discardChangesDialog= $("<div id='discardChangesDialog'></div>").appendTo("body").kendoDialog({
        title: "Discard Changes",
        content: "<p>Your changes have not been saved.</p><p>Do you wish to discard your changes?</p>",
        actions: [
          {text: "No"},
          {text: "Yes", primary: true, action: function() {
            var nextTab= $("#discardChangesDialog").data("nextTab");
            var tab= $("#discardChangesDialog").data("tab");
            if (typeof(tabCancelLogic) == "function")
              tabCancelLogic(tab, nextTab);
            else
            {
              if (nextTab == null) // Cancel on the bottom
                $("#redirectForm").submit();
              else
              {
                tab.destroy();
                loadTab(nextTab);
              }
            }
          }}
        ],
        visible: false,
        open: function() {
          if (window.activeWindows != null)
            window.activeWindows.push(this);
        },
        close: function() {
          if (window.activeWindows != null)
            window.activeWindows.pop();
        }
      }).data("kendoDialog");
    }

    $("#discardChangesDialog").data("tab", tab);

    if (nextTab == null)
      $("#discardChangesDialog").data("nextTab", null);
    else
      $("#discardChangesDialog").data("nextTab", nextTab);
    discardChangesDialog.open();
  }
<?php } else { ?>
function potentiallyCancelChanges(tabs)
{
    var oldHash= tabs.oldHash;
    var newHash= [];
    var parameters= {};
    var tempParameters= [];

    for (var tabname in tabs)
    {
      if (tabs.hasOwnProperty(tabname) && tabname != "oldHash")
      {
          var tab= tabs[tabname];
          newHash.push(tab.getSaveParameters(false));
          tempParameters.push(tab.getSaveParameters(true));
      }
    }

    newHash= kendo.stringify(newHash).hashCode();
    if (newHash == oldHash)
    {
      if (typeof(tabsCancelLogic) == "function")
        tabsCancelLogic(tabs);
      return;
    }

    var discardChangesDialog= $("#discardChangesDialog").data("kendoDialog");
    if (discardChangesDialog == null)
    {
      discardChangesDialog= $("<div id='discardChangesDialog'></div>").appendTo("body").kendoDialog({
        title: "Discard Changes",
        content: "<p>Your changes have not been saved.</p><p>Do you wish to discard your changes?</p>",
        actions: [
          {text: "No"},
          {text: "Yes", primary: true, action: function() {
            var tabs= $("#discardChangesDialog").data("tabs");
            if (typeof(tabsCancelLogic) == "function")
              tabsCancelLogic(tabs);
          }}
        ],
        visible: false,
        open: function() {
          if (window.activeWindows != null)
            window.activeWindows.push(this);
        },
        close: function() {
          if (window.activeWindows != null)
            window.activeWindows.pop();
        }
      }).data("kendoDialog");
    }

    $("#discardChangesDialog").data("tabs", tabs);
    discardChangesDialog.open();
}
<?php }
}

/**
 * function loginPrintPublicNote()
 * Prints the public note for login
 */
function loginPrintPublicNote()
{ ?>
    $("#publicNote").click(function(e) {
      var position= $(this).offset();
      var notification= $("<div></div>").appendTo("body").kendoNotification({
        autoHideAfter: 0,
        width: "400px",
        position: {
          top: position.top,
          left: position.left
        }
      }).data("kendoNotification");

      notification.info('Public computers are found at libraries, schools, Internet cafes, airports, and many other places. <br>You have no control over who uses public computers. \
        <br>Public computers may be running malicious software like keystroke loggers or be on networks that allow others to get your personal information. \
        <br><br>We strongly suggest you do <i>NOT</i> use a public computer for digital banking. <br>If you decide to use one anyway, you should check the box so we do not save a security \
        token to this public computer.');
      return false;
    });
<?php }

/**
 * function loginPrintSaveToken()
 * Prints the save token for login
 */
function loginPrintSaveToken()
{ ?>
    <div class="well well-sm ">
        <div class="form-horizontal form-widgets">
          <div class="form-group">
            <div class="col-xs-12">
              <label style="cursor: pointer"><input type="radio" name="chksecure" value="Y" checked>
                This is my Personal or Business Computer<br>&nbsp;(Save security token on this computer)</label>
              <br><br>
              <label style="cursor: pointer">
              <input type="radio" name="chksecure" value="N">
                This is a <a href="#" id="publicNote">Public Computer</a><br>&nbsp;(DO NOT Save security token on this computer)</label>
            </div>
          </div>
        </div>
      </div>
<?php }


/**
 * function printValidatePassword()
 *
 * This is a javascript function that prints out the validation needed to ensure that the passwords are correct.  There needs to be no invalid characters as well as conforming to the password rules.
 * The password rules are passed from the passconfig column in the cuadmin table.
 */
function printValidatePassword($requirePassword= false)
{ ?>
  vp1: function(input) {
    if (!input.is("[name='oldPassword']"))
      return true;

    var password= $(input).val().trim();
    if (password == "" <?php if (!$requirePassword) { ?> && $("[name='password']").val().trim() != "" <?php } // Need the old password if the password is filled in or required.?>) {
      $(input).attr("data-vp1-msg", "Old password is required.");
      return false;
    }
    return true;
  },
  vp2: function(input) {
    if (!input.is("[name='showHelp']"))
      return true;
    if (!$(input).prop("checked") <?php if (!$requirePassword) { ?> && $("[name='password']").val().trim() != "" <?php } // Need to READ if the password is filled in or required.?>) {
      $(input).attr("data-vp2-msg", "Please review the recommended password guidelines before saving your new password.");
      return false;
    }
    return true;
  },
  validatepassword: function(input) {
    if (!input.is("[name='password']"))
      return true;

    var password= $(input).val().trim();

    var valid= true;
    var msg= "";

    var invalidMatches= password.match(/['"]/g);
    if (invalidMatches != null && invalidMatches.length > 0) {
      msg= msg == "" ? "Password has illegal characters." : msg;
      valid= false;
    }

    var rules= $.homecuValidator.passwordRules;

    if (rules == null || rules.use == null || rules.use != 1)
      rules= {len: 6, letter: 1, digit: 1};

    if (rules.len != null && password.length < rules.len) {
      msg= msg == "" ? "Password requires at least " + rules.len + (rules.len == 1 ? " character." : " characters.") : msg;
      $(".passreq.len").css("color", "red");
      $(".passreq.len .fa").addClass("fa-times").removeClass("fa-check");
      valid= false;
    } else {
      $(".passreq.len").css("color", "green");
      $(".passreq.len .fa").removeClass("fa-times").addClass("fa-check");
    }

    var specMatches= password.match(/[!#@$%^&*?_~()-]/g);
    var lowerMatches= password.match(/[a-z]/g);
    var upperMatches= password.match(/[A-Z]/g);
    var digitMatches= password.match(/[0-9]/g);

    if (rules.spec != null && rules.spec > 0 && (specMatches == null || specMatches.length < rules.spec)) {
      msg= msg == "" ? "Password requires at least " + rules.spec + " special character" + (rules.spec == 1 ? "." : "s."): msg;
      $(".passreq.spec").css("color", "red");
      $(".passreq.spec .fa").addClass("fa-times").removeClass("fa-check");
      valid= false;
    } else {
      $(".passreq.spec").css("color", "green");
      $(".passreq.spec .fa").removeClass("fa-times").addClass("fa-check");
    }

    if (rules.lower != null && rules.lower > 0 && (lowerMatches == null || lowerMatches.length < rules.lower)) {
      msg= msg == "" ? "Password requires at least " + rules.lower + " lower character" + (rules.lower == 1 ? "." : "s."): msg;
      $(".passreq.lower").css("color", "red");
      $(".passreq.lower .fa").addClass("fa-times").removeClass("fa-check");
      valid= false;
    } else {
      $(".passreq.lower").css("color", "green");
      $(".passreq.lower .fa").removeClass("fa-times").addClass("fa-check");
    }

    if (rules.upper != null && rules.upper > 0 && (upperMatches == null || upperMatches.length < rules.upper)) {
      msg= msg == "" ? "Password requires at least " + rules.upper + " upper character" + (rules.upper == 1 ? "." : "s."): msg;
      $(".passreq.upper").css("color", "red");
      $(".passreq.upper .fa").addClass("fa-times").removeClass("fa-check");
      valid= false;
    } else {
      $(".passreq.upper").css("color", "green");
      $(".passreq.upper .fa").removeClass("fa-times").addClass("fa-check");
    }

    if (rules.digit != null && rules.digit > 0 && (digitMatches == null || digitMatches.length < rules.digit)) {
      msg= msg == "" ? "Password requires at least " + rules.digit + " digit character" + (rules.digit == 1 ? "." : "s."): msg;
      $(".passreq.digit").css("color", "red");
      $(".passreq.digit .fa").addClass("fa-times").removeClass("fa-check");
      valid= false;
    } else {
      $(".passreq.digit").css("color", "green");
      $(".passreq.digit .fa").removeClass("fa-times").addClass("fa-check");
    }

    <?php if ($requirePassword) { ?>
    if (password == "") {
      $("[name='confirm']").removeClass("k-invalid").addClass("k-valid");
      msg= "Password is required.";
      valid= false;
    }
    <?php } else { ?>
    if (password == "")
        valid= true;
    <?php } ?>

    if (!valid) {
      $(input).attr("data-validatepassword-msg", msg);
      return false;
    }
    return true; <?php // Got through the validation ?>
  }
<?php }

function printPasswordRequirementTemplate (){ ?>
  <script type="text/x-kendo-template" id="passwordRequirementTemplate">
    # if (pwdRequirements.length > 0) { #
      <div class="well well-sm row">
        <div class="col-xs-12">
          <label for="passRequirements">Minimum Password Requirements:</label>
        </div>
        <div class="col-xs-12">
          <div id="passRequirements" style="width: 200px;">
            # for(var i=0, length= pwdRequirements.length; i!= length; i++) {
              var rec= pwdRequirements[i]; #
                <span class='passreq #= rec.which #' style='color: red;'>
                  <span class='fa fa-times'></span>
                  <span>#= rec.text #</span>
                </span><br />
            # } #
          </div>
        </div>
      </div>
      # } #
  </script>
<?php }


/**
 * function printMatchPasswords()
 *
 * This prints out the validation that the password and the confirm password fields match.
 */
function printMatchPasswords()
{ ?>
  matchpasswords: function(input)
  {
    if (!input.is("[name='confirm']"))
      return true;
    if ($(input).val() != $("[name='password']").val())
    {
      $(input).attr("data-matchpasswords-msg", "Password must match confirmation.");
      return false;
    }
    return true;
  }
<?php }

/**
 * function printTabPlugin()
 * Pulled from aMemberSettings.prg and aGroupInfo.prg.  Put here because this needs to be updated to align with User Hub tab headers.
 *
 *  @uses This is a custom jQuery plugin that displays tabbed data. Using an html
 *  element, the user may define a list of tabs with names, icons, content and validators
 *  that will work for each tab.
 *
 *  @param element DOM : element container for the hcuTabs object
 *  @param options JSON : object containing user ddefined attributes. These attributes
 *  consist of tab definitions including name, display text, icons, content and
 *  validation functions. Custom override functions may be defined as well for select
 *  and validate operations.
 *
 *  @return hcuTabs object
 */
function printTabPlugin()
{ ?>
<script type="text/x-kendo-template" id="tabHeaderTemplate">
  # var tabAsterisk= "<div class='tabAsterisk' style='display:none;'><i class='fa fa-asterisk fa-6'></i></div>"; var selectedClass= selected ? "selected" : "";
    var lastChildClass= lastChild ? "lastChild" : ""; #
  <div class="#: spacing # #: selectedClass # #: lastChildClass #" data-name="#: title #" data-tab-index="#: index #"><div># if (icon != "") { #<i class="fa #: icon # fa-6"># } #
  # if (text != "") { #<div class="hidden-xs hidden-sm text">&nbsp;#: text #</div># } # #= tabAsterisk #</i></div>
</div>
</script>
<script type="text/javascript">
(function($) {

  // plugin: content/definition
  // element: DOM selector for tabs container
  // options: user defined settings for tabs
  $.hcuTabs = function(element, options) {
    var defaults = {
      tabs: [],
      select: function() {},
      validate: function() { return true; }, <?php // This actually doesn't validate, it really just returns if the tab is dirty or not. ?>
      formValidate: function(tabId) { return true; }, <?php // This actually validates the form to see if there there are errors or not. ?>
      useDiscardChangesDialog: false,
      discardChangesTitle: "Discard Changes",
      discardChangesText: "<p>Do you wish to discard your changes?</p>",
      discardChangesOkay: function() { return true; },
      discardChangesWindowStack: []
    };

    // plugin: javascript tabs object
    var plugin = this;
        plugin.settings = {};

    // init: 1) Initialize defaults with user defined settings.  2) retrieve content based on element having data-tab attributes.  3) pair the data-tab content with the tabs[i] name.
    $(element).html("<div class=\"hcu-template\"></div>");
    var pluginContainer = $(element).find(".hcu-template");
    var pluginHeader = $("<div class=\"tabTitles\"></div>");
    var pluginContent = $("<div id=\"tabContent\"></div>");
    var pluginFooter = $("<div id=\"tabFooter\"></div>");

    // init: plugin implementation and setup
    // setup tabs, content, click events
    plugin.init = function() {
      plugin.settings = $.extend({}, defaults, options);

      // append plugin header/content.  These are used to alter appearances by using jquery .find() to get the elements needed.
      pluginContainer.append(pluginHeader);
      pluginContainer.append(pluginContent);
      pluginContainer.append(pluginFooter);

      // define number of tabs per row (max is 4)
      // number of tabs: 1 = col-12, 2 = col-6, 3 = col-4, 4 = col-3
      // if user defines more than 4, the default setting is col-3 for
      // four tabs per row.
      var pluginTabsLength = plugin.settings.tabs.length;
      var pluginTabsColumns = 0;

      switch (pluginTabsLength) {
        case 1:
          pluginTabsColumns = 3;
          break;
        case 2:
          pluginTabsColumns = 3;
          break;
        case 3:
          pluginTabsColumns = 3;
          break;
        case 4:
          pluginTabsColumns = 3;
          break;
        default:
          pluginTabsColumns = 3;
          break;
      }

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

      for (var i = 0; i < pluginTabsLength; i++) {
        var tab = plugin.settings.tabs[i];

        // define all element of tab DOM
        var tabContent = null;

        // build and append tab content if defined
        if (tab.content) {

          // if content is string id and not jquery object
          // get jquery object and store it in place of the string
          // in the definition.
          if (typeof tab.content == "string") {

            // replace any #'s if necessary to ensure correct jquery selector
            tabContent = $("#" + tab.content);
            plugin.settings.tabs[i].content = tabContent;
          } else {
            tabContent = tab.content;
          }

          // check if content is null
          if (tabContent) {
            // add data-attrubutes to content for easy access
            // when selecting and validating
            tabContent.attr("data-name", tab.title);
            tabContent.attr("data-tab-index", i);

            // display content based on selected definitions
            if (tab.selected) {
              tabContent.show();
            } else {
              tabContent.hide();
            }
          } else {
            tabContent = "";
          }
        }

        // append header and content
        tab.index = i;
        tab.lastChild = i == pluginTabsLength - 1;
        tab.spacing = "col-xs-" + pluginTabsColumns;
        tab.icon = tab.icon == null ? "" : tab.icon.trim(); // previous code checks if it is defined.  KendoTemplate doesn't like nulls.
        tab.text = tab.text == null ? "" : tab.text.trim();
        tab.selected = tab.selected == null ? false : tab.selected;
        pluginHeader.append(headerTemplate(tab));
        pluginContent.append(tabContent);
      }

      if (plugin.settings.useDiscardChangesDialog) {
        pluginHeader.on("click", "[data-name]", function() {

          <?php // Find active tab. ?>
            var activeTab = null;
            for (var i = 0; i < plugin.settings.tabs.length; i++) {
              var tab = plugin.settings.tabs[i];
              if (tab.selected) {
                activeTab = tab;
                break;
              }
            }

            // remove validation flags from tabs
            var tabWarn = $(".tabTitles [data-tab-index=" + activeTab.index + "] .tabAsterisk");

            var dontAdvance = false;

            // call tab validation function
            // set warning tag if failure
            // must check if the tab has defined a validate function
            if (activeTab.validate) {
              if (activeTab.validate()) { <?php // This is not actually validating it; rather it is returning if the tab is dirty or not. ?>
                tabWarn.hide();
              } else {
                tabWarn.show();

                if (plugin.settings.formValidate()) { <?php // This is actually validating the tab. ?>
                  plugin.openDiscardChangesDialog(activeTab, $(this).attr("data-tab-index"), tabWarn); <?php // Pass back something to identify the tab to the other script. ?>
                }

                dontAdvance = true; <?php // At this point, either there is an error or there is the discard changes dialog. ?>
              }
            }

            if (!dontAdvance) {
              plugin.select($(this).attr("data-tab-index"));
            }

        });



      } else {
        pluginHeader.on("click", "[data-name]", function() {
            plugin.select($(this).attr("data-tab-index"));
        });
      }


      // Append footer if exists.  If a string, assume the string is the id, otherwise it is a DOM.
      var footer = plugin.settings.footer;
      if (footer != null) {
        pluginFooter.append(typeof footer == "string" ? $("#" + footer) : footer);
      }
    }

    // select: select tab by index
    // index found by data-tab-index attributes
    // previous content will be validated if there
    // is a validation function defined.
    plugin.select = function(e) {

      // get currently selected tab
      // get tab index of currently selected tab
      // get content of currently selected tab
      var tabCurrent = pluginHeader.find(".selected");
      var tabCurrentIndex = tabCurrent.attr("data-tab-index");
      var tabCurrentContent = pluginContent.find("div[data-tab-index=" + tabCurrentIndex + "]");

      // get clicked tab
      // get tab index of clicked tab
      // get tab content of clicked tab
      var tabSelectedIndex = e;
      var tabSelected = pluginHeader.find("div[data-tab-index=" + tabSelectedIndex + "]");
      var tabSelectedContent = pluginContent.find("div[data-tab-index=" + tabSelectedIndex + "]");

      // remove selected class from currently selected
      // tab and hide its content
      tabCurrent.removeClass("selected");
      tabCurrentContent.hide();

      // add selected class to clicked tab
      // and show its contents
      tabSelected.addClass("selected");
      tabSelectedContent.show();

      <?php // This attribute needs to be updated.  Otherwise, it is useless and unreliable. ?>
      plugin.settings.tabs[tabCurrent.index()].selected = false;
      plugin.settings.tabs[tabSelected.index()].selected = true;

      // if a select function have been defined by
      // the user, call it.
      plugin.settings.select();
    }

    // validate: validate all tabs in the tabs plugin
    // if a tab does not have a validate function
    // it will not be validated.
    plugin.validate = function() {
      var tabValid = true;

      for (var i = 0; i < plugin.settings.tabs.length; i++) {

        // remove validation flags from tabs
        var tabWarn = $(".tabTitles [data-tab-index=" + i + "] .tabAsterisk");

        // call tab validation function
        // set warning tag if failure
        // must check if the tab has defined a validate function
        if (plugin.settings.tabs[i].validate) {
          var tabValidate = plugin.settings.tabs[i].validate;
          if (tabValidate()) {
            tabWarn.hide();
          } else {
            tabValid = false;
            tabWarn.show();
          }
        }

      }

      // if a validate function has been defined
      // call the user defined validate function
      tabValid = (tabValid && plugin.settings.validate());

      return tabValid;
    }

    <?php
    /**
     * function plugin.openDiscardChangesDialog
     * This function creates and opens the discard changes dialog when it is called in the plugin.
     * To be called,  1) the plugin must have the "useDiscardChangesDialog" set to true, 2) the user clicks on another tab, 3) there are changes on the current tab.
     */
    ?>
    plugin.openDiscardChangesDialog = function (tab, newIndex, tabWarn) {
        var discardChangesDialog = $("#discardChangesDialog").data("kendoDialog");
        var title = tab.discardChangesTitle !== undefined ? tab.discardChangesTitle : plugin.settings.discardChangesTitle;
        var content = tab.discardChangesText !== undefined ? tab.discardChangesText : plugin.settings.discardChangesText;
        var discardChangesOkay = tab.discardChangesOkay !== undefined ? tab.discardChangesOkay : plugin.settings.discardChangesOkay;
        if (discardChangesDialog != null) {
          discardChangesDialog.destroy();
          $("#discardChangesDialog").remove();
        }

        discardChangesDialog = $("<div id='discardChangesDialog'></div>").appendTo("body").kendoDialog({
          title: title,
          content: content,
          actions: [
            {text: "No"},
            {text: "Yes", primary: true, action: function() {
              (discardChangesOkay)();
              tabWarn.hide();
              plugin.select(newIndex); <?php // Advance to the next tab as if there was no discard changes option. ?>
            }}
          ],
          visible: true,
          open: function() {
            if (plugin.settings.discardChangesWindowStack != null) {
              plugin.settings.discardChangesWindowStack.push(this);
            }
          },
          close: function() {
            if (plugin.settings.discardChangesWindowStack != null) {
              plugin.settings.discardChangesWindowStack.pop();
            }
          }
        }).data("kendoDialog");
    }

    // initialize plugin
    plugin.init();
  }

  // construct new hcuTabs object for DOM element
  // if none have been made yet
  $.fn.hcuTabs = function(options) {

    var plugin = null;

    if (undefined == $(this).data("hcuTabs")) {
      plugin = new $.hcuTabs(this, options);
      $(this).data("hcuTabs", plugin);
    } else {
      plugin = this;
    }

    return plugin;
  }

}(jQuery));
</script>
<?php }


function printCheckip()
{ ?>
  checkip: function(input)
  {
    if(input.is("[name='addCuIpInput']"))
    {
      var value= $(input).val().trim();
      if (value == null || value == "")
        return true;
      if (!value.match(/^([0-9]{1,3}\.){3}[0-9]{1,3}$/))
      {
        $(input).attr("data-checkip-msg", "IP is not valid.");
        return false;
      }

      values= value.split(".");
      for(var i=0; i!= values.length; i++)
      {
        var num= Number(values[i]);
        if (num > 255 || num < 0 || (num+"").trim() != values[i].trim())
        {
          $(input).attr("data-checkip-msg", "IP is not valid.");
          return false;
        }
      }

      var data= $(".ipGrid").data("kendoGrid").dataSource.data();
      if ($.grep(data, function(n,i) { return n.ip == value; }).length != 0)
      {
        $(input).attr("data-checkip-msg", "IP already exists.");
        return false;
      }
    }
    return true;
  }
<?php }