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.
263 lines
12 KiB
Dart
263 lines
12 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/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/text_extensions.dart';
|
|
import 'package:test_sa/extensions/widget_extensions.dart';
|
|
import 'package:test_sa/models/user.dart';
|
|
import 'package:test_sa/new_views/common_widgets/default_app_bar.dart';
|
|
import 'package:test_sa/views/widgets/loaders/loading_manager.dart';
|
|
|
|
import '../../../new_views/app_style/app_color.dart';
|
|
|
|
class ProfilePage extends StatefulWidget {
|
|
static const String id = "/user/profile";
|
|
|
|
const ProfilePage({Key key}) : super(key: key);
|
|
|
|
@override
|
|
_ProfilePageState createState() => _ProfilePageState();
|
|
}
|
|
|
|
class _ProfilePageState extends State<ProfilePage> {
|
|
UserProvider _userProvider;
|
|
SettingProvider _settingProvider;
|
|
double _width;
|
|
double _height;
|
|
User _user = User();
|
|
bool _firstTime = true;
|
|
final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
|
|
final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
_userProvider = Provider.of<UserProvider>(context);
|
|
_settingProvider = Provider.of<SettingProvider>(context);
|
|
_width = MediaQuery.of(context).size.width;
|
|
_height = MediaQuery.of(context).size.height;
|
|
|
|
if (_firstTime) {
|
|
_user = User.fromJson(_userProvider.user.toJson());
|
|
_firstTime = false;
|
|
}
|
|
return Scaffold(
|
|
key: _scaffoldKey,
|
|
appBar: const DefaultAppBar(title: "My Profile"),
|
|
body: LoadingManager(
|
|
isLoading: _userProvider.isLoading,
|
|
isFailedLoading: false,
|
|
stateCode: 200,
|
|
onRefresh: () async {},
|
|
child: SafeArea(
|
|
child: Card(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
SizedBox(
|
|
width: double.infinity,
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
width: 90,
|
|
height: 90,
|
|
decoration: ShapeDecoration(
|
|
image: DecorationImage(
|
|
image: NetworkImage(
|
|
(_user.profilePhotoName?.isNotEmpty ?? false)
|
|
? _user.profilePhotoName
|
|
: "https://www.shutterstock.com/shutterstock/photos/1714666150/display_1500/stock-photo-head-shot-portrait-close-up-smiling-confident-businessman-wearing-glasses-looking-at-camera-1714666150.jpg",
|
|
),
|
|
fit: BoxFit.cover,
|
|
),
|
|
shape: const OvalBorder(side: BorderSide(width: 1, color: Color(0xFFE4E5E6))),
|
|
),
|
|
),
|
|
(_user.username ?? "Eng Mahmoud").heading3(context).custom(fontWeight: FontWeight.w600),
|
|
(_user.email ?? "context.welcome@gmail.com").heading6(context).custom(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20),
|
|
],
|
|
),
|
|
),
|
|
24.height,
|
|
const Divider().defaultStyle(context),
|
|
8.height,
|
|
(_user.phoneNumber ?? "+966 433 443 344").heading5(context),
|
|
8.height,
|
|
const Divider().defaultStyle(context),
|
|
8.height,
|
|
("Ext: ${"2212"}").heading5(context),
|
|
8.height,
|
|
if ((_user.departmentName?.length ?? 0) > 0) const Divider().defaultStyle(context),
|
|
ListView.builder(
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
itemCount: _user.departmentName?.length ?? 0,
|
|
shrinkWrap: true,
|
|
itemBuilder: (context, index) {
|
|
return (_user.departmentName[index] ?? "N/A").heading5(context).paddingOnly(top: 8, bottom: 8);
|
|
},
|
|
),
|
|
],
|
|
).paddingAll(16),
|
|
).paddingAll(16),
|
|
// child: Stack(
|
|
// children: [
|
|
// Form(
|
|
// key: _formKey,
|
|
// child: ListView(
|
|
// children: [
|
|
// //AppNameBar(),
|
|
// Hero(
|
|
// tag: "logo",
|
|
// child: Image(
|
|
// height: _height / 4,
|
|
// image: AssetImage("assets/images/logo.png"),
|
|
// ),
|
|
// ),
|
|
// Container(
|
|
// padding: EdgeInsets.symmetric(horizontal: 16, vertical: 16),
|
|
// margin: EdgeInsets.symmetric(horizontal: 16),
|
|
// decoration: BoxDecoration(color: AColors.primaryColor, borderRadius: BorderRadius.circular(AppStyle.getBorderRadius(context)), boxShadow: [
|
|
// BoxShadow(
|
|
// color: AColors.grey,
|
|
// offset: Offset(0, -1),
|
|
// )
|
|
// ]),
|
|
// child: Column(
|
|
// children: [
|
|
// ATextFormField(
|
|
// initialValue: _user.userName,
|
|
// hintText: context.translation.name,
|
|
// enable: false,
|
|
// prefixIconData: Icons.account_circle,
|
|
// style: Theme.of(context).textTheme.headline6,
|
|
// validator: (value) => Validator.hasValue(value) ? null : context.translation.nameValidateMessage,
|
|
// onSaved: (value) {
|
|
// _user.userName = value;
|
|
// },
|
|
// ),
|
|
// SizedBox(
|
|
// height: 8,
|
|
// ),
|
|
// ATextFormField(
|
|
// initialValue: _user.email,
|
|
// hintText: context.translation.email,
|
|
// enable: false,
|
|
// prefixIconData: Icons.email,
|
|
// textInputType: TextInputType.emailAddress,
|
|
// style: Theme.of(context).textTheme.headline6,
|
|
// validator: (value) => Validator.isEmail(value) ? null : context.translation.emailValidateMessage,
|
|
// onSaved: (value) {
|
|
// _user.email = value;
|
|
// },
|
|
// ),
|
|
// SizedBox(
|
|
// height: 8,
|
|
// ),
|
|
// AbsorbPointer(
|
|
// child: HospitalButton(
|
|
// hospital: Hospital(name: _user.clientName, id: _user.clientId),
|
|
// onHospitalPick: (hospital) {
|
|
// _user.clientName = hospital.name;
|
|
// _user.clientId = hospital.id;
|
|
// setState(() {});
|
|
// },
|
|
// ),
|
|
// ),
|
|
// SizedBox(
|
|
// height: 8,
|
|
// ),
|
|
// // DepartmentButton(
|
|
// // department: Department(name: _user.departmentName, id: _user.departmentId),
|
|
// // onDepartmentPick: (department) {
|
|
// // _user.departmentName = department.name;
|
|
// // _user.departmentId = department.id;
|
|
// // setState(() {});
|
|
// // },
|
|
// // ),
|
|
// SizedBox(
|
|
// height: 8,
|
|
// ),
|
|
// ATextFormField(
|
|
// initialValue: _user.phoneNumber,
|
|
// hintText: context.translation.phoneNumber,
|
|
// style: Theme.of(context).textTheme.headline6,
|
|
// prefixIconData: Icons.phone_android,
|
|
// validator: (value) => Validator.isPhoneNumber(value) ? null : context.translation.phoneNumberValidateMessage,
|
|
// textInputType: TextInputType.phone,
|
|
// onSaved: (value) {
|
|
// _user.phoneNumber = value;
|
|
// },
|
|
// ),
|
|
// SizedBox(
|
|
// height: 8,
|
|
// ),
|
|
// // ATextFormField(
|
|
// // initialValue: _user.whatsApp,
|
|
// // hintText: context.translation.whatsApp,
|
|
// // style: Theme.of(context).textTheme.headline6,
|
|
// // prefixIconData: FontAwesomeIcons.whatsapp,
|
|
// // prefixIconSize: 36,
|
|
// // validator: (value) =>
|
|
// // Validator.isPhoneNumber(value) ? null : context.translation.phoneNumberValidateMessage,
|
|
// // textInputType: TextInputType.phone,
|
|
// // onSaved: (value){
|
|
// // _user.whatsApp = value;
|
|
// // },
|
|
// // ),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
// SizedBox(
|
|
// height: 16,
|
|
// ),
|
|
// Center(
|
|
// child: SizedBox(
|
|
// height: _width / 8,
|
|
// width: _width / 1.2,
|
|
// child: AButton(
|
|
// text: context.translation.update,
|
|
// onPressed: () async {
|
|
// // if (!_formKey.currentState.validate()) return;
|
|
// // _formKey.currentState.save();
|
|
// // if (_user.departmentId == null) {
|
|
// // ScaffoldMessenger.of(context).showSnackBar(SnackBar(
|
|
// // content: Text(context.translation.unitRequired),
|
|
// // ));
|
|
// // return;
|
|
// // }
|
|
// // int status = await _userProvider.updateProfile(
|
|
// // user: _user,
|
|
// // host: _settingProvider.host,
|
|
// // );
|
|
// // if (status >= 200 && status < 300) {
|
|
// // _settingProvider.setUser(_userProvider.user);
|
|
// // ScaffoldMessenger.of(context).showSnackBar(SnackBar(
|
|
// // content: Text(context.translation.requestCompleteSuccessfully),
|
|
// // ));
|
|
// // } else {
|
|
// // String errorMessage = HttpStatusManger.getStatusMessage(status: status, subtitle: context.translation);
|
|
// // ScaffoldMessenger.of(context).showSnackBar(SnackBar(
|
|
// // content: Text(errorMessage),
|
|
// // ));
|
|
// // }
|
|
// },
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// SizedBox(
|
|
// height: 32,
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
// ABackButton(),
|
|
// ],
|
|
// ),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|