cuissues_report.prg

<?php
// File: cuissues_report.v2 (partially replaces cuissues_report)
// Contains html and functions for displaying the cuissues list.
// SPB 10/6/2015-- Replaced previous cuissues_report for kendo upgrade and billing workflow expansion.

$monLibrary = dirname(__FILE__) . "/../library";
$sharedLibrary = dirname(__FILE__) . "/../../shared/library";
require_once("$monLibrary/cu_top.i");
require_once("$monLibrary/ck_hticket.i");
require_once("$monLibrary/monitorView.i");
require_once("$sharedLibrary/commonJsFunctions.i");

if (!CheckPerm($link, $Hu, basename($_SERVER['SCRIPT_NAME']), $_SERVER['REMOTE_ADDR'])) {
  // ** Permissions failed
  // ** redirect to new page
  header("Location: /hcuadm/hcu_noperm.prg");
  exit;
}

// Globals
$dataFile = "cuissues_data.prg";
$editFile = "cuissues_edit.prg";
$readURL = "/hcuadm/$dataFile?operation=readCuissues";
$addURL = "/hcuadm/$editFile?";
$saveCookieURL = "/hcuadm/$dataFile?operation=setReportCookie";
$clearCookieURL = "/hcuadm/$dataFile?operation=clearReportCookie";

$string = array("filter" => FILTER_SANITIZE_STRING);

HCU_ImportVars($SYSENV, "", array("user_name" => $string));
$cu = HCU_array_key_value("user_name", $SYSENV);
$cu = $cu === false ? "" : strtolower(trim($cu));

$header = "";
if ($cu != "") {
    $header .= " for $cu";
    $addURL .= "user_name=$cu";
}

$lowerHu = strtolower($Hu);

printMonitorPageTop("CU Job Report", $homecuKendoVersion, $cloudfrontDomainName, $bootstrapVersion, $fontawesomeVersion, true);

function SetFilters($filter, $cu, $Hu) {
  $filterArray = HCU_JsonDecode($filter);
  // For now assume that all filters are array versus objects
  $hasSuspendedFilter = false;
  $hasCuFilter = false;
  $hasMyFilter = false;
  $hasImpFilter = false;
  $cuFilter = "";
  $advancedFilters = array();

  if ($cu == "" && isset($filterArray["filters"]) && isset($filterArray["logic"]) && $filterArray["logic"] == "and") {
    foreach($filterArray["filters"] as $topFilter) {
      if (isset($topFilter["field"]) && isset($topFilter["operator"]) && isset($topFilter["value"])) {
        if ($topFilter["field"] == "status" && $topFilter["operator"] == "neq" && $topFilter["value"] == "Suspended") {
          $hasSuspendedFilter = true;
        } else if ($topFilter["field"] == "jobType" && $topFilter["operator"] == "contains") {
          $advancedFilters[] = str_replace("|", "", $topFilter["value"]);
        }
      }
      if (isset($topFilter["logic"]) && isset($topFilter["filters"]) && $topFilter["logic"] == "or") {
        $isMyFilter = true;
        $isCuFilter = true;
        $first = true;
        foreach($topFilter["filters"] as $subFilter) {
          if (isset($subFilter["field"]) && isset($subFilter["operator"]) && isset($subFilter["value"])) {
            switch(trim($subFilter["field"])) {
              case "issueOwner":
              case "nextTaskOwner":
                $isCuFilter = false;
                break;
              case "cuName":
              case "cuCode":
              case "issue":
                $isMyFilter = false;
                break;
              default:
                $isCuFilter = false;
                $isMyFilter = false;
                break;
            }

            switch (trim($subFilter["operator"])) {
              case "eq":
                $isCuFilter = false;
                break;
              case "contains":
                $isMyFilter = false;
                break;
              default:
                $isCuFilter = false;
                $isMyFilter = false;
                break;
            }

            if (trim($subFilter["value"]) != trim($Hu)) {
              $isMyFilter = false;
            }
            if (!$first)  {
              if (trim($subFilter["value"]) != trim($cuFilter)) {
                $isCuFilter = false;
              }
            } else {
              $cuFilter = trim($subFilter["value"]);
              $first = false;
            }
          }
        }

        if ($isMyFilter) {
          $hasMyFilter = true;
        }

        if ($isCuFilter) {
          $hasCuFilter = true;
        }

      }
      if ($hasCuFilter && $hasMyFilter && $hasSuspendedFilter) {
        break;
      }

    }
  } else {
    $hasSuspendedFilter = true;
  }

  return array("cu" => $hasCuFilter ? $cuFilter : "", "my" => $hasMyFilter ? "Everyone's Jobs" : "My Jobs",
               "suspended" => $hasSuspendedFilter ? "Show Suspended" : "Hide Suspended",
               "advancedFilters" => HCU_JsonEncode($advancedFilters), "showAdvancedFilters" => count($advancedFilters) > 0);
}

