mirror of
https://github.com/KevinMidboe/immich.git
synced 2025-10-29 17:40:28 +00:00
2b5cef156c
* Add i18n framework to mobile app and write simple translation generator * Replace all texts in login_form with i18n keys * Localization of sharing section * Localization of asset viewer section * Use JSON as base translation format * Add check for missing/unused translation keys * Add localizely * Remove i18n directory in favour of localizely * Backup Translation * More translations * Translate home page * Translation of search page * Translate new server version announcement * Reformat code * Fix typo in german translation * Update englisch translations * Change translation keys to match dart filenames * Add /api to translated endpoint_urls * Update localizely.yml * Add languages to ios plist * Remove unused keys * Added script to check outdated key in other translations * Add download key to localizely.yml Co-authored-by: Alex <alex.tran1502@gmail.com>
107 lines
3.9 KiB
Dart
107 lines
3.9 KiB
Dart
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:immich_mobile/modules/home/providers/home_page_state.provider.dart';
|
|
import 'package:immich_mobile/shared/models/immich_asset.model.dart';
|
|
import 'package:intl/intl.dart';
|
|
|
|
class DailyTitleText extends ConsumerWidget {
|
|
const DailyTitleText({
|
|
Key? key,
|
|
required this.isoDate,
|
|
required this.assetGroup,
|
|
}) : super(key: key);
|
|
|
|
final String isoDate;
|
|
final List<ImmichAsset> assetGroup;
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
var currentYear = DateTime.now().year;
|
|
var groupYear = DateTime.parse(isoDate).year;
|
|
var formatDateTemplate =
|
|
currentYear == groupYear ? "daily_title_text_date".tr() : "daily_title_text_date_year".tr();
|
|
var dateText =
|
|
DateFormat(formatDateTemplate).format(DateTime.parse(isoDate));
|
|
var isMultiSelectEnable =
|
|
ref.watch(homePageStateProvider).isMultiSelectEnable;
|
|
var selectedDateGroup = ref.watch(homePageStateProvider).selectedDateGroup;
|
|
var selectedItems = ref.watch(homePageStateProvider).selectedItems;
|
|
|
|
void _handleTitleIconClick() {
|
|
if (isMultiSelectEnable &&
|
|
selectedDateGroup.contains(dateText) &&
|
|
selectedDateGroup.length == 1 &&
|
|
selectedItems.length <= assetGroup.length) {
|
|
// Multi select is active - click again on the icon while it is the only active group -> disable multi select
|
|
ref.watch(homePageStateProvider.notifier).disableMultiSelect();
|
|
} else if (isMultiSelectEnable &&
|
|
selectedDateGroup.contains(dateText) &&
|
|
selectedItems.length != assetGroup.length) {
|
|
// Multi select is active - click again on the icon while it is not the only active group -> remove that group from selected group/items
|
|
ref
|
|
.watch(homePageStateProvider.notifier)
|
|
.removeSelectedDateGroup(dateText);
|
|
ref
|
|
.watch(homePageStateProvider.notifier)
|
|
.removeMultipleSelectedItem(assetGroup);
|
|
} else if (isMultiSelectEnable &&
|
|
selectedDateGroup.contains(dateText) &&
|
|
selectedDateGroup.length > 1) {
|
|
ref
|
|
.watch(homePageStateProvider.notifier)
|
|
.removeSelectedDateGroup(dateText);
|
|
ref
|
|
.watch(homePageStateProvider.notifier)
|
|
.removeMultipleSelectedItem(assetGroup);
|
|
} else if (isMultiSelectEnable && !selectedDateGroup.contains(dateText)) {
|
|
ref
|
|
.watch(homePageStateProvider.notifier)
|
|
.addSelectedDateGroup(dateText);
|
|
ref
|
|
.watch(homePageStateProvider.notifier)
|
|
.addMultipleSelectedItems(assetGroup);
|
|
} else {
|
|
ref
|
|
.watch(homePageStateProvider.notifier)
|
|
.enableMultiSelect(assetGroup.toSet());
|
|
ref
|
|
.watch(homePageStateProvider.notifier)
|
|
.addSelectedDateGroup(dateText);
|
|
}
|
|
}
|
|
|
|
return SliverToBoxAdapter(
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(
|
|
top: 29.0, bottom: 29.0, left: 12.0, right: 12.0),
|
|
child: Row(
|
|
children: [
|
|
Text(
|
|
dateText,
|
|
style: const TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.black87,
|
|
),
|
|
),
|
|
const Spacer(),
|
|
GestureDetector(
|
|
onTap: _handleTitleIconClick,
|
|
child: isMultiSelectEnable && selectedDateGroup.contains(dateText)
|
|
? Icon(
|
|
Icons.check_circle_rounded,
|
|
color: Theme.of(context).primaryColor,
|
|
)
|
|
: const Icon(
|
|
Icons.check_circle_outline_rounded,
|
|
color: Colors.grey,
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|