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.
412 lines
19 KiB
Dart
412 lines
19 KiB
Dart
import 'dart:io';
|
|
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:test_sa/controllers/providers/api/service_requests_provider.dart';
|
|
import 'package:test_sa/controllers/providers/api/user_provider.dart';
|
|
import 'package:test_sa/controllers/providers/settings/setting_provider.dart';
|
|
import 'package:test_sa/extensions/context_extension.dart';
|
|
import 'package:test_sa/extensions/int_extensions.dart';
|
|
import 'package:test_sa/extensions/widget_extensions.dart';
|
|
import 'package:test_sa/models/service_request/pending_service_request_model.dart';
|
|
import 'package:test_sa/models/service_request/service_request.dart';
|
|
import 'package:test_sa/new_views/common_widgets/app_filled_button.dart';
|
|
import 'package:test_sa/providers/service_request_providers/equipment_status_provider.dart';
|
|
import 'package:test_sa/providers/service_request_providers/requested_through_provider.dart';
|
|
import 'package:test_sa/views/pages/user/requests/pending_requests_screen.dart';
|
|
import 'package:test_sa/views/widgets/bottom_sheets/pending_request_bottom_sheet.dart';
|
|
import 'package:test_sa/views/widgets/equipment/asset_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/sound/TextSpeechRecordWidget.dart';
|
|
|
|
import '../../../../new_views/app_style/app_color.dart';
|
|
import '../../../../new_views/common_widgets/default_app_bar.dart';
|
|
import '../../../../providers/service_request_providers/priority_provider.dart';
|
|
import '../../../../providers/service_request_providers/type_of_request_provider.dart';
|
|
|
|
class CreateServiceRequestPage extends StatefulWidget {
|
|
static const String id = "/create-request";
|
|
final ServiceRequest serviceRequest;
|
|
|
|
const CreateServiceRequestPage({this.serviceRequest, Key key}) : super(key: key);
|
|
|
|
@override
|
|
CreateServiceRequestPageState createState() => CreateServiceRequestPageState();
|
|
}
|
|
|
|
class CreateServiceRequestPageState extends State<CreateServiceRequestPage> {
|
|
TextEditingController _commentController;
|
|
|
|
double _height;
|
|
UserProvider _userProvider;
|
|
SettingProvider _settingProvider;
|
|
ServiceRequestsProvider _serviceRequestsProvider;
|
|
ServiceRequest _serviceRequest;
|
|
final List<File> _deviceImages = [];
|
|
bool _isLoading = false;
|
|
bool _showDatePicker = false;
|
|
final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
|
|
final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
|
|
DateTime _dateTime;
|
|
|
|
bool isFirstActionSubmitted = false;
|
|
|
|
@override
|
|
void initState() {
|
|
_commentController = TextEditingController();
|
|
if (widget.serviceRequest != null) {
|
|
_serviceRequest = widget.serviceRequest;
|
|
_deviceImages.addAll(_serviceRequest.devicePhotos.map((e) => File(e)).toList());
|
|
_showDatePicker = _serviceRequest.firstAction != null && _serviceRequest.firstAction.name == "Need a visit";
|
|
if (_showDatePicker && _serviceRequest.visitDate != null) {
|
|
_dateTime = DateTime.tryParse(_serviceRequest.visitDate);
|
|
}
|
|
} else {
|
|
_serviceRequest = ServiceRequest();
|
|
}
|
|
isFirstActionSubmitted = _serviceRequest?.firstAction != null;
|
|
super.initState();
|
|
}
|
|
|
|
//
|
|
// getServiceRequestById(String id) async {
|
|
// try {
|
|
// ServiceRequest request = await _serviceRequestsProvider.getServiceRequestObjectById(requestId: id) ?? "";
|
|
// _serviceRequest = request;
|
|
// _device = _serviceRequest.device;
|
|
// _deviceImages.addAll(_serviceRequest.devicePhotos.map((e) {
|
|
// return File(e);
|
|
// }).toList());
|
|
// _showDatePicker = _serviceRequest.firstAction != null && _serviceRequest.firstAction.name == "Need a visit";
|
|
// if (_showDatePicker && _serviceRequest.visitDate != null) {
|
|
// _dateTime = DateTime.tryParse(_serviceRequest.visitDate);
|
|
// }
|
|
// _isLoading = false;
|
|
// } catch (ex) {
|
|
// _isLoading = false;
|
|
// }
|
|
// setState(() {});
|
|
// }
|
|
|
|
@override
|
|
void dispose() {
|
|
_commentController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
bool _isLocalUrl(String url) {
|
|
if (url?.isEmpty != false) return false;
|
|
return url.startsWith("/") || url.startsWith("file://") || url.substring(1).startsWith(':\\');
|
|
}
|
|
|
|
bool priority;
|
|
|
|
void getData() {
|
|
Provider.of<RequestedThroughProvider>(context).getDate();
|
|
Provider.of<TypeOfRequestProvider>(context).getDate();
|
|
Provider.of<PriorityProvider>(context).getDate();
|
|
Provider.of<EquipmentStatusProvider>(context).getDate();
|
|
}
|
|
|
|
PendingAssetServiceRequest pendingAssetServiceRequest;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
_height = MediaQuery.of(context).size.height;
|
|
_userProvider = Provider.of<UserProvider>(context);
|
|
|
|
_serviceRequestsProvider = Provider.of<ServiceRequestsProvider>(context);
|
|
if (_settingProvider == null) {
|
|
_settingProvider = Provider.of<SettingProvider>(context);
|
|
getData();
|
|
}
|
|
|
|
return Scaffold(
|
|
key: _scaffoldKey,
|
|
appBar: DefaultAppBar(title: context.translation.newServiceRequest),
|
|
body: SafeArea(
|
|
child: LoadingManager(
|
|
isLoading: _isLoading,
|
|
isFailedLoading: false,
|
|
stateCode: 200,
|
|
onRefresh: () async {},
|
|
child: Form(
|
|
key: _formKey,
|
|
child: Column(
|
|
children: [
|
|
SingleChildScrollView(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
AssetPicker(
|
|
device: _serviceRequest.device,
|
|
showLoading: checkPendingRequest,
|
|
onPick: (asset) async {
|
|
pendingAssetServiceRequest = null;
|
|
_serviceRequest.device = asset;
|
|
await checkAssetForPendingServiceRequest(asset.id);
|
|
|
|
if (pendingAssetServiceRequest != null && pendingAssetServiceRequest.details.isNotEmpty) {
|
|
showPendingRequestBottomSheet();
|
|
}
|
|
},
|
|
),
|
|
if (pendingAssetServiceRequest != null && pendingAssetServiceRequest.details.isNotEmpty) ...[
|
|
8.height,
|
|
Row(
|
|
children: [
|
|
const Icon(Icons.warning, color: Color(0xffEE404C), size: 14),
|
|
8.width,
|
|
Text(
|
|
"This asset already have ${pendingAssetServiceRequest.details.length} request pending",
|
|
style: TextStyle(fontSize: 12, fontWeight: FontWeight.w500, color: Color(0xff7D859A), decoration: TextDecoration.underline),
|
|
).expanded,
|
|
],
|
|
).onPress(() {
|
|
showPendingRequests();
|
|
}),
|
|
],
|
|
16.height,
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(context.translation.priority, style: Theme.of(context).textTheme.bodyLarge),
|
|
Consumer<PriorityProvider>(builder: (cxt, snapshot, _) {
|
|
_serviceRequest?.priority ??= snapshot.items?.firstWhere((element) => element.value == 0, orElse: () => null);
|
|
return Transform.scale(
|
|
scale: 0.8,
|
|
child: CupertinoSwitch(
|
|
thumbColor: Color(0xffF63939),
|
|
activeColor: AppColor.blueStatus(context).withOpacity(.25),
|
|
value: _serviceRequest?.priority?.value != 0,
|
|
onChanged: (state) {
|
|
if (state) {
|
|
_serviceRequest?.priority = snapshot.items?.firstWhere((element) => element.value == 1, orElse: () => null);
|
|
} else {
|
|
_serviceRequest?.priority = snapshot.items?.firstWhere((element) => element.value == 0, orElse: () => null);
|
|
}
|
|
setState(() {});
|
|
}).toShimmer(isShow: snapshot.loading),
|
|
);
|
|
}),
|
|
],
|
|
),
|
|
16.height,
|
|
Consumer<EquipmentStatusProvider>(builder: (cxt, snapshot, _) {
|
|
try {
|
|
_serviceRequest?.defectType ??= snapshot.items?.first;
|
|
} catch (ex) {
|
|
print("snapshot.items:${snapshot.items?.length}");
|
|
}
|
|
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text(context.translation.equipmentStatus, style: Theme.of(context).textTheme.bodyLarge),
|
|
8.height,
|
|
Wrap(
|
|
runSpacing: 8,
|
|
spacing: 8,
|
|
children: [
|
|
for (var element in snapshot.items)
|
|
Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
SizedBox(
|
|
width: 24,
|
|
height: 24,
|
|
child: Radio(
|
|
value: element,
|
|
activeColor: Colors.red,
|
|
fillColor: MaterialStateColor.resolveWith((states) {
|
|
if (states.contains(MaterialState.selected)) return Color(0xff3DA5E5);
|
|
return Color(0xffE0E0E0);
|
|
}),
|
|
groupValue: _serviceRequest?.defectType,
|
|
onChanged: (state) {
|
|
setState(() {
|
|
_serviceRequest?.defectType = element;
|
|
});
|
|
}),
|
|
),
|
|
8.width,
|
|
Text(element.name, style: Theme.of(context).textTheme.bodySmall),
|
|
],
|
|
)
|
|
],
|
|
),
|
|
],
|
|
);
|
|
}),
|
|
16.height,
|
|
MultiFilesPicker(label: context.translation.attachImage, files: _deviceImages, showAsGrid: true),
|
|
],
|
|
).toShadowContainer(context),
|
|
|
|
// SingleItemDropDownMenu<Lookup, PriorityProvider>(
|
|
// context: context,
|
|
// title: context.translation.priority,
|
|
// initialValue: _serviceRequest?.priority,
|
|
// onSelect: (value) {
|
|
// _serviceRequest.priority = value;
|
|
// },
|
|
// ),
|
|
// 8.height,
|
|
// SingleItemDropDownMenu<Lookup, EquipmentStatusProvider>(
|
|
// context: context,
|
|
// title: context.translation.equipmentStatus,
|
|
// initialValue: _serviceRequest?.defectType,
|
|
// onSelect: (value) {
|
|
// _serviceRequest.defectType = value;
|
|
// },
|
|
// ),
|
|
|
|
// Consumer<RequestedThroughProvider>(builder: (context, snapshot, _) {
|
|
// return SingleItemDropDownMenu<Lookup, RequestedThroughProvider>(
|
|
// context: context,
|
|
// enabled: false,
|
|
// title: context.translation.source,
|
|
// initialValue: snapshot.items?.firstWhere((element) => element.value == 3, orElse: () => null),
|
|
// );
|
|
// }),
|
|
// 8.height,
|
|
// Consumer<TypeOfRequestProvider>(builder: (context, snapshot, _) {
|
|
// return SingleItemDropDownMenu<Lookup, TypeOfRequestProvider>(
|
|
// context: context,
|
|
// title: context.translation.requestType,
|
|
// enabled: false,
|
|
// initialValue: snapshot.items?.firstWhere((element) => element.value == 1, orElse: () => null),
|
|
// // onSelect: (value) {
|
|
// // _serviceRequest.type = value;
|
|
// // },
|
|
// );
|
|
// }),
|
|
|
|
// Align(
|
|
// alignment: AlignmentDirectional.centerStart,
|
|
// child: context.translation.callComments.heading5(context),
|
|
// ),
|
|
8.height,
|
|
// SpeechToTextButton(
|
|
// controller: _commentController,
|
|
// ),
|
|
// 8.height,
|
|
// AppTextFormField(
|
|
// controller: _commentController,
|
|
// labelText: context.translation.problemDesc,
|
|
// suffixIcon: "warning".toSvgAsset(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20, width: 24).paddingOnly(end: 16),
|
|
// initialValue: _serviceRequest.callComments,
|
|
// onSaved: (text) {
|
|
// _serviceRequest.callComments = text;
|
|
// },
|
|
// ),
|
|
// 8.height,
|
|
// RecordSound(
|
|
// onRecord: (audio) {
|
|
// _serviceRequest.audio = audio;
|
|
// },
|
|
// enabled: widget.serviceRequest == null ? true : false,
|
|
// ),
|
|
8.height,
|
|
TextSpeechRecordWidget(
|
|
initialMessage: _serviceRequest.callComments,
|
|
onMessageChange: (message) {
|
|
_serviceRequest.callComments = message;
|
|
},
|
|
onRecord: (audio) {
|
|
_serviceRequest.audio = audio;
|
|
},
|
|
enabled: widget.serviceRequest == null ? true : false,
|
|
),
|
|
16.height,
|
|
],
|
|
),
|
|
).expanded,
|
|
AppFilledButton(
|
|
onPressed: checkPendingRequest ? null : _submit,
|
|
loading: checkPendingRequest,
|
|
label: context.translation.submitRequest,
|
|
),
|
|
],
|
|
),
|
|
).paddingOnly(start: 16, end: 16, bottom: 24, top: 16),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
bool checkPendingRequest = false;
|
|
|
|
void showPendingRequests() {
|
|
Navigator.of(context).push(MaterialPageRoute(builder: (_) => PendingServiceRequestScreen(pendingAssetServiceRequest)));
|
|
}
|
|
|
|
void showPendingRequestBottomSheet() async {
|
|
bool view = (await showModalBottomSheet(
|
|
context: context,
|
|
isDismissible: false,
|
|
shape: const RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.vertical(
|
|
top: Radius.circular(20),
|
|
),
|
|
),
|
|
clipBehavior: Clip.antiAliasWithSaveLayer,
|
|
builder: (BuildContext context) => PendingRequestBottomSheet(pendingAssetServiceRequest, _serviceRequest.device),
|
|
)) as bool;
|
|
if (view) {
|
|
showPendingRequests();
|
|
}
|
|
}
|
|
|
|
Future<void> checkAssetForPendingServiceRequest(int assetId) async {
|
|
checkPendingRequest = true;
|
|
setState(() {});
|
|
|
|
pendingAssetServiceRequest = await _serviceRequestsProvider.checkAssetPendingRequest(assetId);
|
|
await Future.delayed(Duration(seconds: 1));
|
|
|
|
checkPendingRequest = false;
|
|
setState(() {});
|
|
}
|
|
|
|
Future<void> _submit() async {
|
|
_serviceRequest?.requestedThrough = Provider.of<RequestedThroughProvider>(context, listen: false).items?.firstWhere((element) => element.value == 3, orElse: () => null);
|
|
_serviceRequest?.type = Provider.of<TypeOfRequestProvider>(context, listen: false).items?.firstWhere((element) => element.value == 1, orElse: () => null);
|
|
|
|
print("_serviceRequest?.requestedThrough:${_serviceRequest?.requestedThrough.toJson()}");
|
|
print("_serviceRequest?.type:${_serviceRequest?.type.toJson()}");
|
|
print("_serviceRequest?.priority:${_serviceRequest?.priority.toJson()}");
|
|
return;
|
|
|
|
// if (_formKey.currentState.validate() && await _serviceRequest.validateNewRequest(context)) {
|
|
// _formKey.currentState.save();
|
|
//
|
|
// bool canSubmitRequest = await checkAssetForPendingServiceRequest(_serviceRequest.device.id);
|
|
// if (!canSubmitRequest) {
|
|
// return;
|
|
// }
|
|
//
|
|
// _serviceRequest.devicePhotos = _deviceImages.map((e) => _isLocalUrl(e.path) ? "${e.path.split("/").last}|${base64Encode(e.readAsBytesSync())}" : e.path).toList();
|
|
// if (_serviceRequest.audio != null) {
|
|
// if (_isLocalUrl(_serviceRequest.audio)) {
|
|
// final File file = File(_serviceRequest.audio);
|
|
// _serviceRequest.audio = "${file.path.split("/").last}|${base64Encode(file.readAsBytesSync())}";
|
|
// }
|
|
// }
|
|
// await _serviceRequestsProvider.createRequest(
|
|
// context: context,
|
|
// user: _userProvider.user,
|
|
// host: _settingProvider.host,
|
|
// serviceRequest: _serviceRequest,
|
|
// );
|
|
// }
|
|
}
|
|
}
|