2023-12-21 12:55:16 +00:00
|
|
|
import "dart:async";
|
|
|
|
|
2022-07-21 05:29:57 +00:00
|
|
|
import 'package:flutter/material.dart';
|
2023-12-21 12:55:16 +00:00
|
|
|
import "package:logging/logging.dart";
|
2023-12-20 12:05:06 +00:00
|
|
|
import "package:photos/core/event_bus.dart";
|
|
|
|
import "package:photos/events/clear_and_unfocus_search_bar_event.dart";
|
2023-12-21 12:55:16 +00:00
|
|
|
import "package:photos/models/search/album_search_result.dart";
|
|
|
|
import "package:photos/models/search/generic_search_result.dart";
|
2022-09-14 08:40:35 +00:00
|
|
|
import 'package:photos/models/search/search_result.dart';
|
2023-07-06 07:59:31 +00:00
|
|
|
import "package:photos/services/collections_service.dart";
|
2023-12-21 12:55:16 +00:00
|
|
|
import "package:photos/ui/viewer/gallery/collection_page.dart";
|
|
|
|
import "package:photos/ui/viewer/search/result/search_result_widget.dart";
|
|
|
|
import "package:photos/utils/navigation_util.dart";
|
2022-07-19 11:52:16 +00:00
|
|
|
|
2023-12-22 13:15:13 +00:00
|
|
|
class SearchSuggestionsWidget extends StatefulWidget {
|
2023-12-21 12:55:16 +00:00
|
|
|
// final List<SearchResult> results;
|
|
|
|
final Stream<List<SearchResult>>? results;
|
2022-09-14 08:33:12 +00:00
|
|
|
|
2022-08-10 06:28:16 +00:00
|
|
|
const SearchSuggestionsWidget(
|
2022-08-04 16:16:16 +00:00
|
|
|
this.results, {
|
2022-12-30 12:10:17 +00:00
|
|
|
Key? key,
|
2022-07-27 11:51:43 +00:00
|
|
|
}) : super(key: key);
|
2022-07-19 11:52:16 +00:00
|
|
|
|
2023-12-22 13:15:13 +00:00
|
|
|
@override
|
|
|
|
State<SearchSuggestionsWidget> createState() =>
|
|
|
|
_SearchSuggestionsWidgetState();
|
|
|
|
}
|
|
|
|
|
|
|
|
class _SearchSuggestionsWidgetState extends State<SearchSuggestionsWidget> {
|
|
|
|
var searchResultWidgets = <Widget>[];
|
|
|
|
late Stream<List<SearchResult>>? resultsStream;
|
|
|
|
@override
|
|
|
|
initState() {
|
|
|
|
super.initState();
|
|
|
|
resultsStream = widget.results;
|
|
|
|
}
|
|
|
|
|
|
|
|
@override
|
|
|
|
didUpdateWidget(SearchSuggestionsWidget oldWidget) {
|
|
|
|
super.didUpdateWidget(oldWidget);
|
|
|
|
if (widget.results != oldWidget.results) {
|
|
|
|
setState(() {
|
|
|
|
print(
|
|
|
|
"____ in didUpdateWidget. Updating stream from ${resultsStream.hashCode} to ${widget.results.hashCode}",
|
|
|
|
);
|
|
|
|
searchResultWidgets.clear();
|
|
|
|
resultsStream = widget.results!;
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-07-19 11:52:16 +00:00
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2023-12-22 13:15:13 +00:00
|
|
|
print(
|
|
|
|
"_______ rebuiding SearchSuggestionWidget with stream : ${resultsStream.hashCode}",
|
|
|
|
);
|
|
|
|
// return const SizedBox.shrink();
|
2023-12-21 12:55:16 +00:00
|
|
|
// late final String title;
|
|
|
|
// final resultsCount = results.length;
|
|
|
|
// title = S.of(context).searchResultCount(resultsCount);
|
2023-12-20 12:05:06 +00:00
|
|
|
return Scaffold(
|
|
|
|
appBar: AppBar(
|
|
|
|
leading: BackButton(
|
|
|
|
onPressed: () {
|
|
|
|
Bus.instance.fire(ClearAndUnfocusSearchBar());
|
|
|
|
},
|
|
|
|
),
|
|
|
|
),
|
|
|
|
body: Padding(
|
|
|
|
padding: const EdgeInsets.fromLTRB(12, 0, 12, 0),
|
2023-12-21 12:55:16 +00:00
|
|
|
child: StreamBuilder(
|
2023-12-22 13:15:13 +00:00
|
|
|
key: UniqueKey(),
|
|
|
|
stream: resultsStream,
|
2023-12-21 12:55:16 +00:00
|
|
|
builder: (context, snapshot) {
|
2023-12-22 13:15:13 +00:00
|
|
|
print("----------- ${snapshot.connectionState}");
|
2023-12-21 12:55:16 +00:00
|
|
|
if (snapshot.hasData) {
|
2023-12-22 13:15:13 +00:00
|
|
|
if (snapshot.data!.isNotEmpty) {
|
|
|
|
print("---------- ${snapshot.data!.first.name()}");
|
|
|
|
} else {
|
|
|
|
print("---------- empty data");
|
|
|
|
}
|
2023-12-21 12:55:16 +00:00
|
|
|
final results = snapshot.data as List<SearchResult>;
|
|
|
|
for (SearchResult result in results) {
|
|
|
|
searchResultWidgets.add(SearchResultsWidgetGenerator(result));
|
|
|
|
}
|
|
|
|
return Column(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
children: [
|
|
|
|
// // Text(
|
|
|
|
// // title,
|
|
|
|
// // style: getEnteTextTheme(context).largeBold,
|
|
|
|
// // ),
|
|
|
|
// const SizedBox(height: 20),
|
|
|
|
Expanded(
|
|
|
|
child: Padding(
|
|
|
|
padding: const EdgeInsets.symmetric(horizontal: 4),
|
|
|
|
child: ListView.separated(
|
|
|
|
itemBuilder: (context, index) {
|
|
|
|
return searchResultWidgets[index];
|
|
|
|
},
|
|
|
|
separatorBuilder: (context, index) {
|
|
|
|
return const SizedBox(height: 12);
|
|
|
|
},
|
|
|
|
itemCount: searchResultWidgets.length,
|
|
|
|
physics: const BouncingScrollPhysics(),
|
|
|
|
padding: EdgeInsets.only(
|
|
|
|
bottom: (MediaQuery.sizeOf(context).height / 2) + 50,
|
2022-09-14 08:33:12 +00:00
|
|
|
),
|
2023-12-21 12:55:16 +00:00
|
|
|
),
|
|
|
|
),
|
2023-12-20 12:05:06 +00:00
|
|
|
),
|
2023-12-21 12:55:16 +00:00
|
|
|
],
|
|
|
|
);
|
|
|
|
} else {
|
|
|
|
return const SizedBox.shrink();
|
|
|
|
}
|
|
|
|
},
|
2023-12-20 12:05:06 +00:00
|
|
|
),
|
2022-07-21 05:29:57 +00:00
|
|
|
),
|
|
|
|
);
|
2022-07-20 10:17:35 +00:00
|
|
|
}
|
|
|
|
}
|
2023-12-21 12:55:16 +00:00
|
|
|
|
|
|
|
class SearchResultsWidgetGenerator extends StatelessWidget {
|
|
|
|
final SearchResult result;
|
|
|
|
const SearchResultsWidgetGenerator(this.result, {super.key});
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
if (result is AlbumSearchResult) {
|
|
|
|
final AlbumSearchResult albumSearchResult = result as AlbumSearchResult;
|
|
|
|
return SearchResultWidget(
|
|
|
|
result,
|
|
|
|
resultCount: CollectionsService.instance.getFileCount(
|
|
|
|
albumSearchResult.collectionWithThumbnail.collection,
|
|
|
|
),
|
|
|
|
onResultTap: () => routeToPage(
|
|
|
|
context,
|
|
|
|
CollectionPage(
|
|
|
|
albumSearchResult.collectionWithThumbnail,
|
|
|
|
tagPrefix: result.heroTag(),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
} else if (result is GenericSearchResult) {
|
|
|
|
return SearchResultWidget(
|
|
|
|
result,
|
|
|
|
onResultTap: (result as GenericSearchResult).onResultTap != null
|
|
|
|
? () => (result as GenericSearchResult).onResultTap!(context)
|
|
|
|
: null,
|
|
|
|
);
|
|
|
|
} else {
|
|
|
|
Logger('SearchResultsWidgetGenerator').info("Invalid/Unsupported value");
|
|
|
|
return const SizedBox.shrink();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|