forked from firka/student-legacy
686 lines
27 KiB
Dart
686 lines
27 KiB
Dart
import 'package:flutter_feather_icons/flutter_feather_icons.dart';
|
|
import 'package:flutter_svg/svg.dart';
|
|
import 'package:intl/intl.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:refilc/api/providers/database_provider.dart';
|
|
import 'package:refilc/api/providers/user_provider.dart';
|
|
import 'package:refilc/helpers/subject.dart';
|
|
import 'package:refilc/models/settings.dart';
|
|
import 'package:refilc/theme/colors/colors.dart';
|
|
import 'package:refilc/theme/colors/utils.dart';
|
|
import 'package:refilc/utils/format.dart';
|
|
import 'package:refilc_kreta_api/models/exam.dart';
|
|
import 'package:refilc_kreta_api/models/lesson.dart';
|
|
import 'package:refilc_kreta_api/providers/exam_provider.dart';
|
|
import 'package:refilc_mobile_ui/common/bottom_sheet_menu/rounded_bottom_sheet.dart';
|
|
import 'package:refilc_mobile_ui/common/panel/panel_button.dart';
|
|
import 'package:refilc_mobile_ui/common/personality_card/personality_card.i18n.dart';
|
|
import 'package:refilc_mobile_ui/common/round_border_icon.dart';
|
|
import 'package:refilc/ui/widgets/lesson/lesson_tile.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:refilc_mobile_ui/common/viewable.dart';
|
|
import 'package:refilc_mobile_ui/common/widgets/card_handle.dart';
|
|
import 'package:refilc_mobile_ui/common/widgets/lesson/lesson_view.dart';
|
|
import 'package:refilc_plus/models/premium_scopes.dart';
|
|
import 'package:refilc_plus/providers/plus_provider.dart';
|
|
import 'package:refilc_plus/ui/mobile/plus/upsell.dart';
|
|
|
|
class LessonViewable extends StatefulWidget {
|
|
const LessonViewable(
|
|
this.lesson, {
|
|
super.key,
|
|
this.swapDesc = false,
|
|
required this.customDesc,
|
|
this.showSubTiles = true,
|
|
});
|
|
|
|
final Lesson lesson;
|
|
final bool swapDesc;
|
|
final String customDesc;
|
|
final bool showSubTiles;
|
|
|
|
@override
|
|
State<LessonViewable> createState() => LessonViewableState();
|
|
}
|
|
|
|
class LessonViewableState extends State<LessonViewable> {
|
|
final _descTxt = TextEditingController();
|
|
|
|
late UserProvider user;
|
|
late DatabaseProvider databaseProvider;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
user = Provider.of<UserProvider>(context);
|
|
databaseProvider = Provider.of<DatabaseProvider>(context);
|
|
|
|
if (widget.customDesc.replaceAll(' ', '') != '' &&
|
|
widget.customDesc != widget.lesson.description) {
|
|
_descTxt.text = widget.customDesc;
|
|
}
|
|
|
|
Lesson lsn = widget.lesson;
|
|
lsn.description = widget.customDesc;
|
|
|
|
final tile = LessonTile(
|
|
lsn,
|
|
swapDesc: widget.swapDesc,
|
|
showSubTiles: widget.showSubTiles,
|
|
);
|
|
|
|
if (lsn.subject.id == '' || tile.lesson.isEmpty) return tile;
|
|
|
|
// check if new popup needed
|
|
if (Provider.of<SettingsProvider>(context).newPopups) {
|
|
return GestureDetector(
|
|
onTap: () => TimetableLessonPopup.show(
|
|
context: context,
|
|
lesson: lsn,
|
|
),
|
|
child: tile,
|
|
);
|
|
}
|
|
|
|
return Viewable(
|
|
tile: tile,
|
|
view: CardHandle(child: LessonView(lsn)),
|
|
actions: [
|
|
PanelButton(
|
|
background: true,
|
|
title: Text(
|
|
"edit_lesson".i18n,
|
|
textAlign: TextAlign.center,
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
onPressed: () {
|
|
Navigator.of(context, rootNavigator: true).pop();
|
|
|
|
if (!Provider.of<PlusProvider>(context, listen: false)
|
|
.hasScope(PremiumScopes.timetableNotes)) {
|
|
PlusLockedFeaturePopup.show(
|
|
context: context, feature: PremiumFeature.timetableNotes);
|
|
|
|
return;
|
|
}
|
|
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) => StatefulBuilder(builder: (context, setS) {
|
|
return AlertDialog(
|
|
shape: const RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.all(Radius.circular(14.0))),
|
|
title: Text("edit_lesson".i18n),
|
|
content: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
// description
|
|
TextField(
|
|
controller: _descTxt,
|
|
decoration: InputDecoration(
|
|
border: OutlineInputBorder(
|
|
borderSide: const BorderSide(
|
|
color: Colors.grey, width: 1.5),
|
|
borderRadius: BorderRadius.circular(12.0),
|
|
),
|
|
focusedBorder: OutlineInputBorder(
|
|
borderSide: const BorderSide(
|
|
color: Colors.grey, width: 1.5),
|
|
borderRadius: BorderRadius.circular(12.0),
|
|
),
|
|
contentPadding:
|
|
const EdgeInsets.symmetric(horizontal: 12.0),
|
|
hintText: 'l_desc'.i18n,
|
|
suffixIcon: IconButton(
|
|
icon: const Icon(
|
|
FeatherIcons.x,
|
|
color: Colors.grey,
|
|
size: 18.0,
|
|
),
|
|
onPressed: () {
|
|
setState(() {
|
|
_descTxt.text = '';
|
|
});
|
|
},
|
|
),
|
|
),
|
|
),
|
|
// const SizedBox(
|
|
// height: 14.0,
|
|
// ),
|
|
// // class
|
|
// TextField(
|
|
// controller: _descTxt,
|
|
// onEditingComplete: () async {
|
|
// // SharedTheme? theme = await shareProvider.getThemeById(
|
|
// // context,
|
|
// // id: _paintId.text.replaceAll(' ', ''),
|
|
// // );
|
|
|
|
// // if (theme != null) {
|
|
// // // set theme variable
|
|
// // newThemeByID = theme;
|
|
|
|
// // _paintId.clear();
|
|
// // } else {
|
|
// // ScaffoldMessenger.of(context).showSnackBar(
|
|
// // CustomSnackBar(
|
|
// // content: Text("theme_not_found".i18n,
|
|
// // style: const TextStyle(color: Colors.white)),
|
|
// // backgroundColor: AppColors.of(context).red,
|
|
// // context: context,
|
|
// // ),
|
|
// // );
|
|
// // }
|
|
// },
|
|
// decoration: InputDecoration(
|
|
// border: OutlineInputBorder(
|
|
// borderSide: const BorderSide(
|
|
// color: Colors.grey, width: 1.5),
|
|
// borderRadius: BorderRadius.circular(12.0),
|
|
// ),
|
|
// focusedBorder: OutlineInputBorder(
|
|
// borderSide: const BorderSide(
|
|
// color: Colors.grey, width: 1.5),
|
|
// borderRadius: BorderRadius.circular(12.0),
|
|
// ),
|
|
// contentPadding:
|
|
// const EdgeInsets.symmetric(horizontal: 12.0),
|
|
// hintText: 'l_desc'.i18n,
|
|
// suffixIcon: IconButton(
|
|
// icon: const Icon(
|
|
// FeatherIcons.x,
|
|
// color: Colors.grey,
|
|
// size: 18.0,
|
|
// ),
|
|
// onPressed: () {
|
|
// setState(() {
|
|
// _descTxt.text = '';
|
|
// });
|
|
// },
|
|
// ),
|
|
// ),
|
|
// ),
|
|
],
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
child: Text(
|
|
"cancel".i18n,
|
|
style: const TextStyle(fontWeight: FontWeight.w500),
|
|
),
|
|
onPressed: () {
|
|
Navigator.of(context).maybePop();
|
|
},
|
|
),
|
|
TextButton(
|
|
child: Text(
|
|
"done".i18n,
|
|
style: const TextStyle(fontWeight: FontWeight.w500),
|
|
),
|
|
onPressed: () async {
|
|
saveLesson();
|
|
|
|
Navigator.of(context).pop();
|
|
setState(() {});
|
|
},
|
|
),
|
|
],
|
|
);
|
|
}),
|
|
);
|
|
},
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
void saveLesson() async {
|
|
Map<String, String> lessonDesc = await databaseProvider.userQuery
|
|
.getCustomLessonDescriptions(userId: user.id!);
|
|
|
|
lessonDesc[widget.lesson.id] = _descTxt.text;
|
|
|
|
if (_descTxt.text.replaceAll(' ', '') == '') {
|
|
lessonDesc.remove(widget.lesson.id);
|
|
}
|
|
|
|
// ignore: use_build_context_synchronously
|
|
await databaseProvider.userStore
|
|
.storeCustomLessonDescriptions(lessonDesc, userId: user.id!);
|
|
}
|
|
}
|
|
|
|
class TimetableLessonPopup extends StatelessWidget {
|
|
const TimetableLessonPopup({
|
|
super.key,
|
|
required this.lesson,
|
|
required this.outsideContext,
|
|
});
|
|
|
|
final Lesson lesson;
|
|
final BuildContext outsideContext;
|
|
|
|
static void show({
|
|
required BuildContext context,
|
|
required Lesson lesson,
|
|
}) =>
|
|
showRoundedModalBottomSheet(
|
|
context,
|
|
child: TimetableLessonPopup(
|
|
lesson: lesson,
|
|
outsideContext: context,
|
|
),
|
|
showHandle: false,
|
|
);
|
|
|
|
// IconData _getIcon() => _featureLevels[feature] == PremiumFeatureLevel.cap
|
|
// ? FilcIcons.kupak
|
|
// : _featureLevels[feature] == PremiumFeatureLevel.ink
|
|
// ? FilcIcons.tinta
|
|
// : FilcIcons.tinta;
|
|
// Color _getColor(BuildContext context) =>
|
|
// _featureLevels[feature] == PremiumFeatureLevel.gold
|
|
// ? const Color(0xFFC89B08)
|
|
// : Theme.of(context).brightness == Brightness.light
|
|
// ? const Color(0xff691A9B)
|
|
// : const Color(0xffA66FC8);
|
|
// String? _getAsset() => _featureAssets[feature];
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
Exam? lessonExam;
|
|
|
|
if (lesson.exam != "") {
|
|
Exam exam = Provider.of<ExamProvider>(context, listen: false)
|
|
.exams
|
|
.firstWhere((t) => t.id == lesson.exam,
|
|
orElse: () => Exam.fromJson({}));
|
|
if (exam.id != "") {
|
|
lessonExam = exam;
|
|
}
|
|
}
|
|
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).scaffoldBackgroundColor,
|
|
borderRadius: const BorderRadius.vertical(
|
|
top: Radius.circular(12.0),
|
|
),
|
|
),
|
|
child: Stack(
|
|
children: [
|
|
Stack(
|
|
children: [
|
|
SvgPicture.asset(
|
|
// "assets/svg/mesh_bg.svg",
|
|
SubjectBooklet.resolveVariant(
|
|
context: context, subject: lesson.subject),
|
|
// ignore: deprecated_member_use
|
|
color: ColorsUtils()
|
|
.fade(context, Theme.of(context).colorScheme.secondary,
|
|
darkenAmount: 0.1, lightenAmount: 0.1)
|
|
.withOpacity(0.33),
|
|
width: MediaQuery.of(context).size.width,
|
|
),
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
borderRadius: const BorderRadius.vertical(
|
|
top: Radius.circular(12.0),
|
|
),
|
|
gradient: LinearGradient(
|
|
colors: [
|
|
Theme.of(context).scaffoldBackgroundColor,
|
|
Theme.of(context)
|
|
.scaffoldBackgroundColor
|
|
.withOpacity(0.1),
|
|
Theme.of(context)
|
|
.scaffoldBackgroundColor
|
|
.withOpacity(0.1),
|
|
Theme.of(context).scaffoldBackgroundColor,
|
|
],
|
|
stops: const [0.0, 0.3, 0.6, 0.95],
|
|
begin: Alignment.topCenter,
|
|
end: Alignment.bottomCenter,
|
|
),
|
|
),
|
|
width: MediaQuery.of(context).size.width,
|
|
height: 200.0,
|
|
),
|
|
],
|
|
),
|
|
SizedBox(
|
|
width: MediaQuery.of(context).size.width,
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(18.0),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
Container(
|
|
width: 40,
|
|
height: 4,
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).scaffoldBackgroundColor,
|
|
borderRadius: BorderRadius.circular(
|
|
2.0,
|
|
),
|
|
),
|
|
child: Container(
|
|
width: 40,
|
|
height: 4,
|
|
decoration: BoxDecoration(
|
|
color: ColorsUtils()
|
|
.fade(context,
|
|
Theme.of(context).colorScheme.secondary,
|
|
darkenAmount: 0.1, lightenAmount: 0.1)
|
|
.withOpacity(0.33),
|
|
borderRadius: BorderRadius.circular(
|
|
2.0,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
|
|
const SizedBox(
|
|
height: 38.0,
|
|
),
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).scaffoldBackgroundColor,
|
|
borderRadius: BorderRadius.circular(50.0),
|
|
),
|
|
child: RoundBorderIcon(
|
|
color: ColorsUtils()
|
|
.darken(
|
|
Theme.of(context).colorScheme.secondary,
|
|
amount: 0.1,
|
|
)
|
|
.withOpacity(0.9),
|
|
width: 1.5,
|
|
padding: 10.0,
|
|
icon: Icon(
|
|
SubjectIcon.resolveVariant(
|
|
context: context, subject: lesson.subject),
|
|
size: 32.0,
|
|
color: ColorsUtils()
|
|
.darken(
|
|
Theme.of(context).colorScheme.secondary,
|
|
amount: 0.1,
|
|
)
|
|
.withOpacity(0.8),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(
|
|
height: 55.0,
|
|
),
|
|
Container(
|
|
width: double.infinity,
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).colorScheme.background,
|
|
borderRadius: const BorderRadius.vertical(
|
|
top: Radius.circular(12.0),
|
|
bottom: Radius.circular(6.0),
|
|
),
|
|
),
|
|
padding: const EdgeInsets.all(14.0),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Text(
|
|
'${DateFormat('H:mm').format(lesson.start)} - ${DateFormat('H:mm').format(lesson.end)}',
|
|
style: TextStyle(
|
|
color: AppColors.of(context)
|
|
.text
|
|
.withOpacity(0.85),
|
|
fontSize: 14.0,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
const SizedBox(
|
|
width: 8.0,
|
|
),
|
|
Container(
|
|
width: lesson.room.length > 20 ? 111 : null,
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 5.5, vertical: 3.0),
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context)
|
|
.colorScheme
|
|
.tertiary
|
|
.withOpacity(.15),
|
|
borderRadius: BorderRadius.circular(10.0),
|
|
),
|
|
child: Text(
|
|
lesson.room,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
height: 1.1,
|
|
fontSize: 12.0,
|
|
fontWeight: FontWeight.w600,
|
|
color: Theme.of(context)
|
|
.colorScheme
|
|
.secondary
|
|
.withOpacity(.9),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(
|
|
height: 12.0,
|
|
),
|
|
Text(
|
|
lesson.subject.isRenamed &&
|
|
Provider.of<SettingsProvider>(context,
|
|
listen: false)
|
|
.renamedSubjectsEnabled
|
|
? lesson.subject.renamedTo!
|
|
: lesson.subject.name.capital(),
|
|
style: TextStyle(
|
|
color: AppColors.of(context).text,
|
|
fontSize: 20.0,
|
|
fontWeight: FontWeight.w700,
|
|
fontStyle: Provider.of<SettingsProvider>(context,
|
|
listen: false)
|
|
.renamedSubjectsItalics &&
|
|
lesson.subject.isRenamed
|
|
? FontStyle.italic
|
|
: null,
|
|
),
|
|
),
|
|
const SizedBox(
|
|
height: 8.0,
|
|
),
|
|
Text(
|
|
((lesson.substituteTeacher == null ||
|
|
lesson.substituteTeacher!.name == "")
|
|
? (lesson.teacher.isRenamed
|
|
? lesson.teacher.renamedTo
|
|
: lesson.teacher.name)
|
|
: (lesson.substituteTeacher!.isRenamed
|
|
? lesson.substituteTeacher!.renamedTo
|
|
: lesson.substituteTeacher!.name)) ??
|
|
'',
|
|
style: TextStyle(
|
|
color: AppColors.of(context).text.withOpacity(0.9),
|
|
fontSize: 14.0,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
if (lesson.description.replaceAll(' ', '') != '')
|
|
const SizedBox(
|
|
height: 6.0,
|
|
),
|
|
if (lesson.description.replaceAll(' ', '') != '')
|
|
Container(
|
|
width: double.infinity,
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).colorScheme.background,
|
|
borderRadius: const BorderRadius.vertical(
|
|
top: Radius.circular(6.0),
|
|
bottom: Radius.circular(6.0),
|
|
),
|
|
),
|
|
padding: const EdgeInsets.all(14.0),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
lesson.description,
|
|
style: TextStyle(
|
|
color:
|
|
AppColors.of(context).text.withOpacity(0.9),
|
|
fontSize: 14.0,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(
|
|
height: 6.0,
|
|
),
|
|
Container(
|
|
width: double.infinity,
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).colorScheme.background,
|
|
borderRadius: BorderRadius.vertical(
|
|
top: const Radius.circular(6.0),
|
|
bottom: lesson.exam != ''
|
|
? const Radius.circular(6.0)
|
|
: const Radius.circular(12.0),
|
|
),
|
|
),
|
|
padding: const EdgeInsets.all(14.0),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'${'year_index'.i18n}: ${lesson.lessonYearIndex}',
|
|
style: TextStyle(
|
|
color: AppColors.of(context).text.withOpacity(0.9),
|
|
fontSize: 14.0,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
if (lesson.exam != '')
|
|
const SizedBox(
|
|
height: 6.0,
|
|
),
|
|
if (lesson.exam != '' && lessonExam != null)
|
|
Container(
|
|
width: double.infinity,
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).colorScheme.background,
|
|
borderRadius: const BorderRadius.vertical(
|
|
top: Radius.circular(6.0),
|
|
bottom: Radius.circular(12.0)),
|
|
),
|
|
padding: const EdgeInsets.all(14.0),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
const Icon(
|
|
FeatherIcons.file,
|
|
size: 20.0,
|
|
),
|
|
const SizedBox(
|
|
width: 10.0,
|
|
),
|
|
SizedBox(
|
|
width: MediaQuery.of(context).size.width * 0.5,
|
|
child: Text(
|
|
lessonExam.description.capital(),
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
color: AppColors.of(context)
|
|
.text
|
|
.withOpacity(0.9),
|
|
fontSize: 16.0,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Flexible(
|
|
child: Text(
|
|
lessonExam.mode?.description ?? 'Dolgozat',
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
color: AppColors.of(context)
|
|
.text
|
|
.withOpacity(0.85),
|
|
fontSize: 14.0,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
// const SizedBox(
|
|
// height: 24.0,
|
|
// ),
|
|
// GestureDetector(
|
|
// onTap: () async {
|
|
// ReverseSearch.getSubjectByLesson(lesson, context)
|
|
// .then((subject) {
|
|
// if (subject != null) {
|
|
// GradesPage.jump(outsideContext, subject: subject);
|
|
// } else {
|
|
// ScaffoldMessenger.of(context)
|
|
// .showSnackBar(CustomSnackBar(
|
|
// content: Text("Cannot find subject".i18n,
|
|
// style: const TextStyle(color: Colors.white)),
|
|
// backgroundColor: AppColors.of(context).red,
|
|
// context: context,
|
|
// ));
|
|
// }
|
|
// });
|
|
// },
|
|
// child: Container(
|
|
// width: double.infinity,
|
|
// decoration: BoxDecoration(
|
|
// color: Theme.of(context).colorScheme.background,
|
|
// borderRadius: BorderRadius.circular(12.0),
|
|
// ),
|
|
// padding: const EdgeInsets.all(16.0),
|
|
// child: Column(
|
|
// crossAxisAlignment: CrossAxisAlignment.center,
|
|
// children: [
|
|
// Text(
|
|
// 'view_subject'.i18n,
|
|
// style: TextStyle(
|
|
// color:
|
|
// AppColors.of(context).text.withOpacity(0.9),
|
|
// fontSize: 18.0,
|
|
// fontWeight: FontWeight.w500,
|
|
// ),
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
// ),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|