KoPKB/kaunter
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases 1 Wiki Activity

update checkbox show password login page 2.0

Browse Source
This commit is contained in:
amirhamzan
2023-12-30 06:50:34 +08:00
parent addf324a01
commit 4d775bec90
1 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/auth/v2/login.blade.php
+19 -17
View File
@@ -53,11 +53,9 @@
<div class="container position-sticky z-index-sticky top-0">
<div class="row">
<div class="col-12">
<nav
class="navbar navbar-expand-lg blur blur-rounded top-0 z-index-3 shadow position-absolute my-3 py-2 start-0 end-0 mx-4">
<nav class="navbar navbar-expand-lg blur blur-rounded top-0 z-index-3 shadow position-absolute my-3 py-2 start-0 end-0 mx-4">
<div class="container-fluid px-0">
<a class="navbar-brand font-weight-bolder ms-sm-3" rel="tooltip"
title="Designed and Coded by Creative Tim" data-placement="bottom">
<a class="navbar-brand font-weight-bolder ms-sm-3" rel="tooltip" title="Designed and Coded by Creative Tim" data-placement="bottom">
ar-rahn Online System
</a>
<div class="collapse navbar-collapse w-100 pt-3 pb-2 py-lg-0" id="navigation">
@@ -96,22 +94,21 @@
<form method="POST" action="{{ route('login') }}">
@csrf
@if (Session::has('error'))
<div class="text-danger" class="alert alert-warning" role="alert"
style="white-space: nowrap; font-weight:bolder">Opps! Tidak berjaya
disahkan. Sila semak semula e-mel/kata laluan.
</div>
<div class="text-danger" class="alert alert-warning" role="alert" style="white-space: nowrap; font-weight:bolder">Opps! Tidak berjaya
disahkan. Sila semak semula e-mel/kata laluan.
</div>
@endif
<label>E-mel</label>
<div class="mb-3">
<input type="email" class="form-control" placeholder="Sila isi e-mel anda ..."
aria-label="Email" name="email" value="{{ old('email') }}" required
autocomplete="email" autofocus>
<input type="email" class="form-control" placeholder="Sila isi e-mel anda ..." aria-label="Email" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>
</div>
<label>Kata Laluan</label>
<div class="mb-3">
<input type="password" class="form-control"
placeholder="Sila isi kata laluan ..." aria-label="Password" name="password"
value="{{ old('password') }}" required autocomplete="current-password">
<input type="password" class="form-control" placeholder="Sila isi kata laluan ..." aria-label="Password" name="password" id="password" value="{{ old('password') }}" required autocomplete="current-password">
<div class="d-flex mt-2 align-items-center">
<input type="checkbox" id="check">
<label class="mb-0 text-muted" for="check" style="cursor: pointer;">Papar Kata Laluan</label>
</div>
</div>
<div class="text-center">
<button type="submit" class="btn bg-gradient-info w-100 mt-4 mb-0">Log
@@ -130,8 +127,7 @@
</div>
<div class="col-md-6">
<div class="oblique position-absolute top-0 h-100 d-md-block d-none me-n8">
<div class="oblique-image bg-cover position-absolute fixed-top ms-auto h-100 z-index-0 ms-n6"
style="background-image:url({{ asset('img/dark-blue-monterey.jpg') }}); transform: rotate(180deg);">
<div class="oblique-image bg-cover position-absolute fixed-top ms-auto h-100 z-index-0 ms-n6" style="background-image:url({{ asset('img/dark-blue-monterey.jpg') }}); transform: rotate(180deg);">
</div>
</div>
</div>
@@ -153,6 +149,12 @@
<script>
var copy = document.querySelector(".logos-slide").cloneNode(true);
document.querySelector(".logos").appendChild(copy);
$(document).ready(function() {
$('#check').click(function() {
$(this).is(':checked') ? $('#password').attr('type', 'text') : $('#password').attr('type', 'password');
});
});
</script>
</div>
</footer>
@@ -160,4 +162,4 @@
</body>
</html>
</html>