aGroupHub.prg

<?php
/**
 *  @package GroupHub
 *  @author MGHandy
 *
 *  @uses admin users may search and select groups. Upon selecting a group, the admin user
 *  will have the options of viewing the groups's rights, information and delete.
 *
 *  @uses payload entry point: pre-select a group by sending an encrypted
 *  payload to the group hub from another script.
 *
 *  @param $operation string: selected group hub operation, not currently needed.
 *  @param $payload string: encrypted data string holding group information
 *  to be displayed.
 */

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

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


  $gOperation = isset($admVars["GROUP_HUB"]["operation"]) ? $admVars["GROUP_HUB"]["operation"] : null;
  $gPayload = isset($admVars["GROUP_HUB"]["payload"]) ? $admVars["GROUP_HUB"]["payload"] : null;

  // if a payload exists, decode into group array
  $gGroup = $gPayload ?
    GroupDecrypt($SYSENV, $Cu, $gPayload) :
    null;

  // Seems to be a problem with having a payload inside a payload.  Group > User > Group > User etc. doesn't work.
  for($i = 0; $i < count($gGroup["group"]["g_primary"]); $i++)
  {
    $primary = $gGroup["group"]["g_primary"][$i];
    $gGroup["group"]["g_primary"][$i]["p_payload"]= urlencode(encryptUser($Cu, $primary, false));
  }

  $gGroup = HCU_JsonEncode($gGroup);

  // Get advanced permissions
  $advPerm = checkPerm($Cn, "userSupportAdv", $Cu)[1] == 1;

  PrintGroupHub($gPayload, $gGroup, $advPerm);

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

?>

