monitorView.i

<?php
/*
 * Include File: monitorView
 *
 * Purpose:  This include will have functions used for generating 'view' code.
 *
 *
 */

/* This will return the HTML of the menu bar from an array of options.  It is called from printMonitorPageMiddle.
 * The function recursively goes through an associate array.  Each key in the array needs to have an array with configuration options.
 * PARAMETERS:
    * $options= associate array attached to arrays for configuration options.
 * CONFIGURATION OPTIONS:
    * id= id of the list item.  You can then reference the id in code just like you would for any other HTML element with an id.
    * url= The url that the list item will redirect to with a click.
    * target= This corresponds to the target option in HTML a tags.
    * text= The text of the list item.  This is optional.  If it is not present, then it uses the key.
    * disabled= boolean option that when set will disable the item.
    * noA= boolean option that when set will output the li only.  (If there is no list, then a tag is created underneath li.  Otherwise, kendo will falsely add an arrow to the item.)
    * list= list of sub menu items.  If this is set, then this function will be called for the subset.  Therefore, all options are available to the submenu item.
 * OUTPUT:
    * Unordered list of the menu items.  The outermost ul is not included.  I.E. "<li>Redirect<ul><li><a href='url1' id='id1' target='target1'>Redirect1</a></li></ul></li>"
 */
function getMenuBar($options)
{
  $menuBar= "";
  if (is_array($options))
  {
    foreach($options as $key => $config)
    {
      $id= isset($config["id"]) ? "id='" . $config["id"] . "'" : "";
      $url= isset($config["url"]) ? "href='" . $config["url"] . "'" : "href='#'";
      $target= isset($config["target"]) ? "target='" . $config["target"] . "'" : "";
      $text= isset($config["text"]) ? $config["text"] : $key;
      $disabled= isset($config["disabled"]) && $config["disabled"] ? "disabled='disabled'" : "";

      if (isset($config["list"]) && is_array($config["list"]))
      {
        $thisMenuBar= getMenuBar($config["list"]);
        $menuBar.= "<li $id $disabled>$text<ul>$thisMenuBar</ul></li>";
      }
      else
      {
        $menuBar.= isset($config["noA"]) && $config["noA"] ? "<li $id $disabled>$text</li>" : "<li $disabled><a $id $url $target>$text</a></li>";
      }
    }
  }

  return $menuBar;
}

/* This prints out the middle portion of the monitor page.  This includes the HTML of the menu bar, the closing of the header tag, and the opening of the body tag.
 * The menu bar has the "Return to Monitor" link and the user can add additional menu options.
 * PARAMETERS:
    * $titleText= This text will show up in the header, $additionalMenuOptions= optional menu options see getMenuBar function above.
 */
function printMonitorPageMiddle($titleText, $additionalMenuOptions= array(), $hideRedirect=false) {
  global $produrl; // From cu_top
  global $dev_mode; // From cu_top
  $menuOptions= $hideRedirect ? array() : array("REDIRECT" => array("text" => "Jump to: ", "list" => array("Monitor" => array("url" => "$produrl/monitor/mindex.html", "target" => "_top"))));

  if (is_array($additionalMenuOptions))
  {
    foreach($additionalMenuOptions as $topLevel => $config)
    {
      if (!isset($menuOptions[$topLevel]))
        $menuOptions[$topLevel]= array();
      foreach($config as $key => $value)
      {
        if ($key == "list")
        {
          $list= isset($menuOptions[$topLevel]["list"]) ? $menuOptions[$topLevel]["list"] : array();
          $menuOptions[$topLevel]["list"]= array_merge($list, $value);
        }
        else
            $menuOptions[$topLevel][$key]= $value;
      }
    }
  }

  $menuBar = "";
  if (count($menuOptions) > 0)
  {
    $menuBar= "<ul id='topMenuBar'>";
    $menuBar.= getMenuBar($menuOptions);
    $menuBar.= "</ul>";
  }

  if ($dev_mode) {
      $environmentMsg= "(Development)";
      $environmentClass= "dev";
  } else  {
      $environmentMsg= "(Production)";
      $environmentClass= "prod";
  }
  ?>

    </head>

    <body id="fixedBody">
      <header id="commonMonitorHeader" class="<?php echo $environmentClass; ?>">
        <div class="header-title"><?php echo $titleText ?></div>
        <div id="environmentMsg"><?php echo $environmentMsg; ?></div>
        <?php echo $menuBar; ?>
      </header>
      <div id="pageContents">
<?php }

