hcuProfileDesc.prg

<?php
  /*
   * File: hcuProfileDesc
   *
   * Purpose:  Handle the client-side updating of the user's account descriptions.
   *
   */

  // ** 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

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

  /*
   * ** START CONTENT
   */

  $Cu = $HB_ENV["Cu"];
  $Cn = $HB_ENV["Cn"];
  $live = $HB_ENV["live"];

  # get the frag if there is one
  // ** Check to make sure the Terms are returned.
  // * if no frag returned, use default text from dictionary
  $settingsText = "";
  $noticesAry = Get_NoticeInfo($dbh, $HB_ENV, $MC, 'D', 'profileDescNotice');
  if ( $noticesAry["status"]["code"] == "000" && HCU_array_key_exists('0', $noticesAry['notice'])) {
    if ( $noticesAry['notice'][0]['notice_text'] ) {
      $settingsText = $noticesAry['notice'][0]['notice_text'];
    }
  }

  if ($settingsText == "") {
    $settingsText = $MC->msg('Account Names Change', HCU_DISPLAY_AS_HTML);
  }
  ?>
<script type="text/javascript">

  $(document).ready(function() {

    // FIRST LOAD OF PAGE
    var FIRST_LOAD = true;

    // DATA SETS FOR EACH GRID
    var data_dp = [];
    var data_ln = [];
    var data_cc = [];
    var data_fl = [];

    // HELP WINDOW
    var hcuWindow_help = null;

    // GRID OBJECTS FOR EACH GRID
    var hcuGridDesktop_deposit = null;
    var hcuGridMobile_deposit = null;

    var hcuGridDesktop_loan = null;
    var hcuGridMobile_loan = null;

    var hcuGridDesktop_credit = null;
    var hcuGridMobile_credit = null;

    var hcuShowReset = false;
    var hcuResetConfirm = null;
    var hcuWindowStack = [];

    // clear the account name on button click.
    $(".hcuProfileDescDiv").on("click", ".accountClearBtn", function() {
      $(this).closest(".input-group").find("[name='accountName']").val(null);
      return false;
    });

    // DATASOURCE FOR READING AND BUILDING GRIDS
    var hcuDataSource_read = new kendo.data.DataSource({
      autoSync: false,
      batch: false,
      transport: {
        read: {
          url: "hcuProfile.data?cu=<?php echo $HB_ENV["cu"] ?>",
          dataType: "json",
          contentType: "application/x-www-form-urlencoded",
          type: "GET",
          data: {
            action: "acct_desc_read"
          },
          cache: false
        },
        update: {
          url: "hcuProfile.data?cu=<?php echo $HB_ENV["cu"] ?>",
          dataType: "json",
          contentType: "application/x-www-form-urlencoded",
          type: "POST",
          data: {
            action: "acct_desc_update"
          },
          cache: false
        }
      },
      schema: {
        model: { id: "displayorder" },
        parse: function(response) {
          var errors = [];
          var success = [];

          // CHECK FOR ERROR
          if (response.hasOwnProperty('homecuErrors')) {
            error = response.homecuErrors;

            // DISPLAY ERROR
            if (error && error.length > 0) {
              $.homecuValidator.displayMessage(error, $.homecuValidator.settings.statusError);
            }
          // STATUS MESSAGE
          } else if (response.hasOwnProperty("homecuInfo")) {
            ShowStatus(response.homecuInfo[0]);

          // DATA READ
          } else {
            success = response.homecuData;

            // DATA ARRAY TO NEW ARRAY
            data_fl = [];

            // DATA SETS FOR EACH GRID
            data_dp = success.dp;
            data_ln = success.ln;
            data_cc = success.cc;

            // PREORDER GRIDS
            /*preOrder(data_dp, "dp");
            preOrder(data_ln, "ln");
            preOrder(data_cc, "cc");*/

            // COMBINE FOR DATASOURCE (ONLY USED FOR SENDING UPDATE TO SQL)
            data_fl = data_fl.concat(data_dp);
            data_fl = data_fl.concat(data_ln);
            data_fl = data_fl.concat(data_cc);

            // GET RESET ABILITY
            hcuShowReset = canResetOrder(data_fl);

            if (!FIRST_LOAD) {
              var template= kendo.template($("#sortableTemplate").html());
              $("#hcuSortableMobileDeposit").html(template({theData: data_dp}));
              $("#hcuSortableMobileLoan").html(template({theData: data_ln}));
              $("#hcuSortableMobileCredit").html(template({theData: data_cc}));
            } else {
              // BUILD DESKTOP GRIDS
              buildSortable("dp");
              buildSortable("ln");
              buildSortable("cc");

              // SET FIRST_LOAD FALSE TO NOT BUILD GRIDS MULTIPLE TIMES
              FIRST_LOAD = false;
            }

            if (hcuShowReset) {
              $("#lnkCancel").show();
            } else {
              $("#lnkCancel").hide();
            }
          }

          // SET CHANGE LISTENER ON ALL GRID INPUT FIELDS.  THIS WILL ENSURE DATA PERSISTS THROUGH RESIZING BETWEEN DESKTOP AND MOBILE GRIDS

          return data_fl;
        }
      }
    });

    <?php
    /**
     * function buildSortable(key)
     * This function adds the kendoSortable object to deposit, loan, and credit (depending on the key).  Replaces buildGrid function.
     *
     * @param key -- "dp", "ln", "cc"
     */
    ?>
    function buildSortable(key) {
      var template= kendo.template($("#sortableTemplate").html());
      switch(key)
      {
        case "dp":
          var selector= $("#hcuSortableMobileDeposit");
          var data= data_dp;
          break;
        case "ln":
          var selector= $("#hcuSortableMobileLoan");
          var data= data_ln;
          break;
        case "cc":
          var selector= $("#hcuSortableMobileCredit");
          var data= data_cc;
          break;
        default: return;
      }
      if (data.length == 0)
        $(selector).closest(".hcu-container-margin").remove(); // Don't even show it.
      else
      {
        $(selector).empty().html(template({theData: data}));

        if (data.length > 1) // Won't be able to rearrange with one item so don't give the functionality.
          $(selector).addClass("sortableArea").kendoSortable({
            hint: function(element) {
              return $(element).clone().addClass("hintDiv").text($(element).find(".hint").text().trim());
            },
            placeholder: function(element) {
              return $(element).clone().addClass("placeholderDiv k-info-colored").text('<?php echo $MC->msg("Drop Here", HCU_DISPLAY_AS_JS); ?>');
            },
            container: $(selector).closest(".hcu-container-margin"),
            axis: "y",
            cursor: "move",
            handler: ".handler *,.handler",
            ignore: "input",
            change: function(e) {
              hcuShowReset = true;
              $("#lnkCancel").show();
            }
          }).data("kendoSortable");
      }

    }

    function canResetOrder(data) {
      for (var i = 0; i < data.length; i++) {
        var cur_obj = data[i];
        var cur_order = parseInt(cur_obj.displayorder);

        if (cur_order > 0) {
          return true;
        }
      }

      return false;
    }

    // FIX UP DISPLAY ORDER:
    // MUST BE SEQUENTIAL, NO DUPLICATES, START AT 0
    function preOrder(ary_data, ary_type) {

      // MUST ADD PROPERTY 'GRID' FOR TEMPLATE ID'S
      for ( var i = 0; i < ary_data.length; i++) {
        ary_data[i]['grid'] = ary_type;
      }

      // PREORDER GRID DATA
      for (var i = 0; i < ary_data.length; i++) {
        // GET CURRENT OBJECT
        var cur_obj = ary_data[i];
        var cur_order = parseInt(cur_obj.displayorder);

        // show reset button if any records ahev display order
        if (cur_order > 0) { hcuShowReset = true; }

        // VALUE AT CURRENT POSITION MUST = 'i'
        if (cur_order != i) {
          var find_order = preOrderFind(ary_data, i);

          if(find_order.length > 0) {
            var find_index = find_order[0];
            var find_obj = ary_data[find_index];

            // IF OBJECT WITH THIS DISPLAYORDER EXISTS, SWAP WITH THE FIRST OCCURRENCE INTO THE CURRENT POSITION.
            ary_data[i] = find_obj;
            ary_data[find_index] = cur_obj;
          } else {
            cur_obj.displayorder = i;
          }
        }
      }
    }

    function preOrderFind(ary_data, ary_order) {
      var ary_find = [];

      for (var i = 0; i < ary_data.length; i++) {
        var order = ary_data[i].displayorder;

        // SET ORDER TO INTEGER
        ary_data[i].displayorder = parseInt(order);

        if (order == ary_order) {
          ary_find.push(i);
        }
      }

      return ary_find;
    }

    // SUCCESS AND ERROR DISPLAY FUNCTIONS
    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);
    }

    function ResetDisplayOrder() {
      var accountData = [];
      for(var i=0; i!= data_dp.length; i++)
      {
        accountData.push({displayname: data_dp[i].displayname, displayorder: 0, encryption: data_dp[i].encryption});
      }
      for(var i=0; i!= data_ln.length; i++)
      {
        accountData.push({displayname: data_ln[i].displayname, displayorder: 0, encryption: data_ln[i].encryption});
      }
      for(var i=0; i!= data_cc.length; i++)
      {
        accountData.push({displayname: data_cc[i].displayname, displayorder: 0, encryption: data_cc[i].encryption});
      }

      // SEND DATA TO DATASOURCE
      ShowWaitWindow();
      hcuDataSource_read.transport.options.update.data = {
        action: "acct_desc_update",
        account_data: accountData
      };
      hcuDataSource_read.data()[0].dirty = true;
      hcuDataSource_read.sync();

      // REFRESH GRIDS
      setTimeout(function() {
        hcuDataSource_read.read();
        CloseWaitWindow();
      }, 1000);

      hcuShowReset = false;
    }

    $("#hcuResetConfirm").kendoDialog({
      modal: true,
      visible: false,
      resizeable: false,
      show: function() {
        hcuWindowStack.push(this);
      },
      close: function() {
        hcuWindowStack.pop();
      },
      actions: [
        { text: "<?php echo $MC->msg("Cancel", HCU_DISPLAY_AS_JS); ?>",
          action: function(e) {}
        },
        {
          text: "<?php echo $MC->msg("Continue", HCU_DISPLAY_AS_JS); ?>", primary: true,
          action: ResetDisplayOrder
        }
      ]
    });

    $("#btnUpdate").click(function() {
      // resetting validator status
      $.homecuValidator.homecuValidate = true;

      var newIndex= 1;
      var accountData= [];
      $("#hcuSortableMobileDeposit .sortable").each(function() {
        var orgindex= Number($(this).data("orgindex"));
        accountData.push({displayname: $(this).find("[name='accountName']").val().trim(), displayorder: (hcuShowReset ? newIndex++ : 0), encryption: data_dp[orgindex].encryption});
      });

      $("#hcuSortableMobileLoan .sortable").each(function() {
        var orgindex= Number($(this).data("orgindex"));
        accountData.push({displayname: $(this).find("[name='accountName']").val().trim(), displayorder: (hcuShowReset ? newIndex++ : 0), encryption: data_ln[orgindex].encryption});
      });

      $("#hcuSortableMobileCredit .sortable").each(function() {
        var orgindex= Number($(this).data("orgindex"));
        accountData.push({displayname: $(this).find("[name='accountName']").val().trim(), displayorder: (hcuShowReset ? newIndex++ : 0), encryption: data_cc[orgindex].encryption});
      });

      // SEND DATA TO DATASOURCE
      ShowWaitWindow();

      // CAPTURE ALL ACCOUNT USER DEFINED NAMES
      accountDesc = Array();
      for (var i = 0; i < accountData.length; i++) {
        if (accountData[i].displayname !== ""){
          accountDesc.push(accountData[i].displayname);
        }
      }

      if ($.homecuValidator.homecuValidate) {

        hcuDataSource_read.transport.options.update.data = {action: "acct_desc_update", account_data: accountData};
        hcuDataSource_read.data()[0].dirty = true;
        hcuDataSource_read.sync();

        // REFRESH GRIDS
        setTimeout(function() {
          hcuDataSource_read.read();
          CloseWaitWindow();
        }, 1000);

        return false;

      } else {
        CloseWaitWindow();
      }

    });

    $('#lnkCancel').click(function() {
      $("#hcuResetConfirm").data("kendoDialog").open();
    });

    $('#btnHelp').click(function(e) {
      e.preventDefault();

      // BUILD WINDOW
      hcuWindow_help = $('#hcuWindowHelp').data('kendoWindow');

      // CHECK WINDOW EXISTS
      if (!hcuWindow_help) {
        hcuWindow_help = $('#hcuWindowHelp').kendoWindow({
          width: "95%",
          modal: true,
          visible: false,
          actions: ['Close'],
          close: function() {
            hcuWindow_help = null;
            hcuWindowStack.pop();
          },
          activate: function() {
            hcuWindowStack.push(this);
          }
        }).data('kendoWindow');
      }

      // GET CONTENT
      var hcuContent_help = $('#hcuTemplateHelp').html();
      var hcuContent_title = "<?php echo $MC->msg("Help", HCU_DISPLAY_AS_HTML); ?>";

      // SET WINDOW CONTENT AND OPEN
      hcuWindow_help.title(hcuContent_title);
      hcuWindow_help.content(hcuContent_help);
      hcuWindow_help.center();
      hcuWindow_help.open();
    });

    // START PAGE
    hcuDataSource_read.read();

    $(document).on('click', '.k-overlay', function() {
      if (hcuWindowStack.length > 0) {
        hcuWindowStack[0].close();
      }
    });

  });

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

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

