261e28abb7
* integrate CoursePlansRepo.translateActivity, translateTopic, translateCoursePlan * move translation functions to requisite files * integrate translation endpoint * refactor: reorganize course-related repos, add request and response model classes * remove l2s from translation requests * update translation request and response models, use translation endpoint to get course info, cache courses with L1s in cache key * update topics repo to use translation endpoint * use activity translation endpoint * refactor: incremental loading of individual course info, account for discrepancy between translated IDs and original IDs * incremental loading of course batches * Update lib/pangea/course_plans/courses/course_plan_room_extension.dart Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * cleanup * cleanup * fix: some name changes * formatting --------- Co-authored-by: WilsonLe <leanhminh2907@gmail.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Co-authored-by: wcjord <32568597+wcjord@users.noreply.github.com>
234 lines
8.8 KiB
Dart
234 lines
8.8 KiB
Dart
import 'dart:async';
|
|
import 'dart:math';
|
|
|
|
import 'package:flutter/material.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/bot/utils/bot_name.dart';
|
|
import 'package:fluffychat/pangea/course_creation/course_info_chip_widget.dart';
|
|
import 'package:fluffychat/pangea/course_plans/courses/course_plan_builder.dart';
|
|
import 'package:fluffychat/widgets/avatar.dart';
|
|
import 'package:fluffychat/widgets/future_loading_dialog.dart';
|
|
import 'package:fluffychat/widgets/matrix.dart';
|
|
|
|
class CourseInvitePage extends StatefulWidget {
|
|
final String courseId;
|
|
final Completer<String>? courseCreationCompleter;
|
|
|
|
const CourseInvitePage(
|
|
this.courseId, {
|
|
super.key,
|
|
this.courseCreationCompleter,
|
|
});
|
|
|
|
@override
|
|
CourseInvitePageController createState() => CourseInvitePageController();
|
|
}
|
|
|
|
class CourseInvitePageController extends State<CourseInvitePage>
|
|
with CoursePlanProvider {
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
loadCourse(widget.courseId);
|
|
}
|
|
|
|
@override
|
|
void didUpdateWidget(covariant CourseInvitePage oldWidget) {
|
|
super.didUpdateWidget(oldWidget);
|
|
if (oldWidget.courseId != widget.courseId) {
|
|
loadCourse(widget.courseId);
|
|
}
|
|
}
|
|
|
|
Future<String> getSpaceId() async {
|
|
if (widget.courseCreationCompleter == null) {
|
|
throw Exception("No course creation completer provided");
|
|
}
|
|
return widget.courseCreationCompleter!.future;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
const avatarSize = 44.0;
|
|
|
|
final theme = Theme.of(context);
|
|
final client = Matrix.of(context).client;
|
|
|
|
return Scaffold(
|
|
body: SafeArea(
|
|
child: Center(
|
|
child: Container(
|
|
padding: const EdgeInsets.all(30.0),
|
|
constraints: const BoxConstraints(
|
|
maxWidth: 750,
|
|
),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
course != null
|
|
? Container(
|
|
decoration: BoxDecoration(
|
|
border: Border.all(color: AppConfig.gold),
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
padding: const EdgeInsets.all(16.0),
|
|
child: Column(
|
|
spacing: 16.0,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Row(
|
|
spacing: 10.0,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
const Icon(
|
|
Icons.map_outlined,
|
|
size: 40.0,
|
|
),
|
|
Flexible(
|
|
child: Text(
|
|
course!.title,
|
|
style: theme.textTheme.titleLarge?.copyWith(
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
CourseInfoChips(
|
|
widget.courseId,
|
|
fontSize: 12.0,
|
|
iconSize: 12.0,
|
|
),
|
|
],
|
|
),
|
|
)
|
|
: loadingCourse
|
|
? const CircularProgressIndicator.adaptive()
|
|
: const SizedBox(),
|
|
Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Column(
|
|
spacing: 16.0,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
LayoutBuilder(
|
|
builder: (context, constraints) {
|
|
const avatarSpace = avatarSize + 8.0;
|
|
final availableSpace = constraints.maxWidth - 24.0;
|
|
|
|
final visibleAvatars = min(
|
|
3,
|
|
(availableSpace / avatarSpace).floor() - 2,
|
|
);
|
|
|
|
return Row(
|
|
spacing: 8.0,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
FutureBuilder(
|
|
future:
|
|
client.getProfileFromUserId(client.userID!),
|
|
builder: (context, snapshot) {
|
|
return Avatar(
|
|
size: avatarSize,
|
|
mxContent: snapshot.data?.avatarUrl,
|
|
name: snapshot.data?.displayName ??
|
|
client.userID!.localpart,
|
|
userId: client.userID!,
|
|
);
|
|
},
|
|
),
|
|
Avatar(
|
|
userId: BotName.byEnvironment,
|
|
size: avatarSize,
|
|
),
|
|
...List.generate(visibleAvatars, (index) {
|
|
return CircleAvatar(
|
|
radius: avatarSize / 2,
|
|
backgroundColor: AppConfig.gold.withAlpha(80),
|
|
child: const Icon(
|
|
Icons.question_mark,
|
|
size: 20.0,
|
|
),
|
|
);
|
|
}),
|
|
const Icon(
|
|
Icons.more_horiz,
|
|
size: 24.0,
|
|
),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
Text(
|
|
L10n.of(context).courseStartDesc,
|
|
style: theme.textTheme.titleMedium,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Column(
|
|
spacing: 24.0,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
ElevatedButton(
|
|
onPressed: () async {
|
|
final resp = await showFutureLoadingDialog(
|
|
context: context,
|
|
future: getSpaceId,
|
|
);
|
|
if (mounted && !resp.isError) {
|
|
context.go("/rooms/spaces/${resp.result}/invite");
|
|
}
|
|
},
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: theme.colorScheme.primaryContainer,
|
|
foregroundColor: theme.colorScheme.onPrimaryContainer,
|
|
),
|
|
child: Row(
|
|
spacing: 8.0,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
const Icon(Icons.upload_file),
|
|
Text(L10n.of(context).inviteYourFriends),
|
|
],
|
|
),
|
|
),
|
|
ElevatedButton(
|
|
onPressed: () async {
|
|
final resp = await showFutureLoadingDialog(
|
|
context: context,
|
|
future: getSpaceId,
|
|
);
|
|
if (mounted && !resp.isError) {
|
|
context.go("/rooms/spaces/${resp.result}");
|
|
}
|
|
},
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: theme.colorScheme.primaryContainer,
|
|
foregroundColor: theme.colorScheme.onPrimaryContainer,
|
|
),
|
|
child: Row(
|
|
spacing: 8.0,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text(L10n.of(context).playWithAI),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|