2023-04-25 07:50:36 +00:00
|
|
|
import 'package:app_popup_menu/app_popup_menu.dart';
|
2023-08-01 08:20:38 +00:00
|
|
|
import 'package:file_picker/file_picker.dart';
|
2023-02-07 01:29:38 +00:00
|
|
|
import 'package:flutter/material.dart';
|
2023-03-02 06:59:40 +00:00
|
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
2023-08-01 08:20:38 +00:00
|
|
|
import 'package:flutter_form_builder/flutter_form_builder.dart';
|
2023-03-02 06:59:40 +00:00
|
|
|
import 'package:flutter_progress_hud/flutter_progress_hud.dart';
|
|
|
|
|
import 'package:flutter_spinkit/flutter_spinkit.dart';
|
2023-08-01 08:20:38 +00:00
|
|
|
import 'package:flutter_svg/svg.dart';
|
|
|
|
|
import 'package:form_builder_validators/form_builder_validators.dart';
|
2023-03-02 06:59:40 +00:00
|
|
|
import 'package:unit2/bloc/profile/profile_bloc.dart';
|
|
|
|
|
import 'package:unit2/bloc/user/user_bloc.dart';
|
2023-02-07 01:29:38 +00:00
|
|
|
import 'package:unit2/model/profile/educational_background.dart';
|
2023-04-25 07:50:36 +00:00
|
|
|
import 'package:unit2/screens/profile/components/education/add_modal.dart';
|
2023-02-09 08:48:19 +00:00
|
|
|
import 'package:unit2/theme-data.dart/box_shadow.dart';
|
2023-02-07 01:29:38 +00:00
|
|
|
import 'package:unit2/theme-data.dart/colors.dart';
|
2023-03-02 00:40:47 +00:00
|
|
|
import 'package:unit2/widgets/Leadings/add_leading.dart';
|
2023-02-10 07:39:00 +00:00
|
|
|
import 'package:unit2/widgets/empty_data.dart';
|
2023-03-02 06:59:40 +00:00
|
|
|
import 'package:unit2/widgets/error_state.dart';
|
2023-03-07 02:31:28 +00:00
|
|
|
import '../../../bloc/profile/education/education_bloc.dart';
|
2023-08-01 08:20:38 +00:00
|
|
|
import '../../../model/profile/attachment.dart';
|
|
|
|
|
import '../../../theme-data.dart/btn-style.dart';
|
|
|
|
|
import '../../../theme-data.dart/form-style.dart';
|
2023-04-25 07:50:36 +00:00
|
|
|
import '../../../utils/alerts.dart';
|
2023-08-01 08:20:38 +00:00
|
|
|
import '../../../utils/global.dart';
|
2023-05-02 00:26:42 +00:00
|
|
|
import '../../../widgets/Leadings/close_leading.dart';
|
2023-08-01 08:20:38 +00:00
|
|
|
import '../shared/multiple_attachment.dart';
|
|
|
|
|
import '../shared/single_attachment.dart';
|
2023-04-25 07:50:36 +00:00
|
|
|
import 'education/edit_modal.dart';
|
2023-08-27 08:38:05 +00:00
|
|
|
import 'education/education_view_attachment.dart';
|
2023-08-01 08:20:38 +00:00
|
|
|
|
2023-02-10 07:39:00 +00:00
|
|
|
class EducationScreen extends StatelessWidget {
|
2023-03-02 06:59:40 +00:00
|
|
|
const EducationScreen({super.key});
|
2023-02-07 01:29:38 +00:00
|
|
|
@override
|
|
|
|
|
Widget build(BuildContext context) {
|
2023-08-01 08:20:38 +00:00
|
|
|
final parent = context;
|
2023-08-07 06:33:38 +00:00
|
|
|
|
|
|
|
|
List<PlatformFile>? results = [];
|
2023-08-01 08:20:38 +00:00
|
|
|
AttachmentCategory? selectedAttachmentCategory;
|
|
|
|
|
List<AttachmentCategory> attachmentCategories = [];
|
2023-04-25 07:50:36 +00:00
|
|
|
int profileId;
|
|
|
|
|
String? token;
|
2023-02-07 01:29:38 +00:00
|
|
|
return Scaffold(
|
2023-08-30 01:55:03 +00:00
|
|
|
resizeToAvoidBottomInset: true,
|
2023-03-02 06:59:40 +00:00
|
|
|
appBar: AppBar(
|
2023-07-28 02:21:42 +00:00
|
|
|
title: context.watch<EducationBloc>().state is AddEducationState
|
|
|
|
|
? const FittedBox(child: Text("Add Educational Background"))
|
|
|
|
|
: context.watch<EducationBloc>().state is EditEducationState
|
|
|
|
|
? const FittedBox(child: Text("Edit Educational Background"))
|
|
|
|
|
: const Text("Education Background"),
|
2023-03-02 06:59:40 +00:00
|
|
|
centerTitle: true,
|
|
|
|
|
backgroundColor: primary,
|
2023-07-28 02:21:42 +00:00
|
|
|
actions: context.watch<EducationBloc>().state
|
|
|
|
|
is EducationalBackgroundLoadedState
|
|
|
|
|
? [
|
|
|
|
|
AddLeading(onPressed: () {
|
|
|
|
|
context.read<EducationBloc>().add(ShowAddEducationForm());
|
|
|
|
|
})
|
|
|
|
|
]
|
|
|
|
|
: (context.watch<EducationBloc>().state is AddEducationState ||
|
|
|
|
|
context.watch<EducationBloc>().state
|
|
|
|
|
is EditEducationState)
|
|
|
|
|
? [
|
|
|
|
|
CloseLeading(onPressed: () {
|
|
|
|
|
context.read<EducationBloc>().add(LoadEducations());
|
|
|
|
|
})
|
|
|
|
|
]
|
|
|
|
|
: [],
|
2023-03-02 06:59:40 +00:00
|
|
|
),
|
|
|
|
|
//userbloc
|
|
|
|
|
body: ProgressHUD(
|
2023-03-06 05:29:38 +00:00
|
|
|
padding: const EdgeInsets.all(24),
|
|
|
|
|
backgroundColor: Colors.black87,
|
|
|
|
|
indicatorWidget: const SpinKitFadingCircle(color: Colors.white),
|
2023-03-02 06:59:40 +00:00
|
|
|
child: BlocBuilder<UserBloc, UserState>(
|
|
|
|
|
builder: (context, state) {
|
|
|
|
|
if (state is UserLoggedIn) {
|
2023-04-25 07:50:36 +00:00
|
|
|
token = state.userData!.user!.login!.token;
|
|
|
|
|
profileId = state.userData!.user!.login!.user!.profileId!;
|
2023-03-02 06:59:40 +00:00
|
|
|
//profilebloc
|
|
|
|
|
return BlocBuilder<ProfileBloc, ProfileState>(
|
|
|
|
|
builder: (context, state) {
|
|
|
|
|
if (state is ProfileLoaded) {
|
|
|
|
|
//education bloc
|
|
|
|
|
return BlocConsumer<EducationBloc, EducationState>(
|
|
|
|
|
listener: (context, state) {
|
2023-03-06 05:29:38 +00:00
|
|
|
if (state is EducationalBackgroundLoadingState) {
|
|
|
|
|
final progress = ProgressHUD.of(context);
|
|
|
|
|
progress!.showWithText("Please wait...");
|
|
|
|
|
}
|
|
|
|
|
if (state is EducationalBackgroundLoadedState ||
|
2023-04-25 07:50:36 +00:00
|
|
|
state is EducationalBackgroundErrorState ||
|
|
|
|
|
state is AddEducationState ||
|
|
|
|
|
state is EditEducationState ||
|
2023-07-28 02:21:42 +00:00
|
|
|
state is EducationDeletedState ||
|
|
|
|
|
state is EditedEducationState) {
|
2023-03-06 05:29:38 +00:00
|
|
|
final progress = ProgressHUD.of(context);
|
|
|
|
|
progress!.dismiss();
|
|
|
|
|
}
|
2023-04-25 07:50:36 +00:00
|
|
|
////ADDED STATE
|
|
|
|
|
if (state is EducationAddedState) {
|
|
|
|
|
if (state.response['success']) {
|
|
|
|
|
successAlert(context, "Adding Successfull!",
|
|
|
|
|
state.response['message'], () {
|
|
|
|
|
Navigator.of(context).pop();
|
|
|
|
|
context
|
|
|
|
|
.read<EducationBloc>()
|
|
|
|
|
.add(LoadEducations());
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
errorAlert(context, "Adding Failed",
|
|
|
|
|
"Something went wrong. Please try again.",
|
|
|
|
|
() {
|
|
|
|
|
Navigator.of(context).pop();
|
|
|
|
|
context
|
|
|
|
|
.read<EducationBloc>()
|
|
|
|
|
.add(LoadEducations());
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
2023-08-07 06:33:38 +00:00
|
|
|
////ATTACHMENT ADDED STATE
|
|
|
|
|
|
|
|
|
|
if (state is EducationAttachmentAddedState) {
|
|
|
|
|
if (state.response['success']) {
|
|
|
|
|
successAlert(context, "Adding Successfull!",
|
|
|
|
|
state.response['message'], () {
|
|
|
|
|
Navigator.of(context).pop();
|
|
|
|
|
context
|
|
|
|
|
.read<EducationBloc>()
|
|
|
|
|
.add(LoadEducations());
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
errorAlert(context, "Adding Failed",
|
|
|
|
|
"Something went wrong. Please try again.",
|
|
|
|
|
() {
|
|
|
|
|
Navigator.of(context).pop();
|
|
|
|
|
context
|
|
|
|
|
.read<EducationBloc>()
|
|
|
|
|
.add(LoadEducations());
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
2023-04-25 07:50:36 +00:00
|
|
|
////EDITED STATE
|
|
|
|
|
if (state is EditedEducationState) {
|
|
|
|
|
if (state.response['success']) {
|
|
|
|
|
successAlert(context, "Update Successfull!",
|
|
|
|
|
state.response['message'], () {
|
|
|
|
|
Navigator.of(context).pop();
|
|
|
|
|
context
|
|
|
|
|
.read<EducationBloc>()
|
|
|
|
|
.add(LoadEducations());
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
errorAlert(context, "Updated Failed",
|
|
|
|
|
"Something went wrong. Please try again.",
|
|
|
|
|
() {
|
|
|
|
|
Navigator.of(context).pop();
|
|
|
|
|
context
|
|
|
|
|
.read<EducationBloc>()
|
|
|
|
|
.add(LoadEducations());
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
////DELETED STATE
|
|
|
|
|
if (state is EducationDeletedState) {
|
|
|
|
|
if (state.success) {
|
|
|
|
|
successAlert(context, "Deletion Successfull",
|
|
|
|
|
"Educational Background has been deleted successfully",
|
|
|
|
|
() {
|
|
|
|
|
Navigator.of(context).pop();
|
|
|
|
|
context
|
|
|
|
|
.read<EducationBloc>()
|
|
|
|
|
.add(LoadEducations());
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
errorAlert(context, "Deletion Failed",
|
|
|
|
|
"Error deleting Education Background", () {
|
|
|
|
|
Navigator.of(context).pop();
|
|
|
|
|
context
|
|
|
|
|
.read<EducationBloc>()
|
|
|
|
|
.add(LoadEducations());
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
2023-08-07 06:33:38 +00:00
|
|
|
////ATTACHMENT DELETED STATE
|
|
|
|
|
if (state is EducationAttachmentDeletedState) {
|
|
|
|
|
if (state.success) {
|
|
|
|
|
successAlert(context, "Deletion Successfull",
|
|
|
|
|
"Attachment has been deleted successfully",
|
|
|
|
|
() {
|
|
|
|
|
Navigator.of(context).pop();
|
|
|
|
|
context
|
|
|
|
|
.read<EducationBloc>()
|
|
|
|
|
.add(LoadEducations());
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
errorAlert(context, "Deletion Failed",
|
|
|
|
|
"Error deleting Attachment", () {
|
|
|
|
|
Navigator.of(context).pop();
|
|
|
|
|
context
|
|
|
|
|
.read<EducationBloc>()
|
|
|
|
|
.add(LoadEducations());
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
2023-03-02 06:59:40 +00:00
|
|
|
},
|
|
|
|
|
builder: (context, state) {
|
|
|
|
|
if (state is EducationalBackgroundLoadedState) {
|
2023-08-01 08:20:38 +00:00
|
|
|
for (var cat in state.attachmentCategory) {
|
2023-08-07 06:33:38 +00:00
|
|
|
if (cat.subclass!.id == 1) {
|
2023-08-01 08:20:38 +00:00
|
|
|
attachmentCategories.add(cat);
|
|
|
|
|
}
|
|
|
|
|
}
|
2023-03-02 06:59:40 +00:00
|
|
|
if (state.educationalBackground.isNotEmpty) {
|
|
|
|
|
return ListView.builder(
|
|
|
|
|
padding: const EdgeInsets.symmetric(
|
|
|
|
|
vertical: 8, horizontal: 10),
|
|
|
|
|
itemCount: state.educationalBackground.length,
|
2023-03-06 05:29:38 +00:00
|
|
|
itemBuilder:
|
|
|
|
|
(BuildContext context, int index) {
|
2023-03-02 06:59:40 +00:00
|
|
|
String level = state
|
|
|
|
|
.educationalBackground[index]
|
|
|
|
|
.education!
|
|
|
|
|
.level!;
|
|
|
|
|
String periodFrom = state
|
2023-03-06 05:29:38 +00:00
|
|
|
.educationalBackground[index]
|
|
|
|
|
.periodFrom!;
|
2023-03-02 06:59:40 +00:00
|
|
|
String periodTo = state
|
|
|
|
|
.educationalBackground[index].periodTo!;
|
|
|
|
|
String? program = state
|
|
|
|
|
.educationalBackground[index]
|
|
|
|
|
.education!
|
|
|
|
|
.course ==
|
|
|
|
|
null
|
|
|
|
|
? null
|
|
|
|
|
: state.educationalBackground[index]
|
|
|
|
|
.education!.course!.program!;
|
|
|
|
|
List<Honor>? honors = state
|
|
|
|
|
.educationalBackground[index].honors!
|
|
|
|
|
.toList();
|
|
|
|
|
String school = state
|
|
|
|
|
.educationalBackground[index]
|
|
|
|
|
.education!
|
|
|
|
|
.school!
|
|
|
|
|
.name!;
|
|
|
|
|
return Column(
|
2023-02-09 08:48:19 +00:00
|
|
|
children: [
|
2023-03-02 06:59:40 +00:00
|
|
|
Container(
|
|
|
|
|
decoration: box1(),
|
|
|
|
|
padding: const EdgeInsets.symmetric(
|
|
|
|
|
horizontal: 12, vertical: 8),
|
2023-08-01 08:20:38 +00:00
|
|
|
child: Column(
|
2023-03-02 06:59:40 +00:00
|
|
|
children: [
|
2023-08-01 08:20:38 +00:00
|
|
|
Row(
|
|
|
|
|
children: [
|
|
|
|
|
Expanded(
|
|
|
|
|
child: Column(
|
|
|
|
|
mainAxisAlignment:
|
|
|
|
|
MainAxisAlignment
|
|
|
|
|
.start,
|
|
|
|
|
crossAxisAlignment:
|
|
|
|
|
CrossAxisAlignment
|
|
|
|
|
.start,
|
2023-03-02 06:59:40 +00:00
|
|
|
children: [
|
2023-08-01 08:20:38 +00:00
|
|
|
Row(
|
|
|
|
|
children: [
|
|
|
|
|
Expanded(
|
|
|
|
|
child: Text(
|
|
|
|
|
level,
|
|
|
|
|
style: Theme.of(
|
|
|
|
|
context)
|
|
|
|
|
.textTheme
|
|
|
|
|
.titleSmall!)),
|
|
|
|
|
Text(
|
|
|
|
|
"$periodFrom - $periodTo",
|
|
|
|
|
style: Theme.of(
|
|
|
|
|
context)
|
|
|
|
|
.textTheme
|
|
|
|
|
.bodyMedium,
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
const SizedBox(
|
|
|
|
|
height: 5,
|
|
|
|
|
),
|
2023-03-02 06:59:40 +00:00
|
|
|
Text(
|
2023-08-01 08:20:38 +00:00
|
|
|
school,
|
2023-03-06 05:29:38 +00:00
|
|
|
style: Theme.of(
|
|
|
|
|
context)
|
|
|
|
|
.textTheme
|
2023-08-01 08:20:38 +00:00
|
|
|
.titleMedium!
|
|
|
|
|
.copyWith(
|
|
|
|
|
color:
|
|
|
|
|
primary,
|
|
|
|
|
fontWeight:
|
|
|
|
|
FontWeight
|
|
|
|
|
.w500),
|
2023-03-02 06:59:40 +00:00
|
|
|
),
|
2023-08-01 08:20:38 +00:00
|
|
|
Container(
|
|
|
|
|
padding:
|
|
|
|
|
const EdgeInsets
|
|
|
|
|
.only(
|
|
|
|
|
top: 8),
|
|
|
|
|
child: honors
|
|
|
|
|
.isNotEmpty
|
|
|
|
|
? Column(
|
|
|
|
|
mainAxisAlignment:
|
|
|
|
|
MainAxisAlignment
|
|
|
|
|
.start,
|
|
|
|
|
crossAxisAlignment:
|
|
|
|
|
CrossAxisAlignment
|
|
|
|
|
.start,
|
|
|
|
|
children: [
|
|
|
|
|
const SizedBox(
|
|
|
|
|
height:
|
|
|
|
|
8,
|
|
|
|
|
),
|
|
|
|
|
const Text(
|
|
|
|
|
" honors: ",
|
|
|
|
|
style:
|
|
|
|
|
TextStyle(fontWeight: FontWeight.w600),
|
|
|
|
|
),
|
|
|
|
|
Column(
|
|
|
|
|
children: honors
|
2023-08-20 09:36:16 +00:00
|
|
|
.map((Honor honor) => Padding(
|
2023-08-27 08:38:05 +00:00
|
|
|
padding: const EdgeInsets.all(3.0),
|
|
|
|
|
child: Text(
|
2023-08-20 09:36:16 +00:00
|
|
|
"-${honor.name!.trim()}",
|
|
|
|
|
style: Theme.of(context).textTheme.labelSmall,
|
|
|
|
|
),
|
2023-08-27 08:38:05 +00:00
|
|
|
))
|
2023-08-01 08:20:38 +00:00
|
|
|
.toList(),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
)
|
|
|
|
|
: const SizedBox()),
|
|
|
|
|
program == null
|
|
|
|
|
? const SizedBox()
|
|
|
|
|
: Column(
|
2023-03-02 06:59:40 +00:00
|
|
|
mainAxisAlignment:
|
|
|
|
|
MainAxisAlignment
|
|
|
|
|
.start,
|
|
|
|
|
crossAxisAlignment:
|
|
|
|
|
CrossAxisAlignment
|
|
|
|
|
.start,
|
|
|
|
|
children: [
|
2023-07-28 02:21:42 +00:00
|
|
|
const SizedBox(
|
2023-08-01 08:20:38 +00:00
|
|
|
height: 5,
|
2023-03-02 06:59:40 +00:00
|
|
|
),
|
2023-08-01 08:20:38 +00:00
|
|
|
Text(
|
|
|
|
|
program),
|
2023-03-02 06:59:40 +00:00
|
|
|
],
|
|
|
|
|
),
|
2023-08-01 08:20:38 +00:00
|
|
|
]),
|
|
|
|
|
),
|
|
|
|
|
AppPopupMenu<int>(
|
|
|
|
|
offset:
|
|
|
|
|
const Offset(-10, -10),
|
|
|
|
|
elevation: 3,
|
|
|
|
|
onSelected: (value) {
|
|
|
|
|
////delete -= = = = = = = = =>>
|
|
|
|
|
if (value == 2) {
|
|
|
|
|
confirmAlert(context,
|
|
|
|
|
() {
|
|
|
|
|
final progress =
|
|
|
|
|
ProgressHUD.of(
|
|
|
|
|
context);
|
|
|
|
|
progress!
|
|
|
|
|
.showWithText(
|
|
|
|
|
"Loading...");
|
|
|
|
|
context
|
|
|
|
|
.read<
|
|
|
|
|
EducationBloc>()
|
|
|
|
|
.add(DeleteEducation(
|
|
|
|
|
educationalBackground:
|
|
|
|
|
state.educationalBackground[
|
|
|
|
|
index],
|
|
|
|
|
profileId:
|
|
|
|
|
profileId,
|
|
|
|
|
token:
|
|
|
|
|
token!));
|
|
|
|
|
}, "Delete?",
|
|
|
|
|
"Confirm Delete?");
|
|
|
|
|
}
|
|
|
|
|
if (value == 1) {
|
|
|
|
|
////edit -= = = = = = = = =>>
|
|
|
|
|
final progress =
|
|
|
|
|
ProgressHUD.of(
|
|
|
|
|
context);
|
|
|
|
|
progress!.showWithText(
|
|
|
|
|
"Loading...");
|
|
|
|
|
context
|
|
|
|
|
.read<
|
|
|
|
|
EducationBloc>()
|
|
|
|
|
.add(ShowEditEducationForm(
|
|
|
|
|
profileId:
|
|
|
|
|
profileId,
|
|
|
|
|
token: token!,
|
|
|
|
|
educationalBackground:
|
|
|
|
|
state.educationalBackground[
|
|
|
|
|
index]));
|
|
|
|
|
}
|
|
|
|
|
if (value == 3) {
|
2023-08-20 09:36:16 +00:00
|
|
|
results.clear();
|
2023-08-01 08:20:38 +00:00
|
|
|
showDialog(
|
|
|
|
|
context: context,
|
|
|
|
|
builder:
|
|
|
|
|
(BuildContext
|
|
|
|
|
context) {
|
|
|
|
|
return AlertDialog(
|
|
|
|
|
contentPadding:
|
|
|
|
|
const EdgeInsets
|
|
|
|
|
.all(0),
|
|
|
|
|
backgroundColor:
|
|
|
|
|
Colors.grey
|
|
|
|
|
.shade100,
|
|
|
|
|
icon:
|
|
|
|
|
const Icon(
|
|
|
|
|
Icons
|
|
|
|
|
.file_copy,
|
|
|
|
|
size: 32,
|
|
|
|
|
color:
|
|
|
|
|
primary,
|
|
|
|
|
),
|
|
|
|
|
title: const Text(
|
|
|
|
|
"File Attachment:"),
|
|
|
|
|
content: StatefulBuilder(
|
|
|
|
|
builder:
|
|
|
|
|
(context,
|
|
|
|
|
setState) {
|
|
|
|
|
return Padding(
|
|
|
|
|
padding: const EdgeInsets
|
|
|
|
|
.all(
|
|
|
|
|
16.0),
|
|
|
|
|
child: Column(
|
|
|
|
|
mainAxisSize:
|
|
|
|
|
MainAxisSize
|
|
|
|
|
.min,
|
|
|
|
|
mainAxisAlignment:
|
|
|
|
|
MainAxisAlignment
|
|
|
|
|
.start,
|
|
|
|
|
crossAxisAlignment:
|
|
|
|
|
CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
const Divider(),
|
|
|
|
|
Text(
|
|
|
|
|
program ??
|
|
|
|
|
level,
|
|
|
|
|
style:
|
|
|
|
|
Theme.of(context).textTheme.titleMedium!.copyWith(fontWeight: FontWeight.w500, color: primary),
|
|
|
|
|
),
|
|
|
|
|
const SizedBox(
|
|
|
|
|
height:
|
|
|
|
|
5,
|
|
|
|
|
),
|
|
|
|
|
Text(
|
|
|
|
|
school,
|
|
|
|
|
style: Theme.of(context).textTheme.titleSmall),
|
|
|
|
|
const SizedBox(
|
|
|
|
|
height:
|
|
|
|
|
3,
|
|
|
|
|
),
|
|
|
|
|
Text(
|
|
|
|
|
"$periodFrom - $periodTo",
|
|
|
|
|
style: Theme.of(context).textTheme.titleSmall),
|
|
|
|
|
const Divider(),
|
|
|
|
|
FormBuilderDropdown(
|
|
|
|
|
autovalidateMode: AutovalidateMode.always,
|
|
|
|
|
decoration: normalTextFieldStyle("attachment category", "attachment category"),
|
|
|
|
|
name: 'attachments_categorues',
|
|
|
|
|
validator: FormBuilderValidators.required(errorText: "This field is required"),
|
|
|
|
|
onChanged: (value) {
|
|
|
|
|
selectedAttachmentCategory = value;
|
|
|
|
|
},
|
|
|
|
|
items: attachmentCategories.map((e) {
|
2023-08-07 06:33:38 +00:00
|
|
|
return DropdownMenuItem(value: e, child: Text(e.description!));
|
2023-08-01 08:20:38 +00:00
|
|
|
}).toList()),
|
|
|
|
|
const SizedBox(
|
|
|
|
|
height:
|
|
|
|
|
8,
|
|
|
|
|
),
|
|
|
|
|
Text(
|
|
|
|
|
"You may attach necessary documents such as Transcript of Records (TOR), diploma, and the likes.",
|
|
|
|
|
style:
|
|
|
|
|
Theme.of(context).textTheme.bodySmall!.copyWith(color: Colors.black),
|
|
|
|
|
),
|
|
|
|
|
const SizedBox(
|
|
|
|
|
height:
|
|
|
|
|
5,
|
|
|
|
|
),
|
|
|
|
|
Text(
|
|
|
|
|
"Acceptable Files: PDF, JPEG, PNG",
|
|
|
|
|
style:
|
|
|
|
|
Theme.of(context).textTheme.bodySmall,
|
|
|
|
|
),
|
|
|
|
|
Text(
|
|
|
|
|
"Max File Size (per attachment): 1MB",
|
|
|
|
|
style:
|
|
|
|
|
Theme.of(context).textTheme.bodySmall,
|
|
|
|
|
),
|
|
|
|
|
const Divider(),
|
|
|
|
|
ElevatedButton(
|
|
|
|
|
style: ButtonStyle(
|
|
|
|
|
elevation: MaterialStateProperty.all(0),
|
|
|
|
|
backgroundColor: MaterialStateProperty.all<Color>(Colors.white),
|
|
|
|
|
),
|
|
|
|
|
onPressed: () async {
|
|
|
|
|
FilePickerResult? newResult = await FilePicker.platform.pickFiles(allowMultiple: true, type: FileType.custom, allowedExtensions: [
|
|
|
|
|
'jpg',
|
|
|
|
|
'png',
|
|
|
|
|
'jpeg',
|
|
|
|
|
'pdf'
|
|
|
|
|
]);
|
|
|
|
|
setState(() {
|
|
|
|
|
if (newResult != null) {
|
2023-08-07 06:33:38 +00:00
|
|
|
newResult.files.forEach((element) {
|
|
|
|
|
results.add(element);
|
|
|
|
|
});
|
2023-08-01 08:20:38 +00:00
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
child: const Center(
|
|
|
|
|
child: Text(
|
|
|
|
|
"Select Files",
|
|
|
|
|
textAlign: TextAlign.center,
|
|
|
|
|
style: TextStyle(color: Colors.black),
|
|
|
|
|
))),
|
|
|
|
|
const Divider(),
|
|
|
|
|
SingleChildScrollView(
|
|
|
|
|
child:
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: 100,
|
|
|
|
|
width: double.maxFinite,
|
2023-08-07 06:33:38 +00:00
|
|
|
child: results.isEmpty
|
2023-08-01 08:20:38 +00:00
|
|
|
? const SizedBox()
|
|
|
|
|
: Expanded(
|
|
|
|
|
child: ListView.builder(
|
2023-08-07 06:33:38 +00:00
|
|
|
itemCount: results.length,
|
2023-08-01 08:20:38 +00:00
|
|
|
itemBuilder: (BuildContext context, index) {
|
2023-08-07 06:33:38 +00:00
|
|
|
final kb = results[index].size / 1024;
|
2023-08-01 08:20:38 +00:00
|
|
|
final mb = kb / 1024;
|
|
|
|
|
final size = mb >= 1 ? '${mb.toStringAsFixed(2)}MB' : '${kb.toStringAsFixed(2)}KB';
|
|
|
|
|
return Column(
|
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
|
|
|
|
children: [
|
|
|
|
|
SizedBox(
|
|
|
|
|
width: double.infinity,
|
|
|
|
|
child: Row(
|
|
|
|
|
children: [
|
|
|
|
|
Flexible(
|
|
|
|
|
child: SizedBox(
|
2023-08-07 06:33:38 +00:00
|
|
|
child: results[index].extension!.toLowerCase() == 'pdf'
|
2023-08-01 08:20:38 +00:00
|
|
|
? SvgPicture.asset(
|
|
|
|
|
'assets/svgs/pdf.svg',
|
|
|
|
|
height: blockSizeVertical * 3,
|
|
|
|
|
allowDrawingOutsideViewBox: true,
|
|
|
|
|
)
|
2023-08-07 06:33:38 +00:00
|
|
|
: results[index].extension!.toLowerCase() == 'png'
|
2023-08-01 08:20:38 +00:00
|
|
|
? SvgPicture.asset(
|
|
|
|
|
'assets/svgs/png.svg',
|
|
|
|
|
height: blockSizeVertical * 3,
|
|
|
|
|
allowDrawingOutsideViewBox: true,
|
|
|
|
|
)
|
2023-08-07 06:33:38 +00:00
|
|
|
: results[index].extension!.toLowerCase() == 'jpg' || results[index].extension!.toLowerCase() == 'jpeg'
|
2023-08-01 08:20:38 +00:00
|
|
|
? SvgPicture.asset(
|
|
|
|
|
'assets/svgs/jpg.svg',
|
|
|
|
|
height: blockSizeVertical * 3,
|
|
|
|
|
allowDrawingOutsideViewBox: true,
|
|
|
|
|
)
|
|
|
|
|
: const SizedBox())),
|
|
|
|
|
const SizedBox(
|
|
|
|
|
width: 12,
|
|
|
|
|
),
|
2023-08-07 06:33:38 +00:00
|
|
|
Flexible(
|
|
|
|
|
flex: 6,
|
|
|
|
|
child: Text(
|
|
|
|
|
results[index].name,
|
|
|
|
|
overflow: TextOverflow.ellipsis,
|
|
|
|
|
style: Theme.of(context).textTheme.headlineLarge!.copyWith(fontSize: blockSizeVertical * 2),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
const SizedBox(
|
|
|
|
|
width: 12,
|
|
|
|
|
),
|
|
|
|
|
Flexible(
|
|
|
|
|
flex: 2,
|
|
|
|
|
child: Text(
|
|
|
|
|
size,
|
|
|
|
|
style: Theme.of(context).textTheme.bodySmall!.copyWith(color: Colors.grey),
|
|
|
|
|
)),
|
|
|
|
|
Flexible(
|
|
|
|
|
flex: 1,
|
|
|
|
|
child: IconButton(
|
|
|
|
|
icon: const Icon(
|
|
|
|
|
Icons.close,
|
|
|
|
|
color: Colors.grey,
|
2023-08-01 08:20:38 +00:00
|
|
|
),
|
2023-08-07 06:33:38 +00:00
|
|
|
onPressed: () {
|
|
|
|
|
setState(() {
|
|
|
|
|
results.removeAt(index);
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
))
|
2023-08-01 08:20:38 +00:00
|
|
|
],
|
|
|
|
|
)),
|
|
|
|
|
const Divider()
|
|
|
|
|
],
|
|
|
|
|
);
|
|
|
|
|
}),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
const SizedBox(
|
|
|
|
|
height:
|
|
|
|
|
12,
|
|
|
|
|
),
|
|
|
|
|
SizedBox(
|
|
|
|
|
width:
|
|
|
|
|
double.maxFinite,
|
|
|
|
|
height:
|
|
|
|
|
50,
|
|
|
|
|
child: ElevatedButton(
|
|
|
|
|
style: mainBtnStyle(primary, Colors.transparent, second),
|
|
|
|
|
onPressed: () {
|
|
|
|
|
List<String> paths = [];
|
|
|
|
|
|
2023-08-07 06:33:38 +00:00
|
|
|
if (selectedAttachmentCategory != null && results.isNotEmpty) {
|
|
|
|
|
for (var res in results) {
|
2023-08-01 08:20:38 +00:00
|
|
|
paths.add(res.path!);
|
|
|
|
|
}
|
2023-08-07 06:33:38 +00:00
|
|
|
setState(() {
|
|
|
|
|
results.clear();
|
|
|
|
|
});
|
2023-08-01 08:20:38 +00:00
|
|
|
Navigator.pop(context);
|
2023-08-07 06:33:38 +00:00
|
|
|
parent.read<EducationBloc>().add(AddEducationAttachment(attachmentModule: state.educationalBackground[index].id.toString(), filePaths: paths, categoryId: selectedAttachmentCategory!.id.toString(), token: token!, profileId: profileId.toString()));
|
2023-08-01 08:20:38 +00:00
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
child: const Text("Submit")),
|
|
|
|
|
)
|
|
|
|
|
]),
|
|
|
|
|
);
|
|
|
|
|
}),
|
|
|
|
|
);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
menuItems: [
|
|
|
|
|
popMenuItem(
|
|
|
|
|
text: "Update",
|
|
|
|
|
value: 1,
|
|
|
|
|
icon: Icons.edit),
|
|
|
|
|
popMenuItem(
|
|
|
|
|
text: "Remove",
|
|
|
|
|
value: 2,
|
|
|
|
|
icon: Icons.delete),
|
|
|
|
|
popMenuItem(
|
|
|
|
|
text: "Attach",
|
|
|
|
|
value: 3,
|
|
|
|
|
icon: Icons
|
|
|
|
|
.attach_file),
|
|
|
|
|
],
|
|
|
|
|
icon: const Icon(
|
|
|
|
|
Icons.more_vert,
|
|
|
|
|
color: Colors.grey,
|
|
|
|
|
),
|
|
|
|
|
tooltip: "Options",
|
|
|
|
|
)
|
2023-04-25 07:50:36 +00:00
|
|
|
],
|
2023-08-01 08:20:38 +00:00
|
|
|
),
|
2023-08-07 06:33:38 +00:00
|
|
|
|
2023-08-01 08:20:38 +00:00
|
|
|
////Show Attachments
|
|
|
|
|
SizedBox(
|
|
|
|
|
child: state
|
|
|
|
|
.educationalBackground[
|
|
|
|
|
index]
|
|
|
|
|
.attachments ==
|
|
|
|
|
null ||
|
|
|
|
|
state
|
|
|
|
|
.educationalBackground[
|
|
|
|
|
index]
|
|
|
|
|
.attachments!
|
|
|
|
|
.isEmpty
|
|
|
|
|
? const SizedBox()
|
|
|
|
|
: state
|
|
|
|
|
.educationalBackground[
|
|
|
|
|
index]
|
|
|
|
|
.attachments !=
|
|
|
|
|
null &&
|
|
|
|
|
state
|
|
|
|
|
.educationalBackground[
|
|
|
|
|
index]
|
|
|
|
|
.attachments!
|
|
|
|
|
.length ==
|
|
|
|
|
1
|
|
|
|
|
?
|
|
|
|
|
////Single Attachment view
|
2023-08-07 06:33:38 +00:00
|
|
|
Column(
|
|
|
|
|
children: [
|
|
|
|
|
const Divider(),
|
|
|
|
|
SingleAttachment(
|
2023-08-27 08:38:05 +00:00
|
|
|
view: () {
|
|
|
|
|
Navigator.push(
|
|
|
|
|
context,
|
|
|
|
|
MaterialPageRoute(
|
|
|
|
|
builder: ((context) => BlocProvider.value(
|
|
|
|
|
value: EducationBloc()..add(EducationViewAttachment(source: state.educationalBackground[index].attachments!.first.source!,fileName: state.educationalBackground[index].attachments!.first.filename!)),
|
|
|
|
|
child: const EudcationViewAttachment(),
|
|
|
|
|
))));
|
|
|
|
|
},
|
2023-08-07 06:33:38 +00:00
|
|
|
onpressed:
|
|
|
|
|
() {
|
|
|
|
|
confirmAlert(
|
|
|
|
|
context,
|
|
|
|
|
() {
|
|
|
|
|
parent.read<EducationBloc>().add(DeleteEducationAttachment(
|
|
|
|
|
attachment: state
|
|
|
|
|
.educationalBackground[
|
|
|
|
|
index]
|
|
|
|
|
.attachments!
|
|
|
|
|
.first,
|
|
|
|
|
moduleId: state
|
|
|
|
|
.educationalBackground[
|
|
|
|
|
index]
|
|
|
|
|
.id!,
|
|
|
|
|
profileId:
|
|
|
|
|
profileId,
|
|
|
|
|
token:
|
|
|
|
|
token!));
|
|
|
|
|
}, "Delete?",
|
|
|
|
|
"Confirm Delete?");
|
|
|
|
|
},
|
|
|
|
|
attachment: state
|
|
|
|
|
.educationalBackground[
|
|
|
|
|
index]
|
|
|
|
|
.attachments!
|
|
|
|
|
.first,
|
|
|
|
|
),
|
|
|
|
|
],
|
2023-08-01 08:20:38 +00:00
|
|
|
)
|
|
|
|
|
////Multiple Attachments View
|
|
|
|
|
: MultipleAttachments(
|
2023-08-27 08:38:05 +00:00
|
|
|
viewAttachment:
|
|
|
|
|
(source,filname) {
|
|
|
|
|
Navigator.push(
|
|
|
|
|
context,
|
|
|
|
|
MaterialPageRoute(
|
|
|
|
|
builder: ((context) =>
|
|
|
|
|
BlocProvider.value(
|
|
|
|
|
value: EducationBloc()..add(EducationViewAttachment(source: source,fileName: filname)),
|
|
|
|
|
child: const EudcationViewAttachment(),
|
|
|
|
|
))));
|
|
|
|
|
},
|
2023-08-07 06:33:38 +00:00
|
|
|
profileId:
|
|
|
|
|
profileId,
|
|
|
|
|
token: token!,
|
2023-08-01 08:20:38 +00:00
|
|
|
eligibilityName: state
|
|
|
|
|
.educationalBackground[
|
|
|
|
|
index]
|
|
|
|
|
.education!
|
|
|
|
|
.school!
|
|
|
|
|
.name!,
|
|
|
|
|
attachments: state
|
|
|
|
|
.educationalBackground[
|
|
|
|
|
index]
|
|
|
|
|
.attachments!,
|
2023-08-07 06:33:38 +00:00
|
|
|
educationBloc:
|
|
|
|
|
BlocProvider.of<
|
|
|
|
|
EducationBloc>(
|
|
|
|
|
parent),
|
|
|
|
|
eligibilityBloc:
|
|
|
|
|
null,
|
|
|
|
|
workHistoryBloc:
|
|
|
|
|
null,
|
|
|
|
|
learningDevelopmentBloc:
|
|
|
|
|
null,
|
|
|
|
|
blocId: 1,
|
|
|
|
|
moduleId: state
|
|
|
|
|
.educationalBackground[
|
|
|
|
|
index]
|
|
|
|
|
.id!,
|
2023-08-01 08:20:38 +00:00
|
|
|
))
|
2023-03-02 06:59:40 +00:00
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
2023-02-09 08:48:19 +00:00
|
|
|
const SizedBox(
|
|
|
|
|
height: 5,
|
|
|
|
|
),
|
|
|
|
|
],
|
2023-03-02 06:59:40 +00:00
|
|
|
);
|
|
|
|
|
});
|
|
|
|
|
} else {
|
2023-06-06 06:54:51 +00:00
|
|
|
return const EmptyData(
|
2023-03-02 06:59:40 +00:00
|
|
|
message:
|
|
|
|
|
"You don't have any Educational Background added. Please click + to add.");
|
|
|
|
|
}
|
2023-03-06 05:29:38 +00:00
|
|
|
}
|
|
|
|
|
if (state is EducationalBackgroundErrorState) {
|
|
|
|
|
return SomethingWentWrong(
|
2023-07-28 02:21:42 +00:00
|
|
|
message: state.message,
|
|
|
|
|
onpressed: () {
|
|
|
|
|
context.read<EducationBloc>().add(
|
|
|
|
|
GetEducationalBackground(
|
|
|
|
|
profileId: profileId, token: token!));
|
2023-06-06 06:54:51 +00:00
|
|
|
});
|
2023-03-02 06:59:40 +00:00
|
|
|
}
|
2023-04-25 07:50:36 +00:00
|
|
|
if (state is AddEducationState) {
|
|
|
|
|
return AddEducationScreen(
|
|
|
|
|
token: token!,
|
|
|
|
|
profileId: profileId,
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
if (state is EditEducationState) {
|
|
|
|
|
return EditEducationScreen(
|
|
|
|
|
token: token!,
|
|
|
|
|
profileId: profileId,
|
|
|
|
|
);
|
|
|
|
|
}
|
2023-03-02 06:59:40 +00:00
|
|
|
return Container();
|
|
|
|
|
},
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
return Container();
|
|
|
|
|
},
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
return Container();
|
|
|
|
|
},
|
|
|
|
|
),
|
|
|
|
|
));
|
2023-02-07 01:29:38 +00:00
|
|
|
}
|
2023-04-25 07:50:36 +00:00
|
|
|
|
|
|
|
|
PopupMenuItem<int> popMenuItem({String? text, int? value, IconData? icon}) {
|
|
|
|
|
return PopupMenuItem(
|
|
|
|
|
value: value,
|
|
|
|
|
child: Row(
|
|
|
|
|
children: [
|
|
|
|
|
Icon(
|
|
|
|
|
icon,
|
|
|
|
|
),
|
|
|
|
|
const SizedBox(
|
|
|
|
|
width: 10,
|
|
|
|
|
),
|
|
|
|
|
Text(
|
|
|
|
|
text!,
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
}
|
2023-02-07 01:29:38 +00:00
|
|
|
}
|