$hasCookie = false;
$filter = "";
if ($cu == "" && isset($_COOKIE['Job_View'])) {
  parse_str($_COOKIE['Job_View']);
  $hasCookie = true;
}

$filterVariables = SetFilters($filter, $cu, $Hu);
$filterVariables["completed"] = isset($showCompleted) && $showCompleted == "Y" ? "Hide Completed" : "Show Completed";
$filterVariables["deleted"] = isset($showDeleted) && $showDeleted == "Y" ? "Hide Deleted" : "Show Deleted";
?>

<style>
  .k-grid-norecords {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .k-multiselect-wrap .k-input {
    width: 141px !important;
  }

  .k-multiselect-wrap.k-floatwrap {
    width: 158.422px !important;
  }

  <?php // Make the button the same height as the other buttons. ?>
  .k-grid-addCustom {
    height: 30px !important;
    vertical-align: middle;
  }
</style>
<script type="text/javascript">

<?php
// Include common functions
getShowWaitFunctions();
?>

var dataItemToDelete = null;
var initialized = false;
var cuName = null;

function DownloadCSV() {
  var grid = $("#reportGrid").data("kendoGrid");
  var data = grid.dataSource.view();
  var csvData = "Target, Job, Status, Owner, CU Code, CU Name, Next Task Title, Next Task Owner, Created, Updated\r\n";

  for(var i = 0, count = data.length; i != count; i++) {
    var record = data[i];
    var csvRecord = [];
    csvRecord.push(record.targetDateType != "" ? record.targetDateType : (record.targetDate != null ? kendo.toString(record.targetDate, "MM/dd/yyyy") : ""));
    csvRecord.push(CsvEscape(record.issue));
    csvRecord.push(CsvEscape(record.status));
    csvRecord.push(CsvEscape(record.issueOwner));
    csvRecord.push(CsvEscape(record.cuCode));
    csvRecord.push(CsvEscape(record.cuName));
    csvRecord.push(CsvEscape(record.nextTask));
    csvRecord.push(CsvEscape(record.nextTaskOwner));
    csvRecord.push(record.entryDate == null ? "" : kendo.toString(record.entryDate, "MM/dd/yyyy"));
    csvRecord.push(record.lastActivityDate == null ? "" : kendo.toString(record.lastActivityDate, "MM/dd/yyyy"));
    csvData += csvRecord.join() + "\r\n";
  }

  <?php // http://stackoverflow.com/questions/14964035/how-to-export-javascript-array-info-to-csv-on-client-side ?>
  var blob = new Blob([csvData], { type: 'text/csv;charset=utf-8;' });
  var filename = "job report.csv";
  if (navigator.msSaveBlob) { <?php // IE 10+ ?>
    navigator.msSaveBlob(blob, filename);
  } else {
      var link = document.createElement("a");
      if (link.download != null)
      { // feature detection
          // Browsers that support HTML5 download attribute
          var url = URL.createObjectURL(blob);
          link.setAttribute("href", url);
          link.setAttribute("download", filename);
          link.style.visibility = 'hidden';
          document.body.appendChild(link);
          link.click();
          document.body.removeChild(link);
      }
  }
}

function CsvEscape(string) {
  string = string.indexOf('"') != -1 ? string.replace('"', '""') : string;
  string = string.indexOf(',') != -1 || string.indexOf('\n') != -1 ? '"' + string + '"' : string;
  return string;
}

<?php // initializes the cuissues grid. ?>
var jobData = [];
function GetJobData(showCompleted, showDeleted, saveFilter, grid, setDDLFunc) {
  var parameters = {<?php if ($cu != "") echo "cu: '$cu'"; ?>};
  parameters.showCompleted = showCompleted ? "Y" : "N";
  parameters.showDeleted = showDeleted ? "Y" : "N";
  parameters.setDDLs = typeof(setDDLFunc) == "function" ? "Y" : "N";
  showWaitWindow();
  $.post("<?php echo $readURL; ?>", parameters, function(data) {
    hideWaitWindow();

    if (data.error.length > 0) {
      $.homecuValidator.displayMessage(data.error, $.homecuValidator.settings.statusError );
    } else {
      if (typeof(setDDLFunc) == "function") {
        (setDDLFunc)(data);
      }

      if (saveFilter) {
        SaveSortAndFilter(grid);
      }

      jobData = data.record;
      grid.dataSource.read();
    }

  });
}

function SaveSortAndFilter(grid, afterFunc) {
  <?php if ($cu == "") { ?>
  var sortArray = grid.dataSource.sort();

  var sort = kendo.stringify(sortArray);
  var filter = kendo.stringify(grid.dataSource.filter());

  var showCompleted = $(".k-grid-showCompleted").text().trim() == "Hide Completed" ? "Y" : "N";
  var showDeleted = $(".k-grid-showDeleted").text().trim() == "Hide Deleted" ? "Y" : "N";
  $.post("<?php echo $saveCookieURL; ?>", {sort: sort, filter: filter, showCompleted: showCompleted, showDeleted: showDeleted}, function (data) {
    if (data.error.length > 0) {
      $.homecuValidator.displayMessage(data.error, $.homecuValidator.settings.statusError );
    } else {
      $(".k-grid-clearCookie").show();
      $("#invalidRequestServerSide").val(false);

      <?php } ?>
      if (typeof(afterFunc) == "function") {
        (afterFunc)();
      }
      <?php if ($cu == "") { ?>
    }
  });
  <?php } ?>
}

function ChangeFilterSort(grid, fromShowMine) {
    var filters = [];
    if ($(".k-grid-showMine").text().trim() == "Everyone's Jobs") {
      filters.push({logic: "or",
        filters: [
                    {field: "issueOwner", operator: "eq", value: "<?php echo $lowerHu; ?>"},
                    {field: "nextTaskOwner", operator: "eq", value: "<?php echo $lowerHu; ?>"}
                 ]});
    }
    if ($(".k-grid-showSuspended").text().trim() == "Show Suspended") {
      filters.push({field: "status", operator: "neq", value: "Suspended"});
    }

    <?php if ($cu == "") { ?>
    var text = $("#cuFilter").val().trim();
    if (text != "") {
      filters.push({logic: "or",
        filters: [
                    {field: "cuName", operator: "contains", value: text}, {field: "cuCode", operator: "contains", value: text},
                    {field: "issue", operator: "contains", value: text}
                  ]});
    }
    <?php } ?>

    var additionalFilters = $("#advancedMultiselect").data("kendoMultiSelect").value();

    for(var i = 0; i != additionalFilters.length; i++) {
      filters.push({field: "jobType", operator: "contains", value: "|" + additionalFilters[i] + "|"});
    }
    grid.dataSource.filter(filters);

    if (fromShowMine) {
      if ($(".k-grid-showMine").text().trim() == "Everyone's Jobs") {
        grid.dataSource.sort([{field: "issueOwner", dir: "asc"}, {field: "nextTaskOwner", dir: "asc"}, {field: "issue", dir: "asc"}]);
      } else {
        <?php if ($cu != "") { ?>
          grid.dataSource.sort([
                                   {field: "targetDate", dir: "asc", compare: function(a,b) { return CompareFunc(a,b); }},
                                   {field: "entryDate", dir: "asc"}, {field: "cuCode", dir: "asc"},
                                   {field: "issue", dir: "asc"},
                                   {field: "trackId", dir: "asc"}
                               ]);
        <?php } else { ?>
          grid.dataSource.sort([{field: "targetDate", dir: "asc", compare: function(a,b) { return CompareFunc(a,b); }}, {field: "trackId", dir: "asc"}]);
        <?php } ?>
      }
    }

    <?php if ($cu == "") { ?>
      SaveSortAndFilter(grid);
    <?php } ?>
}

function CompareFunc(a,b) {
    var typeSort = a.targetDateTypeSort - b.targetDateTypeSort;
    if (typeSort != 0 || a.targetDateTypeSort != 1) { // make sure that the date sort doesn't happen if there is no target date.
      return typeSort;
    }
    var aDate = new Date(a.targetDate);
    var bDate = new Date(b.targetDate);
    if (aDate > bDate) {
      return 1;
    }
    if (aDate < bDate) {
      return -1;
    }
    return 0;
};

function InitGrid() {
  $.homecuValidator.setup({formValidate: "mainForm", formStatusField: "formValidateMainDiv"});
  <?php if ($cu != "") { ?>
  var sort = [
                {field: "targetDate", dir: "asc"},
                {field: "entryDate", dir: "asc"},
                {field: "cuCode", dir: "asc"},
                {field: "issue", dir: "asc"},
                {field: "trackId", dir: "asc"}
             ];
  <?php } else if (isset($sort) && $sort == "") { ?>
  var sort = [{field: "targetDate", dir: "asc"}, {field: "trackId", dir: "asc"}, {field: "issue", dir: "asc"}];
  <?php } else {
    if (isset($sort)) {
      echo "var sort = $sort;";
    } else {
      echo "var sort = []";
    }
  }?>

  <?php if ($cu == "" && $filter != "") {
    echo "var filter = $filter;";
  } else { ?>
    var filter = {field: "status", operator: "neq", value: "Suspended"};
  <?php } ?>



  for (var i = 0; i != sort.length; i++) {
    if (sort[i].field == "targetDate") {
      sort[i].compare = function(a,b) {
          return CompareFunc(a,b);
      };
      break;
    }
  }

    var grid = $("#reportGrid").kendoGrid({
        dataSource: {
            transport: {
                read: function(options) {
          options.success(jobData);
        }
            },
            schema: {
                model: {
                    id: "trackId",
                    fields: {
                        trackId: {type: "number"},
                        issue: {type: "string"},
                        cuCode: {type: "string"},
                        cuName: {type: "string"},
                        status: {type: "string"},
                        issueOwner: {type: "string"},
                        nextTask: {type: "string"},
                        nextTaskOwner: {type: "string"},
                        entryDate: {type: "date"},
                        lastActivityDate: {type: "date"},
            targetDate: {type: "date"},
            targetDateType: {type: "string"},
            targetDateTypeSort: {type: "number"},
            dropDeadDate: {type: "date"},
            jobType: {type: "string"}
                    }
                }
            },
      sort: sort,
      filter: filter
        },
        sortable: {
      mode: "single"
    },
        resizable: true,
        columns: [
      {text: "", width: "50px"},
      {field: "targetDate", title: "Target", width: "70px", attributes: {style: "min-width: 64px"}, sortable: {
        compare: function(a,b) {
          return CompareFunc(a,b);
        }
      }},
      {field: "dropDeadDate", title: "Due", width: "70px", attributes: {style: "min-width: 64px"}},
      {field: "issue", title: "Job", width: "33%"},
      {field: "status", title: "Status", width: "80px", attributes: {style: "min-width: 64px;"}},
      {field: "issueOwner", title: "Owner", width: "100px", attributes: {style: "min-width: 64px;"}},
      {field: "cuCode", title: "CU Code", width: "100px", attributes: {style: "min-width: 64px;"}},
      {field: "cuName", title: "CU Name", width: "33%"},
      {field: "nextTask", title: "Next Task", width: "33%", headerAttributes: {"class": "k-info-colored"}},
      {field: "nextTaskOwner", title: "Owner", width: "100px", headerAttributes: {"class": "k-info-colored"}},
      {field: "entryDate", title: "Created", width: "70px", attributes: {style: "text-align: right; min-width: 64px;"},
        headerAttributes: {"class": "k-info-colored", style: "min-width: 64px;"}},
      {field: "lastActivityDate", title: "Updated", width: "70px", attributes: {style: "text-align: right; min-width: 64px;"},
        headerAttributes: {"class": "k-info-colored", style: "min-width: 64px;"}}
        ],
        pdf: {
            author: "Billing",
            fileName: "issuesReport.pdf",
            keywords: "issues report",
            landscape: true
        },
    rowTemplate: $("#reportGridRowTemplate").html(),
    noRecords: {
      template: "<tr class='hcuSpacer'><td colspan='12'>No records available</td></tr>"
    }
    }).data("kendoGrid");

  <?php
  echo "var showCompleted = " . (isset($showCompleted) && $showCompleted == "Y" ? "true;" : "false;");
  echo "var showDeleted = " . (isset($showDeleted) && $showDeleted == "Y" ? "true;" : "false;");
  ?>

  GetJobData(showCompleted, showDeleted, false, grid, function(data) {
      fromTemplateCombobox.dataSource.data(data.templateDDL);
      <?php if ($cu == "") { ?>
      cuCombobox.dataSource.data(data.cuDDL);
      <?php } else { ?>
        for(var i = 0; i != data.cuDDL.length; i++) {
          if (data.cuDDL[i].value.toLowerCase() == "<?php echo $cu; ?>") {
            cuName = data.cuDDL[i].cuName;
            break;
          }
        }
      <?php } ?>
  });

  $("#reportGrid").on("click", ".gotoJobBtn", function() {
      var grid = $("#reportGrid").data("kendoGrid");
      var dataItem = grid.dataItem($(this).closest("tr"));
      SaveSortAndFilter(grid, function () {
          showWaitWindow();
          window.location.href = "<?php echo $addURL; ?>&trackId=" + dataItem.trackId;
      });
  });

    $(".k-grid-addCustom").click(function () {
    var grid = $("#reportGrid").data("kendoGrid");
    SaveSortAndFilter(grid, function() {
      showWaitWindow();
      window.location.href = "<?php echo $addURL; ?>";
    });
    return false;
    });

  $(".k-grid-showMine").click(function() {
    if ($(this).text().trim() == "My Jobs") {
      $(this).text("Everyone's Jobs");
    } else {
      $(this).text("My Jobs");
    }
    ChangeFilterSort(grid, true);
    return false;
  });

  $(".k-grid-showSuspended").click(function() {
    if ($(this).text().trim() == "Hide Suspended") {
      $(this).text("Show Suspended");
    } else {
      $(this).text("Hide Suspended");
    }
    ChangeFilterSort(grid);
    return false;
  });

  $("#advancedLink").click(function() {
    if ($(this).text().trim() == "Advanced Options") {
      $("#advancedDiv").show();
      $(this).text("Hide Advanced Options");
    } else {
      $("#advancedDiv").hide();
      $(this).text("Advanced Options");
    }
  });

  <?php if ($cu == "") { ?>
  $("#cuFilter").keyup(function (e) {
    ChangeFilterSort(grid);
    return false;
  });
  setTimeout(function() {$('#cuFilter').focus();}, 0);

  $(".k-grid-clearCookie").click(function () {
    var thisButton = $(this);
    $.post("<?php echo $clearCookieURL; ?>", {}, function(data) {
      if (data.error.length > 0) {
        $.homecuValidator.displayMessage(data.error, $.homecuValidator.settings.statusError );
      } else {
        <?php if ($cu != "") { ?>
          var sort =  [
                        {field: "targetDate", dir: "asc", compare: function(a,b) {return CompareFunc(a,b); }},
                        {field: "entryDate", dir: "asc"},
                        {field: "cuCode", dir: "asc"},
                        {field: "issue", dir: "asc"},
                        {field: "trackId", dir: "asc"}
                      ];
        <?php } else { ?>
        var sort =  [
                      {field: "targetDate", dir: "asc", compare: function(a,b) {return CompareFunc(a,b); }},
                      {field: "trackId", dir: "asc"},
                      {field: "issue", dir: "asc"}
                    ];
        <?php } ?>
        var filter = {field: "status", operator: "neq", value: "Suspended"};

        grid.dataSource.sort(sort);
        grid.dataSource.filter(filter);

        var requery = $(".k-grid-showCompleted").text().trim() == "Hide Completed" || $(".k-grid-showDeleted").text().trim() == "Hide Deleted";

        $(".k-grid-showCompleted").text("Show Completed");
        $(".k-grid-showDeleted").text("Show Deleted");
        $(".k-grid-showSuspended").text("Show Suspended");
        $(".k-grid-showMine").text("My Jobs");
        $("#cuFilter").val(null);

        $("#advancedMultiselect").data("kendoMultiSelect").value(null);
        $("#advancedDiv").hide();
        $("#advancedLink").text("Advanced Options");

        if (requery) {
          GetJobData(false, false, false, grid, null);
        }

        $(thisButton).hide();
      }

    });
    return false;
  });
  <?php } ?>

  $(".k-grid-showCompleted").click(function () {
    var showDeleted = $(".k-grid-showDeleted").text().trim() == "Hide Deleted";
    if ($(this).text().trim() == "Show Completed") {
      GetJobData(true, showDeleted, true, grid);
      $(this).text("Hide Completed");
    } else {
      GetJobData(false, showDeleted, true, grid);
      $(this).text("Show Completed");
    }
    return false;
  });

  $(".k-grid-showDeleted").click(function () {
    var showCompleted = $(".k-grid-showCompleted").text().trim() == "Hide Completed";
    if ($(this).text().trim() == "Show Deleted") {
      GetJobData(showCompleted, true, true, grid);
      $(this).text("Hide Deleted");
    } else {
      GetJobData(showCompleted, false, true, grid);
      $(this).text("Show Deleted");
    }

    return false;
  });

  var advancedMultiselect = $("#advancedMultiselect").kendoMultiSelect({
      dataSource: {
        data: [
                {text: "HB Implementation", value: "imp"},
                {text: "Show Appliance Needed", value: "cloneJob"},
                {text: "Job W/O Billing", value: "unattached"}
              ]
      },
      dataTextField: "text",
      dataValueField: "value",
      placeholder: "Click here to add filter",
      value: <?php echo $filterVariables["advancedFilters"]; ?>,
      change: function() {
        ChangeFilterSort(grid);
      }
  }).data("kendoMultiSelect");


  $(".k-grid-pdf").click(function () {
    grid.saveAsPDF();
    return false;
  });

  $(".k-grid-csv").click(function () {
    DownloadCSV();
    return false;
  });

  $("[data-role='columnsorter']").click(function() {
    SaveSortAndFilter(grid);
    return false;
  });

    var fromTemplateWindow = $("<div id='fromTemplateWindow'></div>").kendoWindow({
        content: {
          template: $("#fromTemplateTemplate").html()
        },
        draggable: false,
        visible: false,
        actions: [],
        modal: true,
        title: "Add Job From Template",
        width: 425,
        resizable: false,
        open: function() {
          if (window.activeWindows != null) {
            window.activeWindows.push(this);
          }
        },
        close: function() {
          if (window.activeWindows != null) {
            window.activeWindows.pop();
          }
        }
    }).data("kendoWindow");

    var fromTemplateCombobox = $("#fromTemplateCombobox").kendoDropDownList({
        dataSource: {
            data: []
        },
        autoBind: false,
        dataTextField: "text",
        dataValueField: "value",
        filter: "startswith"
    }).data("kendoDropDownList");

    <?php if ($cu == "") { ?>
    var cuCombobox = $("#cuCombobox").kendoDropDownList({
        dataSource: {
            data: [],
        schema: {
          model: {
            id: "value",
            fields: {
              value: {type: "string"},
              text: {type: "string"},
              cuName: {type: "string"}
            }
          }
        }
        },
        autoBind: false,
        dataTextField: "text",
        dataValueField: "value",
        filter: "contains"
    }).data("kendoDropDownList");
    <?php } else { ?>
    $("#cuCombobox").text("<?php echo $cu; ?>");
    <?php } ?>

    $("#fromTemplateWindow .okayBtn").click(function () {
      <?php if ($cu == "") { ?>
      var cuName = cuCombobox.dataItem().cuName;
      var parameters = {templateId: fromTemplateCombobox.value(), cu: cuCombobox.value(), cuName: cuName};
      <?php } else { ?>
      var parameters = {templateId: fromTemplateCombobox.value(), cu: "<?php echo $cu; ?>", cuName: cuName};
      <?php } ?>
        $.post("/hcuadm/<?php echo $dataFile; ?>?operation=addIssueFromTemplate", parameters, function (data) {
        if (data.error.length > 0) {
          $.homecuValidator.displayMessage(data.error, $.homecuValidator.settings.statusError );
        } else {
          SaveSortAndFilter(grid, function(){
            showWaitWindow();
            window.location.href = "<?php echo $addURL; ?>&trackId=" + data.trackId;
          });
        }
        });
        fromTemplateWindow.close();
        return false;
    });

    $("#fromTemplateWindow .cancelBtn").click(function () {
        fromTemplateWindow.close();
        return false;
    });

    $(".k-grid-addFromTemplate").click(function () {
        fromTemplateCombobox.select(0);
        fromTemplateWindow.open().center();
        return false;
    });
}

var activeWindows = [];
$(document).ready(function () {
    InitGrid();
  $("body").on("click", ".k-overlay", function() { if (activeWindows.length > 0) activeWindows[activeWindows.length - 1].close(); return false; });
});

</script>

<script type="text/x-kendo-template" id="reportGridRowTemplate">
  # var targetDateText = "";
    if (targetDateType != "") {
      targetDateText = targetDateType;
    } else if (targetDate != null) {
      targetDateText = kendo.toString(targetDate, "MM/dd/yy");
    }
  #
  <tr data-uid="#= uid #">
    <td><a href="\\#" class="gotoJobBtn"><i class="fa fa-external-link"></i></a></td>
    <td>#: targetDateText #</td>
    <td># if (dropDeadDate == null) { # &nbsp; # } else { # #= kendo.toString(dropDeadDate, "MM/dd/yy") # # } #</td>
    <td>#: issue #</td>
    <td>#: status #</td>
    <td>#: issueOwner #</td>
    <td>#: cuCode #</td>
    <td>#: cuName #</td>
    <td># if (nextTask == "") { # <i>N/A</i> # } else { # #: nextTask # # } #</td>
    <td># if (nextTaskOwner == "") { # <i>N/A</i> # } else { # #: nextTaskOwner # # } #</td>
    <td># if (entryDate == null) { # &nbsp; # } else { # #: kendo.toString(entryDate, "MM/dd/yy") # # } #</td>
    <td># if (lastActivityDate == null) { # &nbsp; # } else { # #: kendo.toString(lastActivityDate, "MM/dd/yy") # # } #</td>
  </tr>
</script>

<script type="text/x-kendo-template" id="fromTemplateTemplate">
  <div class="container-fluid hcu-template" id="fromTemplateWindowForm">
    <div class="row hcuSpacer">
      <div class="col-xs-3">
        <label data-for="subject">Template:</label>
      </div>
      <div class="col-xs-9">
        <div id="fromTemplateCombobox" class="hcu-all-100"></div>
      </div>
    </div>
    <div class="row hcuSpacer">
      <div class="col-xs-3">
        <label data-for="subject">CU:</label>
      </div>
      <div class="col-xs-9">
        <div id="cuCombobox" class="hcu-all-100"></div>
      </div>
    </div>
    <div class="hcu-edit-buttons k-state-default">
        <a class="cancelBtn" href="\\#">Cancel</a>
        &nbsp;&nbsp;&nbsp;
        <a class="okayBtn k-button k-primary" href="\\#"><i class="fa fa-check"></i>Update</a>
    </div>
  </div>
</script>

<?php $cu == "" ? printMonitorPageMiddle("CU Job Report") : printMonitorPageMiddle("CU Job Report", null, true); ?>

    <div class="container-fluid" id="mainForm">
      <div id="formValidateMainDiv"></div>
      <div class="row hcuSpacer">
        <div class="col-xs-12">
          <br>
          <a class="k-button k-button-icontext k-grid-addCustom" href="#">
            <span class="fa fa-plus"></span>
          </a>
          <a class="k-button k-button-icontext k-grid-addFromTemplate" href="#">
            <span class="fa fa-plus"></span>&nbsp;From Template
          </a>
          <a class="k-button k-button-icontext k-grid-csv" href="#">
            CSV
          </a>
          <a class="k-button k-button-icontext k-grid-showMine" href="#">
            <?php echo $filterVariables["my"]; ?>
          </a>
          <a class="k-button k-button-icontext k-grid-showSuspended" href="#">
            <?php echo $filterVariables["suspended"]; ?>
          </a>
          <a class="k-button k-button-icontext k-grid-showCompleted" href="#">
            <?php echo $filterVariables["completed"]; ?>
          </a>
          <a class="k-button k-button-icontext k-grid-showDeleted" href="#">
            <?php echo $filterVariables["deleted"]; ?>
          </a>
          <?php if ($cu == "") { ?>
            &nbsp;
            CU/Job Filter: <input id="cuFilter" type="text" class="k-input" value="<?php echo $filterVariables["cu"]; ?>">

            <a class="k-button k-button-icontext k-grid-clearCookie" href="#" <?php if (!$hasCookie) { echo "style= \"display: none;\""; } ?>>
              <span class=" "></span>Reset View
            </a>
          <?php } ?>
          &nbsp;<a id="advancedLink" href="#"><?php echo ($filterVariables["showAdvancedFilters"] ? "Hide " : "") . "Advanced Options"; ?></a>
        </div>
      </div>
      <div class="row hcuSpacer" id="advancedDiv" <?php echo $filterVariables["showAdvancedFilters"] ? "" : "style=\"display:none;\""; ?>>
        <div class="col-xs-12">
          <div style="float:left;">Additional Options: &nbsp;</div>
          <div style="float:left;" id="advancedMultiselectDiv"><div id="advancedMultiselect"></div></div>
        </div>
      </div>
      <div class="row hcuSpacer" id="jobReportContainer">
        <div class="col-xs-12">
          <div id="reportGrid" class="hcu-no-td-border"></div>
        </div>
      </div>
    </div>

<?php printMonitorPageBottom(); ?>