129 lines
4.1 KiB
Dart
129 lines
4.1 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import 'package:collection/collection.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:matrix/matrix.dart';
|
|
|
|
import 'package:fluffychat/config/app_config.dart';
|
|
import 'package:fluffychat/l10n/l10n.dart';
|
|
import 'package:fluffychat/pangea/activity_sessions/activity_room_extension.dart';
|
|
import 'package:fluffychat/pangea/instructions/instructions_enum.dart';
|
|
import 'package:fluffychat/pangea/instructions/instructions_inline_tooltip.dart';
|
|
import 'package:fluffychat/widgets/hover_builder.dart';
|
|
import 'package:fluffychat/widgets/layouts/max_width_body.dart';
|
|
import 'package:fluffychat/widgets/matrix.dart';
|
|
import '../../config/themes.dart';
|
|
import '../../widgets/avatar.dart';
|
|
|
|
class ActivityArchive extends StatelessWidget {
|
|
final String? selectedRoomId;
|
|
const ActivityArchive({
|
|
super.key,
|
|
this.selectedRoomId,
|
|
});
|
|
|
|
List<Room> get archive =>
|
|
MatrixState.pangeaController.getAnalytics.archivedActivities;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return MaxWidthBody(
|
|
withScrolling: false,
|
|
child: ListView.builder(
|
|
physics: const ClampingScrollPhysics(),
|
|
itemCount: archive.length + 1,
|
|
itemBuilder: (BuildContext context, int i) {
|
|
if (i == 0) {
|
|
return archive.isEmpty
|
|
? Padding(
|
|
padding: const EdgeInsets.all(20),
|
|
child: Text(
|
|
L10n.of(context).noSavedActivitiesYet,
|
|
textAlign: TextAlign.center,
|
|
),
|
|
)
|
|
: const InstructionsInlineTooltip(
|
|
instructionsEnum: InstructionsEnum.activityAnalyticsList,
|
|
padding: EdgeInsets.all(8.0),
|
|
);
|
|
}
|
|
i--;
|
|
return AnalyticsActivityItem(
|
|
room: archive[i],
|
|
selected: archive[i].id == selectedRoomId,
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class AnalyticsActivityItem extends StatelessWidget {
|
|
final Room room;
|
|
final bool selected;
|
|
const AnalyticsActivityItem({
|
|
super.key,
|
|
required this.room,
|
|
this.selected = false,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final objective = room.activityPlan?.learningObjective ?? '';
|
|
final cefrLevel = room.activitySummary?.summary?.participants
|
|
.firstWhereOrNull(
|
|
(p) => p.participantId == room.client.userID,
|
|
)
|
|
?.cefrLevel;
|
|
|
|
final theme = Theme.of(context);
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 8,
|
|
vertical: 1,
|
|
),
|
|
child: Material(
|
|
color: selected ? theme.colorScheme.secondaryContainer : null,
|
|
borderRadius: BorderRadius.circular(AppConfig.borderRadius),
|
|
clipBehavior: Clip.hardEdge,
|
|
child: ListTile(
|
|
visualDensity: const VisualDensity(vertical: -0.5),
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 8),
|
|
leading: HoverBuilder(
|
|
builder: (context, hovered) => AnimatedScale(
|
|
duration: FluffyThemes.animationDuration,
|
|
curve: FluffyThemes.animationCurve,
|
|
scale: hovered ? 1.1 : 1.0,
|
|
child: Avatar(
|
|
borderRadius: BorderRadius.circular(4.0),
|
|
mxContent: room.avatar,
|
|
name: room.getLocalizedDisplayname(),
|
|
),
|
|
),
|
|
),
|
|
title: Text(
|
|
objective,
|
|
maxLines: 3,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: const TextStyle(fontSize: 12.0),
|
|
),
|
|
trailing: cefrLevel != null
|
|
? Padding(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 8,
|
|
vertical: 4,
|
|
),
|
|
child: Text(
|
|
cefrLevel.toUpperCase(),
|
|
style: const TextStyle(fontSize: 14.0),
|
|
),
|
|
)
|
|
: null,
|
|
onTap: () => context.go(
|
|
'/rooms/analytics/activities/${room.id}',
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|