Sayli.Parab/cheerstothe_season_2.0
1
0
Fork 0
Code Issues Pull Requests 2 Packages Projects Releases Wiki Activity

Merge pull request #130 from WDI-Ideas/sayaliP

Browse Source 
Sayali p
This commit is contained in:
CodewithSayali
2024-06-12 17:40:20 +05:30
committed by GitHub
parent 3db8e57108 df6316ab82
commit c406561728
1 changed files with 41 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

151
resources/views/Admin/pages/auth/password_reset.blade.php
View File

@@ -2,20 +2,6 @@
@section('title', 'Cheers To Season - Password Reset')
@section('content')
<style>
/* styles.css */
/* .password-wrapper {
position: relative;
width: 100%;
}
.toggle-password {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
cursor: pointer;
} */
/* Target the label element with the id 'confirm_password-error' and class 'error' */
label#error.confirm_password-error {
color: red;
@@ -24,66 +10,51 @@
/* Optional: Makes the text bold */
/* You can add more styles as needed */
}
/* Style for the eye icons */
.fa-eye,
.fa-eye-slash {
cursor: pointer;
position: relative;
top: 2px;
/* Adjust vertical alignment as needed */
}
/* Style for the eye icon when it's not showing the password */
.fa-eye-slash {
color: #777;
/* Adjust color as needed */
}
/* Transition effect for smooth icon change */
.fa-eye,
.fa-eye-slash {
transition: color 0.3s ease;
}
/* Style for the eye icons */
.fa-eye,
.fa-eye-slash {
cursor: pointer;
position: relative;
top: 2px; /* Adjust vertical alignment as needed */
}
/* Style for the eye icon when it's not showing the password */
.fa-eye-slash {
color: #777; /* Adjust color as needed */
}
/* Transition effect for smooth icon change */
.fa-eye,
.fa-eye-slash {
transition: color 0.3s ease;
}
/* Style for the eye icons */
.fa-eye,
.fa-eye-slash {
cursor: pointer;
position: absolute;
right: 10px; /* Adjust horizontal alignment as needed */
top: 50%;
transform: translateY(-50%);
z-index: 1; /* Ensure the icon is above the input */
}
/* Style for the eye icon when it's not showing the password */
.fa-eye-slash {
color: #777; /* Adjust color as needed */
}
/* Transition effect for smooth icon change */
.fa-eye,
.fa-eye-slash {
transition: color 0.3s ease;
}
.fa-eye,
.fa-eye-slash {
cursor: pointer;
position: absolute;
right: 10px;
/* Adjust horizontal alignment as needed */
top: 50%;
transform: translateY(-50%);
z-index: 1;
/* Ensure the icon is above the input */
}
/* Style for the eye icon when it's not showing the password */
.fa-eye-slash {
color: #777;
/* Adjust color as needed */
}
/* Transition effect for smooth icon change */
.fa-eye,
.fa-eye-slash {
transition: color 0.3s ease;
}
</style>
<div class="row w-100" style="height: 100vh;">
<div class=" col-md-6 m-auto h-100 d-flex flex-column align-itms-center justify-content-center" style="background-color: #05244D;">
@@ -145,28 +116,10 @@
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"></script>
<script src="{{ asset('public/assets/js/admin/auth/login.js')}}"></script>
<!-- <script>
document.getElementById('togglePassword').addEventListener('click', function () {
var passwordField = document.getElementById('password');
if (passwordField.type === 'password') {
passwordField.type = 'text';
} else {
passwordField.type = 'password';
}
});
document.getElementById('toggleConfirmPassword').addEventListener('click', function () {
var confirmPasswordField = document.getElementById('confirm_password');
if (confirmPasswordField.type === 'password') {
confirmPasswordField.type = 'text';
} else {
confirmPasswordField.type = 'password';
}
});
</script> -->
<script>
document.getElementById('togglePassword').addEventListener('click', function () {
document.getElementById('togglePassword').addEventListener('click', function() {
var passwordField = document.getElementById('password');
var icon = document.getElementById('togglePassword');
if (passwordField.type === 'password') {
@@ -180,7 +133,7 @@
}
});
document.getElementById('toggleConfirmPassword').addEventListener('click', function () {
document.getElementById('toggleConfirmPassword').addEventListener('click', function() {
var confirmPasswordField = document.getElementById('confirm_password');
var icon = document.getElementById('toggleConfirmPassword');
if (confirmPasswordField.type === 'password') {
@@ -196,28 +149,6 @@
</script>
<script>
// $(document).ready(function() {
// // Password visibility toggle
// $('#passwordToggle').click(function() {
// var passwordInput = $('#password');
// var eyeIcon = $('#passwordToggle');
// if (passwordInput.attr('type') === 'password') {
// passwordInput.attr('type', 'text');
// eyeIcon.removeClass('fa-eye-slash').addClass('fa-eye');
// } else {
// passwordInput.attr('type', 'password');
// eyeIcon.removeClass('fa-eye').addClass('fa-eye-slash');
// }
// });
// });
// Form validation and submission
// $('#password_reset_form').validate({
// rules: {