107 lines
3.0 KiB
Dart
107 lines
3.0 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import '../../core/models/sheet.dart';
|
|
|
|
/// Callback when sheet metadata is saved.
|
|
typedef SheetEditCallback = void Function(String newName, String newComposer);
|
|
|
|
/// Bottom sheet for editing sheet metadata (name and composer).
|
|
class EditSheetBottomSheet extends StatefulWidget {
|
|
final Sheet sheet;
|
|
final SheetEditCallback onSave;
|
|
|
|
const EditSheetBottomSheet({
|
|
super.key,
|
|
required this.sheet,
|
|
required this.onSave,
|
|
});
|
|
|
|
@override
|
|
State<EditSheetBottomSheet> createState() => _EditSheetBottomSheetState();
|
|
}
|
|
|
|
class _EditSheetBottomSheetState extends State<EditSheetBottomSheet> {
|
|
final _formKey = GlobalKey<FormState>();
|
|
late final TextEditingController _nameController;
|
|
late final TextEditingController _composerController;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_nameController = TextEditingController(text: widget.sheet.name);
|
|
_composerController = TextEditingController(
|
|
text: widget.sheet.composerName,
|
|
);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_nameController.dispose();
|
|
_composerController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
void _handleSave() {
|
|
if (!_formKey.currentState!.validate()) return;
|
|
|
|
widget.onSave(_nameController.text.trim(), _composerController.text.trim());
|
|
Navigator.pop(context);
|
|
}
|
|
|
|
String? _validateNotEmpty(String? value) {
|
|
if (value == null || value.trim().isEmpty) {
|
|
return 'This field cannot be empty';
|
|
}
|
|
return null;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Padding(
|
|
padding: EdgeInsets.fromLTRB(
|
|
16,
|
|
16,
|
|
16,
|
|
MediaQuery.of(context).viewInsets.bottom + 16,
|
|
),
|
|
child: Form(
|
|
key: _formKey,
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
Text(
|
|
'Edit Sheet',
|
|
style: Theme.of(context).textTheme.titleLarge,
|
|
textAlign: TextAlign.center,
|
|
),
|
|
const SizedBox(height: 16),
|
|
TextFormField(
|
|
controller: _nameController,
|
|
validator: _validateNotEmpty,
|
|
decoration: const InputDecoration(
|
|
labelText: 'Sheet Name',
|
|
border: OutlineInputBorder(),
|
|
),
|
|
textInputAction: TextInputAction.next,
|
|
),
|
|
const SizedBox(height: 12),
|
|
TextFormField(
|
|
controller: _composerController,
|
|
validator: _validateNotEmpty,
|
|
decoration: const InputDecoration(
|
|
labelText: 'Composer',
|
|
border: OutlineInputBorder(),
|
|
),
|
|
textInputAction: TextInputAction.done,
|
|
onFieldSubmitted: (_) => _handleSave(),
|
|
),
|
|
const SizedBox(height: 16),
|
|
ElevatedButton(onPressed: _handleSave, child: const Text('Save')),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|