Register page layout rework

As discussed with @MyIgel the whole register page is in dire need of gasoline and a lighter. I started to refactor it by rearranging the row & column grid (removed 2 nesting levels) and changed the order of the field to something with a little more sense. The page still needs to be moved to a proper view...
This commit is contained in:
Lena Schneider 2021-12-26 02:56:03 +01:00 committed by Igor Scheller
parent b338f9d719
commit 200ac26b24
1 changed files with 103 additions and 94 deletions

View File

@ -343,13 +343,12 @@ function guest_register()
return page_with_title(register_title(), [
__('By completing this form you\'re registering as a Chaos-Angel. This script will create you an account in the angel task scheduler.'),
form_info(entry_required() . ' = ' . __('Entry required!')),
$msg,
msg(),
form([
div('row', [
div('col-md-6', [
div('row', [
div('col-sm-4', [
div('col', [
form_text(
'username',
__('Nick') . ' ' . entry_required(),
@ -361,7 +360,23 @@ function guest_register()
form_info('',
__('Use up to 24 letters, numbers, connecting punctuations or spaces for your nickname.'))
]),
div('col-sm-8', [
$enable_pronoun ? div('col', [
form_text('pronoun', __('Pronoun'), $pronoun, false, 15)
]) : '',
]),
$enable_user_name ? div('row', [
div('col', [
form_text('prename', __('First name'), $preName, false, 64, 'given-name')
]),
div('col', [
form_text('lastname', __('Last name'), $lastName, false, 64, 'family-name')
])
]) : '',
div('row', [
div('col', [
form_email(
'email',
__('E-Mail') . ' ' . entry_required(),
@ -395,30 +410,45 @@ function guest_register()
. (config('privacy_email') ? ' ' . __('To withdraw your approval, send an email to <a href="mailto:%s">%1$s</a>.', [config('privacy_email')]) : ''),
$email_goody
) : '',
]),
$enable_dect ? div('col', [
form_text('dect', __('DECT'), $dect, false, 40, 'tel-local')
]) : '',
div('col', [
form_text('mobile', __('Mobile'), $mobile, false, 40, 'tel-national')
])
]),
div('row', [
div('col-sm-6', [
div('col', [
form_password('password', __('Password') . ' ' . entry_required())
]),
div('col-sm-6', [
form_password('password2', __('Confirm password') . ' ' . entry_required())
])
]),
div('row', [
$enable_planned_arrival ? div('col-sm-6', [
$enable_planned_arrival ? div('col', [
form_date(
'planned_arrival_date',
__('Planned date of arrival') . ' ' . entry_required(),
$planned_arrival_date, $buildup_start_date, $teardown_end_date
)
]) : '',
div('col-sm-6', [
]),
div('row', [
div('col', [
form_password('password2', __('Confirm password') . ' ' . entry_required())
]),
div('col', [
$enable_tshirt_size ? form_select('tshirt_size',
__('Shirt size') . ' ' . entry_required(),
$tshirt_sizes, $tshirt_size, __('Please select...')) : ''
])
]),
]),
div('row', [
div('col', [
form_checkboxes(
'angel_types',
__('What do you want to do?') . sprintf(
@ -433,30 +463,9 @@ function guest_register()
'',
__('Some angel types have to be confirmed later by a supporter at an introduction meeting. You can change your selection in the options section.')
)
]),
div('col-md-6', [
div('row', [
$enable_dect ? div('col-sm-4', [
form_text('dect', __('DECT'), $dect, false, 40, 'tel-local')
]) : '',
div($enable_dect ? 'col-sm-4' : 'col-sm-12', [
form_text('mobile', __('Mobile'), $mobile, false, 40, 'tel-national')
]),
$enable_pronoun ? div('col-sm-4', [
form_text('pronoun', __('Pronoun'), $pronoun, false, 15)
]) : '',
]),
$enable_user_name ? div('row', [
div('col-sm-6', [
form_text('prename', __('First name'), $preName, false, 64, 'given-name')
]),
div('col-sm-6', [
form_text('lastname', __('Last name'), $lastName, false, 64, 'family-name')
])
]) : '',
form_info(entry_required() . ' = ' . __('Entry required!'))
])
]),
form_submit('submit', __('Register'))
])
]);