75 lines
2.2 KiB
Dart
75 lines
2.2 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import 'login_form_parts.dart';
|
|
|
|
enum LoginAudience { school, guardian }
|
|
|
|
/// First login step: who is signing in. School accounts and guardians use
|
|
/// entirely different forms, so the choice comes before any input.
|
|
class LoginAudienceCard extends StatelessWidget {
|
|
final ValueChanged<LoginAudience> onSelected;
|
|
|
|
/// Signs in an additional account instead of the first one.
|
|
final bool addingAccount;
|
|
|
|
const LoginAudienceCard({
|
|
required this.onSelected,
|
|
this.addingAccount = false,
|
|
super.key,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) => LoginCardFrame(
|
|
title: addingAccount ? 'Konto hinzufügen' : 'Anmelden',
|
|
hint: addingAccount
|
|
? 'Welches Konto möchtest du hinzufügen?'
|
|
: 'Bitte wähle deine Anmeldemethode',
|
|
children: [
|
|
_AudienceButton(
|
|
key: const Key('login-audience-school'),
|
|
icon: Icons.school_outlined,
|
|
label: addingAccount
|
|
? 'Schulkonto (Schülerschaft & Lehrkräfte)'
|
|
: 'Login für Schülerschaft & Lehrkräfte',
|
|
onPressed: () => onSelected(LoginAudience.school),
|
|
),
|
|
const SizedBox(height: 12),
|
|
_AudienceButton(
|
|
key: const Key('login-audience-guardian'),
|
|
icon: Icons.family_restroom_outlined,
|
|
label: addingAccount ? 'Elternkonto' : 'Login für Eltern',
|
|
onPressed: () => onSelected(LoginAudience.guardian),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
class _AudienceButton extends StatelessWidget {
|
|
final IconData icon;
|
|
final String label;
|
|
final VoidCallback onPressed;
|
|
|
|
const _AudienceButton({
|
|
required this.icon,
|
|
required this.label,
|
|
required this.onPressed,
|
|
super.key,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) => SizedBox(
|
|
height: 64,
|
|
child: FilledButton.tonalIcon(
|
|
onPressed: onPressed,
|
|
icon: Icon(icon, size: 26),
|
|
label: Text(label),
|
|
style: FilledButton.styleFrom(
|
|
alignment: Alignment.centerLeft,
|
|
padding: const EdgeInsets.symmetric(horizontal: 20),
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
|
textStyle: const TextStyle(fontSize: 16, fontWeight: FontWeight.w600),
|
|
),
|
|
),
|
|
);
|
|
}
|