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;
}
@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 {
await dotenv.load(fileName: ".env"); // Load .env file
@ -109,15 +130,21 @@ class _MyHomePageState extends State<ListItemMenu> {
"Content-Type": "application/json",
HttpHeaders.cookieHeader: "access_token=$accessToken"
});
print("status code : ${response.statusCode}");
if (response.statusCode == 200) {
final List<dynamic> body = json.decode(utf8.decode(response.bodyBytes));
print("results fetch : ${body}");
// Update state after getting the response
setState(() {
filteredPosts = body.isNotEmpty
? body
if (body.isNotEmpty) {
// If we have results, map them to Events
filteredPosts = body
.map((e) => Events.fromJson(e as Map<String, dynamic>))
.toList()
: [];
.toList();
} else {
// If no results, clear filteredPosts
filteredPosts.clear();
}
});
} else {
throw Exception('Failed to load posts');
@ -136,13 +163,13 @@ class _MyHomePageState extends State<ListItemMenu> {
labelText: 'Search by geographical zone',
border: OutlineInputBorder(),
suffixIcon: IconButton(
icon: Icon(Icons.clear),
icon: const Icon(Icons.clear),
onPressed: () {
setState(() {
inputGeo.clear(); // Clear the text field
geographicalZone = ''; // Reset the geographical zone state
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
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(
itemCount: posts.length,
itemCount: displayedPosts.length,
itemBuilder: (context, index) {
final post = posts[index];
final post = displayedPosts[index];
final startDate = DateTime.parse(post.startDate!);
final date = DateFormat.yMd().format(startDate);
final time = DateFormat.Hm().format(startDate);
@ -267,8 +305,7 @@ class SearchDelegateExample extends SearchDelegate {
IconButton(
icon: const Icon(Icons.clear),
onPressed: () {
query = ''; // Clear the query text
showSuggestions(context); // Show suggestions
query = '';
},
),
];
@ -277,18 +314,18 @@ class SearchDelegateExample extends SearchDelegate {
@override
Widget buildLeading(BuildContext context) {
return IconButton(
icon: const Icon(Icons.arrow_back), // Default back icon
icon: const Icon(Icons.arrow_back),
onPressed: () {
close(context, null); // Close the search delegate
close(context, null);
},
);
}
@override
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>>(
future: searchPosts(query), // Implement your own search logic
future: searchPosts(query),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return const Center(child: CircularProgressIndicator());
@ -321,7 +358,7 @@ class SearchDelegateExample extends SearchDelegate {
@override
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 {