0xV3NOMx
Linux ip-172-26-7-228 5.4.0-1103-aws #111~18.04.1-Ubuntu SMP Tue May 23 20:04:10 UTC 2023 x86_64

Your IP : 3.144.4.50

Current Path : /var/www/oasis/html_modules/
Upload File :
Current File : /var/www/oasis/html_modules/userpasswordreset.html

<script type="text/javascript">
  $(function () {
    $("#tabs").tabs();
  });
  $(function () {
    $("#sub_tabs").tabs();
  });
</script>

<style>
  .form-input {
    width: 35px;
  }
  .column {
    padding: 3px;
    border: 1px solid #c5dbec;
  }
  .btn {
    background-color: #008cba;
    border: none;
    color: white;
    padding: 6px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    border-radius: 3px;
  }
</style>
<style>
  /* Style all input fields */
  input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
  }

  /* Style the submit button */
  input[type="submit"] {
    background-color: #04aa6d;
    color: white;
  }

  /* Style the container for inputs */
  .container {
    background-color: #f1f1f1;
    padding: 20px;
  }

  /* The message box is shown when the user clicks on the password field */
  #message {
    display: none;
    background: #f1f1f1;
    color: #000;
    position: relative;
    padding: 20px;
    margin-top: 10px;
  }

  #message p {
    padding: 10px 35px;
    font-size: 18px;
  }

  /* Add a green text color and a checkmark when the requirements are right */
  .valid {
    color: green;
  }

  .valid:before {
    position: relative;
    left: -35px;
    content: "&#10004;";
  }

  /* Add a red text color and an "x" icon when the requirements are wrong */
  .invalid {
    color: red;
  }

  .invalid:before {
    position: relative;
    left: -35px;
    content: "&#10006;";
  }
</style>

<div id="tabs">
  <ul>
    <li><a href="#create">Reset Password</a></li>
  </ul>
  <div id="CollForm">
    <table
      id="passwordtable"
      hidden
      class="table"
      width="100%"
      -
      cellspacing="0"
      cellpadding="0"
      border="0"
      width:60%
      style="font-size: 13px"
      align="center"
    >
      <tr style="position: sticky; top: 0; background: white" hidden>
        <td>College Code</td>
        <td>:</td>
        <td>
          <input
            type="text"
            id="collcode"
            value=""
            style="width: 450px; height: 30px; margin: 2px"
            required
          />
        </td>
      </tr>
      <tr style="position: sticky; top: 0; background: white">
        <td>User</td>
        <td>:</td>
        <td>
          <input
            type="text"
            id="user"
            value=""
            style="width: 450px; height: 30px; margin: 2px"
          />
        </td>
      </tr>

      <tr id="newpassidtr" style="position: sticky; top: 0; background: white">
        <td>New Password</td>
        <td>:</td>
        <td>
          <input
            type="password"
            id="newpass"
            onchange="passwordrequired()"
            value=""
            style="width: 450px; height: 30px; margin: 2px"
            pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}"
            maxlength="8"
            title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters"
            required
          />
          <div id="message">
            <h3>Password must contain the following:</h3>
            <p id="letter" class="invalid">A <b>lowercase</b> letter</p>
            <p id="capital" class="invalid">
              A <b>capital (uppercase)</b> letter
            </p>
            <p id="number" class="invalid">A <b>number</b></p>
            <p id="length" class="invalid">Minimum <b>8 characters</b></p>
          </div>
        </td>
      </tr>
      <tr id="compassidtr" style="position: sticky; top: 0; background: white">
        <td>Confirm Password</td>
        <td>:</td>
        <td>
          <input
            type="password"
            id="confirmpass"
            value=""
            maxlength="8"
            style="width: 450px; height: 30px; margin: 2px"
          />
        </td>
      </tr>
    </table>
    <!-- <div id="backtoresetpage" hidden>
      <span span class="btn" onclick="backtoresetpage()">Back</span>
    </div> -->
    <div
      id="tabledata"
      style="
        height: 500px;
        width: 90%;
        clear: both;
        position: absolute;
        overflow: auto;
        margin: 20px;
      "
    ></div>
  </div>
</div>