lnappintro.i

  <style>
    .center-block {
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
    .member_chooser {
/*        margin-left:20px;
      border-radius: 15px;
      background: #e6e6e6;*/
      padding: 10px 20px;
      float: left;
    }
    .highlight {
        padding: 9px 14px;
        margin-bottom: 14px;
        background-color: #f7f7f9;
        border: 1px solid #e1e1e8;
        border-radius: 4px;
    }

    .bar-section {
      width: 280px;

      padding: 9px 14px;
      margin-bottom: 14px;
      background-color: #FFFFFF;
      border: 1px solid #FDFDFD;
      border-radius: 4px;
      margin: auto;
    }

     .bar-section h2 {
      padding-left: 0px;
      text-align: center;
    }

     #page {
      background-color: transparent;
    }

     #lnapp-body {
      margin: auto 0;
    }

     .lnapp-form-section {
      margin-top: 10px;
      margin-bottom: 10px;
    }

    #lnapp-nonmember {
      display: none;
    }

     #lnapp-nonmember-first-input {
      margin-left: -20px;
    }

    .validity-summary-container {
      width: auto;
    }

     #lnapp-nonmember-return,
    #lnapp-nonmember-first,
    #lnapp-member-login,
    #lnapp-member-acct,
    #lnapp-banking-input,
    #lnapp-member-main {
      display: none;
    }

     @media only screen and (max-width: 479px) {
      .passwordrequirements {display: inline-block; float:none; margin-left:30px;}

       body label {
        font-size: 1.4em;
      }

     }

     #lnapp-member-select-title .title {
      text-align: center;
     }
     /*
      * Callouts
      *
      * Not quite alerts, but custom and helpful notes for folks reading the docs.
      * Requires a base and modifier class.
      */

     /* Common styles for all types */
     .bs-callout {
       padding: 20px;
/*       margin: 20px 0; */
       border: 1px solid #eee;
       border-left-width: 5px;
       border-radius: 3px;
     }
     .bs-callout h4 {
       margin-top: 0;
       margin-bottom: 5px;
     }
     .bs-callout p:last-child {
       margin-bottom: 0;
     }
     .bs-callout code {
       border-radius: 3px;
     }

     /* Tighten up space between multiple callouts */
     .bs-callout + .bs-callout {
       margin-top: -5px;
     }

     /* Variations */
     .bs-callout-danger {
       border-left-color: #ce4844;
     }
     .bs-callout-danger h4 {
       color: #ce4844;
     }
     .bs-callout-warning {
       border-left-color: #aa6708;
     }
     .bs-callout-warning h4 {
       color: #aa6708;
     }
     .bs-callout-info {
       border-left-color: #1b809e;
     }
     .bs-callout-info h4 {
       color: #1b809e;
     }
     /* Override lnapp_style.css */
    @media only screen and (max-width: 767px) {
      .topbar, .mainbar, .sidebar {
        min-width: 280px;
      }
    }
    /* non-Extra small device */
    @media only screen and (min-width: 768px) {
      .bar-section {
        width: 500px;
      }

     }
  </style>



