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.
170 lines
8.2 KiB
Dart
170 lines
8.2 KiB
Dart
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/extensions/text_extensions.dart';
|
|
import 'package:test_sa/extensions/widget_extensions.dart';
|
|
import 'package:test_sa/models/enums/user_types.dart';
|
|
import 'package:test_sa/modules/cm_module/views/components/action_button/footer_action_button.dart';
|
|
import 'package:test_sa/modules/traf_module/traf_request_provider.dart';
|
|
import 'package:test_sa/modules/traf_module/update_traf_request_page.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/default_app_bar.dart';
|
|
import 'package:test_sa/views/widgets/loaders/app_loading.dart';
|
|
import 'package:test_sa/views/widgets/loaders/no_data_found.dart';
|
|
|
|
import 'traf_request_model.dart';
|
|
|
|
class TrafRequestDetailPage extends StatefulWidget {
|
|
static const String id = "/details-TRAF";
|
|
|
|
final int trafId;
|
|
|
|
TrafRequestDetailPage({Key? key, required this.trafId}) : super(key: key);
|
|
|
|
@override
|
|
_TrafRequestDetailPageState createState() {
|
|
return _TrafRequestDetailPageState();
|
|
}
|
|
}
|
|
|
|
class _TrafRequestDetailPageState extends State<TrafRequestDetailPage> {
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
Provider.of<TrafRequestProvider>(context, listen: false).getTRAFById(widget.trafId);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
bool isEngineer = (Provider.of<UserProvider>(context, listen: false).user?.type) == UsersTypes.engineer;
|
|
return Scaffold(
|
|
appBar: const DefaultAppBar(title: "TRAF Request"),
|
|
body: Selector<TrafRequestProvider, bool>(
|
|
selector: (_, myModel) => myModel.isLoading, // Selects only the userName
|
|
builder: (_, isLoading, __) {
|
|
if (isLoading) return const ALoading();
|
|
TrafRequestProvider trafProvider = Provider.of<TrafRequestProvider>(context, listen: false);
|
|
return trafProvider.trafRequestDataModel == null
|
|
? const NoDataFound().center
|
|
: Column(
|
|
children: [
|
|
ListView(
|
|
padding: const EdgeInsets.all(16),
|
|
children: [
|
|
requesterInformation(trafProvider.trafRequestDataModel!),
|
|
12.height,
|
|
requestInformation(trafProvider.trafRequestDataModel!),
|
|
12.height,
|
|
assetInformation(trafProvider.trafRequestDataModel!),
|
|
],
|
|
).expanded,
|
|
// // if (isEngineer)
|
|
// FooterActionButton.footerContainer(
|
|
// context: context,
|
|
// child: AppFilledButton(
|
|
// buttonColor: AppColor.primary10,
|
|
// label: "Update",
|
|
// onPressed: () {
|
|
// Navigator.pushNamed(context, UpdateTrafRequestPage.id);
|
|
// }),
|
|
// ),
|
|
],
|
|
);
|
|
},
|
|
));
|
|
}
|
|
|
|
Widget requesterInformation(TrafRequestDataModel data) {
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Requester Information",
|
|
style: AppTextStyles.heading4.copyWith(color: context.isDark ? AppColor.neutral30 : AppColor.neutral50),
|
|
),
|
|
8.height,
|
|
'${context.translation.employeeId}: ${data.employeeIdForDisplay ?? '-'}'.bodyText(context),
|
|
'${context.translation.name}: ${data.employeeName ?? '-'}'.bodyText(context), // todo ask shaheer
|
|
'${context.translation.email}: ${data.employeeEmail ?? '-'}'.bodyText(context), // todo ask shaheer
|
|
'Position: ${data.positionName ?? '-'}'.bodyText(context), // todo ask shaheer
|
|
'${context.translation.site}: ${data.siteName ?? '-'}'.bodyText(context),
|
|
'${context.translation.department}: ${data.departments?.map((item) => item.departmentName).toList() ?? '-'}'.bodyText(context),
|
|
'Requester Extension: ${data.requesterExtensionName ?? '-'}'.bodyText(context),
|
|
'${context.translation.extensionNo}: ${data.requesterExtensionNumber ?? '-'}'.bodyText(context),
|
|
],
|
|
).toShadowContainer(context, borderRadius: 20, padding: 12);
|
|
}
|
|
|
|
Widget requestInformation(TrafRequestDataModel data) {
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Request Information",
|
|
style: AppTextStyles.heading4.copyWith(color: context.isDark ? AppColor.neutral30 : AppColor.neutral50),
|
|
),
|
|
8.height,
|
|
'TRAF No: ${data.reqCode ?? '-'}'.bodyText(context),
|
|
'Request type: ${data.requestTypeName ?? '-'}'.bodyText(context),
|
|
4.height,
|
|
'How would the requested technology solve the current situation and/or serve the purpose?: ${data.purposeAnswer ?? '-'}'.bodyText(context),
|
|
4.height,
|
|
'What is the current practice?: ${data.currentPractise ?? '-'}'.bodyText(context),
|
|
4.height,
|
|
'Census Q1: ${data.censusQ1 ?? '-'}'.bodyText(context),
|
|
'Census Q2: ${data.censusQ2 ?? '-'}'.bodyText(context),
|
|
'Census Q3: ${data.censusQ3 ?? '-'}'.bodyText(context),
|
|
'Census Q4: ${data.censusQ4 ?? '-'}'.bodyText(context),
|
|
4.height,
|
|
'List down names & contact information of users going to use the technology & specify if they are part-time or full time?:\n${data.trafContacts?.map((item) => item.name).toList() ?? '-'}'
|
|
.bodyText(context),
|
|
4.height,
|
|
'Is the requesting department going to use the technology solely or shared with other departments?:\n${data.usingSolelyOrSharedName ?? '-'}'.bodyText(context),
|
|
4.height,
|
|
'Would other services be effected by acquiring the new equipment?:\n${data.effectedServices ?? '-'}'.bodyText(context),
|
|
4.height,
|
|
'Is the equipment going to be used with combination of other equipment to accomplish a specific procedure?:\n${data.usedWithCombination ?? '-'}'.bodyText(context),
|
|
],
|
|
).toShadowContainer(context, borderRadius: 20, padding: 12);
|
|
}
|
|
|
|
Widget assetInformation(TrafRequestDataModel data) {
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Asset Information",
|
|
style: AppTextStyles.heading4.copyWith(color: context.isDark ? AppColor.neutral30 : AppColor.neutral50),
|
|
),
|
|
8.height,
|
|
'${context.translation.assetName}: ${data.assetName ?? '-'}'.bodyText(context),
|
|
'${context.translation.model}: ${data.modelName ?? '-'}'.bodyText(context),
|
|
'${context.translation.manufacture}: ${data.manufacturerName ?? '-'}'.bodyText(context),
|
|
if (data.requestTypeId == 733) ...[
|
|
'Last price & PO: ${data.poNumber ?? '-'}'.bodyText(context),
|
|
'The quantity of the same asset: ${data.qty ?? '-'}'.bodyText(context), // todo check with shaheer
|
|
'Existing asset under SLA: ${data.qty ?? '-'}'.bodyText(context), // todo check with shaheer
|
|
'Age of the asset: ${data.qty ?? '-'}'.bodyText(context), // todo check with shaheer
|
|
'Total Maintenance Cost (TMC): ${data.qty ?? '-'}'.bodyText(context), // todo check with shaheer
|
|
'Net Book Value (NBV): ${data.qty ?? '-'}'.bodyText(context), // todo check with shaheer
|
|
'Mean Time Between Failure (MTBF): ${data.qty ?? '-'}'.bodyText(context), // todo check with shaheer
|
|
'Down Time (DT): ${data.qty ?? '-'}'.bodyText(context), // todo check with shaheer
|
|
'Up Time (UT): ${data.qty ?? '-'}'.bodyText(context), // todo check with shaheer
|
|
'Purchased Price: ${data.qty ?? '-'}'.bodyText(context), // todo check with shaheer
|
|
],
|
|
],
|
|
).toShadowContainer(context, borderRadius: 20, padding: 12);
|
|
}
|
|
}
|