Skip to content

Commit f7da9bf

Browse files
darryldecodedarryldecode
committed
beautify reset password views
1 parent beae1cf commit f7da9bf

File tree

3 files changed

+126
-28
lines changed

3 files changed

+126
-28
lines changed

‎src/Darryldecode/Backend/Components/Auth/Views/login.blade.php

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,7 @@
5252
</div>
5353
<div class="form-group">
5454
<input type="checkbox" name="remember"> Remember Me
55+
<a class="pull-right" href="{{url('/'.config('backend.backend.base_url').'/password/email')}}">Forgot Password?</a>
5556
</div>
5657
<div class="form-group">
5758
<input class="form-control" type="hidden" name="ru" value="{{(isset($_GET['ru']) ? $_GET['ru'] : '')}}">

‎src/Darryldecode/Backend/Components/Auth/Views/password.blade.php

Lines changed: 63 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,66 @@
1-
<form method="POST" action="/{{config('backend.backend.base_url')}}/password/email">
2-
{!! csrf_field() !!}
1+
<!DOCTYPE html>
2+
<html lang="en" data-ng-app="cb">
3+
<head>
34

4-
<div>
5-
Email
6-
<input type="email" name="email" value="{{ old('email') }}">
7-
</div>
5+
<meta charset="utf-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<title>{{Config::get('backend.backend.backend_title')}}</title>
9+
10+
@include('backend::includes.styles')
11+
12+
<style>
13+
.lb-forgot-pw-title {
14+
font-family: dancing_script, "arial narrow", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, "Bitstream Vera Sans", sans-serif;
15+
margin-top: 50px;
16+
}
17+
.lb-forgot-pw-form {
18+
max-width: 400px;
19+
margin: 60px auto 20px auto;
20+
padding: 20px;
21+
border: 1px solid #eaeaea;
22+
border-radius: 5px;
23+
}
24+
</style>
25+
26+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
27+
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
28+
<!--[if lt IE 9]>
29+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
30+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
31+
<![endif]-->
832

9-
<div>
10-
<button type="submit">
11-
Send Password Reset Link
12-
</button>
33+
</head>
34+
<body>
35+
<div class="container">
36+
<h1 class="text-center lb-forgot-pw-title">{{Config::get('backend.backend.backend_title')}}</h1>
37+
<div class="lb-forgot-pw-form">
38+
@if($errors->first())
39+
<div class="alert alert-danger">
40+
{{$errors->first()}}
41+
</div>
42+
@endif
43+
@if(Session::has('status'))
44+
<div class="alert alert-info">
45+
{{Session::get('status')}}
46+
</div>
47+
@endif
48+
<form method="POST" action="/{{config('backend.backend.base_url')}}/password/email">
49+
{!! csrf_field() !!}
50+
<div class="alert alert-info">
51+
Enter your account's email address and we will send you a reset link.
52+
</div>
53+
<div class="form-group">
54+
Email
55+
<input class="form-control" type="email" name="email" value="{{ old('email') }}">
56+
</div>
57+
<div class="form-group">
58+
<button class="btn btn-default" type="submit">
59+
Send Password Reset Link
60+
</button>
61+
</div>
62+
</form>
1363
</div>
14-
</form>
64+
</div>
65+
</body>
66+
</html>

‎src/Darryldecode/Backend/Components/Auth/Views/reset.blade.php

Lines changed: 62 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,67 @@
1-
<form method="POST" action="/{{config('backend.backend.base_url')}}/password/reset">
2-
{!! csrf_field() !!}
3-
<input type="hidden" name="token" value="{{ $token }}">
1+
<!DOCTYPE html>
2+
<html lang="en" data-ng-app="cb">
3+
<head>
44

5-
<div>
6-
<input type="email" name="email" value="{{ old('email') }}">
7-
</div>
5+
<meta charset="utf-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<title>{{Config::get('backend.backend.backend_title')}}</title>
89

9-
<div>
10-
<input type="password" name="password">
11-
</div>
10+
@include('backend::includes.styles')
1211

13-
<div>
14-
<input type="password" name="password_confirmation">
15-
</div>
12+
<style>
13+
.lb-login-title {
14+
font-family: dancing_script, "arial narrow", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, "Bitstream Vera Sans", sans-serif;
15+
margin-top: 50px;
16+
}
17+
.lb-login-form {
18+
max-width: 400px;
19+
margin: 60px auto 20px auto;
20+
padding: 20px;
21+
border: 1px solid #eaeaea;
22+
border-radius: 5px;
23+
}
24+
</style>
25+
26+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
27+
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
28+
<!--[if lt IE 9]>
29+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
30+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
31+
<![endif]-->
1632

17-
<div>
18-
<button type="submit">
19-
Reset Password
20-
</button>
33+
</head>
34+
<body>
35+
<div class="container">
36+
<h1 class="text-center lb-login-title">{{Config::get('backend.backend.backend_title')}}</h1>
37+
<div class="lb-login-form">
38+
@if($errors->first())
39+
<div class="alert alert-danger">
40+
{{$errors->first()}}
41+
</div>
42+
@endif
43+
<form method="POST" action="/{{config('backend.backend.base_url')}}/password/reset">
44+
{!! csrf_field() !!}
45+
<input type="hidden" name="token" value="{{ $token }}">
46+
<div class="form-group">
47+
Email
48+
<input class="form-control" type="email" name="email" value="{{ old('email') }}">
49+
</div>
50+
<div class="form-group">
51+
New Password
52+
<input class="form-control" type="password" name="password">
53+
</div>
54+
<div class="form-group">
55+
Confirm New Password
56+
<input class="form-control" type="password" name="password_confirmation">
57+
</div>
58+
<div class="form-group">
59+
<button class="btn btn-default" type="submit">
60+
Reset Password
61+
</button>
62+
</div>
63+
</form>
2164
</div>
22-
</form>
65+
</div>
66+
</body>
67+
</html>

0 commit comments

Comments
 (0)