hcuSecureMail.prg

<?php
  /*
   * File: hcuSecureMail
   *
   * Purpose:  Allows messages to be sent between member and Credit Union admin. This is the member side.
   *
   */


    // ** SET SCRIPT LEVEL VARIABLES
    $serviceShowInfo = true;
    $serviceLoadMenu = true;
    $serviceShowMenu = true;

    // ** INCLUDE MAIN GLOBAL SCRIPT -- Handles security / global variable values
    require_once(dirname(__FILE__) . '/../library/hcuService.i');

    /*
     * ** CHECK USER FEATURE PERMISSIONS **
     * NOTE: DOES NOT RETURN ON FAILURE
     */
    PermCheckFeatureScreen($dbh, $HB_ENV, $MC, FEATURE_SECURE_MSG);


    // ** INSERT BUSINESS LOGIC FOR THIS FORM
    $Cu = $HB_ENV["Cu"];
    $Cn = $HB_ENV["Cn"];
    $chome = $HB_ENV["chome"];
    $Flang = $HB_ENV["Flang"];

    // ** SET VARIABLES FOR WEBSITE FLAGS

    // ** INCLUDE PRE CONTENT SCRIPT
    require_once(dirname(__FILE__) . '/../includes/hcuPreContent.i');

    /********* functions ************/

    /********* end functions ********/
    // make sure the feature is allowed
    if ( ($HB_ENV['Fset2'] & GetFlagsetValue("CU2_ALLOWMESSAGE")) != GetFlagsetValue("CU2_ALLOWMESSAGE") ) {
      // not allowed
      $serviceErrorTitle = $MC->msg("Feature Unavailable", HCU_DISPLAY_AS_HTML);
      $serviceErrorMsg = $MC->msg('Feature Not Set', HCU_DISPLAY_AS_HTML) . ".  " . $MC->msg('Contact CU', HCU_DISPLAY_AS_HTML);

      $serviceErrorCode = 915;
      require(dirname(__FILE__) . "/../includes/hcuErrorPage.i");
      exit;
    }

    /*
     * List the headers for use by the grid (with necessary translation).
     *
     */
    $gridHeaders = array( $MC->msg('Topic', HCU_DISPLAY_AS_RAW), $MC->msg('Date', HCU_DISPLAY_AS_RAW) );

?>
<style>
  .k-grid td {
     border-width: 0;
  }

