Rijad Zuzo
f655adfbea
Migrate app code into canonical feature slices, add phone-only AI digest scheduling and review, wire local notification/background task support, and cover the flow with tests.
601 lines
24 KiB
Dart
601 lines
24 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:relationship_saver/core/config/app_theme.dart';
|
|
import 'package:relationship_saver/features/local/local_models.dart';
|
|
import 'package:relationship_saver/features/local/local_repository.dart';
|
|
import 'package:relationship_saver/features/shared/frosted_card.dart';
|
|
|
|
class IdeasView extends ConsumerStatefulWidget {
|
|
const IdeasView({super.key});
|
|
|
|
@override
|
|
ConsumerState<IdeasView> createState() => _IdeasViewState();
|
|
}
|
|
|
|
class _IdeasViewState extends ConsumerState<IdeasView> {
|
|
final TextEditingController _searchController = TextEditingController();
|
|
|
|
@override
|
|
void dispose() {
|
|
_searchController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final AsyncValue<LocalDataState> localData = ref.watch(
|
|
localRepositoryProvider,
|
|
);
|
|
|
|
return localData.when(
|
|
data: (LocalDataState data) {
|
|
List<RelationshipIdea> ideas = data.ideas;
|
|
final Map<String, PersonProfile> peopleById = <String, PersonProfile>{
|
|
for (final PersonProfile person in data.people) person.id: person,
|
|
};
|
|
|
|
if (_searchController.text.isNotEmpty) {
|
|
final query = _searchController.text.toLowerCase();
|
|
ideas = ideas.where((i) {
|
|
final person = i.personId != null ? peopleById[i.personId] : null;
|
|
return i.title.toLowerCase().contains(query) ||
|
|
i.details.toLowerCase().contains(query) ||
|
|
(person?.name.toLowerCase().contains(query) ?? false);
|
|
}).toList();
|
|
}
|
|
|
|
return LayoutBuilder(
|
|
builder: (BuildContext context, BoxConstraints constraints) {
|
|
final bool compact = constraints.maxWidth < 760;
|
|
return Padding(
|
|
padding: EdgeInsets.fromLTRB(
|
|
compact ? 16 : 28,
|
|
compact ? 16 : 24,
|
|
compact ? 16 : 28,
|
|
compact ? 20 : 28,
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
if (compact)
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
Text(
|
|
'Ideas',
|
|
style: Theme.of(context).textTheme.headlineMedium,
|
|
),
|
|
const SizedBox(height: 6),
|
|
Text(
|
|
'Capture gift and event ideas before they slip away.',
|
|
style: Theme.of(context).textTheme.bodyLarge
|
|
?.copyWith(color: AppTheme.textSecondary),
|
|
),
|
|
const SizedBox(height: 12),
|
|
FilledButton.icon(
|
|
onPressed: () => _addIdea(context, ref, data.people),
|
|
icon: const Icon(Icons.lightbulb_outline_rounded),
|
|
label: const Text('Add Idea'),
|
|
),
|
|
],
|
|
)
|
|
else
|
|
Row(
|
|
children: <Widget>[
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
Text(
|
|
'Ideas',
|
|
style: Theme.of(
|
|
context,
|
|
).textTheme.headlineMedium,
|
|
),
|
|
const SizedBox(height: 6),
|
|
Text(
|
|
'Capture gift and event ideas before they slip away.',
|
|
style: Theme.of(context).textTheme.bodyLarge
|
|
?.copyWith(color: AppTheme.textSecondary),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
FilledButton.icon(
|
|
onPressed: () => _addIdea(context, ref, data.people),
|
|
icon: const Icon(Icons.lightbulb_outline_rounded),
|
|
label: const Text('Add Idea'),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 16),
|
|
Padding(
|
|
padding: const EdgeInsets.only(bottom: 16),
|
|
child: TextField(
|
|
controller: _searchController,
|
|
decoration: InputDecoration(
|
|
hintText: 'Search ideas...',
|
|
prefixIcon: const Icon(Icons.search),
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
contentPadding: const EdgeInsets.symmetric(
|
|
horizontal: 16,
|
|
vertical: 12,
|
|
),
|
|
),
|
|
onChanged: (_) => setState(() {}),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: ListView.separated(
|
|
itemCount: ideas.length,
|
|
separatorBuilder: (_, _) => const SizedBox(height: 12),
|
|
itemBuilder: (BuildContext context, int index) {
|
|
final RelationshipIdea idea = ideas[index];
|
|
final PersonProfile? person = idea.personId == null
|
|
? null
|
|
: peopleById[idea.personId!];
|
|
return FrostedCard(
|
|
child: compact
|
|
? Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
Row(
|
|
children: <Widget>[
|
|
_IdeaTypeTag(type: idea.type),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: Text(
|
|
idea.title,
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.titleMedium
|
|
?.copyWith(
|
|
decoration: idea.isArchived
|
|
? TextDecoration
|
|
.lineThrough
|
|
: null,
|
|
),
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
if (idea.details.trim().isNotEmpty)
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 8),
|
|
child: Text(
|
|
idea.details,
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.bodyMedium
|
|
?.copyWith(
|
|
color: AppTheme.textSecondary,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 8),
|
|
Text(
|
|
person == null
|
|
? 'Unassigned'
|
|
: person.name,
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.labelLarge
|
|
?.copyWith(
|
|
color: AppTheme.textSecondary,
|
|
),
|
|
),
|
|
const SizedBox(height: 8),
|
|
Wrap(
|
|
spacing: 6,
|
|
runSpacing: 6,
|
|
children: <Widget>[
|
|
OutlinedButton.icon(
|
|
onPressed: () {
|
|
ref
|
|
.read(
|
|
localRepositoryProvider
|
|
.notifier,
|
|
)
|
|
.toggleIdeaArchived(idea.id);
|
|
},
|
|
icon: Icon(
|
|
idea.isArchived
|
|
? Icons.unarchive_outlined
|
|
: Icons.archive_outlined,
|
|
),
|
|
label: Text(
|
|
idea.isArchived
|
|
? 'Unarchive'
|
|
: 'Archive',
|
|
),
|
|
),
|
|
OutlinedButton.icon(
|
|
onPressed: () => _editIdea(
|
|
context,
|
|
ref,
|
|
data.people,
|
|
idea,
|
|
),
|
|
icon: const Icon(Icons.edit_rounded),
|
|
label: const Text('Edit'),
|
|
),
|
|
TextButton.icon(
|
|
onPressed: () {
|
|
ref
|
|
.read(
|
|
localRepositoryProvider
|
|
.notifier,
|
|
)
|
|
.deleteIdea(idea.id);
|
|
},
|
|
icon: const Icon(
|
|
Icons.delete_outline_rounded,
|
|
),
|
|
label: const Text('Delete'),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
)
|
|
: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
_IdeaTypeTag(type: idea.type),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment:
|
|
CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
Text(
|
|
idea.title,
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.titleMedium
|
|
?.copyWith(
|
|
decoration: idea.isArchived
|
|
? TextDecoration
|
|
.lineThrough
|
|
: null,
|
|
),
|
|
),
|
|
if (idea.details.trim().isNotEmpty)
|
|
Padding(
|
|
padding: const EdgeInsets.only(
|
|
top: 6,
|
|
),
|
|
child: Text(
|
|
idea.details,
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.bodyMedium
|
|
?.copyWith(
|
|
color: AppTheme
|
|
.textSecondary,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 8),
|
|
Text(
|
|
person == null
|
|
? 'Unassigned'
|
|
: person.name,
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.labelLarge
|
|
?.copyWith(
|
|
color: AppTheme.textSecondary,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
Column(
|
|
children: <Widget>[
|
|
IconButton(
|
|
onPressed: () {
|
|
ref
|
|
.read(
|
|
localRepositoryProvider
|
|
.notifier,
|
|
)
|
|
.toggleIdeaArchived(idea.id);
|
|
},
|
|
icon: Icon(
|
|
idea.isArchived
|
|
? Icons.unarchive_outlined
|
|
: Icons.archive_outlined,
|
|
),
|
|
tooltip: idea.isArchived
|
|
? 'Unarchive'
|
|
: 'Archive',
|
|
),
|
|
IconButton(
|
|
onPressed: () => _editIdea(
|
|
context,
|
|
ref,
|
|
data.people,
|
|
idea,
|
|
),
|
|
icon: const Icon(Icons.edit_rounded),
|
|
tooltip: 'Edit',
|
|
),
|
|
IconButton(
|
|
onPressed: () {
|
|
ref
|
|
.read(
|
|
localRepositoryProvider
|
|
.notifier,
|
|
)
|
|
.deleteIdea(idea.id);
|
|
},
|
|
icon: const Icon(
|
|
Icons.delete_outline_rounded,
|
|
),
|
|
tooltip: 'Delete',
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
);
|
|
},
|
|
loading: () => const Center(child: CircularProgressIndicator()),
|
|
error: (Object error, StackTrace stackTrace) {
|
|
return const Center(child: Text('Unable to load ideas'));
|
|
},
|
|
);
|
|
}
|
|
|
|
Future<void> _addIdea(
|
|
BuildContext context,
|
|
WidgetRef ref,
|
|
List<PersonProfile> people,
|
|
) async {
|
|
final _IdeaDraft? draft = await showDialog<_IdeaDraft>(
|
|
context: context,
|
|
builder: (BuildContext context) =>
|
|
_IdeaEditorDialog(title: 'Add Idea', people: people),
|
|
);
|
|
|
|
if (draft == null) {
|
|
return;
|
|
}
|
|
|
|
await ref
|
|
.read(localRepositoryProvider.notifier)
|
|
.addIdea(
|
|
type: draft.type,
|
|
title: draft.title,
|
|
details: draft.details,
|
|
personId: draft.personId,
|
|
);
|
|
}
|
|
|
|
Future<void> _editIdea(
|
|
BuildContext context,
|
|
WidgetRef ref,
|
|
List<PersonProfile> people,
|
|
RelationshipIdea idea,
|
|
) async {
|
|
final _IdeaDraft? draft = await showDialog<_IdeaDraft>(
|
|
context: context,
|
|
builder: (BuildContext context) => _IdeaEditorDialog(
|
|
title: 'Edit Idea',
|
|
people: people,
|
|
initial: _IdeaDraft(
|
|
personId: idea.personId,
|
|
type: idea.type,
|
|
title: idea.title,
|
|
details: idea.details,
|
|
),
|
|
),
|
|
);
|
|
|
|
if (draft == null) {
|
|
return;
|
|
}
|
|
|
|
await ref
|
|
.read(localRepositoryProvider.notifier)
|
|
.updateIdea(
|
|
idea.copyWith(
|
|
personId: draft.personId,
|
|
type: draft.type,
|
|
title: draft.title,
|
|
details: draft.details,
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _IdeaTypeTag extends StatelessWidget {
|
|
const _IdeaTypeTag({required this.type});
|
|
|
|
final IdeaType type;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final (Color bg, Color fg, String label) = switch (type) {
|
|
IdeaType.gift => (const Color(0xFFEAF7FB), AppTheme.primary, 'GIFT'),
|
|
IdeaType.event => (
|
|
const Color(0xFFEEF7F3),
|
|
const Color(0xFF1D9C66),
|
|
'EVENT',
|
|
),
|
|
};
|
|
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
|
decoration: BoxDecoration(
|
|
color: bg,
|
|
borderRadius: BorderRadius.circular(99),
|
|
),
|
|
child: Text(
|
|
label,
|
|
style: Theme.of(context).textTheme.labelMedium?.copyWith(
|
|
color: fg,
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _IdeaEditorDialog extends StatefulWidget {
|
|
const _IdeaEditorDialog({
|
|
required this.title,
|
|
required this.people,
|
|
this.initial,
|
|
});
|
|
|
|
final String title;
|
|
final List<PersonProfile> people;
|
|
final _IdeaDraft? initial;
|
|
|
|
@override
|
|
State<_IdeaEditorDialog> createState() => _IdeaEditorDialogState();
|
|
}
|
|
|
|
class _IdeaEditorDialogState extends State<_IdeaEditorDialog> {
|
|
late final TextEditingController _titleController;
|
|
late final TextEditingController _detailsController;
|
|
late IdeaType _type;
|
|
String? _personId;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_titleController = TextEditingController(text: widget.initial?.title ?? '');
|
|
_detailsController = TextEditingController(
|
|
text: widget.initial?.details ?? '',
|
|
);
|
|
_type = widget.initial?.type ?? IdeaType.gift;
|
|
_personId = widget.initial?.personId;
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_titleController.dispose();
|
|
_detailsController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return AlertDialog(
|
|
title: Text(widget.title),
|
|
content: SingleChildScrollView(
|
|
child: ConstrainedBox(
|
|
constraints: const BoxConstraints(maxWidth: 430),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: <Widget>[
|
|
DropdownButtonFormField<IdeaType>(
|
|
initialValue: _type,
|
|
items: IdeaType.values
|
|
.map(
|
|
(IdeaType type) => DropdownMenuItem<IdeaType>(
|
|
value: type,
|
|
child: Text(type.name.toUpperCase()),
|
|
),
|
|
)
|
|
.toList(growable: false),
|
|
onChanged: (IdeaType? value) {
|
|
if (value == null) {
|
|
return;
|
|
}
|
|
setState(() {
|
|
_type = value;
|
|
});
|
|
},
|
|
decoration: const InputDecoration(labelText: 'Type'),
|
|
),
|
|
DropdownButtonFormField<String?>(
|
|
initialValue: _personId,
|
|
items: <DropdownMenuItem<String?>>[
|
|
const DropdownMenuItem<String?>(
|
|
value: null,
|
|
child: Text('Unassigned'),
|
|
),
|
|
...widget.people.map(
|
|
(PersonProfile person) => DropdownMenuItem<String?>(
|
|
value: person.id,
|
|
child: Text(person.name),
|
|
),
|
|
),
|
|
],
|
|
onChanged: (String? value) {
|
|
setState(() {
|
|
_personId = value;
|
|
});
|
|
},
|
|
decoration: const InputDecoration(labelText: 'Person'),
|
|
),
|
|
TextField(
|
|
controller: _titleController,
|
|
decoration: const InputDecoration(labelText: 'Title'),
|
|
),
|
|
TextField(
|
|
controller: _detailsController,
|
|
maxLines: 3,
|
|
decoration: const InputDecoration(labelText: 'Details'),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
actions: <Widget>[
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
child: const Text('Cancel'),
|
|
),
|
|
FilledButton(
|
|
onPressed: () {
|
|
final String title = _titleController.text.trim();
|
|
if (title.isEmpty) {
|
|
return;
|
|
}
|
|
Navigator.of(context).pop(
|
|
_IdeaDraft(
|
|
personId: _personId,
|
|
type: _type,
|
|
title: title,
|
|
details: _detailsController.text.trim(),
|
|
),
|
|
);
|
|
},
|
|
child: const Text('Save'),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|
|
class _IdeaDraft {
|
|
const _IdeaDraft({
|
|
required this.personId,
|
|
required this.type,
|
|
required this.title,
|
|
required this.details,
|
|
});
|
|
|
|
final String? personId;
|
|
final IdeaType type;
|
|
final String title;
|
|
final String details;
|
|
}
|