<?php


    /*
     * LOAD GET/POST values
     */
    $loadedValues['lnappintro'] = Array();
    HCU_ImportVars($loadedValues, "lnappintro", array("status" => HCUFILTER_INPUT_STRING));

    /*  * FORM ERRORS
     *    1 - Email is already Registered
     *    2 - Email was NOT found
     *    3 - Unknown Error
    */

      // build up the password requirements message
      if (isset( $configOptions ) && is_array( $configOptions ) && key_exists("configPassword", $configOptions)) {
        $pwdRules = json_decode($configOptions['configPassword'], true);
      } else {
        $pwdRules["len"] = 8;
        $pwdRules["upper"] = 1;
        $pwdRules["lower"] = 1;
        $pwdRules["spec"] = 0;
        $pwdRules["digit"] = 1;
      }

      $passwordRequirements = "";
      $passwordRequirements .= "&bull; At least {$pwdRules["len"]} characters<br>";
      if ( $pwdRules["upper"] > 0 ) {
        $plural = $pwdRules["upper"] > 1 ? "s" : "";
        $passwordRequirements .= "&bull; At least {$pwdRules["upper"]} UPPER CASE character$plural<br>";
      }
      if ( $pwdRules["lower"] > 0 ) {
        $plural = $pwdRules["lower"] > 1 ? "s" : "";
        $passwordRequirements .= "&bull; At least {$pwdRules["lower"]} lower case character$plural<br>";
      }
      if ( $pwdRules["spec"] > 0 ) {
        $specialCharList = Get_PwdSpecialCharacters();
        $plural = $pwdRules["spec"] > 1 ? "s" : "";
        $passwordRequirements .= "&bull; At least {$pwdRules["spec"]} special character$plural ($specialCharList)<br>";
      }
      if ( $pwdRules["digit"] > 0 ) {
        $plural = $pwdRules["digit"] > 1 ? "s" : "";
        $passwordRequirements .= "&bull; At least {$pwdRules["digit"]} digit$plural<br>";
      }

      // figure out if home banking allows or requires user names
      $testAliasOK = $DMSAPP_CUFLAGSET2 & $CU2_ALIAS_OK;
      $testAliasReq = $DMSAPP_CUFLAGSET2 & $CU2_ALIAS_REQ;

      if ( $testAliasOK || $testAliasReq ) {
        $hbPhrase = "Login ID";
        $aliasWarning = "If you have set up a User Name in Home Banking you must use that to log in to this system.";
      } else {
        $hbPhrase = "Account Number";
        $aliasWarning = "";
      }
      $hbLabel = $DMSAPP_PRODUCTNAME . " " . $hbPhrase;


?>
<div class="container-fluid">


  <div class="lnapp-form-section lnapp-summary-wrap col-xs-12 col-md-offset-3 col-md-6" style="">
    <div id="summary-container" class="validity-summary-container errors" >
      <div class="alert alert-danger">
        <p><em>You may not continue. The following errors were encountered:</em></p>
        <ul>
          <?php switch (filter_input(INPUT_GET, "status", FILTER_SANITIZE_NUMBER_INT)):
            case "1": ?>
            <li>email is already registered</li>
          <?php break; case "2":?>
            <li>email was not found</li>
          <?php break; case "3": ?>
            <li>Session has expired.  Please confirm password to continue.</li>
          <?php break; case "4": ?>
            <li><?php echo $DMSAPP_PRODUCTNAME; ?> Account Number was not found.</li>
          <?php break; case "5": ?>
            <li>Your challenge question answer did not match what we have on our records.</li>
          <?php break; case "6": ?>
            <li>Your password entered did not match what we have on our records.</li>
          <?php break; case "7": ?>
            <li>You must complete your <?php echo $DMSAPP_PRODUCTNAME; ?> Account Number registration before you may use this method to log in.</li>
          <?php break; case "8": ?>
            <li>Your account has been locked from too many failed attempts.  Contact the Credit Union for assistance.</li>
          <?php break; case "9": ?>
            <li>Loan Application Service is currently offline.<br/><?php echo $DMSAPP_MODE_ARY['offlineDesc']; ?></li>
          <?php break; case "10": ?>
            <li>Unable to authenticate your <?php echo $DMSAPP_PRODUCTNAME; ?> account number.  Please use this screen to log in.</li>
          <?php break; case "11":
              $msg = filter_input(INPUT_GET, "msg", FILTER_SANITIZE_STRING);
          ?>
            <li>Password requirements not met: <br><?php echo $msg?><br> Please try again.</li>
          <?php break; default: ?>
            <li>an unknown error was encountered</li>
          <?php endswitch; ?>
        </ul>
      </div>
    </div>
  </div>


<!-- MAIN BODY -->

  <div id="lnapp-body" >

    <?php if ($DMSAPP_ALLOW_HB_LOGIN): ?>
      <!-- Select Member Section -->

      <div id="lnapp-member-select" class="bs-callout bs-callout-info col-xs-12 col-md-offset-3 col-md-6 lnapp-form-section">
