Initial commit: unionflow-mobile-apps
Application Flutter complète (sans build artifacts). Signed-off-by: lions dev Team
This commit is contained in:
dahoud
63
lib/presentation/widgets/shared/mini_header_bar.dart
Normal file
63
lib/presentation/widgets/shared/mini_header_bar.dart
Normal file
@@ -0,0 +1,63 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import '../../../shared/design_system/tokens/app_colors.dart';
|
||||
import '../../../shared/design_system/tokens/app_typography.dart';
|
||||
import '../../../shared/widgets/mini_avatar.dart';
|
||||
|
||||
/// UnionFlow Mobile - Composant DRY : MiniHeaderBar
|
||||
/// Remplace l'AppBar massive. Maximum 35-40px de hauteur.
|
||||
class MiniHeaderBar extends StatelessWidget implements PreferredSizeWidget {
|
||||
final String title;
|
||||
final String? profileImageUrl;
|
||||
final Widget? trailing;
|
||||
|
||||
const MiniHeaderBar({
|
||||
Key? key,
|
||||
required this.title,
|
||||
this.profileImageUrl,
|
||||
this.trailing,
|
||||
}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final isDark = Theme.of(context).brightness == Brightness.dark;
|
||||
|
||||
return Container(
|
||||
color: Theme.of(context).scaffoldBackgroundColor,
|
||||
padding: EdgeInsets.only(
|
||||
top: MediaQuery.of(context).padding.top + 8, // Respecte la Status Bar
|
||||
bottom: 8,
|
||||
left: 16,
|
||||
right: 16,
|
||||
),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
// Bouton Menu/Profil à gauche
|
||||
GestureDetector(
|
||||
onTap: () {
|
||||
Scaffold.of(context).openDrawer();
|
||||
},
|
||||
child: MiniAvatar(
|
||||
imageUrl: profileImageUrl,
|
||||
fallbackText: 'ME',
|
||||
size: 28,
|
||||
),
|
||||
),
|
||||
|
||||
// Titre central (Petit)
|
||||
Text(
|
||||
title,
|
||||
style: AppTypography.headerSmall.copyWith(
|
||||
color: isDark ? AppColors.textPrimaryDark : AppColors.textPrimaryLight,
|
||||
),
|
||||
),
|
||||
|
||||
if (trailing != null) trailing! else const SizedBox(width: 28),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Size get preferredSize => const Size.fromHeight(40.0);
|
||||
}
|
||||
47
lib/presentation/widgets/shared/mini_metric_widget.dart
Normal file
47
lib/presentation/widgets/shared/mini_metric_widget.dart
Normal file
@@ -0,0 +1,47 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import '../../../shared/design_system/tokens/app_colors.dart';
|
||||
import '../../../shared/design_system/tokens/app_typography.dart';
|
||||
|
||||
/// UnionFlow Mobile - Composant DRY : MiniMetricWidget
|
||||
/// Affiche une métrique sous forme "Label (10px) / Valeur (13px)".
|
||||
/// Utilisé dans le Dashboard financier compressé.
|
||||
class MiniMetricWidget extends StatelessWidget {
|
||||
final String label;
|
||||
final String value;
|
||||
final Color? valueColor;
|
||||
final CrossAxisAlignment alignment;
|
||||
|
||||
const MiniMetricWidget({
|
||||
Key? key,
|
||||
required this.label,
|
||||
required this.value,
|
||||
this.valueColor,
|
||||
this.alignment = CrossAxisAlignment.start,
|
||||
}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Column(
|
||||
crossAxisAlignment: alignment,
|
||||
children: [
|
||||
Text(
|
||||
label.toUpperCase(),
|
||||
style: AppTypography.badgeText.copyWith(
|
||||
color: Theme.of(context).brightness == Brightness.dark
|
||||
? AppColors.textSecondaryDark
|
||||
: AppColors.textSecondaryLight,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
Text(
|
||||
value,
|
||||
style: AppTypography.actionText.copyWith(
|
||||
color: valueColor ?? (Theme.of(context).brightness == Brightness.dark
|
||||
? AppColors.textPrimaryDark
|
||||
: AppColors.textPrimaryLight),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
144
lib/presentation/widgets/shared/profile_drawer.dart
Normal file
144
lib/presentation/widgets/shared/profile_drawer.dart
Normal file
@@ -0,0 +1,144 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||
|
||||
import '../../../features/authentication/presentation/bloc/auth_bloc.dart';
|
||||
import '../../../features/profile/presentation/pages/profile_page_wrapper.dart';
|
||||
import '../../../features/contributions/presentation/pages/contributions_page_wrapper.dart';
|
||||
import '../../../features/solidarity/presentation/pages/demandes_aide_page_wrapper.dart';
|
||||
import '../../../features/settings/presentation/pages/system_settings_page.dart';
|
||||
import '../../../features/help/presentation/pages/help_support_page.dart';
|
||||
import '../../../shared/design_system/unionflow_design_system.dart';
|
||||
import '../../../shared/widgets/mini_avatar.dart';
|
||||
import '../../../shared/widgets/action_row.dart';
|
||||
import '../../../shared/widgets/info_badge.dart';
|
||||
|
||||
/// UnionFlow Mobile - Composant DRY : Menu Profil Latéral
|
||||
/// Un tiroir (drawer) de style réseau social (Twitter/Facebook) très épuré.
|
||||
class ProfileDrawer extends StatelessWidget {
|
||||
const ProfileDrawer({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final isDark = Theme.of(context).brightness == Brightness.dark;
|
||||
|
||||
return Drawer(
|
||||
backgroundColor: Theme.of(context).scaffoldBackgroundColor,
|
||||
child: SafeArea(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
BlocBuilder<AuthBloc, AuthState>(
|
||||
buildWhen: (prev, curr) => curr is AuthAuthenticated || prev is AuthAuthenticated,
|
||||
builder: (context, authState) {
|
||||
final user = authState is AuthAuthenticated ? authState.user : null;
|
||||
final name = user?.fullName ?? 'Utilisateur';
|
||||
final email = user?.email ?? '—';
|
||||
final initial = name.isNotEmpty ? name[0].toUpperCase() : 'U';
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 20.0, vertical: 16.0),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
MiniAvatar(fallbackText: initial, size: 48, isOnline: user != null),
|
||||
const SizedBox(height: 12),
|
||||
Text(
|
||||
name,
|
||||
style: AppTypography.headerSmall.copyWith(
|
||||
color: isDark ? AppColors.textPrimaryDark : AppColors.textPrimaryLight,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
Text(
|
||||
email,
|
||||
style: AppTypography.subtitleSmall,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
Row(
|
||||
children: [
|
||||
Text('— ', style: AppTypography.actionText),
|
||||
Text('Cotisations', style: AppTypography.subtitleSmall),
|
||||
const SizedBox(width: 16),
|
||||
Text('— ', style: AppTypography.actionText),
|
||||
Text('Événements attendus', style: AppTypography.subtitleSmall),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
|
||||
Divider(color: isDark ? AppColors.darkBorder : AppColors.lightBorder, height: 1),
|
||||
|
||||
// Liens / Actions (factorisés)
|
||||
Expanded(
|
||||
child: ListView(
|
||||
padding: const EdgeInsets.symmetric(vertical: 8),
|
||||
children: [
|
||||
_buildDrawerItem(context, Icons.person_outline, 'Mon Profil', () { Navigator.pop(context); Navigator.of(context).push(MaterialPageRoute<void>(builder: (_) => const ProfilePageWrapper())); }),
|
||||
_buildDrawerItem(context, Icons.history, 'Historique', () { Navigator.pop(context); Navigator.of(context).push(MaterialPageRoute<void>(builder: (_) => const ContributionsPageWrapper())); }),
|
||||
_buildDrawerItem(context, Icons.favorite_border, 'Solidarité', () { Navigator.pop(context); Navigator.of(context).push(MaterialPageRoute<void>(builder: (_) => const DemandesAidePageWrapper())); }),
|
||||
_buildDrawerItem(context, Icons.settings_outlined, 'Paramètres', () { Navigator.pop(context); Navigator.of(context).push(MaterialPageRoute<void>(builder: (_) => const SystemSettingsPage())); }),
|
||||
_buildDrawerItem(context, Icons.help_outline, 'Aide & Support', () { Navigator.pop(context); Navigator.of(context).push(MaterialPageRoute<void>(builder: (_) => const HelpSupportPage())); }),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
Divider(color: isDark ? AppColors.darkBorder : AppColors.lightBorder, height: 1),
|
||||
|
||||
// Bouton Déconnexion
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child: InkWell(
|
||||
onTap: () {
|
||||
context.read<AuthBloc>().add(AuthLogoutRequested());
|
||||
Navigator.pop(context); // Fermer le drawer
|
||||
},
|
||||
child: Row(
|
||||
children: [
|
||||
const Icon(Icons.logout, color: AppColors.error, size: 20),
|
||||
const SizedBox(width: 16),
|
||||
Text(
|
||||
'Se déconnecter',
|
||||
style: AppTypography.actionText.copyWith(color: AppColors.error),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildDrawerItem(BuildContext context, IconData icon, String title, VoidCallback onTap) {
|
||||
final isDark = Theme.of(context).brightness == Brightness.dark;
|
||||
|
||||
return InkWell(
|
||||
onTap: onTap,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 20.0, vertical: 14.0),
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(
|
||||
icon,
|
||||
size: 22,
|
||||
color: isDark ? AppColors.textPrimaryDark : AppColors.textPrimaryLight,
|
||||
),
|
||||
const SizedBox(width: 20),
|
||||
Text(
|
||||
title,
|
||||
style: AppTypography.headerSmall.copyWith(
|
||||
fontWeight: FontWeight.w500,
|
||||
color: isDark ? AppColors.textPrimaryDark : AppColors.textPrimaryLight,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user