115 lines
3.6 KiB
Dart
115 lines
3.6 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import 'package:pshared/models/permissions/descriptions/role.dart';
|
|
|
|
import 'package:pweb/generated/i18n/app_localizations.dart';
|
|
|
|
|
|
class InvitationFormFields extends StatelessWidget {
|
|
final List<RoleDescription> roles;
|
|
final TextEditingController emailController;
|
|
final TextEditingController firstNameController;
|
|
final TextEditingController lastNameController;
|
|
final TextEditingController messageController;
|
|
final String? selectedRoleRef;
|
|
final ValueChanged<String?> onRoleChanged;
|
|
static const double _fieldWidth = 250.0;
|
|
static const double _rowSpacing = 40.0;
|
|
static const double _rowGap = 12.0;
|
|
|
|
const InvitationFormFields({
|
|
super.key,
|
|
required this.roles,
|
|
required this.emailController,
|
|
required this.firstNameController,
|
|
required this.lastNameController,
|
|
required this.messageController,
|
|
required this.selectedRoleRef,
|
|
required this.onRoleChanged,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final loc = AppLocalizations.of(context)!;
|
|
return Column(
|
|
children: [
|
|
Row(
|
|
spacing: _rowSpacing,
|
|
children: [
|
|
SizedBox(
|
|
width: _fieldWidth,
|
|
child: TextFormField(
|
|
controller: emailController,
|
|
decoration: InputDecoration(
|
|
labelText: loc.invitationEmailLabel,
|
|
prefixIcon: const Icon(Icons.alternate_email_outlined),
|
|
),
|
|
keyboardType: TextInputType.emailAddress,
|
|
validator: (value) => (value == null || value.trim().isEmpty)
|
|
? loc.errorEmailMissing
|
|
: null,
|
|
),
|
|
),
|
|
SizedBox(
|
|
width: _fieldWidth,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
DropdownButtonFormField<String>(
|
|
initialValue: selectedRoleRef,
|
|
items: roles.map((role) => DropdownMenuItem(
|
|
value: role.storable.id,
|
|
child: Text(role.describable.name),
|
|
)).toList(),
|
|
onChanged: roles.isEmpty ? null : onRoleChanged,
|
|
decoration: InputDecoration(
|
|
labelText: loc.invitationRoleLabel,
|
|
prefixIcon: const Icon(Icons.security_outlined),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
SizedBox(height: _rowGap),
|
|
Row(
|
|
spacing: _rowSpacing,
|
|
children: [
|
|
SizedBox(
|
|
width: _fieldWidth,
|
|
child: TextFormField(
|
|
controller: lastNameController,
|
|
decoration: InputDecoration(
|
|
labelText: loc.lastName,
|
|
prefixIcon: const Icon(Icons.person_outline),
|
|
),
|
|
),
|
|
),
|
|
SizedBox(
|
|
width: _fieldWidth,
|
|
child: TextFormField(
|
|
controller: firstNameController,
|
|
decoration: InputDecoration(
|
|
labelText: loc.firstName,
|
|
prefixIcon: const Icon(Icons.person_outline),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: _rowGap),
|
|
TextFormField(
|
|
controller: messageController,
|
|
minLines: 2,
|
|
maxLines: 3,
|
|
decoration: InputDecoration(
|
|
labelText: loc.invitationMessageLabel,
|
|
prefixIcon: const Icon(Icons.chat_bubble_outline),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|