html .k-grid tr:hover {
 background: transparent;
}

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

.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;
}
</style>

<!-- HTML CONTENT -->

<div class="container-fluid hcuProfileDescDiv">
  <div class="well well-sm col-xs-12">

    <!-- HEADER -->
    <div class="col-xs-11 col-sm-11 hcu-no-padding">
      <h3><?php echo $MC->msg("Account Names", HCU_DISPLAY_AS_HTML); ?></h3>

    </div>

    <div class="col-xs-1 col-sm-1 hcu-no-padding text-center">
      <a href="#" id="btnHelp" class="hcu-full-width">
        <span><?php echo $MC->msg("Help", HCU_DISPLAY_AS_HTML); ?></span>
      </a>
    </div>

    <!-- CONTENT -->

    <div class="col-sm-12 hcu-container-margin">
      <div><h4><?php echo $MC->msg("Deposit Accounts", HCU_DISPLAY_AS_HTML); ?></h4></div>
      <div id="hcuSortableMobileDeposit"></div>
    </div>

    <div class="col-sm-12 hcu-container-margin">
      <div><h4><?php echo $MC->msg("Loan Accounts", HCU_DISPLAY_AS_HTML); ?></h4></div>
      <div id="hcuSortableMobileLoan"></div>
    </div>

    <div class="col-sm-12 hcu-container-margin">
      <div><h4><?php echo $MC->msg("Credit Accounts", HCU_DISPLAY_AS_HTML); ?></h4></div>
      <div id="hcuSortableMobileCredit"></div>
    </div>
  </div>

  <div class="hcu-template">
    <div class="hcu-edit-buttons k-state-default">
      <a href="##" id="lnkCancel"><?php echo $MC->msg("Reset Display Order", HCU_DISPLAY_AS_HTML); ?></a>
      &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>

