lionsdev/afterwork
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Le menu de la page principale après s'être authentifié est ok

Browse Source
This commit is contained in:
DahoudG
2024-08-27 18:53:20 +00:00
parent e233f9f392
commit c653098560
16 changed files with 478 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
lib/presentation/screens/event/event_screen.dart
View File

@@ -7,12 +7,47 @@ class EventScreen extends StatelessWidget {
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Événements'),
title: const Text('Créer un Événement'),
backgroundColor: Colors.blueAccent,
),
body: const Center(
child: Text('Liste des événements'),
body: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'Titre de l\'événement',
style: TextStyle(fontSize: 18, color: Colors.white),
),
const SizedBox(height: 8),
TextField(
decoration: InputDecoration(
hintText: 'Entrez le titre de l\'événement',
filled: true,
fillColor: Colors.white.withOpacity(0.1),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10.0),
borderSide: BorderSide.none,
),
hintStyle: const TextStyle(color: Colors.white70),
),
style: const TextStyle(color: Colors.white),
),
const SizedBox(height: 20),
ElevatedButton(
onPressed: () {
// Logique pour créer l'événement
},
style: ElevatedButton.styleFrom(
backgroundColor: Colors.blueAccent,
padding: const EdgeInsets.all(16.0),
),
child: const Text('Créer l\'événement'),
),
],
),
),
backgroundColor: Colors.black,
);
}
}

163
lib/presentation/screens/home/home_screen.dart
View File

@@ -1,17 +1,172 @@
import 'package:flutter/material.dart';
class HomeScreen extends StatelessWidget {
class HomeScreen extends StatefulWidget {
const HomeScreen({super.key});
@override
_HomeScreenState createState() => _HomeScreenState();
}
class _HomeScreenState extends State<HomeScreen> with SingleTickerProviderStateMixin {
late TabController _tabController;
@override
void initState() {
super.initState();
_tabController = TabController(length: 5, vsync: this);
}
@override
void dispose() {
_tabController.dispose();
super.dispose();
}
void _onMenuSelected(BuildContext context, String option) {
// Implémente la logique pour chaque option ici
switch (option) {
case 'Publier':
// Redirige vers la page de publication
break;
case 'Story':
// Redirige vers la page de création de Story
break;
default:
break;
}
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('AfterWork'),
backgroundColor: Colors.black, // Fond noir pour l'AppBar
elevation: 0, // Enlève l'ombre sous l'AppBar
leading: Padding(
padding: const EdgeInsets.all(8.0),
child: Image.asset(
'lib/assets/images/logo.png', // Chemin correct de ton logo
height: 40,
),
),
actions: [
// Bouton +
CircleAvatar(
backgroundColor: Colors.white, // Cercle blanc
radius: 18, // Réduit la taille du bouton
child: PopupMenuButton<String>(
onSelected: (value) => _onMenuSelected(context, value),
itemBuilder: (context) => [
const PopupMenuItem(
value: 'Publier',
child: Text('Publier'),
),
const PopupMenuItem(
value: 'Story',
child: Text('Story'),
),
],
icon: const Icon(Icons.add, color: Colors.blueAccent, size: 20), // Icône bleue légèrement plus petite
color: Colors.white, // Menu contextuel en blanc
),
),
const SizedBox(width: 8), // Réduit l'espacement entre les boutons
// Bouton Recherche
CircleAvatar(
backgroundColor: Colors.white,
radius: 18, // Réduit la taille du bouton
child: IconButton(
icon: const Icon(Icons.search, color: Colors.blueAccent, size: 20), // Icône bleue légèrement plus petite
onPressed: () {
// Implémente la logique de recherche ici
},
),
),
const SizedBox(width: 8), // Réduit l'espacement entre les boutons
// Bouton Messagerie
CircleAvatar(
backgroundColor: Colors.white,
radius: 18, // Réduit la taille du bouton
child: IconButton(
icon: const Icon(Icons.message, color: Colors.blueAccent, size: 20), // Icône bleue légèrement plus petite
onPressed: () {
// Implémente la logique de messagerie ici
},
),
),
const SizedBox(width: 8), // Réduit l'espacement entre les boutons
],
bottom: TabBar(
controller: _tabController,
indicatorColor: Colors.blueAccent,
tabs: const [
Tab(icon: Icon(Icons.home), text: 'Accueil'),
Tab(icon: Icon(Icons.event), text: 'Événements'),
Tab(icon: Icon(Icons.location_city), text: 'Établissements'),
Tab(icon: Icon(Icons.people), text: 'Social'),
Tab(icon: Icon(Icons.person), text: 'Profil'),
],
),
),
body: const Center(
child: Text('Bienvenue sur AfterWork!'),
body: TabBarView(
controller: _tabController,
children: [
_getSelectedScreen(0),
_getSelectedScreen(1),
_getSelectedScreen(2),
_getSelectedScreen(3),
_getSelectedScreen(4),
],
),
backgroundColor: Colors.black, // Arrière-plan de l'écran en noir
);
}
// Cette méthode retourne le widget correspondant à l'index sélectionné
Widget _getSelectedScreen(int index) {
switch (index) {
case 0:
return const Center(
child: Text(
'Accueil',
style: TextStyle(color: Colors.white, fontSize: 24),
),
);
case 1:
return const Center(
child: Text(
'Événements',
style: TextStyle(color: Colors.white, fontSize: 24),
),
);
case 2:
return const Center(
child: Text(
'Établissements',
style: TextStyle(color: Colors.white, fontSize: 24),
),
);
case 3:
return const Center(
child: Text(
'Social',
style: TextStyle(color: Colors.white, fontSize: 24),
),
);
case 4:
return const Center(
child: Text(
'Profil',
style: TextStyle(color: Colors.white, fontSize: 24),
),
);
default:
return const Center(
child: Text(
'Accueil',
style: TextStyle(color: Colors.white, fontSize: 24),
),
);
}
}
}

