hcuProfileEmail.prg

<?php
  /*
   * File: hcuProfileEmail
   *
   * Purpose:  Handle the client-side updating of the user's email info.
   *
   */

  // ** 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_BASIC);

  // ** INSERT BUSINESS LOGIC FOR THIS FORM

  // ** SET VARIABLES FOR WEBSITE FLAGS
  $EMAIL_FLAG = GetMsgTxValue('MSGTX_FORCE_EM');

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

  /*
   * ** START CONTENT
   */
  // see if admin is requiring email validation
  $emailRequired = ($HB_ENV['Fmsg_tx'] & $EMAIL_FLAG);

  // read the current settings
  $defaultEmail = "";
  $defaultEgenl = "";
  $sql = "SELECT email, egenl_flag FROM {$HB_ENV['Cu']}user WHERE user_name='{$HB_ENV['Cn']}'";
  $profileRS = db_query( $sql, $dbh );
  if ( $profileRow = db_fetch_array( $profileRS, 0 ) ) {
    $defaultEmail = trim( $profileRow['email'] );
    $defaultEgenl = trim( $profileRow['egenl_flag'] );
  }
  db_free_result($profileRS);

  // get any email alerts so user has the option of updating those email addresses, also
  $alertInfo = Get_AlertsDetailed( $dbh, $HB_ENV["Cu"], $HB_ENV["Uid"], $HB_ENV["Fset3"]);
  $alertData = $alertInfo['data'];

  $hasAlertEmail = count( $alertData ) > 0;

  ?>