<!-- HELP WINDOW -->
<div id="hcuWindowHelp"></div>

<div id="hcuResetConfirm">
  <p><strong><?php echo $MC->msg("Reset Confirm", HCU_DISPLAY_AS_HTML); ?></strong></p>
  <p><?php echo $MC->msg("wish to continue", HCU_DISPLAY_AS_HTML); ?></p>
</div>

<!-- MOBILE TEMPLATES -->
<script type="text/x-kendo-template" id="sortableTemplate">
  # var length= theData.length; for(var i=0; i!= length; i++) { var row= theData[i]; #
  <div class="col-xs-12 sortable" data-orgindex="#: i #">
      <div style="padding-top: 5px;"><span style='font-size: 10pt;' class="hint">#= row.title #</span></div>
      <div class="input-group">
        # if (length > 1) { #
        <div class="input-group-addon handler"><span class='fa fa-arrows-v'></span></div>
        # } #
        <input type='text' name='accountName' class='k-textbox hcu-full-width form-control' style='font-size: 9pt;' value='#: row.displayname #' maxlength="255"
        placeholder="#= row.placeholder #">
        <div class="accountClearBtn input-group-addon">
          <span class='fa fa-times' aria-hidden='true'></span>
        </div>
      </div>
  </div>
  # } #
</script>

<!-- TEMPLATE: HELP WINDOW -->
<script type="text/x-kendo-template" id="hcuTemplateHelp">
  <div>
    <div class="well k-info-colored">
      <span><strong><?php echo $MC->msg("Account Names", HCU_DISPLAY_AS_HTML); ?>:</strong></span>
      <br><br>
      <span><?php echo $settingsText; ?></span>
      <br><br>
      <span><?php echo $MC->msg("Account Names Reset", HCU_DISPLAY_AS_HTML); ?></span>
      <br><br>
      <span><strong><?php echo $MC->msg("Display Order", HCU_DISPLAY_AS_HTML); ?>:</strong></span>
      <br><br>
      <span><?php echo $MC->msg("Display Order Change", HCU_DISPLAY_AS_HTML); ?></span>
      <br>
      <br>
      <span><?php echo $MC->msg("Display Order Reset", HCU_DISPLAY_AS_HTML); ?></span>
    </div>
  </div>
</script>
<?php
  /*
   * ** END CONTENT
   */

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

?>