Skip to content

Commit 3e6cfd0

Browse files
williamjallenwilliamjallen
authored
Redesign registration page (#3679)
This PR completely redesigns the registration page UI, bringing it in line with the revamped login page. | Before | After | | --- | --- | | <img width="2836" height="1824" alt="image" src="https://github.com/user-attachments/assets/94428d4a-24b8-4c83-a955-09446cdfac7f" /> | <img width="2840" height="1824" alt="image" src="https://github.com/user-attachments/assets/a70529cc-62df-465e-9038-76d3457c5695" /> |
1 parent 617d49b commit 3e6cfd0

1 file changed

Lines changed: 85 additions & 106 deletions

File tree

‎resources/views/auth/register.blade.php‎

Lines changed: 85 additions & 106 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,12 @@
1-
@extends('cdash')
1+
@php
2+
$title = 'Register';
3+
@endphp
4+
5+
@extends('cdash', [
6+
'vue' => true,
7+
'daisyui' => true,
8+
])
9+
210
@section('header_script')
311
<script language="javascript" type="text/javascript">
412
function doSubmit() {
@@ -8,144 +16,115 @@ function doSubmit() {
816
@endsection
917

1018
@section('main_content')
11-
<form method="post" action="{{ route('register') }}" name="regform" onsubmit="doSubmit();" id="regform">
12-
@csrf
13-
<input type="hidden" value="" name="url"/>
14-
@if ($errors->has('url'))
15-
<div>
16-
<span class="invalid-feedback" role="alert">
17-
<strong>{{ $errors->first('url') }}</strong>
18-
</span>
19-
</div>
20-
@endif
21-
<table border="0" cellpadding="4" cellspacing="0" width="100%" class="tabb">
22-
<tbody>
23-
<tr class="treven">
24-
<td width="20%" height="2" class="nob">
25-
<div align="right">First Name:</div>
26-
</td>
27-
<td width="80%" height="2" class="nob">
28-
<input class="form-control{{ $errors->has('fname')? ' is-invalid' : ''}}"
19+
<div class="tw-flex tw-flex-row tw-w-full tw-justify-center tw-gap-8">
20+
<div class="tw-flex tw-flex-col tw-w-96 tw-gap-2">
21+
<form method="post" action="{{ route('register') }}" name="regform" onsubmit="doSubmit();" id="regform">
22+
@csrf
23+
<div class="tw-w-full tw-flex tw-flex-row tw-justify-center">
24+
<img src="{{ asset('img/cdash_logo_full.svg?rev=2023-05-31') }}" height="60" alt="CDash logo" style="height: 60px;">
25+
</div>
26+
27+
<input type="hidden" value="" name="url"/>
28+
@if ($errors->has('url'))
29+
<div class="tw-text-error">
30+
<strong>{{ $errors->first('url') }}</strong>
31+
</div>
32+
@endif
33+
34+
<label class="tw-form-control tw-w-full">
35+
<span class="tw-label tw-label-text">
36+
First Name
37+
</span>
38+
<input class="tw-input tw-input-bordered tw-w-full"
2939
name="fname"
30-
size="20"
3140
value="{{ old('fname', $fname) }}"
3241
required
3342
autofocus
3443
/>
3544
@if ($errors->has('fname'))
36-
<div>
37-
<span class="invalid-feedback" role="alert">
38-
<strong>{{ $errors->first('fname') }}</strong>
45+
<span class="tw-label-alt tw-text-error">
46+
{{ $errors->first('fname') }}
3947
</span>
40-
</div>
4148
@endif
42-
</td>
43-
</tr>
44-
<tr class="trodd">
45-
<td width="20%" height="2" class="nob">
46-
<div align="right"> Last Name:</div>
47-
</td>
48-
<td width="80%" height="2" class="nob">
49-
<input class="form-control{{ $errors->has('lname') ? ' is-invalid' : ''}}"
49+
</label>
50+
51+
<label class="tw-form-control tw-w-full">
52+
<span class="tw-label tw-label-text">
53+
Last Name
54+
</span>
55+
<input class="tw-input tw-input-bordered tw-w-full"
5056
name="lname"
51-
size="20"
5257
value="{{ old('lname', $lname) }}"
5358
required
5459
/>
5560
@if ($errors->has('lname'))
56-
<div>
57-
<span class="invalid-feedback" role="alert">
58-
<strong>{{ $errors->first('lname') }}</strong>
61+
<span class="tw-label-alt tw-text-error">
62+
{{ $errors->first('lname') }}
5963
</span>
60-
</div>
6164
@endif
62-
</td>
63-
</tr>
64-
<tr class="treven">
65-
<td width="20%" height="2" class="nob">
66-
<div align="right"> Email:</div>
67-
</td>
68-
<td width="80%" height="2" class="nob">
69-
<input class="form-control{{ $errors->has('email') ? ' is-invalid' : ''}}"
65+
</label>
66+
67+
<label class="tw-form-control tw-w-full">
68+
<span class="tw-label tw-label-text">
69+
Email
70+
</span>
71+
<input class="tw-input tw-input-bordered tw-w-full"
7072
name="email"
71-
size="20"
7273
value="{{ old('email', $email) }}"
7374
required
7475
/>
7576
@if ($errors->has('email'))
76-
<div>
77-
<span class="invalid-feedback" role="alert">
78-
<strong>{{$errors->first('email')}}</strong>
77+
<span class="tw-label-alt tw-text-error">
78+
{{ $errors->first('email') }}
7979
</span>
80-
</div>
81-
8280
@endif
83-
</td>
84-
</tr>
85-
<tr class="trodd">
86-
<td width="20%" height="2" class="nob">
87-
<div align="right">Password:</div>
88-
</td>
89-
<td width="80%" height="2" class="nob">
90-
<input class="form-control{{ $errors->has('password') ? ' is-invalid' : ''}}"
91-
type="password"
81+
</label>
82+
83+
<label class="tw-form-control tw-w-full">
84+
<span class="tw-label tw-label-text">
85+
Password
86+
</span>
87+
<input type="password"
9288
name="password"
93-
size="20"
89+
class="tw-input tw-input-bordered tw-w-full"
9490
autocomplete="off"
9591
required
9692
/>
9793
@if ($errors->has('password'))
98-
<div>
99-
<span class="invalid-feedback" role="alert">
100-
<strong>{{$errors->first('password')}}</strong>
94+
<span class="tw-label-alt tw-text-error">
95+
{{ $errors->first('password') }}
10196
</span>
102-
</div>
103-
10497
@endif
105-
</td>
106-
</tr>
107-
<tr class="treven">
108-
<td width="20%" height="2" class="nob">
109-
<div align="right">Confirm Password:</div>
110-
</td>
111-
<td width="80%" height="2" class="nob">
112-
<input class="form-control"
113-
type="password"
98+
</label>
99+
100+
<label class="tw-form-control tw-w-full">
101+
<span class="tw-label tw-label-text">
102+
Confirm Password
103+
</span>
104+
<input type="password"
114105
name="password_confirmation"
115-
size="20"
106+
class="tw-input tw-input-bordered tw-w-full"
116107
autocomplete="off"
117108
/>
118-
</td>
119-
</tr>
120-
<tr class="trodd">
121-
<td width="20%" height="2" class="nob">
122-
<div align="right"> Institution:</div>
123-
</td>
124-
<td width="80%" height="2" class="nob">
125-
<input class="form-control"
109+
</label>
110+
111+
<label class="tw-form-control tw-w-full">
112+
<span class="tw-label tw-label-text">
113+
Institution
114+
</span>
115+
<input class="tw-input tw-input-bordered tw-w-full"
126116
name="institution"
127-
size="20"
128117
value="{{ old('institution') }}"
129118
/>
130-
</td>
131-
</tr>
132-
<tr>
133-
<td width="20%" class="nob"></td>
134-
<td width="80%" class="nob">
135-
<input type="submit"
136-
value="Register"
137-
name="sent"
138-
class="textbox"
139-
/>
140-
<input id="url"
141-
class="textbox"
142-
type="hidden"
143-
name="url"
144-
size="20"
145-
/>
146-
</td>
147-
</tr>
148-
</tbody>
149-
</table>
150-
</form>
119+
</label>
120+
121+
<button class="tw-btn tw-btn-block tw-mt-4" type="submit">Register</button>
122+
123+
<input id="url"
124+
type="hidden"
125+
name="url"
126+
/>
127+
</form>
128+
</div>
129+
</div>
151130
@endsection

0 commit comments

Comments
 (0)