task request module flow completed and tested with backend
parent
042760e1c9
commit
9edaca4326
@ -0,0 +1,210 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:test_sa/extensions/context_extension.dart';
|
||||
import 'package:test_sa/extensions/int_extensions.dart';
|
||||
import 'package:test_sa/extensions/string_extensions.dart';
|
||||
import 'package:test_sa/extensions/text_extensions.dart';
|
||||
import 'package:test_sa/extensions/widget_extensions.dart';
|
||||
import 'package:test_sa/models/all_requests_and_count_model.dart';
|
||||
import 'package:test_sa/models/new_models/task_request/task_request_model.dart';
|
||||
import 'package:test_sa/new_views/common_widgets/default_app_bar.dart';
|
||||
import 'package:test_sa/providers/task_request_provider/task_request_provider.dart';
|
||||
import 'package:test_sa/views/pages/user/tasks_request/task_request_form_view.dart';
|
||||
import 'package:test_sa/views/widgets/loaders/app_loading.dart';
|
||||
|
||||
import '../../../../controllers/providers/api/user_provider.dart';
|
||||
import '../../../../models/enums/user_types.dart';
|
||||
import '../../../../new_views/app_style/app_color.dart';
|
||||
import '../../../../new_views/common_widgets/app_filled_button.dart';
|
||||
import '../../../widgets/requests/request_status.dart';
|
||||
|
||||
class TaskRequestDetailsView extends StatefulWidget {
|
||||
static const String id = "/task-request-detail";
|
||||
final int taskId;
|
||||
final RequestsDetails? requestDetails;
|
||||
|
||||
const TaskRequestDetailsView({Key? key, required this.taskId, this.requestDetails}) : super(key: key);
|
||||
|
||||
@override
|
||||
_TaskRequestDetailsViewState createState() {
|
||||
return _TaskRequestDetailsViewState();
|
||||
}
|
||||
}
|
||||
|
||||
class _TaskRequestDetailsViewState extends State<TaskRequestDetailsView> {
|
||||
UserProvider? userProvider;
|
||||
|
||||
TaskRequestProvider? taskProvider;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||
getTaskData();
|
||||
});
|
||||
super.initState();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
Future<void> getTaskData() async {
|
||||
taskProvider = Provider.of<TaskRequestProvider>(context, listen: false);
|
||||
await taskProvider?.getTaskById(id: widget.taskId);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
userProvider ??= Provider.of<UserProvider>(context, listen: false);
|
||||
return Scaffold(
|
||||
appBar: DefaultAppBar(title: context.translation.taskRequest),
|
||||
body: SafeArea(
|
||||
child: Consumer<TaskRequestProvider>(builder: (context, taskProvider, child) {
|
||||
TaskData? taskModel = taskProvider.taskRequestModel;
|
||||
return taskProvider.isLoading
|
||||
? const ALoading()
|
||||
: Column(children: [
|
||||
SingleChildScrollView(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
StatusLabel(
|
||||
label: widget.requestDetails?.priority!,
|
||||
textColor: AppColor.getRequestStatusTextColorByName(context, widget.requestDetails?.priority!),
|
||||
backgroundColor: AppColor.getRequestStatusColorByName(context, widget.requestDetails?.priority!),
|
||||
),
|
||||
8.width,
|
||||
StatusLabel(
|
||||
label: widget.requestDetails?.status!,
|
||||
textColor: AppColor.getRequestStatusTextColorByName(context, widget.requestDetails?.status!),
|
||||
backgroundColor: AppColor.getRequestStatusColorByName(context, widget.requestDetails?.status!),
|
||||
),
|
||||
1.width.expanded,
|
||||
Text(
|
||||
widget.requestDetails?.date?.toServiceRequestCardFormat ?? "-",
|
||||
textAlign: TextAlign.end,
|
||||
style: AppTextStyles.tinyFont.copyWith(color: context.isDark ? AppColor.neutral10 : AppColor.neutral50),
|
||||
),
|
||||
],
|
||||
),
|
||||
8.height,
|
||||
'${context.translation.taskType}: ${widget.requestDetails?.nameOfType ?? "-"}'.bodyText(context),
|
||||
'${context.translation.requestNo}: ${widget.requestDetails?.requestNo ?? "-"}'.bodyText(context),
|
||||
if (taskProvider.taskRequestModel?.taskType?.isInstallation == true) ...[installationWidget(taskModel: taskProvider.taskRequestModel!)],
|
||||
if (taskProvider.taskRequestModel?.taskType?.isRecallAndAlert == true) ...[
|
||||
recallAlertTypeWidget(taskModel: taskProvider.taskRequestModel!),
|
||||
],
|
||||
if (taskProvider.taskRequestModel?.taskType?.relatedTo?.value == 2) ...[
|
||||
linkWithLocationWidget(taskModel: taskProvider.taskRequestModel!),
|
||||
],
|
||||
if (taskProvider.taskRequestModel?.taskType?.relatedTo?.value == 1) ...[
|
||||
linkWithAssetWidget(taskModel: taskProvider.taskRequestModel!),
|
||||
],
|
||||
],
|
||||
).toShadowContainer(context).paddingAll(16),
|
||||
).expanded,
|
||||
if (userProvider!.user!.type == UsersTypes.engineer && (taskModel?.taskJobStatus?.value != 4 && taskModel?.taskJobStatus?.value != 3))
|
||||
AppFilledButton(
|
||||
onPressed: () async {
|
||||
if (taskProvider.taskRequestModel?.taskType?.isInstallation == true) {
|
||||
taskProvider.getSiteData(siteId: taskProvider.taskRequestModel?.asset?.siteId);
|
||||
}
|
||||
Navigator.of(context).push(MaterialPageRoute(builder: (_) => TaskRequestForm(taskId: widget.taskId)));
|
||||
},
|
||||
label: context.translation.updateRequest,
|
||||
).paddingAll(16)
|
||||
]);
|
||||
}),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget installationWidget({required TaskData taskModel}) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
assetDetails(),
|
||||
'${context.translation.installationSite}: ${taskModel.asset?.siteName?.cleanupWhitespace.capitalizeFirstOfEach ?? "-"}'.bodyText(context),
|
||||
'${context.translation.installationBuilding}: ${taskModel.installationBuilding?.name?.cleanupWhitespace.capitalizeFirstOfEach ?? '-'}'.bodyText(context),
|
||||
'${context.translation.installationFloor}: ${taskModel.installationFloor?.name?.cleanupWhitespace.capitalizeFirstOfEach ?? '-'}'.bodyText(context),
|
||||
'${context.translation.installationDepartment}: ${taskModel.installationDepartment?.name?.cleanupWhitespace.capitalizeFirstOfEach ?? '-'}'.bodyText(context),
|
||||
'${context.translation.installationDate}: ${taskModel.installationDate?.toAssetDetailsFormat ?? "-"}'.bodyText(context),
|
||||
'${context.translation.serialNo}: ${taskModel.serialNo ?? '-'}'.bodyText(context),
|
||||
const Divider().defaultStyle(context),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget linkWithAssetWidget({required TaskData taskModel}) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
assetDetails(),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget linkWithLocationWidget({required TaskData taskModel}) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
'${context.translation.site}: ${widget.requestDetails?.site?.cleanupWhitespace.capitalizeFirstOfEach ?? "-"}'.bodyText(context),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget assetDetails() {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
'${context.translation.assetName}: ${widget.requestDetails?.assetName?.cleanupWhitespace.capitalizeFirstOfEach ?? "-"}'.bodyText(context),
|
||||
'${context.translation.assetNo}: ${widget.requestDetails?.assetNo ?? "-"}'.bodyText(context),
|
||||
'${context.translation.assetSN}: ${widget.requestDetails?.assetSN ?? "-"}'.bodyText(context),
|
||||
const Divider().defaultStyle(context),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget recallAlertTypeWidget({required TaskData taskModel}) {
|
||||
if (taskModel.typeOfAlert != null) {
|
||||
switch (taskModel.typeOfAlert!.value) {
|
||||
case 1:
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [assetDetails(), '${context.translation.acknowledge}: ${taskModel.isUserAcknowledge ?? "-"}'.bodyText(context)],
|
||||
);
|
||||
case 2:
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
assetDetails(),
|
||||
'${context.translation.completedActions}: ${taskModel.actionNeeded?.name ?? "-"}'.bodyText(context),
|
||||
if (taskModel.actionNeeded?.value == 1) ...[
|
||||
'${context.translation.impactStatus}: ${taskModel.impactStatus?.name ?? "-"}'.bodyText(context),
|
||||
],
|
||||
],
|
||||
);
|
||||
|
||||
case 3:
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
assetDetails(),
|
||||
'${context.translation.acknowledge}: ${taskModel.isUserAcknowledge ?? "-"}'.bodyText(context),
|
||||
'${context.translation.completedActions}: ${taskModel.actionNeeded?.name ?? "-"}'.bodyText(context),
|
||||
if (taskModel.actionNeeded?.value == 1) ...[
|
||||
'${context.translation.impactStatus}: ${taskModel.impactStatus?.name ?? "-"}'.bodyText(context),
|
||||
],
|
||||
],
|
||||
);
|
||||
default:
|
||||
return const SizedBox();
|
||||
}
|
||||
}
|
||||
return const SizedBox();
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,717 @@
|
||||
import 'dart:convert';
|
||||
import 'dart:io';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:fluttertoast/fluttertoast.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:test_sa/controllers/providers/api/all_requests_provider.dart';
|
||||
import 'package:test_sa/extensions/context_extension.dart';
|
||||
import 'package:test_sa/extensions/int_extensions.dart';
|
||||
import 'package:test_sa/extensions/string_extensions.dart';
|
||||
import 'package:test_sa/models/new_models/building.dart';
|
||||
import 'package:test_sa/models/new_models/department.dart';
|
||||
import 'package:test_sa/extensions/text_extensions.dart';
|
||||
import 'package:test_sa/extensions/widget_extensions.dart';
|
||||
import 'package:test_sa/models/lookup.dart';
|
||||
import 'package:test_sa/models/new_models/floor.dart';
|
||||
import 'package:test_sa/models/new_models/task_request/task_request_model.dart';
|
||||
import 'package:test_sa/new_views/app_style/app_color.dart';
|
||||
import 'package:test_sa/new_views/common_widgets/app_filled_button.dart';
|
||||
import 'package:test_sa/new_views/common_widgets/app_lazy_loading.dart';
|
||||
import 'package:test_sa/new_views/common_widgets/app_text_form_field.dart';
|
||||
import 'package:test_sa/new_views/common_widgets/default_app_bar.dart';
|
||||
import 'package:test_sa/new_views/common_widgets/single_item_drop_down_menu.dart';
|
||||
import 'package:test_sa/providers/gas_request_providers/site_provider.dart';
|
||||
import 'package:test_sa/providers/loading_list_notifier.dart';
|
||||
import 'package:test_sa/providers/task_request_provider/task_job_provider.dart';
|
||||
import 'package:test_sa/providers/task_request_provider/task_request_provider.dart';
|
||||
import 'package:test_sa/service_request_latest/utilities/service_request_utils.dart';
|
||||
import 'package:test_sa/service_request_latest/views/components/action_button/footer_action_button.dart';
|
||||
import 'package:test_sa/views/app_style/sizing.dart';
|
||||
import 'package:test_sa/views/widgets/date_and_time/date_picker.dart';
|
||||
import 'package:test_sa/views/widgets/images/multi_image_picker.dart';
|
||||
import 'package:test_sa/views/widgets/loaders/app_loading.dart';
|
||||
import 'package:test_sa/views/widgets/loaders/no_data_found.dart';
|
||||
import 'package:test_sa/views/widgets/status/report/service_report_assistant_employee_menu.dart';
|
||||
import 'package:test_sa/views/widgets/timer/app_timer.dart';
|
||||
import '../../../../models/new_models/site.dart';
|
||||
import '../../../../models/new_models/work_order_detail_model.dart';
|
||||
|
||||
class TaskRequestForm extends StatefulWidget {
|
||||
final int taskId;
|
||||
|
||||
const TaskRequestForm({Key? key, required this.taskId}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<TaskRequestForm> createState() => _TaskRequestFormState();
|
||||
}
|
||||
|
||||
class _TaskRequestFormState extends State<TaskRequestForm> {
|
||||
TaskRequestProvider? _taskProvider;
|
||||
final TextEditingController _requestedQuantityController = TextEditingController();
|
||||
final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
|
||||
final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
|
||||
List<File> _files = [];
|
||||
bool installationType = true;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||
assignData();
|
||||
});
|
||||
|
||||
super.initState();
|
||||
}
|
||||
|
||||
Future<void> assignData() async {
|
||||
_taskProvider = Provider.of<TaskRequestProvider>(context, listen: false);
|
||||
TaskData? taskModel = _taskProvider!.taskRequestModel;
|
||||
_taskProvider?.updateTaskModel(taskModel);
|
||||
if (taskModel != null) {
|
||||
_files.addAll(taskModel.taskJobAttachments!.map((e) => File(e.name ?? '')).toList());
|
||||
// if (taskModel.taskType?.isInstallation == true) {
|
||||
// await _taskProvider!.getSiteData(siteId: taskModel.asset?.siteId);
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_requestedQuantityController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Consumer<TaskRequestProvider>(builder: (context, taskProvider, child) {
|
||||
return Scaffold(
|
||||
appBar: DefaultAppBar(title: context.translation.taskRequest),
|
||||
key: _scaffoldKey,
|
||||
body: taskProvider.isLoading
|
||||
? const ALoading()
|
||||
: taskProvider.taskRequestModel != null
|
||||
? SafeArea(
|
||||
child: Form(
|
||||
key: _formKey,
|
||||
child: Stack(
|
||||
children: [
|
||||
SingleChildScrollView(
|
||||
padding: EdgeInsets.all(12 * AppStyle.getScaleFactor(context)),
|
||||
child: Column(
|
||||
children: [
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
_timerWidget(context, true, taskProvider),
|
||||
8.height,
|
||||
if (taskProvider.taskRequestModel?.taskType?.isInstallation == true) ...[installationWidget(taskModel: taskProvider.taskRequestModel!)],
|
||||
if (taskProvider.taskRequestModel?.taskType?.isRecallAndAlert == true) ...[
|
||||
recallAlertTypeWidget(taskModel: taskProvider.taskRequestModel!),
|
||||
],
|
||||
// if (previousComments.isNotEmpty) ...[
|
||||
// 'Previous Comments'.bodyText2(context).custom(color: AppColor.neutral50),
|
||||
// 8.height,
|
||||
buildPreviousComments(taskProvider: taskProvider),
|
||||
// 8.height,
|
||||
// ],
|
||||
AppTextFormField(
|
||||
initialValue: "",
|
||||
labelText: context.translation.technicalComment,
|
||||
textInputType: TextInputType.multiline,
|
||||
backgroundColor: AppColor.neutral90,
|
||||
showShadow: false,
|
||||
alignLabelWithHint: true,
|
||||
onChange: (value) {
|
||||
taskProvider.taskRequestModel?.taskTimerModel?.comments = value;
|
||||
},
|
||||
onSaved: (value) {},
|
||||
),
|
||||
20.height,
|
||||
MultiFilesPicker(
|
||||
label: context.translation.attachFiles,
|
||||
files: _files,
|
||||
buttonColor: AppColor.black10,
|
||||
onlyImages: false,
|
||||
buttonIcon: 'image-plus'.toSvgAsset(color: AppColor.neutral120),
|
||||
),
|
||||
],
|
||||
).toShadowContainer(context),
|
||||
16.height,
|
||||
const AssistantEmployeeCard().toShadowContainer(context, paddingObject: const EdgeInsets.symmetric(horizontal: 16)),
|
||||
],
|
||||
),
|
||||
).paddingOnly(bottom: 85),
|
||||
FooterActionButton.footerContainer(
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||
children: [
|
||||
AppFilledButton(
|
||||
label: context.translation.save,
|
||||
buttonColor: AppColor.white60,
|
||||
textColor: AppColor.black10,
|
||||
onPressed: () => _updateTask(context: context, status: 0),
|
||||
).expanded,
|
||||
12.width,
|
||||
AppFilledButton(
|
||||
label: context.translation.complete,
|
||||
buttonColor: AppColor.primary10,
|
||||
onPressed: () => _updateTask(context: context, status: 1),
|
||||
).expanded,
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
)
|
||||
: NoDataFound(message: context.translation.noDataFound).center,
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
void _updateTask({required BuildContext context, required int status}) async {
|
||||
TaskRequestProvider taskRequestProvider = Provider.of<TaskRequestProvider>(context, listen: false);
|
||||
TaskData? taskModel = taskRequestProvider.taskRequestModel;
|
||||
taskModel?.statusValue = status;
|
||||
showDialog(context: context, barrierDismissible: false, builder: (context) => const AppLazyLoading());
|
||||
if (validate(model: taskModel)) {
|
||||
List<TaskJobAttachment> attachement = [];
|
||||
for (var item in _files) {
|
||||
attachement.add(TaskJobAttachment(id: 0, name: ServiceRequestUtils.isLocalUrl(item.path) ? "${item.path.split("/").last}|${base64Encode(item.readAsBytesSync())}" : item.path));
|
||||
}
|
||||
taskModel?.taskJobAttachments = attachement;
|
||||
taskModel?.timerModelList?.forEach((timer) {
|
||||
int durationInSecond = timer.endAt!.difference(timer.startAt!).inSeconds;
|
||||
taskModel.taskJobActivityEngineerTimers?.add(
|
||||
TaskJobActivityEngineerTimer(
|
||||
id: 0,
|
||||
startDate: timer.startAt!.toIso8601String(),
|
||||
// Handle potential null
|
||||
endDate: timer.endAt?.toIso8601String(),
|
||||
// Handle potential null
|
||||
totalWorkingHour: ((durationInSecond) / 60 / 60),
|
||||
comment: timer.comments,
|
||||
),
|
||||
);
|
||||
});
|
||||
await taskRequestProvider.updateTaskByEngineer().whenComplete(() async {
|
||||
if (taskRequestProvider.stateCode == 200) {
|
||||
if (status == 1) {
|
||||
AllRequestsProvider allRequestsProvider = Provider.of<AllRequestsProvider>(context, listen: false);
|
||||
allRequestsProvider.reset();
|
||||
await allRequestsProvider.getAllRequests(context, typeTransaction: 6);
|
||||
Navigator.pop(context);
|
||||
Navigator.pop(context);
|
||||
Navigator.pop(context);
|
||||
} else {
|
||||
await taskRequestProvider.getTaskById(id: widget.taskId, showLoading: false);
|
||||
Navigator.pop(context);
|
||||
Navigator.pop(context);
|
||||
}
|
||||
} else {
|
||||
Navigator.pop(context);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
Widget installationWidget({required TaskData taskModel}) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
ADatePicker(
|
||||
label: context.translation.installationDate,
|
||||
hideShadow: true,
|
||||
backgroundColor: AppColor.neutral90,
|
||||
date: DateTime.tryParse(taskModel.installationDate ?? ""),
|
||||
formatDateWithTime: false,
|
||||
onDatePicker: (selectedDate) {
|
||||
showTimePicker(
|
||||
context: context,
|
||||
initialTime: TimeOfDay.now(),
|
||||
).then((selectedTime) {
|
||||
// Handle the selected date and time here.
|
||||
if (selectedTime != null) {
|
||||
DateTime selectedDateTime = DateTime(
|
||||
selectedDate.year,
|
||||
selectedDate.month,
|
||||
selectedDate.day,
|
||||
selectedTime.hour,
|
||||
selectedTime.minute,
|
||||
);
|
||||
taskModel.installationDate = selectedDateTime.toIso8601String();
|
||||
setState(() {});
|
||||
}
|
||||
});
|
||||
},
|
||||
),
|
||||
8.height,
|
||||
AppTextFormField(
|
||||
labelText: context.translation.serialNo,
|
||||
backgroundColor: AppColor.neutral90,
|
||||
showShadow: false,
|
||||
labelStyle: AppTextStyles.textFieldLabelStyle,
|
||||
initialValue: taskModel.serialNo ?? '',
|
||||
textInputType: TextInputType.text,
|
||||
onChange: (value) {
|
||||
taskModel.serialNo = value;
|
||||
},
|
||||
),
|
||||
8.height,
|
||||
SingleItemDropDownMenu<Site, SiteProvider>(
|
||||
context: context,
|
||||
title: 'Installation Site',
|
||||
initialValue: taskModel.site,
|
||||
loading: _taskProvider?.isSiteLoading,
|
||||
showAsBottomSheet: true,
|
||||
backgroundColor: AppColor.neutral100,
|
||||
showShadow: false,
|
||||
enabled: false,
|
||||
onSelect: (value) {
|
||||
if (value == null) {
|
||||
return;
|
||||
}
|
||||
taskModel.site = value;
|
||||
taskModel.building = null;
|
||||
taskModel.floor = null;
|
||||
taskModel.department = null;
|
||||
setState(() {});
|
||||
},
|
||||
),
|
||||
8.height,
|
||||
SingleItemDropDownMenu<Building, NullableLoadingProvider>(
|
||||
context: context,
|
||||
title: 'Installation Building',
|
||||
backgroundColor: AppColor.neutral100,
|
||||
showAsBottomSheet: true,
|
||||
loading: _taskProvider?.isSiteLoading,
|
||||
showShadow: false,
|
||||
initialValue: taskModel.building,
|
||||
enabled: taskModel.site?.buildings?.isNotEmpty ?? false,
|
||||
staticData: taskModel.site?.buildings ?? [],
|
||||
onSelect: (value) {
|
||||
if (value == null) {
|
||||
return;
|
||||
}
|
||||
taskModel.building = value;
|
||||
taskModel.floor = null;
|
||||
taskModel.department = null;
|
||||
setState(() {});
|
||||
},
|
||||
),
|
||||
8.height,
|
||||
SingleItemDropDownMenu<Floor, NullableLoadingProvider>(
|
||||
context: context,
|
||||
showAsBottomSheet: true,
|
||||
backgroundColor: AppColor.neutral100,
|
||||
loading: _taskProvider?.isSiteLoading,
|
||||
showShadow: false,
|
||||
title: 'Installation Floor',
|
||||
initialValue: taskModel.floor,
|
||||
enabled: taskModel.building?.floors?.isNotEmpty ?? false,
|
||||
staticData: taskModel.building?.floors ?? [],
|
||||
onSelect: (value) {
|
||||
if (value == null) {
|
||||
return;
|
||||
}
|
||||
taskModel.floor = value;
|
||||
taskModel.department = null;
|
||||
setState(() {});
|
||||
},
|
||||
),
|
||||
8.height,
|
||||
SingleItemDropDownMenu<Department, NullableLoadingProvider>(
|
||||
context: context,
|
||||
title: 'Installation Department',
|
||||
backgroundColor: AppColor.neutral100,
|
||||
loading: _taskProvider?.isSiteLoading,
|
||||
showAsBottomSheet: true,
|
||||
showShadow: false,
|
||||
initialValue: taskModel.department,
|
||||
enabled: taskModel.floor?.departments?.isNotEmpty ?? false,
|
||||
staticData: taskModel.floor?.departments ?? [],
|
||||
onSelect: (value) {
|
||||
if (value == null) {
|
||||
return;
|
||||
}
|
||||
taskModel.department = value;
|
||||
taskModel.room = null;
|
||||
setState(() {});
|
||||
},
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget recallAlertTypeWidget({required TaskData taskModel}) {
|
||||
Widget userAcknowledgeWidget() {
|
||||
return Row(
|
||||
children: [
|
||||
InkWell(
|
||||
child: taskModel.isUserAcknowledge == true
|
||||
? const Icon(
|
||||
Icons.check_box,
|
||||
color: AppColor.primary10,
|
||||
)
|
||||
: const Icon(
|
||||
Icons.check_box_outline_blank,
|
||||
color: AppColor.neutral120,
|
||||
),
|
||||
onTap: () {
|
||||
setState(() {
|
||||
taskModel.isUserAcknowledge = !taskModel.isUserAcknowledge!;
|
||||
});
|
||||
},
|
||||
),
|
||||
6.width,
|
||||
Flexible(
|
||||
child: context.translation.acknowledge.bodyText(context).custom(color: context.isDark ? AppColor.primary50 : AppColor.neutral120),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
if (taskModel.typeOfAlert != null) {
|
||||
switch (taskModel.typeOfAlert!.value) {
|
||||
case 1:
|
||||
return userAcknowledgeWidget();
|
||||
case 2:
|
||||
return Column(
|
||||
children: [
|
||||
SingleItemDropDownMenu<Lookup, TaskJobActionNeededProvider>(
|
||||
context: context,
|
||||
height: 56.toScreenHeight,
|
||||
title: context.translation.completedActions,
|
||||
showShadow: false,
|
||||
backgroundColor: AppColor.neutral90,
|
||||
enabled: false,
|
||||
showAsBottomSheet: true,
|
||||
initialValue: taskModel.actionNeeded,
|
||||
onSelect: (status) {
|
||||
//read only ...
|
||||
},
|
||||
),
|
||||
if (taskModel.actionNeeded?.value == 1) ...[
|
||||
8.height,
|
||||
SingleItemDropDownMenu<Lookup, TaskJobImpactStatusProvider>(
|
||||
context: context,
|
||||
height: 56.toScreenHeight,
|
||||
title: context.translation.impactStatus,
|
||||
showShadow: false,
|
||||
backgroundColor: AppColor.neutral90,
|
||||
showAsBottomSheet: true,
|
||||
initialValue: taskModel.impactStatus,
|
||||
onSelect: (status) {
|
||||
if (status != null) {
|
||||
taskModel.impactStatus = status;
|
||||
setState(() {});
|
||||
}
|
||||
},
|
||||
)
|
||||
],
|
||||
],
|
||||
);
|
||||
|
||||
case 3:
|
||||
return Column(
|
||||
children: [
|
||||
userAcknowledgeWidget(),
|
||||
8.height,
|
||||
SingleItemDropDownMenu<Lookup, TaskJobActionNeededProvider>(
|
||||
context: context,
|
||||
height: 56.toScreenHeight,
|
||||
title: context.translation.completedActions,
|
||||
showShadow: false,
|
||||
backgroundColor: AppColor.neutral90,
|
||||
enabled: false,
|
||||
showAsBottomSheet: true,
|
||||
initialValue: taskModel.actionNeeded,
|
||||
onSelect: (status) {
|
||||
//this is read only ...
|
||||
},
|
||||
),
|
||||
8.height,
|
||||
if (taskModel.actionNeeded?.value == 1) ...[
|
||||
SingleItemDropDownMenu<Lookup, TaskJobImpactStatusProvider>(
|
||||
context: context,
|
||||
height: 56.toScreenHeight,
|
||||
title: context.translation.impactStatus,
|
||||
showShadow: false,
|
||||
backgroundColor: AppColor.neutral90,
|
||||
showAsBottomSheet: true,
|
||||
initialValue: taskModel.impactStatus,
|
||||
onSelect: (status) {
|
||||
if (status != null) {
|
||||
taskModel.impactStatus = status;
|
||||
setState(() {});
|
||||
}
|
||||
},
|
||||
)
|
||||
],
|
||||
],
|
||||
);
|
||||
default:
|
||||
return const SizedBox();
|
||||
}
|
||||
}
|
||||
return const SizedBox();
|
||||
}
|
||||
|
||||
Widget _timerWidget(BuildContext context, bool isTimerEnable, TaskRequestProvider taskProvider) {
|
||||
double totalWorkingHours =
|
||||
taskProvider.taskRequestModel?.taskJobActivityEngineerTimers?.fold(0.0, (sum, item) => (sum ?? 0) + DateTime.parse(item.endDate!).difference(DateTime.parse(item.startDate!)).inSeconds) ?? 0;
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
AppTimer(
|
||||
label: context.translation.timer,
|
||||
timer: taskProvider.taskRequestModel?.taskTimerModel,
|
||||
width: double.infinity,
|
||||
enabled: isTimerEnable,
|
||||
decoration: BoxDecoration(
|
||||
color: AppColor.neutral90,
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
),
|
||||
timerProgress: (isRunning) {},
|
||||
onChange: (timer) async {
|
||||
taskProvider.updateTaskTimer(timer: timer);
|
||||
return true;
|
||||
},
|
||||
),
|
||||
if (totalWorkingHours > 0.0) ...[
|
||||
8.height,
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
children: [
|
||||
'Total Working Time:'.bodyText2(context).custom(color: AppColor.neutral50),
|
||||
8.width,
|
||||
Text(
|
||||
ServiceRequestUtils.formatTimerDuration(totalWorkingHours.round()),
|
||||
style: AppTextStyles.bodyText.copyWith(color: AppColor.neutral50, fontWeight: FontWeight.w600),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
8.height,
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildPreviousComments({required TaskRequestProvider taskProvider}) {
|
||||
String previousComments = taskProvider.taskRequestModel?.taskJobActivityEngineerTimers?.map((e) => e.comment?.trim()).where((comment) => comment != null && comment!.isNotEmpty).join('\n') ?? '';
|
||||
if (previousComments.isNotEmpty) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
8.height,
|
||||
'Previous Comments'.bodyText2(context).custom(color: AppColor.neutral50),
|
||||
8.height,
|
||||
Container(
|
||||
constraints: BoxConstraints(
|
||||
maxHeight: 200.toScreenHeight,
|
||||
),
|
||||
child: SingleChildScrollView(
|
||||
child: previousComments.bodyText2(context).custom(color: AppColor.neutral50),
|
||||
),
|
||||
).toShadowContainer(showShadow: false, context, backgroundColor: AppColor.neutral90, paddingObject: const EdgeInsets.only(left: 10, right: 20, bottom: 20, top: 10)),
|
||||
8.height,
|
||||
],
|
||||
);
|
||||
}
|
||||
return const SizedBox();
|
||||
}
|
||||
}
|
||||
|
||||
bool validate({TaskData? model}) {
|
||||
if (model?.taskTimerModel?.startAt == null) {
|
||||
Fluttertoast.showToast(msg: "Working Hours Required");
|
||||
return false;
|
||||
}
|
||||
if (model?.taskTimerModel?.endAt == null) {
|
||||
Fluttertoast.showToast(msg: "Please Stop The Timer");
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
class AssistantEmployeeCard extends StatefulWidget {
|
||||
const AssistantEmployeeCard({super.key});
|
||||
|
||||
@override
|
||||
State<AssistantEmployeeCard> createState() => _AssistantEmployeeCardState();
|
||||
}
|
||||
|
||||
class _AssistantEmployeeCardState extends State<AssistantEmployeeCard> {
|
||||
bool status = false;
|
||||
final TextEditingController _workingHoursController = TextEditingController(text: '');
|
||||
bool isExpanded = false;
|
||||
TaskData? taskModel;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
TaskRequestProvider taskRequestProvider = Provider.of<TaskRequestProvider>(context, listen: false);
|
||||
taskModel = taskRequestProvider.taskRequestModel;
|
||||
|
||||
super.initState();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
// TODO: implement dispose
|
||||
|
||||
_workingHoursController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Consumer<TaskRequestProvider>(builder: (context, taskRequestProvider, child) {
|
||||
return Column(
|
||||
children: [
|
||||
SizedBox(
|
||||
height: 56.toScreenHeight,
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
context.translation.assistantEmployee.heading6(context).custom(color: AppColor.black10),
|
||||
Icon(isExpanded ? Icons.keyboard_arrow_up_rounded : Icons.keyboard_arrow_down_rounded),
|
||||
],
|
||||
),
|
||||
).onPress(() {
|
||||
setState(() {
|
||||
isExpanded = !isExpanded;
|
||||
});
|
||||
}),
|
||||
isExpanded
|
||||
? Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
ServiceReportAssistantEmployeeMenu(
|
||||
title: context.translation.select,
|
||||
backgroundColor: AppColor.neutral100,
|
||||
initialValue: (taskModel?.assistantEmployees?.isNotEmpty ?? false) ? taskModel?.assistantEmployees?.first : null,
|
||||
onSelect: (employee) {
|
||||
if (employee == null) {
|
||||
taskModel?.assistantEmployees = [];
|
||||
} else {
|
||||
taskModel?.assistantEmployees = [employee.copyWith(id: 0)];
|
||||
taskModel?.modelAssistantEmployees?.user = AssignedEmployee(userId: employee.user?.id, userName: employee.user?.name);
|
||||
}
|
||||
},
|
||||
),
|
||||
8.height,
|
||||
Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
ADatePicker(
|
||||
label: context.translation.startTime,
|
||||
hideShadow: true,
|
||||
backgroundColor: AppColor.neutral100,
|
||||
date: taskModel?.modelAssistantEmployees?.startDate,
|
||||
formatDateWithTime: true,
|
||||
onDatePicker: (selectedDate) {
|
||||
showTimePicker(
|
||||
context: context,
|
||||
initialTime: TimeOfDay.now(),
|
||||
).then((selectedTime) {
|
||||
// Handle the selected date and time here.
|
||||
if (selectedTime != null) {
|
||||
DateTime selectedDateTime = DateTime(
|
||||
selectedDate.year,
|
||||
selectedDate.month,
|
||||
selectedDate.day,
|
||||
selectedTime.hour,
|
||||
selectedTime.minute,
|
||||
);
|
||||
taskModel?.modelAssistantEmployees?.startDate = selectedDateTime;
|
||||
taskRequestProvider.updateTaskModel(taskModel);
|
||||
ServiceRequestUtils.calculateAndAssignWorkingHours(
|
||||
startTime: taskModel?.modelAssistantEmployees?.startDate,
|
||||
endTime: taskModel?.modelAssistantEmployees?.startDate,
|
||||
workingHoursController: _workingHoursController,
|
||||
updateModel: (hours) {
|
||||
taskModel!.modelAssistantEmployees!.workingHours = hours;
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
).expanded,
|
||||
8.width,
|
||||
ADatePicker(
|
||||
label: context.translation.endTime,
|
||||
hideShadow: true,
|
||||
backgroundColor: AppColor.neutral100,
|
||||
date: taskModel?.modelAssistantEmployees?.endDate,
|
||||
formatDateWithTime: true,
|
||||
onDatePicker: (selectedDate) {
|
||||
showTimePicker(
|
||||
context: context,
|
||||
initialTime: TimeOfDay.now(),
|
||||
).then((selectedTime) {
|
||||
// Handle the selected date and time here.
|
||||
if (selectedTime != null) {
|
||||
DateTime selectedDateTime = DateTime(
|
||||
selectedDate.year,
|
||||
selectedDate.month,
|
||||
selectedDate.day,
|
||||
selectedTime.hour,
|
||||
selectedTime.minute,
|
||||
);
|
||||
|
||||
if (taskModel?.modelAssistantEmployees?.startDate != null && selectedDateTime.isBefore(taskModel!.modelAssistantEmployees!.startDate!)) {
|
||||
"End Date time must be greater then start date".showToast;
|
||||
return;
|
||||
}
|
||||
taskModel?.modelAssistantEmployees?.endDate = selectedDateTime;
|
||||
taskRequestProvider.updateTaskModel(taskModel);
|
||||
ServiceRequestUtils.calculateAndAssignWorkingHours(
|
||||
startTime: taskModel?.modelAssistantEmployees?.startDate,
|
||||
endTime: taskModel?.modelAssistantEmployees?.endDate,
|
||||
workingHoursController: _workingHoursController,
|
||||
updateModel: (hours) {
|
||||
taskModel!.modelAssistantEmployees!.workingHours = hours;
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
).expanded,
|
||||
],
|
||||
),
|
||||
8.height,
|
||||
AppTextFormField(
|
||||
labelText: context.translation.workingHours,
|
||||
backgroundColor: AppColor.neutral80,
|
||||
controller: _workingHoursController,
|
||||
suffixIcon: "clock".toSvgAsset(width: 20, color: context.isDark ? AppColor.neutral10 : null).paddingOnly(end: 16),
|
||||
initialValue: taskModel?.modelAssistantEmployees?.workingHours != null ? taskModel!.modelAssistantEmployees!.workingHours.toString() : '',
|
||||
textAlign: TextAlign.center,
|
||||
labelStyle: AppTextStyles.textFieldLabelStyle,
|
||||
enable: false,
|
||||
showShadow: false,
|
||||
style: Theme.of(context).textTheme.titleMedium,
|
||||
),
|
||||
8.height,
|
||||
AppTextFormField(
|
||||
initialValue: taskModel?.modelAssistantEmployees?.comment,
|
||||
labelText: context.translation.comment,
|
||||
backgroundColor: AppColor.neutral100,
|
||||
showShadow: false,
|
||||
labelStyle: AppTextStyles.textFieldLabelStyle,
|
||||
alignLabelWithHint: true,
|
||||
textInputType: TextInputType.multiline,
|
||||
onChange: (value) {
|
||||
taskModel?.modelAssistantEmployees?.comment = value;
|
||||
},
|
||||
onSaved: (value) {
|
||||
taskModel?.modelAssistantEmployees?.comment = value;
|
||||
},
|
||||
),
|
||||
16.height,
|
||||
],
|
||||
)
|
||||
: const SizedBox(),
|
||||
],
|
||||
);
|
||||
});
|
||||
}
|
||||
}
|
||||
@ -1,502 +0,0 @@
|
||||
import 'dart:io';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:test_sa/controllers/providers/api/user_provider.dart';
|
||||
import 'package:test_sa/extensions/context_extension.dart';
|
||||
import 'package:test_sa/extensions/int_extensions.dart';
|
||||
import 'package:test_sa/models/new_models/department.dart';
|
||||
import 'package:test_sa/extensions/text_extensions.dart';
|
||||
import 'package:test_sa/extensions/widget_extensions.dart';
|
||||
import 'package:test_sa/models/device/asset_transfer.dart';
|
||||
import 'package:test_sa/models/lookup.dart';
|
||||
import 'package:test_sa/models/new_models/work_order_detail_model.dart';
|
||||
import 'package:test_sa/models/timer_model.dart';
|
||||
import 'package:test_sa/new_views/app_style/app_color.dart';
|
||||
import 'package:test_sa/new_views/common_widgets/app_filled_button.dart';
|
||||
import 'package:test_sa/new_views/common_widgets/app_text_form_field.dart';
|
||||
import 'package:test_sa/new_views/common_widgets/default_app_bar.dart';
|
||||
import 'package:test_sa/new_views/common_widgets/single_item_drop_down_menu.dart';
|
||||
import 'package:test_sa/providers/loading_list_notifier.dart';
|
||||
import 'package:test_sa/providers/service_request_providers/last_situation_provider.dart';
|
||||
import 'package:test_sa/service_request_latest/service_request_detail_provider.dart';
|
||||
import 'package:test_sa/service_request_latest/utilities/service_request_utils.dart';
|
||||
import 'package:test_sa/service_request_latest/views/components/action_button/footer_action_button.dart';
|
||||
import 'package:test_sa/views/app_style/sizing.dart';
|
||||
import 'package:test_sa/views/widgets/date_and_time/date_picker.dart';
|
||||
import 'package:test_sa/views/widgets/images/multi_image_picker.dart';
|
||||
import 'package:test_sa/views/widgets/loaders/loading_manager.dart';
|
||||
import 'package:test_sa/views/widgets/status/report/service_report_assistant_employee_menu.dart';
|
||||
import 'package:test_sa/views/widgets/timer/app_timer.dart';
|
||||
|
||||
class TaskRequestForm extends StatefulWidget {
|
||||
final AssetTransfer model;
|
||||
|
||||
const TaskRequestForm({Key? key, required this.model}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<TaskRequestForm> createState() => _TaskRequestFormState();
|
||||
}
|
||||
|
||||
class _TaskRequestFormState extends State<TaskRequestForm> {
|
||||
final bool _isLoading = false;
|
||||
final TextEditingController _requestedQuantityController = TextEditingController();
|
||||
final AssetTransfer _formModel = AssetTransfer();
|
||||
final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
|
||||
final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
|
||||
List<File> _files = [];
|
||||
bool installationTye = false;
|
||||
|
||||
List<Lookup> completedActions = [
|
||||
Lookup(value: 0, name: 'Physical Check'),
|
||||
Lookup(value: 1, name: 'Software Update'),
|
||||
Lookup(value: 0, name: 'Hardware Update'),
|
||||
];
|
||||
List<Lookup> impactStatus = [
|
||||
Lookup(value: 0, name: 'Impacted'),
|
||||
Lookup(value: 1, name: 'Not Impacted'),
|
||||
];
|
||||
Lookup selectedValue = Lookup(value: 0, name: 'Impacted');
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
_formModel.fromDetails(widget.model);
|
||||
_files = widget.model.receiverAttachments?.map((e) => File(e.attachmentName!)).toList() ?? [];
|
||||
super.initState();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_requestedQuantityController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: DefaultAppBar(title: context.translation.taskRequest),
|
||||
key: _scaffoldKey,
|
||||
body: SafeArea(
|
||||
child: LoadingManager(
|
||||
isLoading: _isLoading,
|
||||
isFailedLoading: false,
|
||||
stateCode: 200,
|
||||
onRefresh: () async {},
|
||||
child: Form(
|
||||
key: _formKey,
|
||||
child: Column(
|
||||
children: [
|
||||
SingleChildScrollView(
|
||||
padding: EdgeInsets.all(12 * AppStyle.getScaleFactor(context)),
|
||||
child: Column(
|
||||
children: [
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
_timerWidget(context, 0, true),
|
||||
12.height,
|
||||
installationTye
|
||||
? Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
ADatePicker(
|
||||
label: context.translation.installationDate,
|
||||
hideShadow: true,
|
||||
backgroundColor: AppColor.neutral90,
|
||||
date: DateTime.now(),
|
||||
formatDateWithTime: false,
|
||||
onDatePicker: (selectedDate) {
|
||||
// Handle the selected date and time here.
|
||||
DateTime selectedDateTime = DateTime(
|
||||
selectedDate.year,
|
||||
selectedDate.month,
|
||||
selectedDate.day,
|
||||
);
|
||||
},
|
||||
),
|
||||
12.height,
|
||||
//TODO replace with provided lookup..
|
||||
SingleItemDropDownMenu<Lookup, LastSituationProvider>(
|
||||
context: context,
|
||||
height: 56.toScreenHeight,
|
||||
title: context.translation.serialNo,
|
||||
showShadow: false,
|
||||
backgroundColor: AppColor.neutral90,
|
||||
showAsBottomSheet: true,
|
||||
initialValue: null,
|
||||
onSelect: (status) {
|
||||
if (status != null) {
|
||||
setState(() {});
|
||||
}
|
||||
},
|
||||
),
|
||||
12.height,
|
||||
//TODO replace with provided lookup..
|
||||
SingleItemDropDownMenu<Department, NullableLoadingProvider>(
|
||||
context: context,
|
||||
title: context.translation.department,
|
||||
initialValue: Department(),
|
||||
enabled: true,
|
||||
backgroundColor: AppColor.neutral90,
|
||||
showShadow: false,
|
||||
staticData: [],
|
||||
showAsBottomSheet: true,
|
||||
onSelect: (value) {},
|
||||
),
|
||||
],
|
||||
)
|
||||
: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
||||
context.translation.completedActions.bodyText(context).custom(color: AppColor.white936),
|
||||
completedActionWidget(),
|
||||
16.height,
|
||||
context.translation.impactStatus.bodyText(context).custom(color: AppColor.white936),
|
||||
impactStatusWidget(),
|
||||
]),
|
||||
12.height,
|
||||
AppTextFormField(
|
||||
initialValue: _formModel.receiverComment ?? "",
|
||||
labelText: context.translation.technicalComment,
|
||||
textInputType: TextInputType.multiline,
|
||||
backgroundColor: AppColor.neutral90,
|
||||
showShadow: false,
|
||||
alignLabelWithHint: true,
|
||||
onSaved: (value) {
|
||||
_formModel.receiverComment = value;
|
||||
},
|
||||
),
|
||||
20.height,
|
||||
MultiFilesPicker(
|
||||
label: context.translation.attachFiles,
|
||||
files: _files,
|
||||
buttonColor: AppColor.black10,
|
||||
onlyImages: false,
|
||||
buttonIcon: 'image-plus'.toSvgAsset(color: AppColor.neutral120),
|
||||
),
|
||||
],
|
||||
).toShadowContainer(context),
|
||||
16.height,
|
||||
const AssistantEmployeeCard().toShadowContainer(context, paddingObject: const EdgeInsets.symmetric(horizontal: 16)),
|
||||
],
|
||||
),
|
||||
).expanded,
|
||||
FooterActionButton.footerContainer(
|
||||
child: AppFilledButton(
|
||||
buttonColor: AppColor.green70,
|
||||
label: context.translation.markAsCompleted,
|
||||
onPressed: () {},
|
||||
// buttonColor: AppColor.primary10,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void updateTimer({TimerModel? timer}) {
|
||||
_formModel.tbsTimer = timer;
|
||||
// if (timer?.startAt != null && timer?.endAt != null) {
|
||||
// _formModel.timerModelList = _formModel.timerModelList ?? [];
|
||||
// _formModel.timerModelList!.add(timer!);
|
||||
// }
|
||||
// notifyListeners();
|
||||
}
|
||||
|
||||
Widget completedActionWidget() {
|
||||
return Column(
|
||||
children: completedActions.asMap().entries.map((entry) {
|
||||
int index = entry.key;
|
||||
Lookup action = entry.value;
|
||||
return Row(
|
||||
children: [
|
||||
Checkbox(
|
||||
value: action.value == 1,
|
||||
activeColor: AppColor.blueStatus(context),
|
||||
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
||||
onChanged: (value) {
|
||||
setState(() {
|
||||
completedActions[index] = Lookup(value: value! ? 1 : 0, name: action.name);
|
||||
});
|
||||
},
|
||||
),
|
||||
action.name!
|
||||
.bodyText(context)
|
||||
.custom(
|
||||
color: context.isDark ? AppColor.primary50 : AppColor.neutral50,
|
||||
)
|
||||
.expanded,
|
||||
],
|
||||
);
|
||||
}).toList(),
|
||||
);
|
||||
}
|
||||
|
||||
Widget impactStatusWidget() {
|
||||
return Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween, // Aligns to the start
|
||||
children: impactStatus.map((item) {
|
||||
return Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Radio<Lookup>(
|
||||
value: item,
|
||||
groupValue: selectedValue,
|
||||
activeColor: AppColor.blueStatus(context),
|
||||
visualDensity: VisualDensity.compact,
|
||||
// Removes extra spacing
|
||||
onChanged: (value) {
|
||||
selectedValue = value!;
|
||||
setState(() {});
|
||||
},
|
||||
),
|
||||
Text(
|
||||
item.name!,
|
||||
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
||||
color: context.isDark ? AppColor.primary50 : AppColor.neutral50,
|
||||
),
|
||||
),
|
||||
16.width, // Adds spacing between items
|
||||
],
|
||||
);
|
||||
}).toList(),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _timerWidget(BuildContext context, double totalWorkingHours, bool isTimerEnable) {
|
||||
return Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
AppTimer(
|
||||
label: context.translation.workingHours,
|
||||
timer: _formModel.tbsTimer,
|
||||
width: double.infinity,
|
||||
enabled: isTimerEnable,
|
||||
decoration: BoxDecoration(
|
||||
color: AppColor.neutral90,
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
),
|
||||
timerProgress: (isRunning) {},
|
||||
onChange: (timer) async {
|
||||
updateTimer(timer: timer);
|
||||
return true;
|
||||
},
|
||||
),
|
||||
if (totalWorkingHours > 0.0) ...[
|
||||
12.height,
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
children: [
|
||||
'Total Working Time:'.bodyText2(context).custom(color: AppColor.neutral90),
|
||||
8.width,
|
||||
Text(
|
||||
ServiceRequestUtils.formatTimerDuration(totalWorkingHours.round()),
|
||||
style: AppTextStyles.bodyText.copyWith(color: AppColor.neutral50, fontWeight: FontWeight.w600),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class AssistantEmployeeCard extends StatefulWidget {
|
||||
const AssistantEmployeeCard({super.key});
|
||||
|
||||
@override
|
||||
State<AssistantEmployeeCard> createState() => _AssistantEmployeeCardState();
|
||||
}
|
||||
|
||||
class _AssistantEmployeeCardState extends State<AssistantEmployeeCard> {
|
||||
bool status = false;
|
||||
final TextEditingController _workingHoursController = TextEditingController(text: '');
|
||||
bool isCurrentUserIsAssistantEmp = false;
|
||||
bool isExpanded = false;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
// TODO: implement initState
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||
getInitialData();
|
||||
});
|
||||
super.initState();
|
||||
}
|
||||
|
||||
Future<void> getInitialData() async {
|
||||
final user = Provider.of<UserProvider>(context, listen: false).user!;
|
||||
ServiceRequestDetailProvider requestDetailProvider = Provider.of<ServiceRequestDetailProvider>(context, listen: false);
|
||||
isCurrentUserIsAssistantEmp = (user.userID != requestDetailProvider.currentWorkOrder?.data?.assignedEmployee?.userId);
|
||||
|
||||
// if (isCurrentUserIsAssistantEmp) {
|
||||
// // _subWorkOrders.assistantEmployees = [widget.workOrder.assistantEmployees?.first?.copyWith(id: 0)];
|
||||
// }
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
// TODO: implement dispose
|
||||
_workingHoursController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Consumer<ServiceRequestDetailProvider>(builder: (context, requestDetailProvider, child) {
|
||||
return Column(
|
||||
children: [
|
||||
SizedBox(
|
||||
height: 56.toScreenHeight,
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
context.translation.assistantEmployee.heading6(context).custom(color: AppColor.black10),
|
||||
Icon(isExpanded ? Icons.keyboard_arrow_up_rounded : Icons.keyboard_arrow_down_rounded),
|
||||
],
|
||||
),
|
||||
).onPress(() {
|
||||
setState(() {
|
||||
isExpanded = !isExpanded;
|
||||
});
|
||||
}),
|
||||
isExpanded
|
||||
? Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
ServiceReportAssistantEmployeeMenu(
|
||||
title: context.translation.select,
|
||||
backgroundColor: AppColor.neutral100,
|
||||
|
||||
initialValue: null,
|
||||
assetId: 23,
|
||||
//TODO add check...
|
||||
// enable: !isCurrentUserIsAssistantEmp,
|
||||
onSelect: (employee) {
|
||||
if (employee == null) {
|
||||
requestDetailProvider.activityMaintenanceHelperModel?.assistantEmployees = [];
|
||||
} else {
|
||||
requestDetailProvider.activityMaintenanceHelperModel?.assistantEmployees = [employee.copyWith(id: 0)];
|
||||
requestDetailProvider.activityMaintenanceHelperModel?.modelAssistantEmployees?.user = AssignedEmployee(userId: employee.user?.id, userName: employee.user?.name);
|
||||
}
|
||||
},
|
||||
),
|
||||
12.height,
|
||||
Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
ADatePicker(
|
||||
label: context.translation.startTime,
|
||||
hideShadow: true,
|
||||
backgroundColor: AppColor.neutral100,
|
||||
date: requestDetailProvider.activityMaintenanceHelperModel?.modelAssistantEmployees?.startDate,
|
||||
formatDateWithTime: true,
|
||||
onDatePicker: (selectedDate) {
|
||||
showTimePicker(
|
||||
context: context,
|
||||
initialTime: TimeOfDay.now(),
|
||||
).then((selectedTime) {
|
||||
// Handle the selected date and time here.
|
||||
if (selectedTime != null) {
|
||||
DateTime selectedDateTime = DateTime(
|
||||
selectedDate.year,
|
||||
selectedDate.month,
|
||||
selectedDate.day,
|
||||
selectedTime.hour,
|
||||
selectedTime.minute,
|
||||
);
|
||||
requestDetailProvider.activityMaintenanceHelperModel?.modelAssistantEmployees?.startDate = selectedDateTime;
|
||||
requestDetailProvider.updateActivityMaintenanceHelperModel(requestDetailProvider.activityMaintenanceHelperModel);
|
||||
ServiceRequestUtils.calculateAndAssignWorkingHours(
|
||||
startTime: requestDetailProvider.activityMaintenanceHelperModel?.modelAssistantEmployees?.startDate,
|
||||
endTime: requestDetailProvider.activityMaintenanceHelperModel?.modelAssistantEmployees?.startDate,
|
||||
workingHoursController: _workingHoursController,
|
||||
updateModel: (hours) {
|
||||
requestDetailProvider.activityMaintenanceHelperModel!.modelAssistantEmployees!.workingHours = hours;
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
).expanded,
|
||||
8.width,
|
||||
ADatePicker(
|
||||
label: context.translation.endTime,
|
||||
hideShadow: true,
|
||||
backgroundColor: AppColor.neutral100,
|
||||
date: requestDetailProvider.activityMaintenanceHelperModel?.modelAssistantEmployees?.endDate,
|
||||
formatDateWithTime: true,
|
||||
onDatePicker: (selectedDate) {
|
||||
showTimePicker(
|
||||
context: context,
|
||||
initialTime: TimeOfDay.now(),
|
||||
).then((selectedTime) {
|
||||
// Handle the selected date and time here.
|
||||
if (selectedTime != null) {
|
||||
DateTime selectedDateTime = DateTime(
|
||||
selectedDate.year,
|
||||
selectedDate.month,
|
||||
selectedDate.day,
|
||||
selectedTime.hour,
|
||||
selectedTime.minute,
|
||||
);
|
||||
//TODO need to replace with model attributes..
|
||||
// if (requestDetailProvider.activityMaintenanceHelperModel?.modelAssistantEmployees?.startDate != null &&
|
||||
// selectedDateTime.isBefore(requestDetailProvider.activityMaintenanceHelperModel!.modelAssistantEmployees!.startDate!)) {
|
||||
// "End Date time must be greater then start date".showToast;
|
||||
// return;
|
||||
// }
|
||||
// requestDetailProvider.activityMaintenanceHelperModel?.modelAssistantEmployees?.endDate = selectedDateTime;
|
||||
// requestDetailProvider.updateActivityMaintenanceHelperModel(requestDetailProvider.activityMaintenanceHelperModel);
|
||||
// ServiceRequestUtils.calculateAndAssignWorkingHours(
|
||||
// startTime: requestDetailProvider.activityMaintenanceHelperModel?.modelAssistantEmployees?.startDate,
|
||||
// endTime: requestDetailProvider.activityMaintenanceHelperModel?.modelAssistantEmployees?.endDate,
|
||||
// workingHoursController: _workingHoursController,
|
||||
// updateModel: (hours) {
|
||||
// requestDetailProvider.activityMaintenanceHelperModel!.modelAssistantEmployees!.workingHours = hours;
|
||||
// });
|
||||
}
|
||||
});
|
||||
},
|
||||
).expanded,
|
||||
],
|
||||
),
|
||||
12.height,
|
||||
AppTextFormField(
|
||||
labelText: context.translation.workingHours,
|
||||
backgroundColor: AppColor.neutral80,
|
||||
controller: _workingHoursController,
|
||||
suffixIcon: "clock".toSvgAsset(width: 20, color: context.isDark ? AppColor.neutral10 : null).paddingOnly(end: 16),
|
||||
initialValue: requestDetailProvider.activityMaintenanceHelperModel?.modelAssistantEmployees?.workingHours != null
|
||||
? requestDetailProvider.activityMaintenanceHelperModel!.modelAssistantEmployees!.workingHours.toString()
|
||||
: '',
|
||||
textAlign: TextAlign.center,
|
||||
labelStyle: AppTextStyles.textFieldLabelStyle,
|
||||
enable: false,
|
||||
showShadow: false,
|
||||
style: Theme.of(context).textTheme.titleMedium,
|
||||
),
|
||||
12.height,
|
||||
AppTextFormField(
|
||||
initialValue: requestDetailProvider.activityMaintenanceHelperModel?.modelAssistantEmployees?.technicalComment,
|
||||
labelText: context.translation.technicalComment,
|
||||
backgroundColor: AppColor.neutral100,
|
||||
showShadow: false,
|
||||
labelStyle: AppTextStyles.textFieldLabelStyle,
|
||||
alignLabelWithHint: true,
|
||||
textInputType: TextInputType.multiline,
|
||||
onChange: (value) {
|
||||
requestDetailProvider.activityMaintenanceHelperModel?.modelAssistantEmployees?.technicalComment = value;
|
||||
},
|
||||
onSaved: (value) {
|
||||
requestDetailProvider.activityMaintenanceHelperModel?.modelAssistantEmployees?.technicalComment = value;
|
||||
},
|
||||
),
|
||||
16.height,
|
||||
],
|
||||
)
|
||||
: const SizedBox(),
|
||||
],
|
||||
);
|
||||
});
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue