ilham
/
sekolah_adiwiyata
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

login

main
ilhamwara 2025-02-11 10:15:39 +07:00
parent dc58971bd4
commit 03e361fcb9
2 changed files with 33 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
resources/views/auth/login.blade.php
View File

@ -54,7 +54,7 @@
<div class="input-group">
<input type="password" required id="password" name="password" class="form-control" placeholder="Masukan Password">
<div class="input-group-append">
<button class="btn btn-default waves-effect waves-themed" type="button" id="button-addon5"><i class="fal fa-eye"></i></button>
<button class="btn btn-default waves-effect waves-themed" type="button" id="togglePassword"><i class="fal fa-eye"></i></button>
</div>
</div>
</div>
@ -84,6 +84,22 @@
<script src="{{asset('assets/js/vendors.bundle.js')}}"></script>
<script src="{{asset('assets/js/app.bundle.js')}}"></script>
<script>
$(document).ready(function() {
$('#togglePassword').on('click', function() {
let passwordField = $('#password');
let icon = $(this).find('i');
// Cek apakah input saat ini bertipe password
if (passwordField.attr('type') === 'password') {
passwordField.attr('type', 'text'); // Ubah ke teks
icon.removeClass('fa-eye').addClass('fa-eye-slash'); // Ganti ikon
} else {
passwordField.attr('type', 'password'); // Ubah ke password
icon.removeClass('fa-eye-slash').addClass('fa-eye'); // Kembalikan ikon
}
});
});
$("#js-login-btn").click(function(event)
{

17
resources/views/auth/register.blade.php
View File

@ -105,7 +105,7 @@
<div class="input-group">
<input type="password" id="password" name="password" class="form-control" placeholder="Masukan Password Minimm 8 characters" required>
<div class="input-group-append">
<button class="btn btn-default waves-effect waves-themed" type="button" id="button-addon5"><i class="fal fa-eye"></i></button>
<button class="btn btn-default waves-effect waves-themed" type="button" id="togglePassword"><i class="fal fa-eye"></i></button>
</div>
</div>
<div class="help-block">Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.</div>
@ -138,6 +138,21 @@
<script src="{{asset('assets/js/vendors.bundle.js')}}"></script>
<script src="{{asset('assets/js/app.bundle.js')}}"></script>
<script>
$(document).ready(function() {
$('#togglePassword').on('click', function() {
let passwordField = $('#password');
let icon = $(this).find('i');
// Cek apakah input saat ini bertipe password
if (passwordField.attr('type') === 'password') {
passwordField.attr('type', 'text'); // Ubah ke teks
icon.removeClass('fa-eye').addClass('fa-eye-slash'); // Ganti ikon
} else {
passwordField.attr('type', 'password'); // Ubah ke password
icon.removeClass('fa-eye-slash').addClass('fa-eye'); // Kembalikan ikon
}
});
});
$("#js-login-btn").click(function(event)
{