<!--      <div id="lnapp-member-select" class="jumbotron col-xs-12 col-md-offset-3 col-md-6 "> -->
        <div class="row">
          <div id="lnapp-member-select-title" class="col-xs-12">
            <h4 class="title">Already a <?php echo $DMSAPP_CUNAME; ?> member?</h4>
          </div>
        </div>

        <div class="row">
          <div class="col-xs-11 col-xs-offset-1"><p class="h4">I am:</p></div>
        </div>
        <div class="row">
          <div class="col-xs-11 col-xs-offset-1">
            <div id="lnapp-member-select-input" class="member_chooser radio">
              <?php if ($DMSAPP_DISABLEEMAIL != 1): ?>
                <label><input type="radio" class='testRadio' id="r0" name="radioGroup"> Not a <?php echo $DMSAPP_CUNAME; ?> member</label><br>
              <?php endif; ?>
              <label><input type="radio" class='testRadio' id="r1" name="radioGroup"> An enrolled <?php echo $DMSAPP_CUNAME; ?> Home Banking user</label><br>
              <label><input type="radio" class="testRadio" id="r2" name="radioGroup"> A member with <?php echo $DMSAPP_CUNAME; ?> but not enrolled in Home Banking</label>
            </div>
          </div>
        </div>

      </div>

    <?php endif; ?>

    <div id="lnapp-nonmember" class="">

      <div id="lnapp-nonmember-select" class="bs-callout bs-callout-info col-xs-12 col-md-offset-3 col-md-6 lnapp-form-section">

        <div class="row">
          <div class="col-xs-12 ">
            <div id="lnapp-nonmember-select-info">
              <h4 class="title">Are you a returning applicant?</h4>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-12">
            <label><input type="radio" class="nonMemberRadio" id="opt-return" name="radioGroupNonMember"> A returning loan applicant </label><br>
            <label><input type="radio" class="nonMemberRadio" id="opt-new" name="radioGroupNonMember"> A new loan applicant </label>
          </div>
        </div>
      </div>

      <div id="lnapp-nonmember-first" class="row">
        <div class=" col-xs-12 col-md-offset-3 col-md-6">
          <div class="panel panel-default">
            <div id="lnapp-nonmember-first-info" class="panel-body">
              <div class="alert alert-info">
                <p>The online loan application process will take 5-10 minutes. However, you can always save your application data and return at a later time to finish your application, check on your loan status, or submit additional loan applications.</p>
              </div>
              <form id="newlogin" class="" name="newlogin" method="post" action="<?php echo $self; ?>f=newuser">
                <input type="hidden" name="f" value="newuser">
                <input type="hidden" name="newlogin" value="Sign Up">

                <div class="form-group">
                  <label for="appemail">Email address</label><br>
                  <input type="text" id="appemail" name ="appemail" class="newemail k-textbox hcu-all-100" value="" size=30 placeholder="Email"/><br>
                </div>
                <div class="form-group">
                  <label for="confirmemail">Confirm Email</label><br>
                  <input type="text" id="confirmemail" name="confirmemail" class="newemail k-textbox hcu-all-100" value="" size=30 placeholder="Confirm Email" />
                </div>

                <div class="row">
                  <div class="col-xs-12 col-sm-6">
                    <div class="form-group">
                      <label for="apppasswd">Password</label><br>
                      <input type="password" id="apppasswd" class="password k-textbox" name="apppasswd" value="" size=15 placeholder="Password"/><br>
                    </div>
                    <div class="form-group">
                      <label class="confirmpasswd">Confirm</label><br>
                      <input type="password" id="confirmpasswd" class="password k-textbox" name="confirmpasswd" value="" size=15 placeholder="Confirm Password"/>
                    </div>
                  </div>
                  <div class="col-xs-12 col-sm-6">

                    <div class="alert alert-info ">
                      <div style="color:red; margin-top:5px;">Password Requirements</div>
                      <?php echo $passwordRequirements ?>
                    </div>

                  </div>
                </div>
                <a class="submit k-button k-primary" href="#" id='linkNewPost' label='Submit'><span>Sign Up</span></a>
              </form>
            </div>
          </div>
        </div>


      </div>




      <div id="lnapp-nonmember-return" class="row">
        <div class=" col-xs-12 col-md-offset-3 col-md-6">

          <div class="panel panel-default">

            <div class="panel-body">
              <div class="alert alert-info">
                <p>If you want to complete a loan application, check your loan status, or apply for a new loan, you may login here.</p>
              </div>

              <form id="confirmlogin" class="formNoLabels" method="post" action="<?php echo $self; ?>f=confirmuser">
                <input type="hidden" name="f" value="confirmuser">
                <input type="hidden" name="returnlogin" value="Login">
                <div class="form-group">
                  <label for="loginemail">Email address</label>
                  <input type="text" id="loginemail" name="loginemail"  class="loginemail k-textbox hcu-all-100" value="" size="30" placeholder="Email"/>
                </div>
                <a class="k-button k-primary" href="#" id='linkConfirmPost' label='Submit'><span>Login</span></a>
              </form>
            </div>
          </div>

        </div>
      </div>

      <div id="lnapp-nonmember-info" class="bs-callout bs-callout-warning col-xs-12 col-md-offset-3 col-md-6 lnapp-form-section">
        <h4 class="title">You are NOT a <?php echo $DMSAPP_CUNAME; ?> member?</h4>
        <div class="entry">
          <p>
            <?php if ($DMSAPP_NONMBRMSG != ''):
                    echo $DMSAPP_NONMBRMSG;
                  else: ?>
              You may still access this loan site if you are not currently registered
              with <?php echo $DMSAPP_CUNAME; ?> Home Banking OR you are not currently a member. In order to qualify for a loan
              you must meet membership requirements of <?php echo $DMSAPP_CUNAME; ?>.
              If you meet the requirements you can simply enter a valid email address and password below to start.
            <?php endif; ?>
          </p>
        </div>
      </div>

    </div>

    <!-- Shown for CU members with and without Home Banking logins -->
    <div id="lnapp-member-main" class="row">
      <div class=" col-xs-12 col-md-offset-3 col-md-6">
        <div class="panel panel-default">
          <div class="panel-body">
          <!-- Shown for Home Banking members only -->
            <div id="lnapp-member-login" class="lnapp-form-section">
              <p class="hbUser" x-style="display:none;">
                <?php if ($DMSAPP_MBRMSG != ''):
                        echo $DMSAPP_MBRMSG;
                      else: ?>
                  Are you currently enrolled with <?php echo $DMSAPP_CUNAME; ?> Home Banking? If so, you may log in using your <?php echo $DMSAPP_PRODUCTNAME . " " . $hbPhrase; ?> without
                  having to create a separate login id.  You will have full access to all online loan features.<br>
                  <?php echo $aliasWarning ?>
                <?php endif; ?>
              </p>
            </div>

            <!-- Shown for cu members without Home Banking -->
            <div id="lnapp-member-acct" class="bar-section lnapp-form-section" style="clear:both;">
              <p class="hbUserNot" x-style="display:none;">
                <?php if ( $DMSAPP_FETCHMIR ):
                        if ($DMSAPP_NON_HB_MBR_MSG != ''):
                          echo $DMSAPP_NON_HB_MBR_MSG;
                        else: ?>
                    Are you currently a member with <?php echo $DMSAPP_CUNAME; ?> but not enrolled in Home Banking? If so, you may log in using your <?php echo $DMSAPP_CUNAME; ?> Account Number.
                    You will have full access to all online loan features.
                <?php   endif;
                      else:
                        // not home banking but MIR packets not allowed - use other login
                        ?>
                        Please use the alternate login to access the loan application system.
                <?php endif; ?>
              </p>
            </div>

            <!-- Shown for Home Banking members and non Home Banking members with MIR packets -->
            <div id="lnapp-banking-input" class="bar-section lnapp-form-section">
              <form id="homebankinglogin" class="" method="post" action="<?php echo $self; ?>f=cuuser">
                <input type="hidden" name="f" value="cuuser">
                <input type="hidden" name="applogin" value="1">

                <div class="entry member_entry " >
                  <div class="row ">
                    <div class="col-xs-offset-1 col-xs-11">
                      <label for="hbusername" class="hbusername_label"><?php echo $hbLabel; ?></label>
                    </div>
                  </div>
                  <div class="row ">
                    <div class="col-xs-offset-1 col-xs-11">
                      <input type="text" id="hbusername" name="hbusername"  class="k-textbox" value="" size="35" placeholder="<?php echo $hbLabel; ?>"/>
                    </div>
                  </div>
                </div>
                <div class="row ">
                  <div class="col-xs-12">
                    <p>&nbsp;</p>
                  </div>
                </div>
                <div class="row ">
                  <div class="col-xs-offset-1 col-xs-11">
                    <a class="k-button k-primary" href="#" id='linkHBPost' label='Submit'><span>Login w/ <span  class="hbusername_label"><?php echo $hbLabel ?></a>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div> <!-- lnapp-body -->