/* This prints out the top portion of the monitor page.  This includes the meta tags, links to stylesheets and javascripts, and kendo initialization of the menu bar.
 * PARAMETERS:
    * $title= this text will show up at the top of the browser tab, $homecuKendoVersion= the version to pull in the right stylesheets, $cloudfrontDomainName= the link to where kendo files are located.
 */
function printMonitorPageTop($title, $homecuKendoVersion, $cloudfrontDomainName, $bootstrapVersion = '', $fontawesomeVersion = '', $useBootStrap = false) {
  global $useGZExt;

  $homecuKendoVersion = $homecuKendoVersion == "" ? GetHomecuKendoVersion() : $homecuKendoVersion;
  $bootstrapVersion = $bootstrapVersion == "" ? GetHomecuBootstrapVersion() : $bootstrapVersion;
  $fontawesomeVersion = $fontawesomeVersion == "" ? GetFontawesomeVersion() : $fontawesomeVersion;
  $kendoStyle = GetMonitorDefaultKendoStyle();
  $cloudfrontDomainName = $cloudfrontDomainName == "" ? GetCloudFrontDomainName() : $cloudfrontDomainName;

  $vendor_by_cu_css = (
      preg_match('/TrustedVendorByCu.prg/', $_SERVER['SCRIPT_URL']) ||
      preg_match('/TrustedVendorByCu.prg/', $_SERVER['SCRIPT_URI'])) ?
        '<link href="/shared/static/css/trusted-report-by-vendor.css" rel="stylesheet">' :
        null;

  if (!$useBootStrap) { // don't use bootstrap'
  ?>


<!DOCTYPE html>
<html  xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
      <head>
        <title><?php echo $title; ?></title>
        <meta http-equiv="X-UA-Compatible" content="IE=8" />

        <meta name="viewport" content="width=device-width, initial-scale=1" />

        <link rel="stylesheet" media="all" type="text/css" href="https://<?php echo $cloudfrontDomainName; ?>/homecu/css/reset.css" />

        <?php //KENDO UI CSS Includes ?>
        <link href="https://<?php echo $cloudfrontDomainName; ?>/homecu/css/KendoUI/<?php echo $homecuKendoVersion; ?>/kendo.common.min.css" rel="stylesheet">
        <link href="https://<?php echo $cloudfrontDomainName; ?>/homecu/css/KendoUI/<?php echo $homecuKendoVersion; ?>/kendo.<?php echo $kendoStyle; ?>.min.css" rel="stylesheet">
        <link rel='stylesheet' media='all' type='text/css' href='https://<?php echo $cloudfrontDomainName; ?>/homecu/css/grid.css'>
        <?php echo $vendor_by_cu_css; ?>
        <link href="/shared/static/css/kendo.homecucustom.css" type="text/css" rel="stylesheet">
        <script type="text/javascript" src="https://<?php echo $cloudfrontDomainName; ?>/jquery/js/jquery-1.10.2.min.js.gz"></script>
        <!-- /* FONT AWESOME */ -->
        <link href='https://d1kryjpwpzirc7.cloudfront.net/homecu/css/font-awesome/<?php echo $fontawesomeVersion; ?>/css/font-awesome.css' rel='stylesheet'/>
        <?php //KENDO UI JS scripts ?>
        <script src="https://<?php echo $cloudfrontDomainName; ?>/homecu/js/KendoUI/<?php echo $homecuKendoVersion; ?>/kendo.web.min.js"></script>
        <script type="text/javascript" src="https://<?php echo $cloudfrontDomainName; ?>/homecu/js/hcuFormError.4091.min.js"></script>
        <!--[if IE]>
          <script type="text/javascript" src="https://<?php echo $cloudfrontDomainName; ?>/homecu/js/modernizr.min.js"></script>
        <![endif]--><!-- ANY INTERNET EXPLORER -->
        <script type='text/javascript' src='/shared/static/js/kendo.homecu.custom.js'></script>

        <link href="/monitor/css/monitor-core.css" type="text/css" rel="stylesheet">

        <script type="text/javascript">
          $(document).ready(function () {
            var topMenuBar= $("#topMenuBar").kendoMenu({

            }).data("kendoMenu");
          });
        </script>
<?php

  } else {

      /**
      *  STYLE SHEET INCLUDES
      *
      * RESET FORM STYLING TO CREATE CONSISTENT DISPLAY
      */
print <<< HTML_DEPS

<!DOCTYPE html>
<html  xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
      <head>
        <title>{$title}</title>
        <meta http-equiv="X-UA-Coampatible" content="IE=8" />

      <meta name="viewport" content="width=device-width, initial-scale=1" />

      <link rel='stylesheet' media='all' type='text/css' href='https://{$cloudfrontDomainName}/homecu/css/reset.4085.min.css' />

      <!-- BASE BOOTSTRAP  -->
      <link href='https://cucommon.s3.amazonaws.com/homecu/css/bootstrap/{$bootstrapVersion}/css/bootstrap.css' rel='stylesheet'/>

      <!-- KENDO BOOTSTRAP COMMON STYLES - - REPLACES kendo.common.css -->
      <link href='https://cucommon.s3.amazonaws.com/homecu/css/KendoUI/{$homecuKendoVersion}/kendo.common-bootstrap.min.css' rel='stylesheet'/>

      <!--  KENDO BOOTSTRAP THEME */ -->
      <link href='https://{$cloudfrontDomainName}/homecu/css/KendoUI/{$homecuKendoVersion}/kendo.$kendoStyle.min.css' rel='stylesheet'/>

      <!-- /* CUSTOM KENDO BOOTSTRAP STYLING */ -->
      <link rel='stylesheet' media='all' type='text/css' href='/shared/static/css/homecu-custom-kendo-boot.css' />

      <!-- /* SAMPLE BOOTSTRAP BASE LAYOUT */ -->
      <!-- <link rel='stylesheet' media='all' type='text/css' href='/_static/css/site.css' /> -->

      <!-- /* HOMECU BASE LAYOUT */ -->
      <link rel='stylesheet' media='all' type='text/css' href='/shared/static/css/hcuLayout.css' />
      <link rel='stylesheet' media='all' type='text/css' href='/monitor/css/layout.css' />

      <!-- /* FONT AWESOME */ -->
      <link href='https://{$cloudfrontDomainName}/homecu/css/font-awesome/{$fontawesomeVersion}/css/font-awesome.css' rel='stylesheet'/>

      <!-- /* CREDIT UNION BRANDING CUSTOM STYLES */ -->
      <link rel='stylesheet' media='all' type='text/css' href='/monitor/css/brand.css' />

      <!-- /**
      *  JAVASCRIPT INCLUDES
      */
      /* JQUERY BASE */     -->
      <script type='text/javascript' src='https://{$cloudfrontDomainName}/jquery/js/jquery-1.10.2.min.js{$useGZExt}'></script>

      <!-- /* KENDO FULL WIDGET INCLUDE - - CREATE CUSTOM FOR PRODUCTION */ -->
      <script src='https://{$cloudfrontDomainName}/homecu/js/KendoUI/{$homecuKendoVersion}/kendo.web.min.js'></script>
      <!-- /* BOOTSTRAP JAVASCRIPT */ -->
      <script src='https://cucommon.s3.amazonaws.com/homecu/js/bootstrap/{$bootstrapVersion}/js/bootstrap.js'></script>

      <!-- /* JQUERY COOKIE */ -->
      <script type='text/javascript' src='https://{$cloudfrontDomainName}/homecu/js/jquery.cookie.js'></script>

      <!-- /* HOMECU CUSTOM ERRORS FOR FORMS */ -->
      <script type='text/javascript' src='/shared/static/js/hcuFormError.js'></script>

      <!-- /* HOMECU CUSTOM NOTICES FOR FORMS - - PROVIDES CHAINING*/ -->
      <script type='text/javascript' src='/banking/static/js/hcuFormNotice.js'></script>

      <!-- /* HOMECU CUSTOM KENDO SETTINGS */ -->
      <script type='text/javascript' src='/shared/static/js/kendo.homecu.custom.js'></script>

      <link href="/monitor/css/monitor-core.css" type="text/css" rel="stylesheet">

HTML_DEPS;

      /*
      * SECTION FOR DECENDING DEPENDENCIES TO SHOW BASED ON NEED
      */

?>

<script type="text/javascript">
  $(document).ready(function () {
    var topMenuBar= $("#topMenuBar").kendoMenu({

    }).data("kendoMenu");
  });
</script>
<?php
}
}

/* This prints out the bottom portion of the monitor page.  There is nothing there now but that could change.
 */
function printMonitorPageBottom()
{ ?>
    </div>
  </body>
</html>

<?php }