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...
main
Lena Schneider 3 years ago committed by Igor Scheller
parent b338f9d719
commit 200ac26b24

@ -343,13 +343,12 @@ function guest_register()
return page_with_title(register_title(), [ 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.'), __('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,
msg(), msg(),
form([ form([
div('row', [ div('row', [
div('col-md-6', [ div('col', [
div('row', [
div('col-sm-4', [
form_text( form_text(
'username', 'username',
__('Nick') . ' ' . entry_required(), __('Nick') . ' ' . entry_required(),
@ -361,7 +360,23 @@ function guest_register()
form_info('', form_info('',
__('Use up to 24 letters, numbers, connecting punctuations or spaces for your nickname.')) __('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( form_email(
'email', 'email',
__('E-Mail') . ' ' . entry_required(), __('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')]) : ''), . (config('privacy_email') ? ' ' . __('To withdraw your approval, send an email to <a href="mailto:%s">%1$s</a>.', [config('privacy_email')]) : ''),
$email_goody $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('row', [
div('col-sm-6', [ div('col', [
form_password('password', __('Password') . ' ' . entry_required()) form_password('password', __('Password') . ' ' . entry_required())
]), ]),
div('col-sm-6', [
form_password('password2', __('Confirm password') . ' ' . entry_required()) $enable_planned_arrival ? div('col', [
])
]),
div('row', [
$enable_planned_arrival ? div('col-sm-6', [
form_date( form_date(
'planned_arrival_date', 'planned_arrival_date',
__('Planned date of arrival') . ' ' . entry_required(), __('Planned date of arrival') . ' ' . entry_required(),
$planned_arrival_date, $buildup_start_date, $teardown_end_date $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', $enable_tshirt_size ? form_select('tshirt_size',
__('Shirt size') . ' ' . entry_required(), __('Shirt size') . ' ' . entry_required(),
$tshirt_sizes, $tshirt_size, __('Please select...')) : '' $tshirt_sizes, $tshirt_size, __('Please select...')) : ''
])
]), ]),
]),
div('row', [
div('col', [
form_checkboxes( form_checkboxes(
'angel_types', 'angel_types',
__('What do you want to do?') . sprintf( __('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.') __('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')) form_submit('submit', __('Register'))
]) ])
]); ]);

Loading…
Cancel
Save