</style>
  <br>
  <div class="container-fluid">
    <h2><?php echo $MC->msg('Secure Messages', HCU_DISPLAY_AS_HTML) ?></h2>
    <div id="hcuTableMessages"></div>
    <div id="messageWindow" name="messageWindow"></div>
    <div id="alertWindow" name="alertWindow"></div>
  </div>

  <script>
          var hcuGridHeaders = <?php echo HCU_JsonEncode($gridHeaders); ?>;
          var currShow = "";

          $(document).ready(function(){
            var openWindow = [];

            var dsMessages = new kendo.data.DataSource({
                autoSync: false,
                batch: false,
                transport: {
                  create: {
                          url: "hcuSecureMail.data?cu=<?php echo $HB_ENV['cu']; ?>",
                          contentType: "application/x-www-form-urlencoded",
                          data: {
                            action: "create"
                          },
                          type: "POST",
                          cache: false
                      },
                  read: {
                          url: "hcuSecureMail.data?cu=<?php echo $HB_ENV['cu']; ?>",
                          dataType: "json",
                          contentType: "application/x-www-form-urlencoded",
                          data: {
                            action: "read_messages",
                            show: "",
                            what: ""
                          },
                          type: "POST",
                          cache: false
                      },
                  update: {
                          url: "hcuSecureMail.data?cu=<?php echo $HB_ENV['cu']; ?>",
                          contentType: "application/x-www-form-urlencoded",
                          data: {
                            action: "update"
                          },
                          type: "POST",
                          cache: false
                      },
                  destroy: {
                          url: "hcuSecureMail.data?cu=<?php echo $HB_ENV['cu']; ?>",
                          contentType: "application/x-www-form-urlencoded",
                          data: {
                            action: "destroy"
                          },
                          type: "POST",
                          cache: false
                      }
                },
                requestStart: function( e ) {
                  ShowWaitWindow();
                },
                requestEnd: function( e ) {
                    CloseWaitWindow();
                    var error = null;
                    // see if there is an error
                    if ( e.response && e.response.homecuErrors )
                      error = e.response.homecuErrors;

                    if ( error && error.length > 0 ) {
                      e.preventDefault();
                      // make sure only old data
                      dsMessages.cancelChanges();
                      // show the error information
                      $.homecuValidator.displayMessage(error, $.homecuValidator.settings.statusError);
                    }
                    else {
                      if ( wnd ) {
                        wnd.close();
                        wnd = null;
                      }
                    }
                },

                // code to run if the request fails; the raw request and
                // status codes are passed to the function
                error: function( e ) {
                    if ( e.errors  ) {
                      this.cancelChanges();
                    }
                },
                schema: {
                  model: {
                      fields: {
                          threadId: {type: "number"},
                          newPic: {type: "string"},
                          subject: {type: "string"},
                          date: {type: "string"}
                      }
                  },
                  parse: function(response) {
                    var display = [];
                    if ( response.homecuData ) {
                      for (var i = 0; i < response.homecuData.length; i++) {
                        display.push(response.homecuData[i]);
                      }

                      $("#hcuTableMessages").data("kendoGrid").dataSource.data(display);
                    }
                    return display;
                  },
                  errors: "homecuError"
                }
              });

            // for reading a thread of messages
            var dsThread = new kendo.data.DataSource({
                transport: {
                  read: {
                          url: "hcuSecureMail.data?cu=<?php echo $HB_ENV['cu']; ?>",
                          dataType: "json",
                          contentType: "application/json",
                          data: {
                            action: "read_thread",
                            parentid: 0             // filled in before request
                          },
                          type: "GET",
                          cache: false
                      }
                },
                schema: {
                    parse: function(response) {
                      var display = [];
                      if ( response.homecuData ) {
                        for (var i = 0; i < response.homecuData.length; i++) {
                          display.push(response.homecuData[i]);
                        }
                      }
                      return display;
                    },
                },
                requestEnd: function( e ) {
                    var error = null;
                    // see if there is an error
                    if ( e.response && e.response.error )
                      error = e.response.error;

                    if ( error && error.length > 0 ) {
                      e.preventDefault();
                      // make sure only old data
                      this.cancelChanges();
                      // show the error information
                      $.homecuValidator.displayMessage(error, $.homecuValidator.settings.statusError);
                    } else {
                      if ( e.response && e.response.homecuData ) {
                        // show the data
                        var threadList = e.response.homecuData;
                        var orig;
                        var className;
                        for ( var i = 0; i < threadList.length; i++ ) {
                          // start a new message
                          var builtMessage = "";

                          if ( threadList[i].origination == 0 ) {
                            className = "k-info-colored threadCU";
                            orig = "<?php echo $MC->msg('CU Said', HCU_DISPLAY_AS_JS) ?>";
                          } else {
                            className = "k-success-colored threadMember";
                            orig = "<?php echo $MC->msg('User', HCU_DISPLAY_AS_JS) ?>";
                          }

                          builtMessage += "<div class='k-block k-shadow " + className + "' style='margin-top:5px;'>";
                          builtMessage += "<span style='display:block; float:left; width:50%; text-align:left; font-weight:bold;'>" + orig + "</span>";
                          builtMessage += "<span style='display:block; float:right; width:50%; text-align:right; font-size:x-small;'>" + threadList[i].date + "</span>";
                          builtMessage += "<br />" + threadList[i].message;
                          builtMessage += "</div>";
                          $("#showThread").append(builtMessage);
                        }

                        // now put an element to scroll to
                        $("#showThread").append( "<span id='bottomOfScroll' />" );

                        // and scroll to it after it is in the dom
                        window.setTimeout( scrollThread, 100 ); // 100 milliseconds

                        // notify the apps that a message was read
                        var appInfo = JSON.stringify( { status: true } );

                      <?php if ( $HB_ENV["platform"] == "ADA" ) :  ?>
                            AndroidController.notifyCommand("READ_MESSAGE", appInfo);
                      <?php elseif ( $HB_ENV["platform"] == "APP" ) :  ?>
                            var postObject = {
                                    body: {
                                        cmd: "READ_MESSAGE",
                                        params: appInfo
                                    }
                                };
                            window.webkit.messageHandlers.interOp.postMessage(postObject);
                      <?php endif ?>

                      <?php if ( $HB_ENV["platform"] == "ADA" ) :  ?>
                            AndroidController.notifyCommand("READ_MESSAGE", appInfo);
                      <?php elseif ( $HB_ENV["platform"] == "APP" ) :  ?>
                            var postObject = {
                                    body: {
                                        cmd: "READ_MESSAGE",
                                        params: appInfo
                                    }
                                };
                            window.webkit.messageHandlers.interOp.postMessage(postObject);
                      <?php endif ?>

                      }
                    }
                },
              });

            function scrollThread( ) {
              var show = $("#showThread").height();
              var test = $('#showThread').prop('scrollHeight');
              $("#showThread").animate({ scrollTop: test }, { duration: 2000 } );
            }

            $('#hcuTableMessages').kendoGrid({
                dataSource: [],
                sortable: {
                  mode: "single",
                  allowUnsort: false
                },
                toolbar: [{ template: kendo.template($("#gridToolbarTemplate").html()) }],
                columns: [
                  { field: "origination",
                    title: "&nbsp;",
                    width: 50,
                    template: function( dataItem ) {
                      // bold if unread
                      var columnValue = "";

                      if ( dataItem.origination === "1" ) {
                        columnValue += "<span class=\"fa fa-arrow-left directionOut\"></span>";
                      } else {
                        columnValue += "<span class=\"fa fa-arrow-right directionIn\"></span>";
                      }

                      return columnValue;
                    }
                  },
                  { field: "date",
                    title: "<?php echo $MC->msg('Date', HCU_DISPLAY_AS_JS) ?>",
                    width: 150,
                    template: function( dataItem ) {
                      // bold if unread
                      var columnValue = "";

                      if ( dataItem.unread ) {
                        columnValue += "<div style='font-weight:bold;'>";
                      }
                      columnValue +=  dataItem.date;

                      if ( dataItem.unread ) {
                        columnValue += "</div>";
                      }

                      return columnValue;
                    }
                  },
                  { field: "subject",
                    title: "<?php echo $MC->msg('Topic', HCU_DISPLAY_AS_JS) ?>",
                    template: function( dataItem ) {
                      // bold if unread
                      var columnValue = "";

                      if ( dataItem.unread ) {
                        columnValue += "<div style='font-weight:bold;'>";
                      }
                      columnValue +=  dataItem.subject;

                      if ( dataItem.unread ) {
                        columnValue += "</div>";
                      }

                      return columnValue;
                    }
                  }
                ],
                selectable: "row",
                change: function(e) {
                  var selectedRow = this.dataItem(this.select());

                  // mark it read
                  selectedRow.unread = 0;

                  // start the read
                  StartMessage( selectedRow.threadId, selectedRow.subject );

                  var grid = $("#hcuTableMessages").data("kendoGrid");
                  grid.refresh();
                },
                dataBound: function(e) {
                  $("#hcuTableMessages").find("tbody tr").each(function(i) {
                    $(this).removeClass("k-alt");
                    $(this).css("cursor", "pointer");
                  });
                }
              });

            // keep these "global" so can reference them elsewhere
            var wnd;

            // Show the requested data
            // In box
            $('#inBox').click( function() {
              $('#inBox').addClass("k-state-focused");
              $("#outBox").removeClass("k-state-focused");
              $("#unread").removeClass("k-state-focused");
              currShow = "IN";
              // clear out the find
              $("#findText").val("");
              var request = { show: currShow };
              dsMessages.read( request );
            });

            // Out box
            $('#outBox').click( function() {
              $('#outBox').addClass("k-state-focused");
              $("#inBox").removeClass("k-state-focused");
              $("#unread").removeClass("k-state-focused");
              currShow = "OUT";
              // clear out the find
              $("#findText").val("");
              var request = { show: currShow };
              dsMessages.read( request );
            });

            // search in current box
            $('#findTopic').click( function() {
              var request = { what: $('#findText').val(), show: currShow };
              dsMessages.read( request );
            });

            // create a new message
            $('#createNew').click( function() {
              StartMessage( 0, "" );
            });

            // toggle search fields
            $("#showFind").on("click", function() {
              $(".optionsFind").toggle();
            });

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

            // set up a view model for viewing the thread and/or starting a message
            var currMessage = kendo.observable({
                              // common
                              threadId: 0,
                              subject: "",
                              message: "",
                              // save the current view attributes
                              show: currShow,
                              what: $('#findText').val(),
                              order: function () {
                                var grid = $("#hcuTableMessages").data("kendoGrid");
                                // Get the datasource bound to the grid
                                var ds = grid.dataSource;
                                // Get current sorting
                                var sort = ds.sort();

                                var sortVal = "";
                                if ( sort ) {
                                  if ( sort[0].field === "date" ) {
                                      sortVal = "d";
                                  } else {
                                      sortVal = "t";
                                  }

                                  if ( sort[0].dir === "desc" )
                                      sortVal = sortVal.toUpperCase();
                                }

                                return sortVal;
                              },
                              messageSend: function(e) {
                                  var request;

                                  if ( $.homecuValidator.validate() ) {
                                    request = { action: "send_message", parentid: this.threadId, subject: this.subject,
                                                message: this.message, show: this.show, what: this.what, order: this.order };

                                    dsMessages.transport.read.type = "POST";
                                    dsMessages.read( request );
                                  }
                              },
                              closeThis: function(e) {
                                wnd.close();
                              },
                              confirmDelete: function(e) {
                                StartDelete( this.threadId );
                              }
            });
            // set up a view model for handling a delete confirmation
            var deleteConfirm = kendo.observable({
                              threadId: 0,
                              // save the current view attributes
                              show: currShow,
                              what: $('#findText').val(),
                              order: function () {
                                var grid = $("#hcuTableMessages").data("kendoGrid");
                                // Get the datasource bound to the grid
                                var ds = grid.dataSource;
                                // Get current sorting
                                var sort = ds.sort();

                                var sortVal = "";
                                if ( sort ) {
                                  if ( sort[0].field === "date" ) {
                                      sortVal = "d";
                                  } else {
                                      sortVal = "t";
                                  }

                                  if ( sort[0].dir === "desc" )
                                      sortVal = sortVal.toUpperCase();
                                }

                                return sortVal;
                              },
                              deleteConfirm: function(e) {
                                  var request;

                                  request = { action: "delete_message", parentid: this.threadId,
                                              show: this.show, what: this.what, order: this.order };

                                  dsMessages.transport.type = "POST";
                                  dsMessages.read( request );

                              }
            });


            function StartMessage( threadId, subject ) {
              var messageType;
              if ( threadId > 0 ) {
                messageType = "read";

                // make sure a reply starts with "Re:"
                var re = "<?php echo $MC->msg('Re', HCU_DISPLAY_AS_JS) ?>";
                var test = subject.substr( 0, re.length );
                if ( test != re ) {
                  subject = re  + ": " + subject;
                }
              } else {
                messageType = "new";
              }

              currMessage.threadId = threadId;
              currMessage.subject = subject;
              currMessage.message = "";

              wnd = $('#messageWindow').kendoWindow({
                      modal: true,
                      iframe: false,
                      visible: false,
                      width:"85%",
                      maxWidth:700,
                      animation: {
                                  open: {
                                      effects: "fadeIn",
                                      duration: 500
                                  },
                                  close: {
                                      effects: "fadeOut",
                                      duration: 500
                                  }
                              },
                      activate: function(e) {
                        // bind the Model View
                        kendo.bind($("#messageDisplay"), currMessage);

                        // set up some validation
                        $.homecuValidator.setup({formValidate: "formSubmitMsg", validateOnClick: "sendMsg",
                                                 formErrorTitle: "<?php echo $MC->msg("Error Occurred", HCU_DISPLAY_AS_JS) ?>",
                                                 formStatusField: "secureMsgErrors"});


                        if ( currMessage.threadId > 0 ) {
                          // get the messages for this thread
                          var request = { action: "read_thread", parentid: currMessage.threadId };
                          dsThread.read( request );
                        }
                        onResize();

                        // save the window reference
                        var latestWindow = $("#messageWindow").data("kendoWindow");
                        openWindow.push( latestWindow );
                      },
                      close: function(e) {
                        // just remove the latest
                        openWindow.pop();
                      }
                 }).data('kendoWindow');


              var title;
              if ( threadId === 0 )
                title = "<?php echo $MC->msg("Create New Message", HCU_DISPLAY_AS_JS) ?>";
              else
                title = "<?php echo $MC->msg("User Messages", HCU_DISPLAY_AS_JS) ?>";

              wnd.content( messageTemplate( { messageType: messageType }  ) );

              wnd.setOptions({title: title});

              wnd.center().open().toFront();

            }

            function onResize(e) {
              var height = $('#messageWindow').height();
            };


            function StartDelete( threadId ) {
              deleteConfirm.threadId = threadId;

              var wndDelete= $("#alertWindow").data("kendoDialog");
              if (wndDelete == null)
              {
                wndDelete = $('#alertWindow').kendoDialog({
                    modal: true,
                    visible: false,
                    title: "<?php echo $MC->msg('Confirmation', HCU_DISPLAY_AS_JS) ?>",
                    content: "<p><?php echo $MC->msg('Delete All Messages', HCU_DISPLAY_AS_JS) ?></p><p><?php echo $MC->msg("ACH Continue", HCU_DISPLAY_AS_JS) ?></p>",
                    open: function(e) {
                      // save the window reference
                      var latestWindow = $("#alertWindow").data("kendoDialog");
                      openWindow.push( latestWindow );
                    },
                    close: function(e) {
                      // just remove the latest
                      openWindow.pop();
                    },
                    actions: [
                      {text: "<?php echo $MC->msg("Yes", HCU_DISPLAY_AS_JS); ?>", primary: true, action: function() { deleteConfirm.deleteConfirm(); }},
                      {text: "<?php echo $MC->msg("No", HCU_DISPLAY_AS_JS); ?>"}
                    ]
                }).data('kendoDialog');
              }
              wndDelete.open();
            }

            $(document).on("click", ".k-overlay", function () {
              // close the currently open window
              if ( openWindow.length > 0 ) {
                openWindow[openWindow.length-1].close();
              }
            });

            // on document ready, check window size, hide find fields if small
            if ($(window).width() > 767) {
              $(".optionsFind").show();
              $(".optionsAdd #showFind").hide();
            } else {
              $(".optionsFind").hide();
              $(".optionsAdd #showFind").show();
            }

            // on window resize, deal with visibility of find fields
            var windowLastSize = $(window).width();
            $(window).resize(function(e) {
              var windowSize = $(window).width();
              if (windowSize > 767) {
                $(".optionsFind").show();
                $(".optionsAdd #showFind").hide();
              } else {
                if ($(".optionsFind").is(":visible")) {
                  if (windowLastSize >= 768) {
                    $(".optionsFind").hide();
                  } else {
                    $(".optionsFind").show();
                  }
                }
                $(".optionsAdd #showFind").show();
              }
              windowLastSize = windowSize;
            });

            var height = screen.height - 200;
            $("#hcuTableMessages  .k-grid-content").css({maxHeight: height});
          dsMessages.read();
        });

        </script>

        <style type="text/css">
          .threadCU
          {
            width: 80%;
            float: left;
          }

          .threadMember
          {
            width: 80%;
            float: right;
          }

          .row {
            margin: 10px 0 0 0;
          }

          .k-grid tr td {
            border-right: 0;
            border-left: 0;
          }

          .optionsAdd,
          .optionsFind {
            padding-top: 5px;
            padding-bottom: 5px;
            display: inline-block;
          }

          .directionIn {
            color: #507f50;
          }

          .directionOut {
            color: #50607f;
          }
        </style>
        <script type="text/x-kendo-template" id="gridToolbarTemplate">
          <div class="optionsAdd">
            <a class="k-button" href="\#" id="createNew">
              <span class="fa fa-plus btn-icon-custom btn-icon-custom"></span>
              <span>&nbsp;<?php echo $MC->msg('Add Message', HCU_DISPLAY_AS_JS) ?></span>
            </a>

            <a class="optionsShowFind k-button" href="\#" id="showFind">
              <span class="fa fa-search btn-icon-custom"></span>
            </a>
          </div>
          <div class="optionsFind">
            <span><?php echo $MC->msg('Find', HCU_DISPLAY_AS_JS) . " " . $MC->msg('Topic', HCU_DISPLAY_AS_JS) ?>:</span><br>
            <input type="text" id="findText" class="k-textbox" value="" />
            <a class="k-button" href="\#" id="findTopic">
              <span class="fa fa-search btn-icon-custom"></span>
              <span><?php echo $MC->msg('Find', HCU_DISPLAY_AS_JS) . " " . $MC->msg('Topic', HCU_DISPLAY_AS_JS) ?></span>
            </a>
          </div>
          <!--<div id="options">
            <ul>
              <li>
                <div class="k-block" style="border:0;">
                  <br />
                  <a class="k-button" href="\#" id="createNew"><span class="fa fa-plus btn-icon-custom btn-icon-custom"></span>&nbsp;<?php echo $MC->msg('Add Message', HCU_DISPLAY_AS_JS) ?></a>
                </div>
              </li>
              <li class="small-find">
                <div class="k-block" style="border:0;">
                  <br />
                  <a class="k-button" href="\#" id="showFind"><span class="fa fa-search btn-icon-custom"></span></a>
                </div
              </li>
              <li class="big-find">
                <div class="k-block">
                    <?php echo $MC->msg('Find', HCU_DISPLAY_AS_JS) . " " . $MC->msg('Topic', HCU_DISPLAY_AS_JS) ?>:<br />
                    <input type="text" id="findText" class="k-textbox" value="" />
                    <a class="k-button" href="\#" id="findTopic"><span class="fa fa-search btn-icon-custom"></span> <?php echo $MC->msg('Find', HCU_DISPLAY_AS_JS) . " " . $MC->msg('Topic', HCU_DISPLAY_AS_JS) ?></a>
                </div>
              </li>
            </ul>
          </div>-->
          <span id="displayStatus"></span>
        </script>
        <script type="text/x-kendo-template" id="messageTemplate">
          <div class="container-fluid hcu-template">
          <div id="messageDisplay">
            <div id="secureMsgErrors" class="homecu-formStatus k-block k-error-colored" style="display: none;"></div>
            <div class="row" style="height:100%">
              <div class="col-xs-12 nopadding" style="height:100%;">
                <div id="panes" style="height:100%; border:0;">
                  <div id="topPane">
                # if ( messageType === "read" ) { #
                      <div id="showThread" />
                # } else { #
                      <div style="text-align:center;"><?php echo $MC->msg("Create New Message", HCU_DISPLAY_AS_JS); ?></div>
                # } #
                  </div>
                  <div id="middlePane" class="well well-sm">
                    <form id="formSubmitMsg" style="width:100%">
                      <div class="row" style="width:100%;">
                        <label for="msgTopic" class="control-label col-xs-12 col-sm-2 nopadding"><?php echo $MC->msg('Topic', HCU_DISPLAY_AS_JS); ?></label>
                        <div class="col-xs-12 col-sm-10 nopadding">
                          <input type="text" id="msgTopic" name="msgTopic" class="k-textbox" #if ( messageType == "read" ) {#readonly#}# data-bind="value: subject" style="width:100%;" placeholder="<?php echo $MC->msg("Topic", HCU_DISPLAY_AS_JS) ?>" required data-required-msg="<?php echo $MC->msg('Message subject cannot be blank', HCU_DISPLAY_AS_JS) ?>" />
                          <span class="k-invalid-msg" data-for="msgTopic"></span>
                        </div>
                      </div>
                      <div class="row" style="width:100%;">
                        <label for="msgMessage" class="control-label col-xs-12 col-sm-2 nopadding"><?php echo $MC->msg('Message', HCU_DISPLAY_AS_JS) ?></label>
                        <div class="col-xs-12 col-sm-10 nopadding">
                          <textarea class="k-textbox" id='msgMessage' name="msgMessage" rows='9' cols='75' wrap='physical'
                                    style='width:100%; height:100%; padding:3px;'
                                    placeholder="<?php echo $MC->msg('Message', HCU_DISPLAY_AS_JS) ?>"
                                    data-bind="value: message"
                                    required data-required-msg="<?php echo $MC->msg('Message body cannot be blank', HCU_DISPLAY_AS_JS) ?>" ></textarea>
                          <span class="k-invalid-msg" data-for="msgMessage"></span>
                        </div>
                      </div>
                    </form>
                  </div>

                  <?php $send= $MC->msg("Send", HCU_DISPLAY_AS_JS); $cancel= $MC->msg("Cancel", HCU_DISPLAY_AS_JS); ?>

                  <div id="bottomPane">
                      <div class="hcu-edit-buttons k-state-default row">
                        # if (messageType == "read") { #
                          <span class="hcu-icon-delete">
                            <a class="deleteBtn" data-bind="events:{ click: confirmDelete }"><i class="fa fa-trash-o fa-lg"></i></a>
                          </span>
                        # } #
                      <a class="cancelBtn" data-bind="events:{ click: closeThis }"><?php echo $cancel; ?></a>
                      &nbsp;&nbsp;&nbsp;
                      <a id="sendMsg" class="sendBtn k-button k-primary" data-bind="events:{ click: messageSend }"><i class="fa fa-check"></i><?php echo $send; ?></a>
                    </div>
                  </div>

                </div>
              </div>
            </div>
          </div>
          </div>
        </script>
<?php
    /*
     * ** END CONTENT
     */


    // ** INCLUDE POST CONTENT SCRIPT
    require_once(dirname(__FILE__) . '/../includes/hcuPostContent.i');

?>