new: add password visibility toggle on all password fields

Reusable ``password_toggle.blade.php`` partial that wraps every
``input[type=password]`` with an eye icon button. Clicking it
toggles between hidden and visible text. Handles Bootstrap modals
via ``shown.bs.modal`` event. Applied on login, register, password
change (shop + admin), password reset, and first login pages.
This commit is contained in:
Valentin Lab
2026-02-13 04:18:29 +01:00
parent f8a5caec60
commit 7a246a189a
7 changed files with 56 additions and 4 deletions

View File

@@ -10,6 +10,7 @@
<div class="alert alert-info">
<p>{{ __('boilerplate::auth.firstlogin.intro') }}</p>
</div>
@include('load.form.password_toggle')
<div class="form-group {{ $errors->has('password') ? 'has-error' : '' }}">
{{ Form::label('password', __('boilerplate::auth.fields.password')) }}
{{ Form::input('password', 'password', Request::old('password'), ['class' => 'form-control', 'autofocus']) }}

View File

@@ -15,9 +15,9 @@
<div class="input-group form-group {{ $errors->has('password') ? 'has-error' : '' }}">
{{ Form::password('password', ['class' => 'form-control', 'placeholder' => __('boilerplate::auth.fields.password'), 'required']) }}
<div class="input-group-append">
<div class="btn btn-outline-secondary">
<i class="fa fa-lock"></i>
</div>
<button class="btn btn-outline-secondary password-toggle" type="button" tabindex="-1">
<i class="fa fa-eye"></i>
</button>
</div>
</div>
{!! $errors->first('password', '<p class="text-danger"><strong>:message</strong></p>') !!}
@@ -46,4 +46,5 @@
-->
</div>
</div>
@include('load.form.password_toggle')
{!! Form::close() !!}

View File

@@ -68,6 +68,8 @@
</div>
</form>
@include('load.form.password_toggle')
@push('js')
<script>
$('#use_for_delivery').click(function() {

View File

@@ -1,3 +1,5 @@
@include('load.form.password_toggle')
<div class="row mb-3 mt-3">
<label for="new-password" class="col-md-6 control-label text-right">Mot de passe actuel</label>
<div class="col-md-6">

View File

@@ -14,6 +14,7 @@
{{ Form::email('email', old('email', $email), ['class' => 'form-control', 'placeholder' => __('boilerplate::auth.fields.email'), 'required', 'autofocus']) }}
{!! $errors->first('email','<p class="text-danger"><strong>:message</strong></p>') !!}
</div>
@include('load.form.password_toggle')
<div class="form-group {{ $errors->has('password') ? 'has-error' : '' }}">
{{ Form::password('password', ['class' => 'form-control', 'placeholder' => __('boilerplate::auth.fields.password'), 'required']) }}
{!! $errors->first('password','<p class="text-danger"><strong>:message</strong></p>') !!}