geographical search bars does works
This commit is contained in:
parent
517652df98
commit
b796d0206f
@ -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 {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user