<?php function PrintGroupHub($pPayload, $pGroup, $pAdvPerm) {
    $disabledLabel = $pAdvPerm ? "false" : "true";
?>
<script type="text/x-kendo-template" id="contentSearch">
  <div class='search' data-name="#: name #" data-ft="#: ft #"><a href='\\#'><i class='fa #: icon # fa-3x'></i><br>#: text #</a></div>
</script>

<script type="text/x-kendo-template" id="contentResults">
<div class="infoDiv">
# if (display) {
  var primaries= [];
  for(var i=0; i!= g_primary.length; i++) {
    primaries.push('<a href="main.prg?ft=22&payload=' + g_primary[i].p_payload + '">' + g_primary[i].p_name + '<i class="fa fa-user fa-fw"></i></a>');
  }
  primaries= primaries.join(","); #
      <?php printHubLabelBlock(array("Group Name" => "# if (g_name == null) { # (None) # } else { # #: g_name # # } #",
      "User Count" => "#: g_count #",
      "Profile Name" => "# if (g_profile == null) { # (None) # } else { # #: g_profile # # } #",
      "&nbsp;" => "&nbsp;",
      "Primary Owner# if (g_primary.length > 1) { #(s)# } #" => "# if (g_primary.length == 0) { # (None) # } else { # #= primaries # # } #")); ?>

  #if(g_primary.length > 1) {#
  <div class="col-xs-12">
    <p><span class="fa fa-exclamation-triangle" style="color: \#ff9800;"></span> This group has multiple primary owners. Please use the "Group Information" card below to correct the issue.</p>
  </div>
  #}#
</div>
# } else { #
  <div class='noUserFound'><div>No Group Found</div></div>
# } #
</div>
</script>

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

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

<div id="cardContainerDiv">
  <div class="well well-sm borderless">
    <h2 id="titleContainerDiv" class="hubTitle"></h2>
    <div id="resultContainerDiv"></div>
  </div>
</div>
<div id="cardContent"></div>

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

var GroupHub = function() {
  ghPayload = null;
  ghGroup = null;
  ghResults = null;
  ghSearchOptionSelected= null;
  ghSearchRowSelected= null;

  ghWindowContainer = null;
  ghWindow = null;

  ghHeader = null;
  ghHeaderContent = null;
  ghHeaderSearchContent = null;
  ghHeaderResultsContent = null;
  ghHeaderSearchView = null;
  ghHeaderResultsView = null;

  ghTitle = null;
  ghTitleContent = null;
  ghTitleView = null;

  ghCards = null;
  ghCardsView = null;
  ghCardsData = null;

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

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

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

    // clear out any left over html from the content div
    // load the clicked card
    $(ghWindowContainer).empty();
    $(ghWindowContainer).load("main.prg?ft=" + cardFt, function(response) {
      switch (cardName) {
        case "GroupSearch":
          ghWindow = new GroupSearch();
          ghWindow.Data(ghResults, ghSearchOptionSelected, ghSearchRowSelected);
          break;
        case "GroupSettings":
          ghWindow = new GroupSettings();
          break;
        case "GroupUsers":
          ghWindow = new GroupUsers();
          break;
        case "GroupRights":
          ghWindow = new GroupRights();
          break;
        case "GroupDelete":
          ghWindow = new GroupDelete();
          break;
      }

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

      // initialize the card with the callback function
      // to the hub.
      // Open the card giving it the new window stack.
      ghWindow.Init(groupHub.Call, ghWindowContainer);
      ghWindow.Open(groupWindows);
    });
  }

  var InitDataSources = function() {
    ghCardsData = {
      "GroupRights": {
        display: {
          ft: "102103",
          icon: "fa-cubes", name: "GroupRights",
          text: "Group Rights", desc: "Manage the group rights and limitations to banking features", disabled: <?php echo $disabledLabel; ?>}
      },
      "GroupSettings": {
        display: {
          ft: "102104",
          icon: "fa-tasks", name: "GroupSettings",
          text: "Group Settings", desc: "Settings specific to this group.", disabled: <?php echo $disabledLabel; ?>}
      },
      "GroupUsers": {
        display: {
          ft: "102105",
          icon: "fa-user-circle-o", name: "GroupUsers",
          text: "Group Users", desc: "Show all users in this group.", disabled: false }
      },
      "GroupDelete": {
        display: {
          ft: "102106",
          icon: "fa-trash", name: "GroupDelete",
          text: "Delete Group", desc: "&nbsp;", disabled: false }
      },
      "GroupSearch": {
        display: {
          ft: "102102",
          icon: "fa-search", name: "GroupSearch",
          text: "Search", desc: "", disabled: false
        }
      }
    };
  }

  var InitDataViews = function() {
    ghTitle = $("#titleContainerDiv");
    ghTitleContent = kendo.template($("#titleTemplate").html());
    ghTitleView = ghTitleContent({ cardTitle: null,g_name: null });
    ghTitle.append(ghTitleView);

    ghHeader = $("#resultContainerDiv");
    ghHeaderSearchContent = kendo.template($("#contentSearch").html());
    ghHeaderResultsContent = kendo.template($("#contentResults").html());
    ghHeaderSearchView = ghHeaderSearchContent(ghCardsData["GroupSearch"].display);
    ghHeaderResultsView = ghHeaderResultsContent({ display: false });
    ghHeader.append(ghHeaderSearchView);
    ghHeader.append(ghHeaderResultsView);

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

    ghWindowContainer = $("#cardContent");

    <?php if (!$pAdvPerm) { ?>
      InitPermTooltips();
    <?php } ?>
  }

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

        toolTipProps.showOn = "click mouseenter";
        toolTipProps.content = function(e) {
            var text = "";
            if ($(e.target).is("[data-name]")) {
              var card = "";
              switch ($(e.target).data("name")) {
                case "GroupRights":
                  card = "change group rights";
                  break;
                case "GroupSettings":
                  card = "change group settings";
                  break;
              }
              text = card == "" ? "" : "You do not have permission to " + card + ".";
            }
            return text;
        };
        toolTipProps.show = function(e) {
            if( this.content.text() !== "") {
              $('[role="tooltip"]').css("visibility", "visible");
            }
        };
        toolTipProps.hide = function() {
            $('[role="tooltip"]').css("visibility", "hidden");
        };

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

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

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

    switch (action) {
      case "updateGroupInfo":
        // unencrypted group data for display to the group hub
        // data is the group information to be displayed
        // empty the display, put new data in
        ghGroup = data.group;
        ghGroup.g_name = ghGroup.g_name ? ghGroup.g_name.trim() : "";
        ghGroup.g_profile = ghGroup.g_profile ? ghGroup.g_profile.trim() : "";
        ghGroup.g_primary = ghGroup.g_primary ? ghGroup.g_primary : [];
        ghGroup.g_user = ghGroup.g_user ? ghGroup.g_user.trim() : "";
        ghGroup.g_count = parseInt(ghGroup.g_count);
        ghGroup.display = true;

        ghHeader.empty();
        ghHeaderSearchView = ghHeaderSearchContent(ghCardsData["GroupSearch"].display);
        ghHeaderResultsView = ghHeaderResultsContent(ghGroup);
        ghHeader.append(ghHeaderSearchView);
        ghHeader.append(ghHeaderResultsView);

        ghCardsView = "";
        for(var key in ghCardsData) {
          if (["GroupSearch"].indexOf(key) !== -1) {
            continue;
          } else if (["GroupSettings", "GroupRights"].indexOf(key) !== -1) {
            <?php if ($pAdvPerm) { ?>
              if (ghGroup.g_count == 0) {
                ghCardsData[key].display.disabled = true;
              } else {
                ghCardsData[key].display.disabled = false;
              }
            <?php } else { ?>
              ghCardsData[key].display.disabled = "norights";
            <?php } ?>
          } else if (["GroupUsers", "GroupInfo"].indexOf(key) !== -1) {
            if (ghGroup.g_count == 0) {
              ghCardsData[key].display.disabled = true;
            } else {
              ghCardsData[key].display.disabled = false;
            }
          }
          ghCardsView += ghCardsContent(ghCardsData[key].display);
        }
        ghCards.find(".cardDiv").remove();
        ghCards.append(ghCardsView);
        ghCards.show();

        InitDataActions();
        break;
      case "updateGroupEncrypt":

        // data is the updated group encryption payload.
        // this will be given to each card as it is opened.
        ghPayload = data;
        break;
      case "updateGroupResults":

        // save search results for next time the search window is opened
        ghResults = data;
        break;
      case "removeGroupInfo":
        ghPayload = null;
        ghGroup = null;

        ghHeader.empty();
        ghTitle.empty();

        InitDataSources();
        InitDataViews();
        InitDataActions();
        break;
      default:

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

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

    ghPayload = payload;
    ghGroup = group;

    if (ghPayload && ghGroup.group) {
      this.Call("updateGroupEncrypt", ghPayload);
      this.Call("updateGroupInfo", ghGroup);
    } else {
      ghHeader.find(".search").trigger("click");
    }
  }
}

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

  groupWindows = [];
  groupHub = new GroupHub();
  groupHub.Init(payload, group);
});

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

</script>
<?php }