139
lib/presentation/screens/login/login_screen.dart
View File

@@ -1,6 +1,7 @@
import 'package:flutter/material.dart';
import 'package:afterwork/data/datasources/user_remote_data_source.dart';
import 'package:afterwork/data/models/user_model.dart';
import 'package:afterwork/presentation/screens/home/home_screen.dart';
import 'package:http/http.dart' as http;
class LoginScreen extends StatefulWidget {
@@ -10,14 +11,36 @@ class LoginScreen extends StatefulWidget {
_LoginScreenState createState() => _LoginScreenState();
}
class _LoginScreenState extends State<LoginScreen> {
class _LoginScreenState extends State<LoginScreen> with SingleTickerProviderStateMixin {
final _formKey = GlobalKey<FormState>();
String _email = ''; // Initialisation par défaut
String _password = ''; // Initialisation par défaut
String _email = '';
String _password = '';
bool _isPasswordVisible = false;
bool _isSubmitting = false;
final UserRemoteDataSource _userRemoteDataSource = UserRemoteDataSource(http.Client());
late AnimationController _controller;
late Animation<double> _buttonScaleAnimation;
@override
void initState() {
super.initState();
_controller = AnimationController(
vsync: this,
duration: const Duration(milliseconds: 300),
);
_buttonScaleAnimation = Tween<double>(begin: 1.0, end: 1.1).animate(
CurvedAnimation(parent: _controller, curve: Curves.easeInOut),
);
}
@override
void dispose() {
_controller.dispose();
super.dispose();
}
void _togglePasswordVisibility() {
setState(() {
_isPasswordVisible = !_isPasswordVisible;
@@ -26,30 +49,30 @@ class _LoginScreenState extends State<LoginScreen> {
void _submit() async {
if (_formKey.currentState!.validate()) {
setState(() {
_isSubmitting = true;
});
_formKey.currentState!.save();
print('Email: $_email'); // Pour vérifier la valeur de l'email
print('Mot de passe: $_password'); // Pour vérifier la valeur du mot de passe
if (_email.isEmpty || _password.isEmpty) {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('Veuillez remplir tous les champs')),
);
return;
}
try {
UserModel user = await _userRemoteDataSource.authenticateUser(_email, _password);
print('Connexion réussie : ${user.email}');
// Naviguer vers la page d'accueil ou autre
// Navigation vers la page d'accueil
Navigator.pushReplacement(
context,
MaterialPageRoute(builder: (context) => const HomeScreen()),
);
} catch (e) {
print('Erreur lors de la connexion: $e');
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text(e.toString())),
);
} finally {
setState(() {
_isSubmitting = false;
});
}
} else {
print('Formulaire invalide');
}
}
@@ -58,14 +81,16 @@ class _LoginScreenState extends State<LoginScreen> {
final size = MediaQuery.of(context).size;
return Scaffold(
backgroundColor: Colors.white,
body: Stack(
children: [
// Arrière-plan
Positioned.fill(
child: Image.asset(
'lib/assets/images/background.webp', // Remplace par le chemin de ton image
fit: BoxFit.cover,
// Arrière-plan avec dégradé
Container(
decoration: const BoxDecoration(
gradient: LinearGradient(
colors: [Color(0xFF4A90E2), Color(0xFF9013FE)],
begin: Alignment.topLeft,
end: Alignment.bottomRight,
),
),
),
// Contenu de la page
@@ -77,27 +102,56 @@ class _LoginScreenState extends State<LoginScreen> {
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Image.asset(
'lib/assets/images/logo.png',
height: size.height * 0.2,
// Logo avec légère animation
AnimatedBuilder(
animation: _controller,
builder: (context, child) {
return Transform.scale(
scale: _buttonScaleAnimation.value,
child: child,
);
},
child: GestureDetector(
onTapDown: (_) => _controller.forward(),
onTapUp: (_) => _controller.reverse(),
child: Image.asset(
'lib/assets/images/logo.png',
height: size.height * 0.2,
),
),
),
const SizedBox(height: 20),
const Text(
'Bienvenue sur AfterWork',
style: TextStyle(
fontSize: 24,
fontSize: 26,
fontWeight: FontWeight.bold,
color: Colors.blueAccent,
color: Colors.white,
shadows: [
Shadow(
offset: Offset(0, 2),
blurRadius: 6,
color: Colors.black26,
),
],
),
),
const SizedBox(height: 40),
// Champ Email
TextFormField(
decoration: const InputDecoration(
decoration: InputDecoration(
labelText: 'Email',
border: OutlineInputBorder(),
prefixIcon: Icon(Icons.email),
filled: true,
fillColor: Colors.white.withOpacity(0.1),
labelStyle: const TextStyle(color: Colors.white),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10.0),
borderSide: BorderSide.none,
),
prefixIcon: const Icon(Icons.email, color: Colors.white),
),
keyboardType: TextInputType.emailAddress,
style: const TextStyle(color: Colors.white),
validator: (value) {
if (value == null || value.isEmpty) {
return 'Veuillez entrer votre email';
@@ -112,19 +166,28 @@ class _LoginScreenState extends State<LoginScreen> {
},
),
const SizedBox(height: 20),
// Champ Mot de passe
TextFormField(
decoration: InputDecoration(
labelText: 'Mot de passe',
border: const OutlineInputBorder(),
prefixIcon: const Icon(Icons.lock),
filled: true,
fillColor: Colors.white.withOpacity(0.1),
labelStyle: const TextStyle(color: Colors.white),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10.0),
borderSide: BorderSide.none,
),
prefixIcon: const Icon(Icons.lock, color: Colors.white),
suffixIcon: IconButton(
icon: Icon(
_isPasswordVisible ? Icons.visibility : Icons.visibility_off,
color: Colors.white,
),
onPressed: _togglePasswordVisibility,
),
),
obscureText: !_isPasswordVisible,
style: const TextStyle(color: Colors.white),
validator: (value) {
if (value == null || value.isEmpty) {
return 'Veuillez entrer votre mot de passe';
@@ -139,29 +202,33 @@ class _LoginScreenState extends State<LoginScreen> {
},
),
const SizedBox(height: 20),
// Bouton de connexion avec animation de soumission
SizedBox(
width: double.infinity,
child: ElevatedButton(
style: ElevatedButton.styleFrom(
padding: const EdgeInsets.all(16.0),
textStyle: const TextStyle(fontSize: 18),
backgroundColor: Colors.blueAccent,
backgroundColor: _isSubmitting ? Colors.grey : Colors.blueAccent,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.0),
),
),
onPressed: _submit,
child: const Text('Connexion'),
onPressed: _isSubmitting ? null : _submit,
child: _isSubmitting
? const CircularProgressIndicator(color: Colors.white)
: const Text('Connexion'),
),
),
const SizedBox(height: 20),
// Lien pour s'inscrire
TextButton(
onPressed: () {
// Naviguer vers la page d'inscription
},
child: const Text(
'Pas encore de compte ? Inscrivez-vous',
style: TextStyle(color: Colors.blueAccent),
style: TextStyle(color: Colors.white),
),
),
],

54
lib/presentation/screens/story/story_screen.dart Normal file
View File

@@ -0,0 +1,54 @@
import 'package:flutter/material.dart';
class StoryScreen extends StatelessWidget {
const StoryScreen({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Créer une Story'),
backgroundColor: Colors.blueAccent,
),
body: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'Texte de la Story',
style: TextStyle(fontSize: 18, color: Colors.white),
),
const SizedBox(height: 8),
TextField(
maxLines: 5,
decoration: InputDecoration(
hintText: 'Rédigez votre Story',
filled: true,
fillColor: Colors.white.withOpacity(0.1),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10.0),
borderSide: BorderSide.none,
),
hintStyle: const TextStyle(color: Colors.white70),
),
style: const TextStyle(color: Colors.white),
),
const SizedBox(height: 20),
ElevatedButton(
onPressed: () {
// Logique pour créer la story
},
style: ElevatedButton.styleFrom(
backgroundColor: Colors.blueAccent,
padding: const EdgeInsets.all(16.0),
),
child: const Text('Publier la Story'),
),
],
),
),
backgroundColor: Colors.black,
);
}
}