<script type="text/javascript">
  $(document).ready(function() {
      var dsProfileEmail = new kendo.data.DataSource({
        autoSync: false,
        batch: false,
        pageSize: 10,
        error: function(e) {
        },
        transport: {
          read: {
            url: "hcuProfile.data?cu=<?php echo $HB_ENV["Cu"] ?>",
            dataType: "json",
            contentType: "application/json",
            type: "GET",
            data: {
              action: "thisshouldgetoverwritten"
            },
            cache: false
          }
        },
        schema: {
          parse: function(response) {
            // not showing data, so return empty array
            var display = [];
            return display;
          }
        },
        requestStart: function(e) {
          ShowWaitWindow();
        },
        requestEnd: function(e) {
          var error = null;

          // stop the progress bar
          CloseWaitWindow();

          // 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
            this.cancelChanges();
            // show the error information
            $.homecuValidator.displayMessage(error, $.homecuValidator.settings.statusError);
          } else {
            if ( e.response && e.response.homecuInfo && (e.response.homecuInfo.message.length > 0) ) {
              ShowStatus( e.response.homecuInfo.message );
            }

            // present the device key to the apps
            if ( e.response.homecuData &&
                 e.response.homecuData.homecuKey &&
                 (e.response.homecuData.homecuKey.length > 0) ) {
                var appInfo = JSON.stringify( { deviceKey: e.response.homecuData.homecuKey } );

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

            var grid = $("#gridAlertEmails").data("kendoGrid");

            // REFRESH DATA & GRID
            if (grid) {
              grid_ds = grid.dataSource;
              grid_ds.read();
              grid.refresh();
            }

          <?php
            // let apps know we did an update to profile info
            if ( $HB_ENV["platform"] == "APP" || $HB_ENV["platform"] == "ADA" ) {
                $paramsForApps = array( "script" => "ProfileEmail" );
                $paramsJSON = HCU_JsonEncode($paramsForApps);
          ?>
                var appInfo = '<?php echo $paramsJSON; ?>';

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

          }
        }

      });



      // status will be shown in the default info location
      function ShowStatus( statusMessage ) {
        $.homecuValidator.settings.formStatusField = "formStatus";
        $.homecuValidator.settings.formInfoTitle = "";
        $.homecuValidator.displayMessage(statusMessage);
      }

      function ClearStatus( ) {
        $.homecuValidator.settings.formStatusField = "formStatus";
        $.homecuValidator.settings.formInfoTitle = "";
        $.homecuValidator.displayMessage(null);
      }

      $("#btnUpdate").click( function() {
        if ($.homecuValidator.validate()) {
          var alertEmails = "";

          // GRID INFORMATION, grid, datasource, number of rows
          var grid = $("#gridAlertEmails").data("kendoGrid");
          if (grid) {
            var grid_ds = grid.dataSource;
            var grid_nr = grid_ds.total();

            if (grid_nr > 0) {

              for(var i = 0; i < grid_nr; i++) {

                // GET ROW
                var row = grid_ds.at(i);
                if($("#email"+row.id).prop('checked')) {

                  if(alertEmails.length > 0) {
                    alertEmails = alertEmails + "|";
                  }
                  alertEmails = alertEmails + row["email"];
                }
              }
            }
          }

          var request = {
            action: "email_save",
            email: $("#emailAddress").val(),
            emailValid: ($("#profileEmailValid").prop("checked") ? "Y" : "N"),
            egenl: ($("#profileEgenl").prop("checked") ? "Y" : "N"),
            alertEmails: alertEmails
          };

          ShowWaitWindow();

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

        }
      });


      // MOBILE COLUMN TEMPLATE
      var mobile_column_data = "";
      mobile_column_data += "<div class=\"account_cell_desc\"><strong><?php echo $MC->msg("Alert Type", HCU_DISPLAY_AS_JS); ?>:</strong></div> <div class=\"account_cell_value\">#= type #</div>";

      mobile_column_data += "<div class=\"account_cell_desc\"><strong><?php echo $MC->msg("Alert Email Address", HCU_DISPLAY_AS_JS); ?>:</strong></div> <div class=\"account_cell_value\">#= email #</div>";

      $('#gridAlertEmails').kendoGrid({
          dataSource: {
            transport: {
              read: {
                url: "hcuProfile.data?cu=<?php echo $HB_ENV["Cu"] ?>",
                dataType: "json",
                contentType: "application/json",
                type: "GET",
                data: {
                  action: "read_alert_emails"
                },
                cache: false
              }
            },
            requestStart: function() {
              ShowWaitWindow();
            },
            requestEnd: function() {
              CloseWaitWindow();
            },
            schema: {
              parse: function(data) {
                return data.homecuData;
              }
            }
          },
          sortable: {
            mode: "single",
            allowUnsort: false
          },
          pageable: false,
          autoBind: true,
          editable: false,
          selectable: "row",
          columns: [
            {
              field: "type",
              title: "<?php echo $MC->msg("Alert Type", HCU_DISPLAY_AS_JS); ?>",
              editable: false,
              minScreenWidth: 768
            },
            {
              field: "email",
              title: "<?php echo $MC->msg("Alert Email Address", HCU_DISPLAY_AS_JS); ?>",
              editable: false,
              minScreenWidth: 768
            },
            {
              title: "<?php echo $MC->msg("Alerts", HCU_DISPLAY_AS_JS); ?>",
              template: mobile_column_data
            },
            {
              field: "choice",
              title: "<?php echo $MC->msg("Update", HCU_DISPLAY_AS_JS); ?>",
              width: 65,
              template: "<input type='checkbox' id='email#=id#' #= choice === 'Y' ? 'checked=checked' : '' #></input>",
              editable: false
            }
          ],
          change: function(e) {
            e.preventDefault();

            var selectedRow = this.dataItem(this.select());
            var rowChecked = $("#email"+selectedRow["id"]).prop("checked");

            $("#email"+selectedRow["id"]).prop("checked", !rowChecked);

            // cause the check box to be clicked
            // NOTE: the onclick handler will return "false" to prevent a "double click" when clicking on the checkbox itself
            return false;
          },
          dataBound: function () {
              $("table tbody tr").hover(
                function() {
                  $(this).toggleClass("k-state-hover");
                }

              );
          }
        });


    // set up some validation, using the default error location
    $.homecuValidator.setup({formValidate: "formProfile",
      formErrorTitle: "<?php echo $MC->msg("Error Occurred", HCU_DISPLAY_AS_JS) ?>"});

    // Must hide confirmation email until
    // the user makes a change to the original
    // email

    // On change, display the email field
    // add required and homecu validator fields

    // Also if email is required, disable the checkbox
    // after checking.
    $("#emailConfirmSection").hide();
    $("#emailAddress").change(function(){
      $("#profileEmailValid").prop("checked", true);
      $("#profileEmailValid").prop("disabled", true);
      $("#emailConfirmSection").show();
      $("#emailAddressConfirm").attr("required", "required");
      $("#emailAddressConfirm").attr("homecu-match", "email");
      $("#emailAddressConfirm").attr("homecu-equals", "email_match");
    });

    //

    // CHECK SIZE TO HIDE LAST COLUMN, LAST COLUMN ONLY VISIBLE IN MOBILE
    var width = $(window).width();
    var grid = $("#gridAlertEmails").data("kendoGrid");

    // INITIAL CHECK IN PAGE OPEN
    if (grid) {
      if ($(window).width() >= 768) {
        grid.hideColumn(2);
      } else {
        grid.showColumn(2);
      }

      // CHECK ON PAGE RESIZE
      $(window).resize(function() {
        width = $(window).width();

        if (width >= 768) {
          grid.hideColumn(2);
        } else {
          grid.showColumn(2);
        }
      });
    }
  });

</script>

<!-- STYLES -->
<style type="text/css">
.hcuProfileEmailDiv {
  min-width: 300px;
  max-width: 700px;
  margin-left: 0px;
  margin-top: 15px;
}

.container-fluid-margin {
  margin: 15px;
}

.k-block > .k-header {
  white-space: normal;
  height: 100%;
}

.hcu-info-margin, .hcu-error-margin {
  margin: 15px 0;
}

.hcu-info-padding, .hcu-error-padding {
  padding: 15px;
}

.hcu-full-width {
  width: 100%;
}
/* top-bottom margin */
.hcu-container-margin {
  margin: 15px 0;
}
.hcu-no-padding {
  padding: 0;
}

.hcu-cursor-pointer {
  cursor: pointer;
}

.account_cell_desc {
  width: 50%;
  float: left;

  text-align: left;
}

.account_cell_value {
  width: 50%;
  float: left;

  text-align: right;
}

@media only screen and (max-width: 500px) {
  .account_cell_desc {
    width: 100%;
    text-align: left;
  }

  .account_cell_value {
    width: 100%;
    text-align: left;
  }
}
</style>

<!-- HTML CONTENT -->
<div class="container-fluid hcuProfileEmailDiv">
  <div class="well well-sm">

    <!-- HEADER -->
    <div>
      <h3><?php echo $MC->msg('Change Email Settings', HCU_DISPLAY_AS_HTML); ?></h3>
    </div>

    <!-- FORM ELEMENTS -->
    <form id="formProfile" name="formProfile">
      <fieldset>
        <div class="col-xs-12 col-sm-6 hcu-container-margin">

          <label for="emailAddress" class="hcu-full-width">
            <?php echo $MC->msg("Email Address", HCU_DISPLAY_AS_HTML); ?>:
          </label>

          <input type="email" name="emailAddress"
            id="emailAddress"
            class="k-textbox hcu-full-width email_match"
            value="<?php echo $defaultEmail ?>"
            placeholder="<?php echo $MC->msg('Email Address', HCU_DISPLAY_AS_HTML); ?>"
            homecu-match="email"
            data-email-msg="<?php echo $MC->msg('Email appears invalid', HCU_DISPLAY_AS_HTML) ?>"
            data-homecuCustomMatch-msg="<?php echo $MC->msg('Email appears invalid', HCU_DISPLAY_AS_HTML) ?>"
            data-required-msg="<?php echo $MC->msg('EMail Missing', HCU_DISPLAY_AS_HTML) ?>"
            required >

        </div>

        <div class="col-xs-12 col-sm-6 hcu-container-margin" id="emailConfirmSection">

          <label for="emailAddressConfirm" class="hcu-full-width">
            <?php echo $MC->msg("Confirm Email Address", HCU_DISPLAY_AS_HTML); ?>:
          </label>

          <input type="email" name="emailAddressConfirm"
            id="emailAddressConfirm"
            class="k-textbox hcu-full-width email_match"
            placeholder="<?php echo $MC->msg('Confirm Email Address', HCU_DISPLAY_AS_HTML); ?>"
            data-email-msg="<?php echo $MC->msg('Email appears invalid', HCU_DISPLAY_AS_HTML) ?>"
            data-homecuCustomMatch-msg="<?php echo $MC->msg('Email appears invalid', HCU_DISPLAY_AS_HTML) ?>"
            data-homecuCustomEquals-msg="<?php echo $MC->msg('Email Confirm Mismatch', HCU_DISPLAY_AS_HTML); ?>"
            data-required-msg="<?php echo $MC->msg('Please confirm email', HCU_DISPLAY_AS_HTML) ?>">
        </div>
      </fieldset>

      <fieldset>
        <?php if ($emailRequired): ?>
        <div class="col-xs-12 hcu-container-margin checkbox">

            <label for="profileEmailValid" id="profileEmailValidTxt" class="hcu-cursor-pointer">
              <input type="checkbox" name="profileEmailValid"
                id="profileEmailValid"
                class=""
                data-required-msg="<?php echo $MC->msg("Please confirm email", HCU_DISPLAY_AS_HTML); ?>"
                required >
              <?php echo $MC->msg('Bad Email Flag 2', HCU_DISPLAY_AS_HTML); ?>
            </label>

        </div>
        <?php endif; ?>

        <div class="col-xs-12 hcu-container-margin checkbox">

          <label for="profileEgenl" id="profileEgenlTxt" class="hcu-cursor-pointer">
            <input type="checkbox" name="profileEgenl"
              id="profileEgenl"
              value="Y"
              <?php echo ($defaultEgenl == "N" ? "" : "checked") ?>>
            <?php echo $MC->msg('Yes Email List', HCU_DISPLAY_AS_HTML); ?>
          </label>

        </div>
      </fieldset>

      <?php if ($hasAlertEmail): ?>
      <fieldset id="updateAlertEmails">
        <div class="col-xs-12 hcu-container-margin">
          <span>
            <i><?php echo $MC->msg( "Alert email message.", HCU_DISPLAY_AS_HTML ); ?></i>
          </span>
          <div id="gridAlertEmails"></div>
        </div>
      </fieldset>
      <?php endif; ?>

    </form>

  </div>
  <div class="hcu-template">
    <div class="hcu-edit-buttons k-state-default">
      &emsp;
      <a href="##" id="btnUpdate" class="k-button k-primary">
        <i class="fa fa-check fa-lg"></i><?php echo $MC->msg("Update", HCU_DISPLAY_AS_HTML); ?>
      </a>
    </div>
  </div>
</div>
<?php
  /*
   * ** END CONTENT
   */

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

?>