geographical search bars does works

This commit is contained in:
Valentin CZERYBA 2024-11-05 15:59:31 +01:00
parent 517652df98
commit b796d0206f

View File

@ -62,6 +62,27 @@ class _MyHomePageState extends State<ListItemMenu> {
return body; return body;
} }
@override
void initState() {
super.initState();
// Initialize data fetch when the page loads
_fetchInitialData();
}
// Fetch initial data from API or any other necessary initialization
Future<void> _fetchInitialData() async {
try {
// Optionally, you can fetch posts initially if needed.
List<Events> initialPosts = await getPosts();
setState(() {
// Assign to the postsFuture and update the filtered posts if needed
filteredPosts = initialPosts;
});
} catch (e) {
print('Error fetching initial data: $e');
}
}
Future<void> searchSuggestions(String input) async { Future<void> searchSuggestions(String input) async {
await dotenv.load(fileName: ".env"); // Load .env file await dotenv.load(fileName: ".env"); // Load .env file
@ -109,15 +130,21 @@ class _MyHomePageState extends State<ListItemMenu> {
"Content-Type": "application/json", "Content-Type": "application/json",
HttpHeaders.cookieHeader: "access_token=$accessToken" HttpHeaders.cookieHeader: "access_token=$accessToken"
}); });
print("status code : ${response.statusCode}");
if (response.statusCode == 200) { if (response.statusCode == 200) {
final List<dynamic> body = json.decode(utf8.decode(response.bodyBytes)); final List<dynamic> body = json.decode(utf8.decode(response.bodyBytes));
print("results fetch : ${body}");
// Update state after getting the response
setState(() { setState(() {
filteredPosts = body.isNotEmpty if (body.isNotEmpty) {
? body // If we have results, map them to Events
.map((e) => Events.fromJson(e as Map<String, dynamic>)) filteredPosts = body
.toList() .map((e) => Events.fromJson(e as Map<String, dynamic>))
: []; .toList();
} else {
// If no results, clear filteredPosts
filteredPosts.clear();
}
}); });
} else { } else {
throw Exception('Failed to load posts'); throw Exception('Failed to load posts');
@ -136,13 +163,13 @@ class _MyHomePageState extends State<ListItemMenu> {
labelText: 'Search by geographical zone', labelText: 'Search by geographical zone',
border: OutlineInputBorder(), border: OutlineInputBorder(),
suffixIcon: IconButton( suffixIcon: IconButton(
icon: Icon(Icons.clear), icon: const Icon(Icons.clear),
onPressed: () { onPressed: () {
setState(() { setState(() {
inputGeo.clear(); // Clear the text field inputGeo.clear(); // Clear the text field
geographicalZone = ''; // Reset the geographical zone state geographicalZone = ''; // Reset the geographical zone state
suggestions.clear(); // Optionally clear suggestions suggestions.clear(); // Optionally clear suggestions
filteredPosts.clear(); _fetchInitialData(); // Clear the filtered posts
}); });
}, },
), ),
@ -236,10 +263,21 @@ class _MyHomePageState extends State<ListItemMenu> {
// Function to display fetched data on screen // Function to display fetched data on screen
Widget buildPosts(List<Events> posts) { Widget buildPosts(List<Events> posts) {
print("filteredposts : ${filteredPosts}");
final displayedPosts = filteredPosts;
print("results ${displayedPosts}");
// If filteredPosts is empty, show a message saying no data is available
if (displayedPosts.isEmpty) {
return const Center(
child: Text('No events available for this location.',
style: TextStyle(fontSize: 18, color: Colors.grey)),
);
}
return ListView.separated( return ListView.separated(
itemCount: posts.length, itemCount: displayedPosts.length,
itemBuilder: (context, index) { itemBuilder: (context, index) {
final post = posts[index]; final post = displayedPosts[index];
final startDate = DateTime.parse(post.startDate!); final startDate = DateTime.parse(post.startDate!);
final date = DateFormat.yMd().format(startDate); final date = DateFormat.yMd().format(startDate);
final time = DateFormat.Hm().format(startDate); final time = DateFormat.Hm().format(startDate);
@ -267,8 +305,7 @@ class SearchDelegateExample extends SearchDelegate {
IconButton( IconButton(
icon: const Icon(Icons.clear), icon: const Icon(Icons.clear),
onPressed: () { onPressed: () {
query = ''; // Clear the query text query = '';
showSuggestions(context); // Show suggestions
}, },
), ),
]; ];
@ -277,18 +314,18 @@ class SearchDelegateExample extends SearchDelegate {
@override @override
Widget buildLeading(BuildContext context) { Widget buildLeading(BuildContext context) {
return IconButton( return IconButton(
icon: const Icon(Icons.arrow_back), // Default back icon icon: const Icon(Icons.arrow_back),
onPressed: () { onPressed: () {
close(context, null); // Close the search delegate close(context, null);
}, },
); );
} }
@override @override
Widget buildResults(BuildContext context) { Widget buildResults(BuildContext context) {
// Here, you can return the actual results based on the query // Perform the search and return the results
return FutureBuilder<List<Events>>( return FutureBuilder<List<Events>>(
future: searchPosts(query), // Implement your own search logic future: searchPosts(query),
builder: (context, snapshot) { builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) { if (snapshot.connectionState == ConnectionState.waiting) {
return const Center(child: CircularProgressIndicator()); return const Center(child: CircularProgressIndicator());
@ -321,7 +358,7 @@ class SearchDelegateExample extends SearchDelegate {
@override @override
Widget buildSuggestions(BuildContext context) { Widget buildSuggestions(BuildContext context) {
return Container(); // This is for showing search suggestions if needed return Container(); // Implement suggestions if needed
} }
Future<List<Events>> searchPosts(String query) async { Future<List<Events>> searchPosts(String query) async {