mirror of
https://github.com/immich-app/immich.git
synced 2025-07-09 03:04:16 -04:00
5d0ad853f4
* feat(mobile): add album description functionality - Introduced a new optional `description` field in the `Album` entity. - Updated `AlbumViewerPageState` to manage `editDescriptionText`. - Created `AlbumDescription` and `AlbumViewerEditableDescription` widgets for displaying and editing album descriptions. - Enhanced `CreateAlbumPage` to include a description input field. - Implemented backend support for updating album descriptions in `AlbumApiRepository` and `AlbumService`. - Updated sync logic to handle album descriptions during data synchronization. - Adjusted UI components to accommodate the new description feature. * fix dart analysis error * remove comment that shouldn't be there * Album header styling * fix: disable edit after album creation --------- Co-authored-by: Alex <alex.tran1502@gmail.com>
104 lines
3.3 KiB
Dart
104 lines
3.3 KiB
Dart
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:immich_mobile/extensions/build_context_extensions.dart';
|
|
import 'package:immich_mobile/providers/album/album_viewer.provider.dart';
|
|
|
|
class AlbumViewerEditableTitle extends HookConsumerWidget {
|
|
final String albumName;
|
|
final FocusNode titleFocusNode;
|
|
const AlbumViewerEditableTitle({
|
|
super.key,
|
|
required this.albumName,
|
|
required this.titleFocusNode,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final albumViewerState = ref.watch(albumViewerProvider);
|
|
|
|
final titleTextEditController = useTextEditingController(
|
|
text: albumViewerState.isEditAlbum &&
|
|
albumViewerState.editTitleText.isNotEmpty
|
|
? albumViewerState.editTitleText
|
|
: albumName,
|
|
);
|
|
|
|
void onFocusModeChange() {
|
|
if (!titleFocusNode.hasFocus && titleTextEditController.text.isEmpty) {
|
|
ref.watch(albumViewerProvider.notifier).setEditTitleText("Untitled");
|
|
titleTextEditController.text = "Untitled";
|
|
}
|
|
}
|
|
|
|
useEffect(
|
|
() {
|
|
titleFocusNode.addListener(onFocusModeChange);
|
|
return () {
|
|
titleFocusNode.removeListener(onFocusModeChange);
|
|
};
|
|
},
|
|
[],
|
|
);
|
|
|
|
return Material(
|
|
color: Colors.transparent,
|
|
child: TextField(
|
|
onChanged: (value) {
|
|
if (value.isEmpty) {
|
|
} else {
|
|
ref.watch(albumViewerProvider.notifier).setEditTitleText(value);
|
|
}
|
|
},
|
|
focusNode: titleFocusNode,
|
|
style: context.textTheme.headlineLarge?.copyWith(
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
controller: titleTextEditController,
|
|
onTap: () {
|
|
context.focusScope.requestFocus(titleFocusNode);
|
|
|
|
ref.watch(albumViewerProvider.notifier).setEditTitleText(albumName);
|
|
ref.watch(albumViewerProvider.notifier).enableEditAlbum();
|
|
|
|
if (titleTextEditController.text == 'Untitled') {
|
|
titleTextEditController.clear();
|
|
}
|
|
},
|
|
decoration: InputDecoration(
|
|
contentPadding: const EdgeInsets.symmetric(
|
|
horizontal: 8,
|
|
vertical: 0,
|
|
),
|
|
suffixIcon: titleFocusNode.hasFocus
|
|
? IconButton(
|
|
onPressed: () {
|
|
titleTextEditController.clear();
|
|
},
|
|
icon: Icon(
|
|
Icons.cancel_rounded,
|
|
color: context.primaryColor,
|
|
),
|
|
splashRadius: 10,
|
|
)
|
|
: null,
|
|
enabledBorder: const OutlineInputBorder(
|
|
borderSide: BorderSide(color: Colors.transparent),
|
|
),
|
|
focusedBorder: const OutlineInputBorder(
|
|
borderSide: BorderSide(color: Colors.transparent),
|
|
),
|
|
focusColor: Colors.grey[300],
|
|
fillColor: context.scaffoldBackgroundColor,
|
|
filled: titleFocusNode.hasFocus,
|
|
hintText: 'add_a_title'.tr(),
|
|
hintStyle: context.themeData.inputDecorationTheme.hintStyle?.copyWith(
|
|
fontSize: 28,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|