107 lines
3.1 KiB
Dart
107 lines
3.1 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:photos/models/file.dart';
|
|
import 'package:photos/theme/ente_theme.dart';
|
|
import 'package:photos/utils/magic_util.dart';
|
|
|
|
class FileCaptionWidget extends StatefulWidget {
|
|
final File file;
|
|
const FileCaptionWidget({required this.file, super.key});
|
|
|
|
@override
|
|
State<FileCaptionWidget> createState() => _FileCaptionWidgetState();
|
|
}
|
|
|
|
class _FileCaptionWidgetState extends State<FileCaptionWidget> {
|
|
int maxLength = 280;
|
|
int currentLength = 0;
|
|
final _textController = TextEditingController();
|
|
final _focusNode = FocusNode();
|
|
String? editedCaption;
|
|
String? hintText = "Add a description...";
|
|
|
|
@override
|
|
void initState() {
|
|
_focusNode.addListener(() {
|
|
final caption = widget.file.caption;
|
|
if (_focusNode.hasFocus && caption != null) {
|
|
_textController.text = caption;
|
|
editedCaption = caption;
|
|
}
|
|
});
|
|
editedCaption = widget.file.caption;
|
|
if (editedCaption != null && editedCaption!.isNotEmpty) {
|
|
hintText = editedCaption;
|
|
}
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
if (editedCaption != null) {
|
|
editFileCaption(null, widget.file, editedCaption);
|
|
}
|
|
_textController.dispose();
|
|
_focusNode.removeListener(() {});
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final colorScheme = getEnteColorScheme(context);
|
|
final textTheme = getEnteTextTheme(context);
|
|
return TextField(
|
|
onEditingComplete: () async {
|
|
if (editedCaption != null) {
|
|
await editFileCaption(context, widget.file, editedCaption);
|
|
if (mounted) {
|
|
setState(() {});
|
|
}
|
|
}
|
|
_focusNode.unfocus();
|
|
},
|
|
controller: _textController,
|
|
focusNode: _focusNode,
|
|
decoration: InputDecoration(
|
|
counterStyle: textTheme.mini.copyWith(color: colorScheme.textMuted),
|
|
counterText: currentLength > 99
|
|
? currentLength.toString() + " / " + maxLength.toString()
|
|
: "",
|
|
contentPadding: const EdgeInsets.all(16),
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(2),
|
|
borderSide: const BorderSide(
|
|
width: 0,
|
|
style: BorderStyle.none,
|
|
),
|
|
),
|
|
focusedBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(2),
|
|
borderSide: const BorderSide(
|
|
width: 0,
|
|
style: BorderStyle.none,
|
|
),
|
|
),
|
|
filled: true,
|
|
fillColor: colorScheme.fillFaint,
|
|
hintText: hintText,
|
|
hintStyle: getEnteTextTheme(context)
|
|
.small
|
|
.copyWith(color: colorScheme.textMuted),
|
|
),
|
|
style: getEnteTextTheme(context).small,
|
|
cursorWidth: 1.5,
|
|
maxLength: maxLength,
|
|
minLines: 1,
|
|
maxLines: 6,
|
|
textCapitalization: TextCapitalization.sentences,
|
|
keyboardType: TextInputType.text,
|
|
onChanged: (value) {
|
|
setState(() {
|
|
hintText = "Add a description...";
|
|
currentLength = value.length;
|
|
editedCaption = value;
|
|
});
|
|
},
|
|
);
|
|
}
|
|
}
|