454 lines
14 KiB
Dart
454 lines
14 KiB
Dart
import 'package:fcs/domain/entities/user.dart';
|
|
import 'package:fcs/domain/vo/privilege.dart';
|
|
import 'package:fcs/localization/transalation.dart';
|
|
import 'package:fcs/pages/delivery_address/delivery_address_list.dart';
|
|
import 'package:fcs/pages/delivery_address/model/delivery_address_model.dart';
|
|
import 'package:fcs/pages/main/model/language_model.dart';
|
|
import 'package:fcs/pages/main/model/main_model.dart';
|
|
import 'package:fcs/pages/main/util.dart';
|
|
import 'package:fcs/pages/profile/profile_currency_edit.dart';
|
|
import 'package:fcs/pages/profile/profile_edit.dart';
|
|
import 'package:fcs/pages/staff/model/staff_model.dart';
|
|
import 'package:fcs/pages/widgets/defalut_delivery_address.dart';
|
|
import 'package:fcs/pages/widgets/display_text.dart';
|
|
import 'package:fcs/pages/widgets/fcs_id_icon.dart';
|
|
import 'package:fcs/pages/widgets/local_app_bar.dart';
|
|
import 'package:fcs/pages/widgets/local_text.dart';
|
|
import 'package:fcs/pages/widgets/progress.dart';
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:flutter_vector_icons/flutter_vector_icons.dart';
|
|
|
|
import '../../helpers/theme.dart';
|
|
import 'package:collection/collection.dart';
|
|
|
|
import 'account_delection_page.dart';
|
|
import 'add_recovery_email.dart';
|
|
import 'change_phone_number.dart';
|
|
|
|
typedef void ProfileCallback();
|
|
|
|
class Profile extends StatefulWidget {
|
|
@override
|
|
_ProfileState createState() => _ProfileState();
|
|
}
|
|
|
|
class _ProfileState extends State<Profile> {
|
|
GlobalKey<ScaffoldMessengerState> key = GlobalKey<ScaffoldMessengerState>();
|
|
bool _isLoading = false;
|
|
String? selectedLanguage;
|
|
TextEditingController bizNameController = new TextEditingController();
|
|
|
|
static final List<String> languagesList = Translation().supportedLanguages;
|
|
static final List<String> languageCodesList =
|
|
Translation().supportedLanguagesCodes;
|
|
|
|
final Map<dynamic, dynamic> languagesMap = {
|
|
languagesList[0]: languageCodesList[0],
|
|
languagesList[1]: languageCodesList[1],
|
|
};
|
|
|
|
buildLanguage(LanguageModel languageModel) async {
|
|
var lan = await languageModel.load();
|
|
if (this.selectedLanguage != lan) {
|
|
setState(() {
|
|
this.selectedLanguage = lan;
|
|
});
|
|
}
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
MainModel mainModel = Provider.of<MainModel>(context);
|
|
LanguageModel languageModel = Provider.of<LanguageModel>(context);
|
|
if (mainModel.user == null) {
|
|
return Container();
|
|
}
|
|
User user = mainModel.user!;
|
|
|
|
buildLanguage(languageModel);
|
|
var deliveryAddressModel = Provider.of<DeliveryAddressModel>(context);
|
|
|
|
final namebox = DisplayText(
|
|
text: "${user.name ?? ''}" + " (${user.status ?? ''})",
|
|
labelTextKey: "profile.name",
|
|
iconData: Icons.person,
|
|
);
|
|
|
|
final currencyBox = Row(
|
|
children: <Widget>[
|
|
Expanded(
|
|
child: DisplayText(
|
|
text: user.preferCurrency ?? "",
|
|
labelTextKey: "profile.currency",
|
|
iconData: FontAwesome5Regular.money_bill_alt,
|
|
)),
|
|
Padding(
|
|
padding: const EdgeInsets.only(right: 0),
|
|
child: IconButton(
|
|
icon: Icon(Icons.edit, color: Colors.grey),
|
|
onPressed: _editCurrency),
|
|
)
|
|
],
|
|
);
|
|
|
|
final deleteAccountBox = DisplayText(
|
|
labelTextKey: "profile.delete.title",
|
|
iconData: MaterialCommunityIcons.account_remove,
|
|
);
|
|
|
|
final phonenumberBox = Row(
|
|
children: [
|
|
Expanded(
|
|
child: DisplayText(
|
|
text: user.phone,
|
|
labelTextKey: "profile.phone",
|
|
iconData: Icons.phone),
|
|
),
|
|
IconButton(
|
|
icon: Icon(Icons.edit, color: Colors.grey),
|
|
onPressed: () {
|
|
Navigator.of(context, rootNavigator: true).push(
|
|
CupertinoPageRoute(
|
|
builder: (context) => ChangePhoneNumber(user: user)));
|
|
})
|
|
],
|
|
);
|
|
|
|
final fcsIDBox = Row(
|
|
children: [
|
|
Expanded(
|
|
child: DisplayText(
|
|
text: user.fcsID ?? "",
|
|
labelTextKey: "customer.fcs.id",
|
|
icon: FcsIDIcon(),
|
|
),
|
|
),
|
|
IconButton(
|
|
icon: Icon(Icons.content_copy, color: Colors.grey),
|
|
onPressed: () => _copy(
|
|
getLocalString(context, "customer.fcs.id"), user.fcsID ?? ""),
|
|
)
|
|
],
|
|
);
|
|
|
|
final usaShippingAddressBox = Row(
|
|
children: [
|
|
Expanded(
|
|
child: DisplayText(
|
|
text: mainModel.setting!.usaAddress ?? "",
|
|
labelTextKey: "profile.usa.shipping.address",
|
|
iconData: Icons.location_on,
|
|
),
|
|
),
|
|
IconButton(
|
|
icon: Icon(Icons.content_copy, color: Colors.grey),
|
|
onPressed: () => _copy(
|
|
getLocalString(context, "profile.usa.shipping.address"),
|
|
mainModel.setting!.usaAddress ?? ""),
|
|
)
|
|
],
|
|
);
|
|
|
|
final logoutbutton =
|
|
fcsButton(context, getLocalString(context, "profile.logout"),
|
|
callack: mainModel.isPinLogin
|
|
? null
|
|
: () {
|
|
showConfirmDialog(context, "profile.logout.confirm",
|
|
() async {
|
|
await _logout();
|
|
});
|
|
},
|
|
iconData: Icons.exit_to_app);
|
|
|
|
final emailBox = Row(
|
|
children: [
|
|
Expanded(
|
|
child: DisplayText(
|
|
text: user.recoveryEmail,
|
|
labelTextKey: "profile.recovery.email",
|
|
iconData: Icons.email_outlined,
|
|
),
|
|
),
|
|
IconButton(icon: Icon(Icons.edit, color: Colors.grey), onPressed: () {
|
|
Navigator.of(context, rootNavigator: true).push(
|
|
CupertinoPageRoute(
|
|
builder: (context) => AddRecoveryEmail(user: user)));
|
|
})
|
|
],
|
|
);
|
|
return LocalProgress(
|
|
inAsyncCall: _isLoading,
|
|
child: Scaffold(
|
|
key: key,
|
|
appBar: LocalAppBar(
|
|
labelKey: "profile.title",
|
|
backgroundColor: Colors.white,
|
|
labelColor: primaryColor,
|
|
arrowColor: primaryColor),
|
|
body: Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: ListView(
|
|
children: <Widget>[
|
|
Row(
|
|
children: <Widget>[
|
|
Expanded(child: namebox),
|
|
Padding(
|
|
padding: const EdgeInsets.only(right: 0),
|
|
child: IconButton(
|
|
icon: Icon(Icons.edit, color: Colors.grey),
|
|
onPressed: _editName),
|
|
)
|
|
],
|
|
),
|
|
phonenumberBox,
|
|
fcsIDBox,
|
|
usaShippingAddressBox,
|
|
currencyBox,
|
|
emailBox,
|
|
DefaultDeliveryAddress(
|
|
labelKey: "profile.default.delivery.address",
|
|
deliveryAddress: deliveryAddressModel.defalutAddress,
|
|
onTap: () {
|
|
Navigator.push(
|
|
context,
|
|
CupertinoPageRoute(
|
|
builder: (context) => DeliveryAddressList()));
|
|
},
|
|
),
|
|
buildLanguageWidget(
|
|
context: context,
|
|
text: "profile.language",
|
|
iconData: Icons.language,
|
|
isEng: languageModel.isEng,
|
|
),
|
|
Row(
|
|
children: <Widget>[
|
|
Expanded(
|
|
child: deleteAccountBox,
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.only(right: 0),
|
|
child: IconButton(
|
|
icon: Icon(Icons.edit, color: Colors.grey),
|
|
onPressed: _editDelete),
|
|
)
|
|
],
|
|
),
|
|
getPrivilegeBox(context),
|
|
SizedBox(height: 15),
|
|
logoutbutton,
|
|
SizedBox(height: 25)
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget buildLanguageWidget(
|
|
{required String text,
|
|
required BuildContext context,
|
|
IconData? iconData,
|
|
required bool isEng}) {
|
|
return Row(
|
|
children: <Widget>[
|
|
Icon(iconData, color: primaryColor),
|
|
const SizedBox(width: 15),
|
|
Expanded(
|
|
child: LocalText(
|
|
context,
|
|
text,
|
|
fontSize: 15.0,
|
|
color: Colors.black54,
|
|
),
|
|
),
|
|
Row(
|
|
children: [
|
|
isEng
|
|
? Image.asset(
|
|
'icons/flags/png/us.png',
|
|
package: 'country_icons',
|
|
fit: BoxFit.fitWidth,
|
|
width: 25,
|
|
)
|
|
: Image.asset(
|
|
'icons/flags/png/mm.png',
|
|
package: 'country_icons',
|
|
fit: BoxFit.fitWidth,
|
|
width: 25,
|
|
),
|
|
Container(
|
|
width: 100,
|
|
padding: const EdgeInsets.only(left: 15),
|
|
child: DropdownButton(
|
|
value: selectedLanguage,
|
|
underline: const SizedBox(),
|
|
isExpanded: true,
|
|
items: languagesList
|
|
.map<DropdownMenuItem<String>>((String value) {
|
|
return DropdownMenuItem<String>(
|
|
value: value,
|
|
child: Text(
|
|
value,
|
|
style: const TextStyle(fontSize: 14),
|
|
));
|
|
}).toList(),
|
|
onChanged: _selectedDropdown)),
|
|
],
|
|
)
|
|
],
|
|
);
|
|
}
|
|
|
|
_selectedDropdown(selected) {
|
|
var languageModel = Provider.of<LanguageModel>(context, listen: false);
|
|
languageModel.saveLanguage(selected);
|
|
setState(() {
|
|
selectedLanguage = selected;
|
|
});
|
|
}
|
|
|
|
Widget getPrivilegeBox(BuildContext context) {
|
|
User? user = Provider.of<MainModel>(context, listen: false).user;
|
|
List<Privilege> _privileges =
|
|
Provider.of<StaffModel>(context, listen: false).privileges;
|
|
|
|
if (user == null || user.isCustomer()) return Container();
|
|
|
|
List<Privilege> privileges = [];
|
|
user.privileges.forEach((e) {
|
|
Privilege? p = _privileges.firstWhereOrNull((p) => p.id == e);
|
|
|
|
if (p != null) {
|
|
privileges.add(p);
|
|
}
|
|
});
|
|
|
|
return privileges.isEmpty
|
|
? const SizedBox()
|
|
: Column(
|
|
children: <Widget>[
|
|
DisplayText(
|
|
labelTextKey: "profile.privileges",
|
|
iconData: MaterialCommunityIcons.clipboard_check_outline,
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.only(left: 30.0),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: getRowPrivilegeWidget(privileges)),
|
|
)
|
|
],
|
|
);
|
|
}
|
|
|
|
List<Widget> getRowPrivilegeWidget(List<Privilege> privileges) {
|
|
return privileges.map((p) {
|
|
return Container(
|
|
padding: EdgeInsets.all(3.0),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
Icon(
|
|
p.iconData,
|
|
color: Colors.black38,
|
|
),
|
|
SizedBox(
|
|
width: 10,
|
|
),
|
|
Flexible(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text("${p.name}",
|
|
style: TextStyle(
|
|
fontSize: 16.0,
|
|
fontStyle: FontStyle.normal,
|
|
color: primaryColor,
|
|
)),
|
|
Text(
|
|
"${p.desc}",
|
|
style: TextStyle(
|
|
fontSize: 14.0,
|
|
fontStyle: FontStyle.normal,
|
|
color: Colors.black38),
|
|
),
|
|
],
|
|
),
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}).toList();
|
|
}
|
|
|
|
_copy(String title, String data) {
|
|
Clipboard.setData(ClipboardData(text: data));
|
|
_showToast(title);
|
|
}
|
|
|
|
_showToast(String title) {
|
|
ScaffoldMessengerState? scaffold = key.currentState;
|
|
|
|
if (scaffold == null) {
|
|
scaffold = ScaffoldMessenger.of(context);
|
|
}
|
|
|
|
scaffold.showSnackBar(
|
|
SnackBar(
|
|
content: Text('copied "$title" data to clipboard'),
|
|
backgroundColor: secondaryColor,
|
|
duration: Duration(seconds: 1),
|
|
),
|
|
);
|
|
}
|
|
|
|
_editDelete() {
|
|
Navigator.of(context).push<void>(CupertinoPageRoute(
|
|
builder: (context) => AccountDelectionPage(
|
|
onlogout: () {
|
|
_logout();
|
|
},
|
|
)));
|
|
}
|
|
|
|
_editName() {
|
|
Navigator.of(context)
|
|
.push<void>(CupertinoPageRoute(builder: (context) => ProfileEdit()));
|
|
}
|
|
|
|
_editCurrency() {
|
|
Navigator.of(context).push<void>(
|
|
CupertinoPageRoute(builder: (context) => ProfileCurrencyEdit()));
|
|
}
|
|
|
|
_logout() async {
|
|
setState(() {
|
|
_isLoading = true;
|
|
});
|
|
try {
|
|
await context.read<MainModel>().signout();
|
|
} catch (e) {
|
|
} finally {
|
|
Future.delayed(Duration(seconds: 1), () {
|
|
if (mounted) {
|
|
setState(() {
|
|
_isLoading = false;
|
|
});
|
|
}
|
|
});
|
|
Navigator.of(context)
|
|
.pushNamedAndRemoveUntil("/welcome", ModalRoute.withName('/welcome'));
|
|
}
|
|
}
|
|
}
|