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.
277 lines
10 KiB
Dart
277 lines
10 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_svg/svg.dart';
|
|
import 'package:fluttertoast/fluttertoast.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:test_sa/controllers/api_routes/http_status_manger.dart';
|
|
import 'package:test_sa/controllers/providers/api/gas_refill_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/string_extensions.dart';
|
|
import 'package:test_sa/extensions/widget_extensions.dart';
|
|
import 'package:test_sa/views/app_style/sizing.dart';
|
|
import 'package:test_sa/views/pages/user/gas_refill/request_gas_refill.dart';
|
|
import 'package:test_sa/views/widgets/loaders/loading_manager.dart';
|
|
import 'package:test_sa/views/widgets/requests/request_status.dart';
|
|
|
|
import '../../../../extensions/text_extensions.dart';
|
|
import '../../../../models/enums/user_types.dart';
|
|
import '../../../../models/new_models/gas_refill_model.dart';
|
|
import '../../../../new_views/app_style/app_color.dart';
|
|
import '../../../../new_views/common_widgets/default_app_bar.dart';
|
|
import '../../../app_style/colors.dart';
|
|
|
|
class GasRefillDetailsPage extends StatefulWidget {
|
|
GasRefillModel model;
|
|
|
|
GasRefillDetailsPage({Key key, this.model}) : super(key: key);
|
|
|
|
@override
|
|
State<GasRefillDetailsPage> createState() => _GasRefillDetailsPageState();
|
|
}
|
|
|
|
class _GasRefillDetailsPageState extends State<GasRefillDetailsPage> {
|
|
GasRefillModel _model = GasRefillModel(gazRefillDetails: []);
|
|
bool _enableEdit = false;
|
|
bool _validate = false;
|
|
UserProvider _userProvider;
|
|
SettingProvider _settingProvider;
|
|
GasRefillProvider _gasRefillProvider;
|
|
bool _isLoading = false;
|
|
|
|
final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
|
|
final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
|
|
|
|
_update() async {
|
|
_validate = true;
|
|
if (!_formKey.currentState.validate()) {
|
|
setState(() {});
|
|
return false;
|
|
}
|
|
_formKey.currentState.save();
|
|
|
|
_isLoading = true;
|
|
setState(() {});
|
|
int status = await _gasRefillProvider.updateModel(user: _userProvider.user, host: _settingProvider.host, newModel: _model, oldModel: widget.model);
|
|
_isLoading = false;
|
|
setState(() {});
|
|
if (status >= 200 && status < 300) {
|
|
Fluttertoast.showToast(
|
|
msg: context.translation.successfulRequestMessage,
|
|
);
|
|
_enableEdit = false;
|
|
_validate = false;
|
|
//Navigator.of(context).pop();
|
|
} else {
|
|
String errorMessage = HttpStatusManger.getStatusMessage(status: status, subtitle: context.translation);
|
|
ScaffoldMessenger.of(context).showSnackBar(SnackBar(
|
|
content: Text(errorMessage),
|
|
));
|
|
}
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
_model.fromGasRefillModel(widget.model);
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
|
|
_userProvider = Provider.of<UserProvider>(context);
|
|
_settingProvider = Provider.of<SettingProvider>(context);
|
|
_gasRefillProvider = Provider.of<GasRefillProvider>(context);
|
|
return Scaffold(
|
|
appBar: DefaultAppBar(title: context.translation.gasRefillDetails),
|
|
key: _scaffoldKey,
|
|
body: SafeArea(
|
|
child: Form(
|
|
key: _formKey,
|
|
child: LoadingManager(
|
|
isLoading: _isLoading,
|
|
isFailedLoading: false,
|
|
stateCode: 200,
|
|
onRefresh: () async {},
|
|
child: Column(
|
|
children: [
|
|
informationCard()
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget informationCard() {
|
|
return Container(
|
|
decoration: ShapeDecoration(
|
|
color: Colors.white,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(20),
|
|
),
|
|
shadows: const [BoxShadow(color: Color(0x07000000), blurRadius: 14, offset: Offset(0, 0), spreadRadius: 0)],
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
//StatusLabel(
|
|
//label: item.priority.name,
|
|
//id: serviceRequest.priority.id,
|
|
//textColor: AColors.getPriorityStatusTextColor(serviceRequest.priority.id),
|
|
//backgroundColor: AColors.getPriorityStatusColor(serviceRequest.priority.id)
|
|
//),
|
|
8.width,
|
|
StatusLabel(
|
|
label: widget.model.status?.name??"",
|
|
textColor: AColors.getRequestStatusTextColor(widget.model.status?.value??0),
|
|
backgroundColor: AColors.getRequestStatusColor(widget.model.status?.value??0)),
|
|
8.height,
|
|
Text(context.translation.gasRefillRequest, style: AppTextStyles.heading5.copyWith(color: const Color(0xFF3B3D4A))),
|
|
],
|
|
),
|
|
1.width.expanded,
|
|
if (_userProvider.user.type == UsersTypes.engineer)
|
|
CircleAvatar(
|
|
radius: 25,
|
|
backgroundColor: AppColor.neutral30,
|
|
child: CircleAvatar(
|
|
radius: 24,
|
|
backgroundColor: Colors.white,
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(left: 3.0),
|
|
child: SvgPicture.asset('assets/images/update.svg'),
|
|
),
|
|
),
|
|
).onPress(
|
|
// (widget.model.status?.value ?? 0) == 2
|
|
// ? null
|
|
// :
|
|
() async {
|
|
// _enableEdit = !_enableEdit;
|
|
_model?.fromGasRefillModel(widget.model);
|
|
// setState(() {});
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) => RequestGasRefill(
|
|
gasRefillModel: widget.model,
|
|
),
|
|
),
|
|
).then((value) {
|
|
if (value != null) {
|
|
_model = value;
|
|
}
|
|
});
|
|
setState(() {});
|
|
},),
|
|
],
|
|
),
|
|
8.height,
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'Gas Request:',
|
|
style: AppTextStyles.bodyText.copyWith(color: Color(0xFF757575)),
|
|
),
|
|
Text(
|
|
'Cylinder Size: ${widget.model.gazRefillDetails[0].cylinderSize.value}',
|
|
style: AppTextStyles.bodyText.copyWith(color: Color(0xFF757575)),
|
|
),
|
|
Text(
|
|
'Site: ${widget.model.site.name}',
|
|
style: AppTextStyles.bodyText.copyWith(color: Color(0xFF757575)),
|
|
),
|
|
],
|
|
),
|
|
Text(widget.model.startDate?.toServiceRequestCardFormat??"", textAlign: TextAlign.end, style: AppTextStyles.tinyFont.copyWith(color: const Color(0xFF3B3D4A))),
|
|
],
|
|
),
|
|
8.height,
|
|
const Divider(color: Color(0xFFEAF1F4), height: 1, thickness: 1),
|
|
8.height,
|
|
Text(
|
|
'Request Quantity: ${widget.model.gazRefillDetails[0].requestedQty}',
|
|
style: AppTextStyles.bodyText.copyWith(color: Color(0xFF757575)),
|
|
),
|
|
Text(
|
|
'Delivered Quantity: ${widget.model.gazRefillDetails[0].deliverdQty}',
|
|
style: AppTextStyles.bodyText.copyWith(color: Color(0xFF757575)),
|
|
),
|
|
8.height,
|
|
],
|
|
).paddingAll(16),
|
|
(_userProvider.user.type == UsersTypes.normal_user
|
|
? Container(
|
|
height: 50,
|
|
padding: const EdgeInsets.only(left: 16, right: 16),
|
|
alignment: Alignment.center,
|
|
width: double.infinity,
|
|
decoration: const ShapeDecoration(
|
|
color: Color(0xFFEAF1F4),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.only(
|
|
bottomLeft: Radius.circular(20),
|
|
bottomRight: Radius.circular(20),
|
|
),
|
|
),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Text(
|
|
'Comment here...',
|
|
style: AppTextStyles.heading6.copyWith(
|
|
color: AppColor.neutral50.withOpacity(.6),
|
|
),
|
|
).expanded,
|
|
SvgPicture.asset("assets/images/comment_send.svg", width: 24 * AppStyle.getScaleFactor(context), height: 24 * AppStyle.getScaleFactor(context), color: AppColor.primary70),
|
|
],
|
|
),
|
|
)
|
|
: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
const Divider(color: Color(0xFFEAF1F4), height: 1, thickness: 1),
|
|
16.height,
|
|
Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text(
|
|
'View Comments',
|
|
style: AppTextStyles.bodyText.copyWith(color: const Color(0xFF4A8DB7)),
|
|
),
|
|
4.width,
|
|
const Icon(
|
|
Icons.arrow_forward,
|
|
color: Color(0xFF4A8DB7),
|
|
size: 14,
|
|
)
|
|
],
|
|
),
|
|
],
|
|
).paddingOnly(bottom: 16, start: 16, end: 16))
|
|
.onPress(() {
|
|
}),
|
|
],
|
|
),
|
|
).paddingAll(16);
|
|
}
|
|
}
|