</div> <!-- container-fluid -->

<script>
  $(document).ready(function () {

    <?php if (filter_input(INPUT_GET, "status", FILTER_SANITIZE_NUMBER_INT) != ''): ?>
      $('#summary-container').css('display', 'block');
    <?php endif; ?>


    $("form").bind("keydown", function(event) {

      var keycode = (event.keyCode ? event.keyCode : (event.which ? event.which : event.charCode));
      if (keycode == 13) { // keycode for enter key
         $('#' + this.id).submit();
         return false;
      } else  {
         return true;
      }


    });





    $(".testRadio").change(function () {
      if ($("#r0").prop("checked")) {
        /* Show Returning Applicant Option */
        resetScreenOptions();

        $('#lnapp-nonmember').show();

      } else if ($("#r1").prop("checked")) {
        /* Show Enroll Banking User Option */
        resetScreenOptions();

        $('#lnapp-member-main').show();
        $('#lnapp-member-login').show();
        $('#lnapp-banking-input').show();

      } else if ($("#r2").prop("checked")) {
        /* Show Member, but not Home Banking */
        resetScreenOptions();

        $('#lnapp-member-main').show();
        $('#lnapp-member-acct').show();


        <?php if ( $DMSAPP_FETCHMIR ) { ?>
          $('#lnapp-banking-input').show();
        <?php } ?>

      } else {
        /* Something Wrong */
        resetScreenOptions();

      }
    });


    $(".nonMemberRadio").change(function () {
      if ($("#opt-return").prop("checked")) {
        resetScreenOptions("nonmember");
        $('#lnapp-nonmember-return').show();
      } else if ($("#opt-new").prop("checked")) {
        resetScreenOptions("nonmember");
        $('#lnapp-nonmember-first').show();
      } else {
        // Do Nothing
      }
    });



    $('#linkConfirmPost').click(function() {
      $("#confirmlogin").submit();
    });

    $('#linkHBPost').click(function() {
      $("#homebankinglogin").submit();
    });


    $('#linkNewPost').click(function() {
      $("#newlogin").submit();
    });



    <?php
      /*
       * If the ONLY option is for email, then hide lnapp-member-select
       *  and show the first option for email.
       */
      if ($DMSAPP_DISABLEEMAIL != 1 && $DMSAPP_ALLOW_HB_LOGIN == 0) { ?>
        $('#lnapp-member-select').hide();
        $('#lnapp-nonmember').show();
    <?php } ?>

    //$("#r1").click();

  });

  function resetScreenOptions(pSection) {
    /*  Hide the sections on the screen */

    pSection = (pSection == undefined ? "" : pSection);

    <?php if ($DMSAPP_DISABLEEMAIL != 1): ?>
      // ** Non-member section
      if (pSection == "nonmember" || pSection == "") {
        $('#lnapp-nonmember-first').hide();
        $('#lnapp-nonmember-return').hide();
      }
      if (pSection == "") {
        $('#lnapp-nonmember').hide();
        $('#lnapp-member-login').hide();
        $('#lnapp-member-acct').hide();
        $('#lnapp-banking-input').hide();
        $('#lnapp-member-main').hide();
      }
    <?php endif; ?>



  }

  $(function() {


    $("#newlogin").validity(function() {

      $('input.newemail')
        .require('#{field} is required')
        .match('email', '#{field} must be formatted as an email.')
        .equal("Email fields do not match.")
        ;


      $('input.password')
        .require('#{field} is required')
        .equal("Password fields do not match.")
        ;

    });



    $("#confirmlogin").validity(function() {
      $('input.loginemail')
        .require("Email is required to login to your account")
        .match('email', '#{field} must be formatted as an email.');
    });


    $("#homebankinglogin").validity(function() {
      $('#hbusername')
        .require("<?php echo $DMSAPP_PRODUCTNAME; ?> Account Number is required to login with this method.");
    });




    $.validity.setup({ outputMode:"summary" });
    $.validity.setup({ defaultFieldName:"This Field" });

  });




</script>