128 lines
5.0 KiB
Dart
128 lines
5.0 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:sendtrain/classes/media.dart';
|
|
import 'package:sendtrain/models/activity_model.dart';
|
|
import 'package:sendtrain/models/activity_timer_model.dart';
|
|
import 'package:sendtrain/widgets/activity_view.dart';
|
|
|
|
class ActivityCard extends StatefulWidget {
|
|
final ActivityModel activity;
|
|
|
|
const ActivityCard({super.key, required this.activity});
|
|
|
|
@override
|
|
State<ActivityCard> createState() => ActivityCardState();
|
|
}
|
|
|
|
class ActivityCardState extends State<ActivityCard> {
|
|
String formattedTime(int timeInSecond) {
|
|
int sec = timeInSecond % 60;
|
|
int min = (timeInSecond / 60).floor();
|
|
String minute = min.toString().length <= 1 ? "0$min" : "$min";
|
|
String second = sec.toString().length <= 1 ? "0$sec" : "$sec";
|
|
return "$minute:$second";
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final ActivityTimerModel atm =
|
|
Provider.of<ActivityTimerModel>(context, listen: false);
|
|
|
|
return Card(
|
|
color: atm.activity?.id == widget.activity.id
|
|
? Theme.of(context).colorScheme.primaryContainer
|
|
: Theme.of(context).colorScheme.surfaceContainerLow,
|
|
clipBehavior: Clip.hardEdge,
|
|
child: InkWell(
|
|
onTap: () => showGeneralDialog(
|
|
barrierColor: Colors.black.withOpacity(0.5),
|
|
transitionDuration: const Duration(milliseconds: 220),
|
|
transitionBuilder: (BuildContext context,
|
|
Animation<double> animation,
|
|
Animation<double> secondaryAnimation,
|
|
Widget child) {
|
|
Animation<Offset> custom = Tween<Offset>(
|
|
begin: const Offset(0.0, 1.0),
|
|
end: const Offset(0.0, 0.0))
|
|
.animate(animation);
|
|
return SlideTransition(
|
|
position: custom,
|
|
child: Dialog.fullscreen(
|
|
child: ActivityView(activity: widget.activity)));
|
|
},
|
|
barrierDismissible: true,
|
|
barrierLabel: '',
|
|
context: context,
|
|
pageBuilder: (context, animation1, animation2) {
|
|
return Container();
|
|
}),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: <Widget>[
|
|
ListTile(
|
|
leading: Padding(
|
|
padding: const EdgeInsets.fromLTRB(0, 0, 0, 0),
|
|
child: Container(
|
|
width: 60,
|
|
decoration: BoxDecoration(
|
|
image: DecorationImage(
|
|
fit: BoxFit.cover,
|
|
image: findMediaByType(
|
|
widget.activity.actions[0].media, 'image')),
|
|
// color: Colors.blue,
|
|
borderRadius:
|
|
const BorderRadius.all(Radius.elliptical(10, 10)),
|
|
),
|
|
)),
|
|
title: Consumer<ActivityTimerModel>(
|
|
builder: (context, atm, child) {
|
|
if (atm.activity?.id == widget.activity.id) {
|
|
return Text(
|
|
maxLines: 1,
|
|
"${widget.activity.title} (${formattedTime(atm.totalTime)})");
|
|
} else {
|
|
return Text(maxLines: 1, widget.activity.title);
|
|
}
|
|
},
|
|
),
|
|
subtitle: Text(maxLines: 2, widget.activity.description),
|
|
trailing: IconButton(
|
|
visualDensity: VisualDensity.compact,
|
|
icon: Icon(Icons.close_rounded),
|
|
onPressed: () {
|
|
showAdaptiveDialog(
|
|
context: context,
|
|
builder: (BuildContext context) => AlertDialog(
|
|
title: const Text('Activity Removal'),
|
|
content: const Text('Would you like to permanently remove this activity from the current session?'),
|
|
actions: <Widget>[
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(context, 'Cancel'),
|
|
child: const Text('Cancel'),
|
|
),
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(context, 'OK'),
|
|
child: const Text('OK'),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
)),
|
|
],
|
|
)),
|
|
);
|
|
}
|
|
|
|
ImageProvider findMediaByType(List<Media>? media, String type) {
|
|
var found = media?.where((m) => m.type == 'image');
|
|
|
|
if (found != null) {
|
|
return NetworkImage(found.first.reference);
|
|
} else {
|
|
// Element is not found
|
|
return const AssetImage('assets/images/placeholder.jpg');
|
|
}
|
|
}
|
|
}
|