Skip to content

Commit

Permalink
feat: new auth view layouts
Browse files Browse the repository at this point in the history
  • Loading branch information
@Justintime50
Justintime50 committed Sep 26, 2024
1 parent 10e34e6 commit 84ad6e1
Show file tree
Hide file tree
Showing 6 changed files with 105 additions and 152 deletions.
1 change: 1 addition & 0 deletions CHANGELOG.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@

## Next Release

- New auth view layouts
- Bumps mariadb from 11.3.2 to 11.4.3

## v3.0.1 (2024-07-18)
Expand Down
45 changes: 14 additions & 31 deletions src/resources/views/auth/login.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,57 +3,40 @@
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="col-lg-7">
<div class="card">
<div class="card-header">{{ __('Login') }}</div>
<div class="card-header">Login</div>

<div class="card-body">
<form method="POST" action="/login">
@csrf

<div class="form-group row">
<label for="email"
class="col-md-4 col-form-label text-md-right">{{ __('E-Mail Address') }}</label>

<div class="col-md-6">
<div class="row justify-content-center my-3">
<div class="col-10">
<input id="email" type="email"
class="form-control @error('email') is-invalid @enderror" name="email"
value="{{ old('email') }}" required autocomplete="email" autofocus>

@error('email')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
placeholder="Email" value="{{ old('email') }}" required autocomplete="email"
autofocus>
</div>
</div>

<div class="form-group row">
<label for="password"
class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>

<div class="col-md-6">
<div class="row justify-content-center my-3">
<div class="col-10">
<input id="password" type="password"
class="form-control @error('password') is-invalid @enderror" name="password"
required autocomplete="current-password">

@error('password')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
placeholder="Password" required autocomplete="current-password">
</div>
</div>

<div class="form-group row mb-0">
<div class="col-md-8 offset-md-4">
<div class="row justify-content-center">
<div class="d-grid col-10 mx-auto">
<button type="submit" class="btn btn-primary">
{{ __('Login') }}
Login
</button>

@if (Route::has('password.request'))
<a class="btn btn-link" href="{{ route('password.request') }}">
{{ __('Forgot Your Password?') }}
<a class="mt-3 text-center" href="{{ route('password.request') }}">
Forgot your password?
</a>
@endif
</div>
Expand Down
60 changes: 28 additions & 32 deletions src/resources/views/auth/passwords/email.blade.php
View file
Original file line number Diff line number Diff line change
@@ -1,47 +1,43 @@
@extends('layouts.app')

@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">{{ __('Reset Password') }}</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="card">
<div class="card-header">Reset Password</div>

<div class="card-body">
@if (session('status'))
<div class="alert alert-success" role="alert">
{{ session('status') }}
</div>
@endif

<form method="POST" action="{{ route('password.email') }}">
@csrf
<div class="card-body">
@if (session('status'))
<div class="alert alert-success" role="alert">
{{ session('status') }}
</div>
@endif

<div class="form-group row">
<label for="email" class="col-md-4 col-form-label text-md-right">{{ __('E-Mail Address') }}</label>
<form method="POST" action="{{ route('password.email') }}">
@csrf

<div class="col-md-6">
<input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>
<div class="form-group row">
<label for="email" class="col-md-4 col-form-label text-md-right">E-Mail Address</label>

@error('email')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
<div class="col-md-8">
<input id="email" type="email"
class="form-control @error('email') is-invalid @enderror" name="email"
value="{{ old('email') }}" required autocomplete="email" autofocus>
</div>
</div>
</div>

<div class="form-group row mb-0">
<div class="col-md-6 offset-md-4">
<button type="submit" class="btn btn-primary">
{{ __('Send Password Reset Link') }}
</button>
<div class="row justify-content-center mt-2">
<div class="d-grid col-12 mx-auto">
<button type="submit" class="btn btn-primary">
Send Password Reset Link
</button>
</div>
</div>
</div>
</form>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
90 changes: 42 additions & 48 deletions src/resources/views/auth/passwords/reset.blade.php
View file
Original file line number Diff line number Diff line change
@@ -1,65 +1,59 @@
@extends('layouts.app')

@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">{{ __('Reset Password') }}</div>

<div class="card-body">
<form method="POST" action="{{ route('password.update') }}">
@csrf

<input type="hidden" name="token" value="{{ $token }}">

<div class="form-group row">
<label for="email" class="col-md-4 col-form-label text-md-right">{{ __('E-Mail Address') }}</label>

<div class="col-md-6">
<input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ $email ?? old('email') }}" required autocomplete="email" autofocus>

@error('email')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-7">
<div class="card">
<div class="card-header">Reset Password</div>

<div class="card-body">
<form method="POST" action="{{ route('password.update') }}">
@csrf

<input type="hidden" name="token" value="{{ $token }}">

<div class="form-group row">
<label for="email" class="col-md-4 col-form-label text-md-right">Email</label>

