12 changed files with 655 additions and 192 deletions
@ -0,0 +1,467 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:http/http.dart' as http; |
|||
import 'dart:convert'; |
|||
|
|||
void main() { |
|||
runApp(MyApp()); |
|||
} |
|||
|
|||
class MyApp extends StatelessWidget { |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return MaterialApp( |
|||
title: 'Gestion des Templates d\'Impression', |
|||
theme: ThemeData( |
|||
primarySwatch: Colors.green, |
|||
fontFamily: 'Roboto', |
|||
), |
|||
home: PrintTemplateManagementScreen(), |
|||
); |
|||
} |
|||
} |
|||
|
|||
class PrintTemplate { |
|||
final int id; |
|||
final String title; |
|||
final String content; |
|||
final String createdAt; |
|||
final String updatedAt; |
|||
|
|||
PrintTemplate({ |
|||
required this.id, |
|||
required this.title, |
|||
required this.content, |
|||
required this.createdAt, |
|||
required this.updatedAt, |
|||
}); |
|||
|
|||
factory PrintTemplate.fromJson(Map<String, dynamic> json) { |
|||
return PrintTemplate( |
|||
id: json['id'], |
|||
title: json['title'], |
|||
content: json['content'], |
|||
createdAt: json['created_at'], |
|||
updatedAt: json['updated_at'], |
|||
); |
|||
} |
|||
} |
|||
|
|||
class ApiResponse { |
|||
final bool success; |
|||
final List<PrintTemplate> data; |
|||
final Map<String, dynamic> pagination; |
|||
|
|||
ApiResponse({ |
|||
required this.success, |
|||
required this.data, |
|||
required this.pagination, |
|||
}); |
|||
|
|||
factory ApiResponse.fromJson(Map<String, dynamic> json) { |
|||
var dataList = json['data'] as List; |
|||
List<PrintTemplate> templates = dataList.map((item) => PrintTemplate.fromJson(item)).toList(); |
|||
|
|||
return ApiResponse( |
|||
success: json['success'], |
|||
data: templates, |
|||
pagination: json['pagination'], |
|||
); |
|||
} |
|||
} |
|||
|
|||
class PrintTemplateManagementScreen extends StatefulWidget { |
|||
@override |
|||
_PrintTemplateManagementScreenState createState() => _PrintTemplateManagementScreenState(); |
|||
} |
|||
|
|||
class _PrintTemplateManagementScreenState extends State<PrintTemplateManagementScreen> { |
|||
List<PrintTemplate> templates = []; |
|||
bool isLoading = true; |
|||
String? errorMessage; |
|||
|
|||
// Remplacez par votre URL d'API réelle |
|||
final String apiBaseUrl = 'https://restaurant.careeracademy.mg'; |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
fetchTemplates(); |
|||
} |
|||
|
|||
Future<void> fetchTemplates() async { |
|||
setState(() { |
|||
isLoading = true; |
|||
errorMessage = null; |
|||
}); |
|||
|
|||
try { |
|||
final response = await http.get( |
|||
Uri.parse('$apiBaseUrl/api/print-templates'), |
|||
headers: { |
|||
'Content-Type': 'application/json', |
|||
}, |
|||
); |
|||
if (response.statusCode == 200) { |
|||
final apiResponse = ApiResponse.fromJson(json.decode(response.body)); |
|||
|
|||
setState(() { |
|||
templates = apiResponse.data; |
|||
isLoading = false; |
|||
}); |
|||
} else { |
|||
setState(() { |
|||
errorMessage = 'Erreur HTTP: ${response.statusCode}'; |
|||
isLoading = false; |
|||
}); |
|||
} |
|||
} catch (e) { |
|||
print('Error fetching templates: $e'); |
|||
setState(() { |
|||
errorMessage = 'Erreur de connexion: $e'; |
|||
isLoading = false; |
|||
}); |
|||
} |
|||
} |
|||
|
|||
Future<void> updateTemplate(int id, String title, String content) async { |
|||
try { |
|||
final response = await http.put( |
|||
Uri.parse('$apiBaseUrl/api/print-templates/$id'), |
|||
headers: { |
|||
'Content-Type': 'application/json', |
|||
}, |
|||
body: json.encode({ |
|||
'title': title, |
|||
'content': content, |
|||
}), |
|||
); |
|||
|
|||
if (response.statusCode == 200) { |
|||
// Recharger les templates après modification |
|||
await fetchTemplates(); |
|||
ScaffoldMessenger.of(context).showSnackBar( |
|||
SnackBar(content: Text('Template modifié avec succès')), |
|||
); |
|||
} else { |
|||
ScaffoldMessenger.of(context).showSnackBar( |
|||
SnackBar(content: Text('Erreur lors de la modification: ${response.statusCode}')), |
|||
); |
|||
} |
|||
} catch (e) { |
|||
print('Error updating template: $e'); |
|||
ScaffoldMessenger.of(context).showSnackBar( |
|||
SnackBar(content: Text('Erreur de connexion: $e')), |
|||
); |
|||
} |
|||
} |
|||
|
|||
// Fonction pour formater le contenu en remplaçant \r\n par des sauts de ligne |
|||
String _formatContent(String content) { |
|||
return content.replaceAll('\\r\\n', '\n').replaceAll('\\n', '\n'); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
backgroundColor: Colors.grey[100], |
|||
body: Padding( |
|||
padding: const EdgeInsets.all(20.0), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
// Header |
|||
Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
children: [ |
|||
Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text( |
|||
'Gestion des Templates d\'Impression', |
|||
style: TextStyle( |
|||
fontSize: 28, |
|||
fontWeight: FontWeight.bold, |
|||
color: Colors.grey[800], |
|||
), |
|||
), |
|||
SizedBox(height: 5), |
|||
Text( |
|||
'Gérez les templates d\'impression de votre système', |
|||
style: TextStyle( |
|||
fontSize: 16, |
|||
color: Colors.grey[600], |
|||
), |
|||
), |
|||
], |
|||
), |
|||
IconButton( |
|||
onPressed: fetchTemplates, |
|||
icon: Icon(Icons.refresh), |
|||
tooltip: 'Actualiser', |
|||
), |
|||
], |
|||
), |
|||
SizedBox(height: 30), |
|||
|
|||
// Content |
|||
Expanded( |
|||
child: isLoading |
|||
? _buildLoadingWidget() |
|||
: errorMessage != null |
|||
? _buildErrorWidget() |
|||
: _buildTemplateTable(), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _buildLoadingWidget() { |
|||
return Center( |
|||
child: Column( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
CircularProgressIndicator(), |
|||
SizedBox(height: 16), |
|||
Text('Chargement des templates...'), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _buildErrorWidget() { |
|||
return Center( |
|||
child: Column( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
Icon(Icons.error_outline, size: 64, color: Colors.red), |
|||
SizedBox(height: 16), |
|||
Text( |
|||
'Erreur de chargement', |
|||
style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold), |
|||
), |
|||
SizedBox(height: 8), |
|||
Text(errorMessage ?? 'Erreur inconnue'), |
|||
SizedBox(height: 16), |
|||
ElevatedButton( |
|||
onPressed: fetchTemplates, |
|||
child: Text('Réessayer'), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _buildTemplateTable() { |
|||
if (templates.isEmpty) { |
|||
return Center( |
|||
child: Text( |
|||
'Aucun template trouvé', |
|||
style: TextStyle(fontSize: 16, color: Colors.grey[600]), |
|||
), |
|||
); |
|||
} |
|||
|
|||
return Container( |
|||
decoration: BoxDecoration( |
|||
color: Colors.white, |
|||
borderRadius: BorderRadius.circular(12), |
|||
boxShadow: [ |
|||
BoxShadow( |
|||
color: Colors.black.withOpacity(0.1), |
|||
blurRadius: 8, |
|||
offset: Offset(0, 2), |
|||
), |
|||
], |
|||
), |
|||
child: Column( |
|||
children: [ |
|||
// Table Header |
|||
Container( |
|||
padding: EdgeInsets.symmetric(horizontal: 20, vertical: 15), |
|||
decoration: BoxDecoration( |
|||
color: Colors.grey[50], |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(12), |
|||
topRight: Radius.circular(12), |
|||
), |
|||
), |
|||
child: Row( |
|||
children: [ |
|||
Expanded(flex: 3, child: _buildHeaderCell('Titre')), |
|||
Expanded(flex: 7, child: _buildHeaderCell('Contenu')), |
|||
Expanded(flex: 1, child: _buildHeaderCell('Actions')), |
|||
], |
|||
), |
|||
), |
|||
|
|||
// Table Body |
|||
Expanded( |
|||
child: ListView.builder( |
|||
itemCount: templates.length, |
|||
itemBuilder: (context, index) { |
|||
return _buildTemplateRow(templates[index]); |
|||
}, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _buildHeaderCell(String text) { |
|||
return Text( |
|||
text, |
|||
style: TextStyle( |
|||
fontWeight: FontWeight.w600, |
|||
color: Colors.grey[700], |
|||
fontSize: 14, |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _buildTemplateRow(PrintTemplate template) { |
|||
return Container( |
|||
padding: EdgeInsets.symmetric(horizontal: 20, vertical: 20), // Augmenté le padding vertical |
|||
decoration: BoxDecoration( |
|||
border: Border( |
|||
bottom: BorderSide(color: Colors.grey[200]!, width: 1), |
|||
), |
|||
), |
|||
child: IntrinsicHeight( // Pour que toutes les cellules aient la même hauteur |
|||
child: Row( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Expanded( |
|||
flex: 3, |
|||
child: Text( |
|||
template.title, |
|||
style: TextStyle( |
|||
fontWeight: FontWeight.w600, |
|||
fontSize: 16, |
|||
), |
|||
), |
|||
), |
|||
Expanded( |
|||
flex: 7, |
|||
child: Container( |
|||
constraints: BoxConstraints(minHeight: 80), // Hauteur minimum pour le contenu |
|||
child: Text( |
|||
_formatContent(template.content), |
|||
style: TextStyle( |
|||
color: Colors.grey[700], |
|||
fontSize: 14, |
|||
height: 1.4, // Espacement entre les lignes |
|||
), |
|||
), |
|||
), |
|||
), |
|||
Expanded( |
|||
flex: 1, |
|||
child: Align( |
|||
alignment: Alignment.topCenter, |
|||
child: IconButton( |
|||
onPressed: () { |
|||
_showEditTemplateDialog(context, template); |
|||
}, |
|||
icon: Icon(Icons.edit, color: Colors.blue, size: 20), |
|||
tooltip: 'Modifier', |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
void _showEditTemplateDialog(BuildContext context, PrintTemplate template) { |
|||
final _formKey = GlobalKey<FormState>(); |
|||
final _titleController = TextEditingController(text: template.title); |
|||
final _contentController = TextEditingController(text: _formatContent(template.content)); |
|||
|
|||
showDialog( |
|||
context: context, |
|||
builder: (BuildContext context) { |
|||
return AlertDialog( |
|||
title: Text('Modifier Template'), |
|||
content: Container( |
|||
width: double.maxFinite, |
|||
child: Form( |
|||
key: _formKey, |
|||
child: SingleChildScrollView( |
|||
child: Column( |
|||
mainAxisSize: MainAxisSize.min, |
|||
children: [ |
|||
_buildTextField(_titleController, 'Titre', true), |
|||
SizedBox(height: 16), |
|||
TextFormField( |
|||
controller: _contentController, |
|||
maxLines: 10, // Augmenté le nombre de lignes |
|||
decoration: InputDecoration( |
|||
labelText: 'Contenu', |
|||
border: OutlineInputBorder(), |
|||
contentPadding: EdgeInsets.symmetric(horizontal: 12, vertical: 12), |
|||
alignLabelWithHint: true, |
|||
), |
|||
validator: (value) { |
|||
if (value == null || value.isEmpty) { |
|||
return 'Ce champ est requis'; |
|||
} |
|||
return null; |
|||
}, |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
), |
|||
actions: [ |
|||
TextButton( |
|||
onPressed: () { |
|||
Navigator.of(context).pop(); |
|||
}, |
|||
child: Text('Annuler'), |
|||
), |
|||
ElevatedButton( |
|||
onPressed: () { |
|||
if (_formKey.currentState!.validate()) { |
|||
// Reconvertir les sauts de ligne pour l'API |
|||
String contentForApi = _contentController.text.replaceAll('\n', '\\r\\n'); |
|||
updateTemplate( |
|||
template.id, |
|||
_titleController.text, |
|||
contentForApi, |
|||
); |
|||
Navigator.of(context).pop(); |
|||
} |
|||
}, |
|||
child: Text('Modifier'), |
|||
), |
|||
], |
|||
); |
|||
}, |
|||
); |
|||
} |
|||
|
|||
Widget _buildTextField(TextEditingController controller, String label, bool required) { |
|||
return Padding( |
|||
padding: const EdgeInsets.symmetric(vertical: 8.0), |
|||
child: TextFormField( |
|||
controller: controller, |
|||
decoration: InputDecoration( |
|||
labelText: label, |
|||
border: OutlineInputBorder(), |
|||
contentPadding: EdgeInsets.symmetric(horizontal: 12, vertical: 8), |
|||
), |
|||
validator: required ? (value) { |
|||
if (value == null || value.isEmpty) { |
|||
return 'Ce champ est requis'; |
|||
} |
|||
return null; |
|||
} : null, |
|||
), |
|||
); |
|||
} |
|||
} |
|||
Loading…
Reference in new issue