538 lines
24 KiB
Dart
538 lines
24 KiB
Dart
import 'dart:developer';
|
|
|
|
import 'package:flutter/foundation.dart';
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:cached_network_image/cached_network_image.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:material_symbols_icons/symbols.dart';
|
|
|
|
import 'package:fluffychat/config/themes.dart';
|
|
import 'package:fluffychat/l10n/l10n.dart';
|
|
import 'package:fluffychat/pangea/activity_planner/activity_plan_model.dart';
|
|
import 'package:fluffychat/pangea/activity_planner/activity_planner_builder.dart';
|
|
import 'package:fluffychat/pangea/activity_planner/bookmarked_activities_repo.dart';
|
|
import 'package:fluffychat/pangea/activity_suggestions/activity_room_selection.dart';
|
|
import 'package:fluffychat/pangea/chat_settings/widgets/language_level_dropdown.dart';
|
|
import 'package:fluffychat/pangea/common/utils/error_handler.dart';
|
|
import 'package:fluffychat/pangea/common/widgets/full_width_dialog.dart';
|
|
import 'package:fluffychat/pangea/learning_settings/enums/language_level_type_enum.dart';
|
|
import 'package:fluffychat/widgets/future_loading_dialog.dart';
|
|
|
|
class ActivityPlanCard extends StatefulWidget {
|
|
final VoidCallback regenerate;
|
|
final ActivityPlannerBuilderState controller;
|
|
|
|
const ActivityPlanCard({
|
|
super.key,
|
|
required this.regenerate,
|
|
required this.controller,
|
|
});
|
|
|
|
@override
|
|
ActivityPlanCardState createState() => ActivityPlanCardState();
|
|
}
|
|
|
|
class ActivityPlanCardState extends State<ActivityPlanCard> {
|
|
static const double itemPadding = 12;
|
|
|
|
Future<ActivityPlanModel> _addBookmark(ActivityPlanModel activity) async {
|
|
try {
|
|
return BookmarkedActivitiesRepo.save(activity);
|
|
} catch (e, stack) {
|
|
debugger(when: kDebugMode);
|
|
ErrorHandler.logError(e: e, s: stack, data: activity.toJson());
|
|
return activity; // Return the original activity in case of error
|
|
} finally {
|
|
if (mounted) {
|
|
setState(() {});
|
|
}
|
|
}
|
|
}
|
|
|
|
Future<void> _removeBookmark() async {
|
|
try {
|
|
BookmarkedActivitiesRepo.remove(
|
|
widget.controller.updatedActivity.bookmarkId,
|
|
);
|
|
} catch (e, stack) {
|
|
debugger(when: kDebugMode);
|
|
ErrorHandler.logError(
|
|
e: e,
|
|
s: stack,
|
|
data: widget.controller.updatedActivity.toJson(),
|
|
);
|
|
} finally {
|
|
if (mounted) {
|
|
setState(() {});
|
|
}
|
|
}
|
|
}
|
|
|
|
Future<void> _onLaunch() async {
|
|
if (widget.controller.room != null && !widget.controller.room!.isSpace) {
|
|
final resp = await showFutureLoadingDialog(
|
|
context: context,
|
|
future: widget.controller.launchToRoom,
|
|
);
|
|
if (!resp.isError) {
|
|
context.go("/rooms/${widget.controller.room!.id}");
|
|
}
|
|
return;
|
|
}
|
|
|
|
return showDialog(
|
|
context: context,
|
|
builder: (context) {
|
|
return FullWidthDialog(
|
|
dialogContent: DecoratedBox(
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).colorScheme.surface,
|
|
),
|
|
child: ActivityRoomSelection(
|
|
controller: widget.controller,
|
|
backButton: IconButton(
|
|
onPressed: Navigator.of(context).pop,
|
|
icon: const Icon(Icons.close),
|
|
),
|
|
),
|
|
),
|
|
maxWidth: 400.0,
|
|
maxHeight: 650.0,
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
bool get _isBookmarked => BookmarkedActivitiesRepo.isBookmarked(
|
|
widget.controller.updatedActivity,
|
|
);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final theme = Theme.of(context);
|
|
final l10n = L10n.of(context);
|
|
return Center(
|
|
child: ConstrainedBox(
|
|
constraints: const BoxConstraints(maxWidth: 400),
|
|
child: Card(
|
|
margin: const EdgeInsets.symmetric(vertical: itemPadding),
|
|
child: Form(
|
|
key: widget.controller.formKey,
|
|
child: Column(
|
|
children: [
|
|
AnimatedSize(
|
|
duration: FluffyThemes.animationDuration,
|
|
child: Stack(
|
|
alignment: Alignment.bottomCenter,
|
|
children: [
|
|
Container(
|
|
width: 200.0,
|
|
padding: const EdgeInsets.all(16.0),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(12.0),
|
|
),
|
|
clipBehavior: Clip.hardEdge,
|
|
alignment: Alignment.center,
|
|
child: widget.controller.imageURL != null ||
|
|
widget.controller.avatar != null
|
|
? ClipRRect(
|
|
borderRadius: BorderRadius.circular(20.0),
|
|
child: widget.controller.avatar == null
|
|
? CachedNetworkImage(
|
|
fit: BoxFit.cover,
|
|
imageUrl: widget.controller.imageURL!,
|
|
placeholder: (context, url) {
|
|
return const Center(
|
|
child: CircularProgressIndicator(),
|
|
);
|
|
},
|
|
errorWidget: (context, url, error) {
|
|
return const Padding(
|
|
padding: EdgeInsets.all(28.0),
|
|
);
|
|
},
|
|
)
|
|
: Image.memory(
|
|
widget.controller.avatar!,
|
|
fit: BoxFit.cover,
|
|
),
|
|
)
|
|
: const Padding(
|
|
padding: EdgeInsets.all(28.0),
|
|
),
|
|
),
|
|
if (widget.controller.isEditing)
|
|
InkWell(
|
|
borderRadius: BorderRadius.circular(90),
|
|
onTap: widget.controller.selectAvatar,
|
|
child: CircleAvatar(
|
|
backgroundColor:
|
|
Theme.of(context).colorScheme.secondary,
|
|
radius: 20.0,
|
|
child: Icon(
|
|
Icons.add_a_photo_outlined,
|
|
size: 20.0,
|
|
color: Theme.of(context).colorScheme.onSecondary,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
const Icon(Icons.event_note_outlined),
|
|
const SizedBox(width: itemPadding),
|
|
Expanded(
|
|
child: widget.controller.isEditing
|
|
? TextField(
|
|
controller:
|
|
widget.controller.titleController,
|
|
decoration: InputDecoration(
|
|
labelText: L10n.of(context).activityTitle,
|
|
),
|
|
maxLines: null,
|
|
)
|
|
: Text(
|
|
widget.controller.updatedActivity.title,
|
|
style:
|
|
Theme.of(context).textTheme.bodyLarge,
|
|
),
|
|
),
|
|
if (!widget.controller.isEditing)
|
|
IconButton(
|
|
onPressed: _isBookmarked
|
|
? () => _removeBookmark()
|
|
: () => _addBookmark(
|
|
widget.controller.updatedActivity,
|
|
),
|
|
icon: Icon(
|
|
_isBookmarked
|
|
? Icons.save
|
|
: Icons.save_outlined,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: itemPadding),
|
|
Row(
|
|
children: [
|
|
Icon(
|
|
Symbols.target,
|
|
color: Theme.of(context).colorScheme.secondary,
|
|
),
|
|
const SizedBox(width: itemPadding),
|
|
Expanded(
|
|
child: widget.controller.isEditing
|
|
? TextField(
|
|
controller: widget.controller
|
|
.learningObjectivesController,
|
|
decoration: InputDecoration(
|
|
labelText: l10n.learningObjectiveLabel,
|
|
),
|
|
maxLines: null,
|
|
)
|
|
: Text(
|
|
widget.controller.updatedActivity
|
|
.learningObjective,
|
|
style:
|
|
Theme.of(context).textTheme.bodyMedium,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: itemPadding),
|
|
Row(
|
|
children: [
|
|
Icon(
|
|
Symbols.steps_rounded,
|
|
color: Theme.of(context).colorScheme.secondary,
|
|
),
|
|
const SizedBox(width: itemPadding),
|
|
Expanded(
|
|
child: widget.controller.isEditing
|
|
? TextField(
|
|
controller: widget
|
|
.controller.instructionsController,
|
|
decoration: InputDecoration(
|
|
labelText: l10n.instructions,
|
|
),
|
|
maxLines: null,
|
|
)
|
|
: Text(
|
|
widget.controller.updatedActivity
|
|
.instructions,
|
|
style:
|
|
Theme.of(context).textTheme.bodyMedium,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: itemPadding),
|
|
Row(
|
|
children: [
|
|
Icon(
|
|
Icons.school_outlined,
|
|
color: Theme.of(context).colorScheme.secondary,
|
|
),
|
|
const SizedBox(width: itemPadding),
|
|
Expanded(
|
|
child: widget.controller.isEditing
|
|
? LanguageLevelDropdown(
|
|
initialLevel:
|
|
widget.controller.languageLevel,
|
|
onChanged:
|
|
widget.controller.setLanguageLevel,
|
|
)
|
|
: Text(
|
|
widget.controller.updatedActivity.req
|
|
.cefrLevel
|
|
.title(context),
|
|
style:
|
|
Theme.of(context).textTheme.bodyMedium,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: itemPadding),
|
|
if (widget.controller.vocab.isNotEmpty) ...[
|
|
Row(
|
|
children: [
|
|
Icon(
|
|
Symbols.dictionary,
|
|
color: Theme.of(context).colorScheme.secondary,
|
|
),
|
|
const SizedBox(width: itemPadding),
|
|
Expanded(
|
|
child: Wrap(
|
|
spacing: 4.0,
|
|
runSpacing: 4.0,
|
|
children: List<Widget>.generate(
|
|
widget.controller.vocab.length,
|
|
(int index) {
|
|
return widget.controller.isEditing
|
|
? Chip(
|
|
label: Text(
|
|
widget
|
|
.controller.vocab[index].lemma,
|
|
),
|
|
onDeleted: () => widget.controller
|
|
.removeVocab(index),
|
|
backgroundColor: Colors.transparent,
|
|
visualDensity: VisualDensity.compact,
|
|
shape: const StadiumBorder(
|
|
side: BorderSide(
|
|
color: Colors.transparent,
|
|
),
|
|
),
|
|
)
|
|
: Chip(
|
|
label: Text(
|
|
widget
|
|
.controller.vocab[index].lemma,
|
|
),
|
|
backgroundColor: Colors.transparent,
|
|
visualDensity: VisualDensity.compact,
|
|
shape: const StadiumBorder(
|
|
side: BorderSide(
|
|
color: Colors.transparent,
|
|
),
|
|
),
|
|
);
|
|
}).toList(),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
if (widget.controller.isEditing) ...[
|
|
const SizedBox(height: itemPadding),
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: itemPadding),
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
child: TextField(
|
|
controller: widget.controller.vocabController,
|
|
decoration: InputDecoration(
|
|
labelText: l10n.addVocabulary,
|
|
),
|
|
onSubmitted: (value) {
|
|
widget.controller.addVocab();
|
|
},
|
|
),
|
|
),
|
|
IconButton(
|
|
icon: const Icon(Icons.add),
|
|
onPressed: widget.controller.addVocab,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
const SizedBox(height: itemPadding),
|
|
widget.controller.isEditing
|
|
? Row(
|
|
spacing: 12.0,
|
|
children: [
|
|
Expanded(
|
|
child: ElevatedButton(
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor:
|
|
theme.colorScheme.primaryContainer,
|
|
foregroundColor:
|
|
theme.colorScheme.onPrimaryContainer,
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 12.0,
|
|
),
|
|
),
|
|
onPressed: widget.controller.saveEdits,
|
|
child: Row(
|
|
children: [
|
|
const Icon(Icons.save),
|
|
Expanded(
|
|
child: Text(
|
|
L10n.of(context).save,
|
|
textAlign: TextAlign.center,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: ElevatedButton(
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor:
|
|
theme.colorScheme.primaryContainer,
|
|
foregroundColor:
|
|
theme.colorScheme.onPrimaryContainer,
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 12.0,
|
|
),
|
|
),
|
|
onPressed: widget.controller.clearEdits,
|
|
child: Row(
|
|
children: [
|
|
const Icon(Icons.cancel),
|
|
Expanded(
|
|
child: Text(
|
|
L10n.of(context).cancel,
|
|
textAlign: TextAlign.center,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
)
|
|
: Column(
|
|
spacing: 12.0,
|
|
children: [
|
|
Row(
|
|
spacing: 12.0,
|
|
children: [
|
|
Expanded(
|
|
child: ElevatedButton(
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: theme
|
|
.colorScheme.primaryContainer,
|
|
foregroundColor: theme
|
|
.colorScheme.onPrimaryContainer,
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 12.0,
|
|
),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
const Icon(Icons.edit),
|
|
Expanded(
|
|
child: Text(
|
|
L10n.of(context).edit,
|
|
textAlign: TextAlign.center,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
onPressed: () =>
|
|
widget.controller.setEditing(true),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: ElevatedButton(
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: theme
|
|
.colorScheme.primaryContainer,
|
|
foregroundColor: theme
|
|
.colorScheme.onPrimaryContainer,
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 12.0,
|
|
),
|
|
),
|
|
onPressed: widget.regenerate,
|
|
child: Row(
|
|
children: [
|
|
const Icon(Icons.lightbulb_outline),
|
|
Expanded(
|
|
child: Text(
|
|
L10n.of(context).regenerate,
|
|
textAlign: TextAlign.center,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: ElevatedButton(
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: theme
|
|
.colorScheme.primaryContainer,
|
|
foregroundColor: theme
|
|
.colorScheme.onPrimaryContainer,
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 12.0,
|
|
),
|
|
),
|
|
onPressed: _onLaunch,
|
|
child: Row(
|
|
children: [
|
|
const Icon(Icons.send),
|
|
Expanded(
|
|
child: Text(
|
|
L10n.of(context)
|
|
.launchActivityButton,
|
|
textAlign: TextAlign.center,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|