%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream
<style> .has-error{ border:1px solid #F88379 !important; } /* The message box is shown when the user clicks on the password field */ #message { display:none; background: #fafafa; color: #000; position: relative; padding: 20px; margin-bottom: 10px; border-radius:5px; } #message h6 p { margin:0; } #message p { padding: 0px 35px; font-size: 10px; margin:0; } /* Add a green text color and a checkmark when the requirements are right */ .valid { color: green; } .valid:before { position: relative; left: -35px; content: "✔"; } /* Add a red text color and an "x" when the requirements are wrong */ .invalid { color: red; } .invalid:before { position: relative; left: -35px; content: "✖"; } </style> <div id="login-page"> <div class="login-new"> <div class="login-left"> <div class="logo"> <a href="<?=base_url() ?>"><img src="<?=base_url('assets/imgs/logo21.png') ?>" alt="logo" /></a> <br /><br /> <h3> Incident Redressal<br />Online Portal </h3> </div> <ul class="login-num"> <li> <div class="icon">1</div> <h5>Register Your self</h5> </li> <li> <div class="icon">2</div> <h5>Add Your complaint</h5> </li> <li> <div class="icon">3</div> <h5>Track your Incident Live Status </h5> </li> </ul> </div> <div class="login-right"> <div class="login-right-in"> <div class="logo"> <h4>Forgot Password?</h4> </div> <form class="form-vertical" method="post" id="passwordresetform"> <?php if(!empty($this->session->flashdata('admin_password_success_msg'))){?> <br><p style="color:green"><?= $this->session->flashdata('admin_password_success_msg')?><a href="<?=base_url('adminlogin')?>"> Click Here</a> to login</p> <?php } if(!empty($this->session->flashdata('admin_password_error_msg'))){?> <br><p style="color:red"><?= $this->session->flashdata('admin_password_error_msg')?></p> <?php }?> <div class="login-sec"> <div class="login-group"> <input class="span12" type="text" id="username" name="username" placeholder="Email ID" required> <a href="javascript:void(0);" id="send_resetpassword_otp">Send OTP</a> </div> <div class="login-group"> <input class="span12" type="number" id="otp" name="otp" placeholder="OTP" maxlength = "10" required> </div> <div class="login-group"> <input class="span12" type="password" id="password" name="password" placeholder="Password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters" required> <div class="clearfix"></div> <div id="message" class="control-group"> <h6>Password must contain the following:</h6> <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> </div> <div class="login-group"> <input class="span12" type="password" id="confirmpassword" name="confirmpassword" placeholder="Confirm Password" required> </div> <div id="error_msg"></div> <button class="button1" onclick="return validatepasswordresetform();" name="submit" type="submit" value="Submit">SUBMIT</button> <div class="clearfix"></div> <p class="registration1"> <a href="<?=base_url('adminlogin') ?>"> Admin Login</a> </p> </div> </form> </div> </div> </div> </div> <!-- jQuery --> <script src="<?= base_url('assets/js/jquery.js') ?>"></script> <!-- Bootstrap Core JavaScript --> <script src="<?= base_url('assets/js/bootstrap.min.js') ?>"></script> <script type="text/javascript"> $(document).ready(function(){ $('#send_resetpassword_otp').click(function(){ var username = $('#username').val(); var pattern = new RegExp(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i); $('#error_msg').html(''); if($.trim(username)=='') { $('#error_msg').html('<p style="color:red">Email ID is required</p>'); } else if(pattern.test(username)==false){ $('#error_msg').html('<p style="color:red">Please enter valid Email ID</p>'); } else{ $.ajax({ url:'<?= base_url('adminlogin/sendresetpasswordotp') ?>', method: 'post', data: {send_otp: 1,username : username}, dataType: 'json', success: function(response){ // Add options if(response=='1001'){ $('#error_msg').html('<p style="color:green">OTP Send Successfully to your registered Email ID.</p>'); } else if(response=='1002'){ $('#error_msg').html('<p style="color:red">This Email ID is not registered with us.</p>'); } else { $('#error_msg').html('<p style="color:red">Invalid request.</p>'); } $('#loading').hide(); } }); } }); }); function validatepasswordresetform() { var username = $("#username").val(); var otp = $("#otp").val(); var password = $("#password").val(); var confirmpassword = $("#confirmpassword").val(); var submit = $("#submit").val(); var base_url = $('body').attr('data-base-url'); var pattern = new RegExp(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i); var filter = /^((\+[1-9]{1,4}[ \-]*)|(\([0-9]{2,3}\)[ \-]*)|([0-9]{2,4})[ \-]*)*?[0-9]{3,4}?[ \-]*[0-9]{3,4}?$/; $("#error_msg").html(''); $('#username').removeClass('has-error'); $('#otp').removeClass('has-error'); $('#password').removeClass('has-error'); $('#confirmpassword').removeClass('has-error'); var error_flag = 'N'; if($.trim(username)=='') { $('#username').addClass('has-error'); error_flag = 'Y'; } if($.trim(otp)=='') { $('#otp').addClass('has-error'); error_flag = 'Y'; } if($.trim(password)=='') { $('#password').addClass('has-error'); error_flag = 'Y'; } if($.trim(confirmpassword)=='') { $('#confirmpassword').addClass('has-error'); error_flag = 'Y'; } if(pattern.test(username)==false){ $('#username').addClass('has-error'); error_flag = 'Y'; } if(error_flag == 'Y') { $('#error_msg').html('<p style="color:#DE334D ;">*Fill up the Mantatory Fields.</p>'); return false; } else if(password != confirmpassword){ $('#error_msg').html('<p style="color:#DE334D ;">New Password and Confirm Password Fields do not match!!</p>'); return false; } else { $('#passwordresetform').submit(); } } var myInput = document.getElementById("password"); var letter = document.getElementById("letter"); var capital = document.getElementById("capital"); var number = document.getElementById("number"); var length = document.getElementById("length"); // When the user clicks on the password field, show the message box myInput.onfocus = function() { document.getElementById("message").style.display = "block"; } // When the user clicks outside of the password field, hide the message box myInput.onblur = function() { document.getElementById("message").style.display = "none"; } // When the user starts to type something inside the password field myInput.onkeyup = function() { // Validate lowercase letters var lowerCaseLetters = /[a-z]/g; if(myInput.value.match(lowerCaseLetters)) { letter.classList.remove("invalid"); letter.classList.add("valid"); } else { letter.classList.remove("valid"); letter.classList.add("invalid"); } // Validate capital letters var upperCaseLetters = /[A-Z]/g; if(myInput.value.match(upperCaseLetters)) { capital.classList.remove("invalid"); capital.classList.add("valid"); } else { capital.classList.remove("valid"); capital.classList.add("invalid"); } // Validate numbers var numbers = /[0-9]/g; if(myInput.value.match(numbers)) { number.classList.remove("invalid"); number.classList.add("valid"); } else { number.classList.remove("valid"); number.classList.add("invalid"); } // Validate length if(myInput.value.length >= 8) { length.classList.remove("invalid"); length.classList.add("valid"); } else { length.classList.remove("valid"); length.classList.add("invalid"); } } </script>