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:
@@ -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']) }}
|
||||
|
||||
@@ -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() !!}
|
||||
|
||||
@@ -68,6 +68,8 @@
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@include('load.form.password_toggle')
|
||||
|
||||
@push('js')
|
||||
<script>
|
||||
$('#use_for_delivery').click(function() {
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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>') !!}
|
||||
|
||||
Reference in New Issue
Block a user