<div class="col-md-8">
<input id="email" type="email"
class="form-control @error('email') is-invalid @enderror" name="email"
value="{{ $email ?? old('email') }}" required autocomplete="email" autofocus>
</div>
</div>
</div>

<div class="form-group row">
<label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>

<div class="col-md-6">
<input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password">
<div class="form-group row">
<label for="password" class="col-md-4 col-form-label text-md-right">Password</label>

@error('password')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
<div class="col-md-8">
<input id="password" type="password"
class="form-control @error('password') is-invalid @enderror" name="password"
required autocomplete="new-password">
</div>
</div>
</div>

<div class="form-group row">
<label for="password-confirm" class="col-md-4 col-form-label text-md-right">{{ __('Confirm Password') }}</label>
<div class="form-group row">
<label for="password-confirm" class="col-md-4 col-form-label text-md-right">Confirm
Password</label>

<div class="col-md-6">
<input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password">
<div class="col-md-8">
<input id="password-confirm" type="password" class="form-control"
name="password_confirmation" required autocomplete="new-password">
</div>
</div>
</div>

<div class="form-group row mb-0">
<div class="col-md-6 offset-md-4">
<button type="submit" class="btn btn-primary">
{{ __('Reset Password') }}
</button>
<div class="row justify-content-center mt-2">
<div class="d-grid col-12 mx-auto">
<button type="submit" class="btn btn-primary">
Reset Password
</button>
</div>
</div>
</div>
</form>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
49 changes: 14 additions & 35 deletions src/resources/views/auth/register.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,70 +3,49 @@
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="col-lg-7">
<div class="card">
<div class="card-header">{{ __('Register') }}</div>
<div class="card-header">Register</div>

<div class="card-body">
<form method="POST" action="/register">
@csrf

<div class="form-group row">
<label for="name"
class="col-md-4 col-form-label text-md-right">{{ __('Name') }}</label>
<label for="name" class="col-md-4 col-form-label text-md-right">Name</label>

<div class="col-md-6">
<div class="col-md-8">
<input id="name" type="text"
class="form-control @error('name') is-invalid @enderror" name="name"
value="{{ old('name') }}" required autocomplete="name" autofocus>

@error('name')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>

<div class="form-group row">
<label for="email"
class="col-md-4 col-form-label text-md-right">{{ __('E-Mail Address') }}</label>
<label for="email" class="col-md-4 col-form-label text-md-right">Email</label>

<div class="col-md-6">
<div class="col-md-8">
<input id="email" type="email"
class="form-control @error('email') is-invalid @enderror" name="email"
value="{{ old('email') }}" required autocomplete="email">

@error('email')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>

<div class="form-group row">
<label for="password"
class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>
<label for="password" class="col-md-4 col-form-label text-md-right">Password</label>

<div class="col-md-6">
<div class="col-md-8">
<input id="password" type="password"
class="form-control @error('password') is-invalid @enderror" name="password"
required autocomplete="new-password">

@error('password')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>

<div class="form-group row">
<label for="password-confirm"
class="col-md-4 col-form-label text-md-right">{{ __('Confirm Password') }}</label>
<label for="password-confirm" class="col-md-4 col-form-label text-md-right">Confirm
Password</label>

<div class="col-md-6">
<div class="col-md-8">
<input id="password-confirm" type="password" class="form-control"
name="password_confirmation" required autocomplete="new-password">
</div>
Expand All @@ -81,10 +60,10 @@ class="col-md-4 col-form-label text-md-right">{{ __('Confirm Password') }}</labe
</div>
@endif

<div class="form-group row mb-0">
<div class="col-md-6 offset-md-4">
<div class="row justify-content-center mb-2 mt-3">
<div class="d-grid col-12 mx-auto">
<button type="submit" class="btn btn-primary">
{{ __('Register') }}
Register
</button>
</div>
</div>
Expand Down
12 changes: 6 additions & 6 deletions src/resources/views/auth/verify.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,20 +3,20 @@
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="col-lg-7">
<div class="card">
<div class="card-header">{{ __('Verify Your Email Address') }}</div>
<div class="card-header">Verify Your Email Address</div>

<div class="card-body">
@if (session('resent'))
<div class="alert alert-success" role="alert">
{{ __('A fresh verification link has been sent to your email address.') }}
A fresh verification link has been sent to your email address.
</div>
@endif

{{ __('Before proceeding, please check your email for a verification link.') }}
{{ __('If you did not receive the email') }}, <a
href="{{ route('verification.resend') }}">{{ __('click here to request another') }}</a>.
Before proceeding, please check your email for a verification link.
If you did not receive the email, <a href="{{ route('verification.resend') }}">click here to request
another</a>.
</div>
</div>
</div>
Expand Down

0 comments on commit 84ad6e1

Please sign in to comment.