Mark M2 Macbook
90bd5ecacf
Onboarding completato, ora super rapido e top Reviewed-on: http://catelliub.zapto.org:3000/brontomark/flux/pulls/7 Co-authored-by: Mark M2 Macbook <marco@catelli.it> Co-committed-by: Mark M2 Macbook <marco@catelli.it>
106 lines
3.5 KiB
Dart
106 lines
3.5 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
import 'package:flux/core/utils/validators.dart';
|
|
import 'package:flux/core/widgets/flux_text_field.dart';
|
|
import 'package:flux/features/master_data/staff/models/staff_member_model.dart';
|
|
import 'package:flux/features/onboarding/blocs/onboarding_cubit.dart';
|
|
|
|
class StaffOnboardingForm extends StatefulWidget {
|
|
const StaffOnboardingForm({super.key});
|
|
|
|
@override
|
|
State<StaffOnboardingForm> createState() => _StaffOnboardingFormState();
|
|
}
|
|
|
|
class _StaffOnboardingFormState extends State<StaffOnboardingForm> {
|
|
final _formKey = GlobalKey<FormState>();
|
|
final _nameCtrl = TextEditingController();
|
|
final _emailCtrl = TextEditingController();
|
|
final _jobTitleCtrl = TextEditingController();
|
|
|
|
@override
|
|
void dispose() {
|
|
_nameCtrl.dispose();
|
|
_emailCtrl.dispose();
|
|
_jobTitleCtrl.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Padding(
|
|
padding: const EdgeInsets.all(32),
|
|
child: Form(
|
|
key: _formKey,
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
const Text(
|
|
"Il tuo Profilo 👤",
|
|
style: TextStyle(fontSize: 32, fontWeight: FontWeight.bold),
|
|
),
|
|
const SizedBox(height: 8),
|
|
const Text(
|
|
"Ultimo step! Crea il tuo profilo operativo per iniziare a usare FLUX.",
|
|
style: TextStyle(fontSize: 16, color: Colors.grey),
|
|
),
|
|
const SizedBox(height: 48),
|
|
FluxTextField(
|
|
label: 'Nome',
|
|
keyboardType: TextInputType.name,
|
|
controller: _nameCtrl,
|
|
validator: notEmptyValidator,
|
|
textCapitalization: TextCapitalization.words,
|
|
autocorrect: false,
|
|
),
|
|
const SizedBox(height: 16),
|
|
FluxTextField(
|
|
label: 'Email',
|
|
keyboardType: TextInputType.emailAddress,
|
|
controller: _emailCtrl,
|
|
textCapitalization: TextCapitalization.none,
|
|
),
|
|
const SizedBox(height: 16),
|
|
FluxTextField(
|
|
label: 'Etichetta Ruolo (es. Titolare, Manager)',
|
|
controller: _jobTitleCtrl,
|
|
keyboardType: TextInputType.text,
|
|
textCapitalization: TextCapitalization.words,
|
|
onSubmitted: (_) => _submit(),
|
|
),
|
|
const Spacer(),
|
|
ElevatedButton(
|
|
style: ElevatedButton.styleFrom(
|
|
padding: const EdgeInsets.symmetric(vertical: 16),
|
|
backgroundColor: Colors.black, // O il tuo context.accent
|
|
foregroundColor: Colors.white,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
),
|
|
onPressed: () => _submit(),
|
|
child: const Text(
|
|
"Entra in FLUX",
|
|
style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
void _submit() {
|
|
if (_formKey.currentState!.validate()) {
|
|
final newStaff = StaffMemberModel.empty().copyWith(
|
|
name: _nameCtrl.text.trim(),
|
|
email: _emailCtrl.text.trim(),
|
|
jobTitle: _jobTitleCtrl.text.trim(),
|
|
);
|
|
context.read<OnboardingCubit>().saveStaff(newStaff);
|
|
}
|
|
}
|
|
}
|