mirror of
https://github.com/immich-app/immich.git
synced 2024-12-24 10:37:28 +02:00
7aaf48cb0c
* feat(mobile): add missing translations * fix formatting
275 lines
9.3 KiB
Dart
275 lines
9.3 KiB
Dart
import 'dart:math' as math;
|
|
|
|
import 'package:auto_route/auto_route.dart';
|
|
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:immich_mobile/extensions/asyncvalue_extensions.dart';
|
|
import 'package:immich_mobile/extensions/build_context_extensions.dart';
|
|
import 'package:immich_mobile/modules/search/models/curated_content.dart';
|
|
import 'package:immich_mobile/modules/search/models/search_filter.dart';
|
|
import 'package:immich_mobile/modules/search/providers/people.provider.dart';
|
|
import 'package:immich_mobile/modules/search/providers/search_page_state.provider.dart';
|
|
import 'package:immich_mobile/modules/search/ui/curated_people_row.dart';
|
|
import 'package:immich_mobile/modules/search/ui/curated_places_row.dart';
|
|
import 'package:immich_mobile/modules/search/ui/person_name_edit_form.dart';
|
|
import 'package:immich_mobile/modules/search/ui/search_row_title.dart';
|
|
import 'package:immich_mobile/routing/router.dart';
|
|
import 'package:immich_mobile/shared/models/asset.dart';
|
|
import 'package:immich_mobile/shared/providers/server_info.provider.dart';
|
|
import 'package:immich_mobile/shared/ui/immich_app_bar.dart';
|
|
import 'package:immich_mobile/shared/ui/scaffold_error_body.dart';
|
|
|
|
@RoutePage()
|
|
// ignore: must_be_immutable
|
|
class SearchPage extends HookConsumerWidget {
|
|
const SearchPage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final curatedLocation = ref.watch(getCuratedLocationProvider);
|
|
final curatedPeople = ref.watch(getAllPeopleProvider);
|
|
final isMapEnabled =
|
|
ref.watch(serverInfoProvider.select((v) => v.serverFeatures.map));
|
|
double imageSize = math.min(context.width / 3, 150);
|
|
|
|
TextStyle categoryTitleStyle = const TextStyle(
|
|
fontWeight: FontWeight.w500,
|
|
fontSize: 15.0,
|
|
);
|
|
|
|
Color categoryIconColor = context.isDarkTheme ? Colors.white : Colors.black;
|
|
|
|
showNameEditModel(
|
|
String personId,
|
|
String personName,
|
|
) {
|
|
return showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return PersonNameEditForm(personId: personId, personName: personName);
|
|
},
|
|
);
|
|
}
|
|
|
|
buildPeople() {
|
|
return SizedBox(
|
|
height: imageSize,
|
|
child: curatedPeople.widgetWhen(
|
|
onError: (error, stack) => const ScaffoldErrorBody(withIcon: false),
|
|
onData: (people) => Padding(
|
|
padding: const EdgeInsets.only(
|
|
left: 16,
|
|
top: 8,
|
|
),
|
|
child: CuratedPeopleRow(
|
|
content: people
|
|
.map((e) => CuratedContent(label: e.name, id: e.id))
|
|
.take(12)
|
|
.toList(),
|
|
onTap: (content, index) {
|
|
context.pushRoute(
|
|
PersonResultRoute(
|
|
personId: content.id,
|
|
personName: content.label,
|
|
),
|
|
);
|
|
},
|
|
onNameTap: (person, index) => {
|
|
showNameEditModel(person.id, person.label),
|
|
},
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
buildPlaces() {
|
|
return SizedBox(
|
|
height: imageSize,
|
|
child: curatedLocation.widgetWhen(
|
|
onError: (error, stack) => const ScaffoldErrorBody(withIcon: false),
|
|
onData: (locations) => CuratedPlacesRow(
|
|
isMapEnabled: isMapEnabled,
|
|
content: locations
|
|
.map(
|
|
(o) => CuratedContent(
|
|
id: o.id,
|
|
label: o.city,
|
|
),
|
|
)
|
|
.toList(),
|
|
imageSize: imageSize,
|
|
onTap: (content, index) {
|
|
context.pushRoute(
|
|
SearchInputRoute(
|
|
prefilter: SearchFilter(
|
|
people: {},
|
|
location: SearchLocationFilter(
|
|
city: content.label,
|
|
),
|
|
camera: SearchCameraFilter(),
|
|
date: SearchDateFilter(),
|
|
display: SearchDisplayFilters(
|
|
isNotInAlbum: false,
|
|
isArchive: false,
|
|
isFavorite: false,
|
|
),
|
|
mediaType: AssetType.other,
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
buildSearchButton() {
|
|
return GestureDetector(
|
|
onTap: () {
|
|
context.pushRoute(SearchInputRoute());
|
|
},
|
|
child: Card(
|
|
elevation: 0,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(20),
|
|
side: BorderSide(
|
|
color: context.isDarkTheme
|
|
? Colors.grey[800]!
|
|
: const Color.fromARGB(255, 225, 225, 225),
|
|
),
|
|
),
|
|
margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 16.0,
|
|
vertical: 12.0,
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Icon(Icons.search, color: context.primaryColor),
|
|
const SizedBox(width: 16.0),
|
|
Text(
|
|
"search_bar_hint",
|
|
style: context.textTheme.bodyLarge?.copyWith(
|
|
color:
|
|
context.isDarkTheme ? Colors.white70 : Colors.black54,
|
|
fontWeight: FontWeight.w400,
|
|
),
|
|
).tr(),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
return Scaffold(
|
|
appBar: const ImmichAppBar(),
|
|
body: Stack(
|
|
children: [
|
|
ListView(
|
|
children: [
|
|
buildSearchButton(),
|
|
SearchRowTitle(
|
|
title: "search_page_people".tr(),
|
|
onViewAllPressed: () =>
|
|
context.pushRoute(const AllPeopleRoute()),
|
|
),
|
|
buildPeople(),
|
|
SearchRowTitle(
|
|
title: "search_page_places".tr(),
|
|
onViewAllPressed: () =>
|
|
context.pushRoute(const CuratedLocationRoute()),
|
|
top: 0,
|
|
),
|
|
const SizedBox(height: 10.0),
|
|
buildPlaces(),
|
|
const SizedBox(height: 24.0),
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16),
|
|
child: Text(
|
|
'search_page_your_activity',
|
|
style: context.textTheme.bodyLarge?.copyWith(
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
).tr(),
|
|
),
|
|
ListTile(
|
|
leading: Icon(
|
|
Icons.favorite_border_rounded,
|
|
color: categoryIconColor,
|
|
),
|
|
title: Text('search_page_favorites', style: categoryTitleStyle)
|
|
.tr(),
|
|
onTap: () => context.pushRoute(const FavoritesRoute()),
|
|
),
|
|
const CategoryDivider(),
|
|
ListTile(
|
|
leading: Icon(
|
|
Icons.schedule_outlined,
|
|
color: categoryIconColor,
|
|
),
|
|
title: Text(
|
|
'search_page_recently_added',
|
|
style: categoryTitleStyle,
|
|
).tr(),
|
|
onTap: () => context.pushRoute(const RecentlyAddedRoute()),
|
|
),
|
|
const SizedBox(height: 24.0),
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16.0),
|
|
child: Text(
|
|
'search_page_categories',
|
|
style: context.textTheme.bodyLarge?.copyWith(
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
).tr(),
|
|
),
|
|
ListTile(
|
|
title:
|
|
Text('search_page_videos', style: categoryTitleStyle).tr(),
|
|
leading: Icon(
|
|
Icons.play_circle_outline,
|
|
color: categoryIconColor,
|
|
),
|
|
onTap: () => context.pushRoute(const AllVideosRoute()),
|
|
),
|
|
const CategoryDivider(),
|
|
ListTile(
|
|
title: Text(
|
|
'search_page_motion_photos',
|
|
style: categoryTitleStyle,
|
|
).tr(),
|
|
leading: Icon(
|
|
Icons.motion_photos_on_outlined,
|
|
color: categoryIconColor,
|
|
),
|
|
onTap: () => context.pushRoute(const AllMotionPhotosRoute()),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class CategoryDivider extends StatelessWidget {
|
|
const CategoryDivider({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return const Padding(
|
|
padding: EdgeInsets.only(
|
|
left: 56,
|
|
right: 16,
|
|
),
|
|
child: Divider(
|
|
height: 0,
|
|
),
|
|
);
|
|
}
|
|
}
|