You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
cloudsolutions-atoms/lib/modules/loan_module/pages/loan_equipment_detail_page....

276 lines
14 KiB
Dart

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:test_sa/controllers/api_routes/urls.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/helper/utils.dart';
import 'package:test_sa/modules/cm_module/views/components/action_button/footer_action_button.dart';
import 'package:test_sa/modules/loan_module/models/loan_attachment_model.dart';
import 'package:test_sa/modules/loan_module/pages/installation_form_view.dart';
import 'package:test_sa/modules/loan_module/pages/pullout_detail_page.dart';
import 'package:test_sa/modules/loan_module/provider/loan_provider.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/views/widgets/images/files_list.dart';
import 'package:test_sa/views/widgets/item_views/info_date_widget.dart';
import 'package:test_sa/views/widgets/item_views/info_header_widget.dart';
import 'package:test_sa/views/widgets/item_views/info_text_widget.dart';
import 'package:test_sa/views/widgets/loaders/no_data_found.dart';
import 'package:test_sa/views/widgets/requests/request_status.dart';
import '../models/loan_request_model.dart';
class LoanEquipmentDetailPage extends StatefulWidget {
static const String id = "/loan-equipment-detail-page";
final int loanId;
LoanEquipmentDetailPage({Key? key, required this.loanId}) : super(key: key);
@override
_LoanEquipmentDetailPageState createState() {
return _LoanEquipmentDetailPageState();
}
}
class _LoanEquipmentDetailPageState extends State<LoanEquipmentDetailPage> {
@override
void initState() {
super.initState();
}
@override
void dispose() {
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: const DefaultAppBar(title: "Request Details"),
body: SafeArea(
child: FutureBuilder<LoanRequestModel?>(
future: Provider.of<LoanProvider>(context, listen: false).getLoanById(widget.loanId),
builder: (BuildContext context, AsyncSnapshot<LoanRequestModel?> snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) return CircularProgressIndicator(color: AppColor.loadingColor(context)).center;
if (snapshot.data == null) return const NoDataFound().center;
List<LoanAttachmentModel> allAttachments = snapshot.data!.loanAttachments!;
return Column(children: [
ListView(
padding: const EdgeInsets.all(16),
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
StatusLabel(
label: snapshot.data!.loanStatusName!,
textColor: AppColor.getRequestStatusTextColorByName(context, snapshot.data!.loanStatusName!),
backgroundColor: AppColor.getRequestStatusColorByName(context, snapshot.data!.loanStatusName!),
),
1.width.expanded,
InfoDateWidget(snapshot.data!.createdDate?.toString() ?? ""),
],
),
8.height,
...requesterDetails(context, snapshot.data!),
const Divider().defaultStyle(context),
...requestDetails(context, snapshot.data!),
const Divider().defaultStyle(context),
...assetDetails(context, snapshot.data!),
const Divider().defaultStyle(context),
...installationDetails(context, snapshot.data!),
const Divider().defaultStyle(context),
...doctorDetails(context, snapshot.data!),
const Divider().defaultStyle(context),
...vendorDetails(context, snapshot.data!),
if (allAttachments.isNotEmpty) ...[
const Divider().defaultStyle(context),
InfoHeader16Widget("Attachments".addTranslation),
FilesList(images: allAttachments.map((e) => URLs.getFileUrl(e.attachmentName ?? '') ?? '').toList() ?? []),
],
],
).toShadowContainer(context, padding: 12)
],
).expanded,
// @todo ask backend to add loanTypeValue, so we can show or hide the buttons
if (snapshot.data?.loanTypeName == "Standard" &&
context.userProvider.isEngineer &&
(snapshot.data?.loanStatusValue == 4 || snapshot.data?.loanStatusValue == 5 || snapshot.data?.loanStatusValue == 8))
FooterActionButton.footerContainer(
context: context,
child: AppFilledButton(
onPressed: () async {
if (snapshot.data?.loanStatusValue == 4) {
String comment = "";
context.showBottomSheet(
Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
'Estimated Date: ${snapshot.data?.installationEDD?.toAssetDetailsFormat ?? "-"}'.bodyText(context),
16.height,
AppTextFormField(
labelText: context.translation.comments,
showSpeechToText: true,
textInputType: TextInputType.multiline,
labelStyle: AppTextStyles.textFieldLabelStyle,
showWithoutDecoration: true,
backgroundColor: context.isDarkNotListen ? AppColor.neutral20 : AppColor.neutral100,
alignLabelWithHint: true,
onChange: (text) {
comment = text;
},
),
16.height,
AppFilledButton(
onPressed: () async {
Utils.showLoading(context);
LoanProvider loanProvider = Provider.of<LoanProvider>(context, listen: false);
bool isSuccess = await loanProvider.loanWorkflowAction({
"userId": context.userProvider.user!.userID,
"isFromMobile": true,
"commentsFromMobile": comment,
'loanId': snapshot.data?.id,
'loanStatusId': snapshot.data?.loanStatusValue,
});
Utils.hideLoading(context);
if (isSuccess) {
Navigator.pop(context, true);
setState(() {});
}
},
label: "Delivered"),
],
),
title: "EDD & Comments",
showCancelButton: true);
return;
}
if (snapshot.data?.loanStatusValue == 5) {
bool isSuccess = await Navigator.push(context, MaterialPageRoute(builder: (context) => InstallationFormView(loanData: snapshot.data))) ?? false;
if (isSuccess) {
setState(() {});
}
return;
}
bool isSuccess = await Navigator.push(context, MaterialPageRoute(builder: (context) => PullOutDetailsPage(loanData: snapshot.data))) ?? false;
if (isSuccess) {
setState(() {});
}
},
label: snapshot.data?.loanStatusValue == 4
? "Delivered"
: snapshot.data?.loanStatusValue == 5
? 'Installation Report'
: 'PullOut Report',
),
)
]);
// }),
}),
));
}
List<Widget> requestDetails(BuildContext context, LoanRequestModel loanData) {
return [
InfoHeader16Widget("Request Details"),
InfoTextWidget(label: 'Loan Type', value: loanData.loanTypeName ?? "-"),
InfoTextWidget(label: 'Loan No', value: loanData.reqCode ?? "-"),
InfoTextWidget(label: 'Loan Period', value: loanData.loanPeriodName ?? "-"),
InfoTextWidget(label: context.translation.site, value: loanData.siteName ?? "-"),
InfoTextWidget(label: context.translation.department, value: loanData.departmentName ?? "-"),
InfoTextWidget(label: 'Item Description', value: loanData.itemDescription ?? "-"),
InfoTextWidget(label: 'Request Description', value: loanData.requestDescription ?? "-"),
];
}
List<Widget> vendorDetails(BuildContext context, LoanRequestModel loanData) {
return [
InfoHeader16Widget("Vendor Information"),
InfoTextWidget(label: 'Name', value: loanData.vendorName ?? "-"),
InfoTextWidget(label: 'Representative Name', value: loanData.vendorRepName ?? "-"),
InfoTextWidget(label: 'Contact', value: loanData.vendorContact ?? "-"),
InfoTextWidget(label: 'Email', value: loanData.vendorEmail ?? "-"),
];
}
List<Widget> assetDetails(BuildContext context, LoanRequestModel loanData) {
return [
InfoHeader16Widget("Asset Information"),
InfoTextWidget(label: context.translation.assetName, value: loanData.assetName ?? "-"),
InfoTextWidget(label: context.translation.assetNo, value: loanData.assetNumber ?? "-"),
InfoTextWidget(label: context.translation.serialNumber, value: loanData.assetSerialNumber ?? "-"),
InfoTextWidget(label: context.translation.manufacture, value: loanData.manufacturer ?? "-"),
InfoTextWidget(label: context.translation.model, value: loanData.model ?? "-"),
];
}
List<Widget> installationDetails(BuildContext context, LoanRequestModel loanData) {
return [
InfoHeader16Widget("Installation & Pullout Information"),
InfoTextWidget(label: 'Installation EDD', value: loanData.installationEDD?.toServiceRequestDetailsFormat ?? "-"),
InfoTextWidget(label: 'Installation Date', value: loanData.installationEDD?.toAssetDetailsFormat ?? "-"),
InfoTextWidget(label: 'Pullout EDD', value: loanData.pulloutEDD?.toServiceRequestDetailsFormat ?? "-"),
InfoTextWidget(label: 'Pullout Date', value: loanData.pulloutDate?.toAssetDetailsFormat ?? "-"),
];
}
List<Widget> doctorDetails(BuildContext context, LoanRequestModel loanData) {
return [
InfoHeader16Widget("Doctor Information"),
InfoTextWidget(label: 'Name', value: loanData.doctorName ?? "-"),
InfoTextWidget(label: 'Contact', value: loanData.doctorContact ?? "-"),
InfoTextWidget(label: 'Email', value: loanData.doctorEmail ?? "-"),
];
}
List<Widget> requesterDetails(BuildContext context, LoanRequestModel loanData) {
return [
InfoHeader16Widget("Requester Information"),
InfoTextWidget(label: 'Name', value: loanData.requestorUserIdForDisplay ?? "-"),
InfoTextWidget(label: 'Email', value: loanData.requestorUserEmail ?? "-"),
InfoTextWidget(label: 'Contact', value: loanData.requestorUserMobileNumber ?? "-"),
InfoTextWidget(label: 'Extension', value: loanData.requesterExtensionNo ?? "-"),
];
}
Widget labelValueText(BuildContext context, String label, String? value) {
if (value == null || value.isEmpty) return const SizedBox.shrink();
return Padding(
padding: const EdgeInsets.only(bottom: 4),
child: Text(
'$label: $value',
style: AppTextStyles.bodyText.copyWith(
color: context.isDark ? AppColor.neutral30 : AppColor.neutral120,
),
),
);
}
Widget checklistWidget(BuildContext context, {required String value}) {
return Row(
mainAxisSize: MainAxisSize.min,
children: [
Checkbox(
value: true,
activeColor: AppColor.neutral120,
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
visualDensity: const VisualDensity(horizontal: -4, vertical: -3),
onChanged: (value) {},
),
value.bodyText(context),
],
);
}
}