316 lines
11 KiB
Dart
316 lines
11 KiB
Dart
import 'package:cherry_toast/cherry_toast.dart';
|
|
import 'package:cherry_toast/resources/arrays.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
import 'package:initial_folder/providers/update_password_provider.dart';
|
|
import 'package:initial_folder/size_config.dart';
|
|
import 'package:initial_folder/theme.dart';
|
|
import 'package:initial_folder/widgets/login_regist/custom_text_form_field.dart';
|
|
import 'package:initial_folder/helper/validator.dart';
|
|
import 'package:initial_folder/widgets/login_regist/default_button.dart';
|
|
import 'package:initial_folder/providers/user_info_provider.dart';
|
|
import 'package:initial_folder/widgets/login_regist/loading_button.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:tap_debouncer/tap_debouncer.dart';
|
|
|
|
class SettingAkun extends StatefulWidget {
|
|
@override
|
|
State<SettingAkun> createState() => _SettingAkunState();
|
|
}
|
|
|
|
class _SettingAkunState extends State<SettingAkun> {
|
|
final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
|
|
|
|
final TextEditingController _currentPasswordController =
|
|
TextEditingController(text: '');
|
|
|
|
final TextEditingController _newPasswordController =
|
|
TextEditingController(text: '');
|
|
|
|
final TextEditingController _confirmPasswordController =
|
|
TextEditingController(text: '');
|
|
bool _isObscure = true;
|
|
bool _isObscure1 = true;
|
|
bool _isObscure2 = true;
|
|
bool _isloading = true;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final Brightness brightnessValue =
|
|
MediaQuery.of(context).platformBrightness;
|
|
bool isDarkMode = brightnessValue == Brightness.dark;
|
|
UserInfoProvider userInfoProvider = Provider.of<UserInfoProvider>(context);
|
|
UpdatePasswordProvider updatePasswordProvider =
|
|
Provider.of<UpdatePasswordProvider>(context);
|
|
// EmailProvider emailProvider = Provider.of<EmailProvider>(context);
|
|
// ShowHidePassword showHidePassword = Provider.of<ShowHidePassword>(context);
|
|
// ShowHidePassword1 showHidePassword1 =
|
|
// Provider.of<ShowHidePassword1>(context);
|
|
// ShowHidePassword2 showHidePassword2 =
|
|
// Provider.of<ShowHidePassword2>(context);
|
|
|
|
Future _showMessage(String text) {
|
|
return showDialog(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
backgroundColor: Colors.white,
|
|
surfaceTintColor: Colors.transparent,
|
|
contentPadding: EdgeInsets.fromLTRB(22, 30, 22, 30),
|
|
content: Text(
|
|
text,
|
|
textAlign: TextAlign.center,
|
|
style: thirdTextStyle.copyWith(
|
|
fontSize: getProportionateScreenWidth(12), letterSpacing: 1),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
updatePassword(
|
|
{required idUser,
|
|
String? email,
|
|
String? oldPassword,
|
|
String? password,
|
|
String? newPasswordConfirm}) async {
|
|
await Provider.of<UpdatePasswordProvider>(context, listen: false)
|
|
.passwordUpdate(
|
|
idUser: idUser,
|
|
email: email,
|
|
oldPassword: oldPassword,
|
|
password: password,
|
|
newPasswordConfirm: newPasswordConfirm)
|
|
.then((value) => {
|
|
setState(() {
|
|
if (value == true) {
|
|
_showMessage('Password Berhasil Diubah');
|
|
_isloading = true;
|
|
} else {
|
|
setState(() {
|
|
_isloading = true;
|
|
print('masuk sini');
|
|
});
|
|
_showMessage('Password Gagal Diubah');
|
|
_isloading = true;
|
|
}
|
|
})
|
|
});
|
|
}
|
|
|
|
void _validateInputs() async {
|
|
setState(() {
|
|
_isloading = false;
|
|
});
|
|
|
|
if (this._formKey.currentState!.validate()) {
|
|
await updatePassword(
|
|
idUser: userInfoProvider.result!.data[0].idUser,
|
|
email: userInfoProvider.result!.data[0].email,
|
|
oldPassword: _currentPasswordController.text,
|
|
password: _newPasswordController.text,
|
|
newPasswordConfirm: _confirmPasswordController.text,
|
|
);
|
|
} else {
|
|
setState(() {
|
|
_isloading = true;
|
|
print('masuk sini');
|
|
});
|
|
CherryToast.error(
|
|
toastPosition: Position.top,
|
|
animationDuration: Durations.long1,
|
|
title: Text(
|
|
"Formulir tidak valid, periksa kembali",
|
|
style: TextStyle(
|
|
color: Colors.black,
|
|
fontSize: 15,
|
|
),
|
|
),
|
|
animationType: AnimationType.fromTop,
|
|
).show(context);
|
|
}
|
|
}
|
|
|
|
Widget form() {
|
|
Widget currentPasswordInput() {
|
|
return CustomTextField(
|
|
pad: getProportionateScreenWidth(2),
|
|
controler: _currentPasswordController,
|
|
hinttext: 'Masukkan password saat ini',
|
|
title: 'Password Lama',
|
|
obscuretext: _isObscure,
|
|
validate: (String? value) {
|
|
if (value!.length == 0)
|
|
return 'Password tidak boleh kosong';
|
|
else if (value.length < 8)
|
|
return 'Password minimal harus berjumlah 8 karakter';
|
|
|
|
return null;
|
|
},
|
|
suffix: GestureDetector(
|
|
onTap: () => setState(() {
|
|
_isObscure = !_isObscure;
|
|
}),
|
|
child: _isObscure
|
|
? Icon(
|
|
Icons.visibility_off,
|
|
color: secondaryColor,
|
|
size: 18,
|
|
)
|
|
: Icon(
|
|
Icons.visibility,
|
|
color: secondaryColor,
|
|
size: 18,
|
|
)),
|
|
);
|
|
}
|
|
|
|
Widget newPasswordInput() {
|
|
return CustomTextField(
|
|
pad: getProportionateScreenWidth(2),
|
|
controler: _newPasswordController,
|
|
hinttext: 'Masukkan password baru',
|
|
title: 'Password Baru',
|
|
obscuretext: _isObscure1,
|
|
validate: (String? value) {
|
|
if (value!.length == 0)
|
|
return 'Password tidak boleh kosong';
|
|
else if (value.length < 8)
|
|
return 'Password minimal harus berjumlah 8 karakter';
|
|
else if (value == _currentPasswordController.text) {
|
|
return 'Password tidak boleh sama';
|
|
}
|
|
return null;
|
|
},
|
|
suffix: GestureDetector(
|
|
onTap: () {
|
|
setState(() {
|
|
_isObscure1 = !_isObscure1;
|
|
});
|
|
},
|
|
child: _isObscure1
|
|
? Icon(
|
|
Icons.visibility_off,
|
|
color: secondaryColor,
|
|
size: 18,
|
|
)
|
|
: Icon(
|
|
Icons.visibility,
|
|
color: secondaryColor,
|
|
size: 18,
|
|
)),
|
|
);
|
|
}
|
|
|
|
Widget confirmPasswordInput() {
|
|
return CustomTextField(
|
|
pad: getProportionateScreenWidth(2),
|
|
controler: _confirmPasswordController,
|
|
hinttext: 'Konfirmasi password baru',
|
|
title: 'Konfirmasi Password',
|
|
obscuretext: _isObscure2,
|
|
suffix: GestureDetector(
|
|
onTap: () => setState(() {
|
|
_isObscure2 = !_isObscure2;
|
|
}),
|
|
child: _isObscure2
|
|
? Icon(
|
|
Icons.visibility_off,
|
|
color: secondaryColor,
|
|
size: 18,
|
|
)
|
|
: Icon(
|
|
Icons.visibility,
|
|
color: secondaryColor,
|
|
size: 18,
|
|
)),
|
|
validate: (String? value) {
|
|
if (value!.length == 0)
|
|
return 'Password tidak boleh kosong';
|
|
else if (value.length < 8)
|
|
return 'Password minimal harus berjumlah 8 karakter';
|
|
else if (value != _newPasswordController.text) {
|
|
return 'Password baru dengan konfirmasi tidak sama';
|
|
}
|
|
return null;
|
|
},
|
|
);
|
|
}
|
|
|
|
Widget bottomNav() {
|
|
return _isloading != true
|
|
? Container(
|
|
margin: EdgeInsets.symmetric(
|
|
horizontal: getProportionateScreenWidth(45),
|
|
vertical: getProportionateScreenHeight(10)),
|
|
child: LoadingButton(
|
|
backgroundButtonColor: primaryColor,
|
|
textButtonColor: Color(0xff050505)))
|
|
: Container(
|
|
margin: EdgeInsets.symmetric(
|
|
horizontal: getProportionateScreenWidth(45),
|
|
vertical: getProportionateScreenHeight(10)),
|
|
child: TapDebouncer(
|
|
cooldown: const Duration(milliseconds: 3000),
|
|
onTap: () async =>
|
|
await {_validateInputs()}, // your tap handler moved here
|
|
builder: (BuildContext context, TapDebouncerFunc? onTap) {
|
|
return DefaultButton(
|
|
text: 'Simpan perubahan',
|
|
press: onTap,
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
return Form(
|
|
key: _formKey,
|
|
child: Column(
|
|
children: [
|
|
currentPasswordInput(),
|
|
SizedBox(height: getProportionateScreenHeight(15)),
|
|
newPasswordInput(),
|
|
SizedBox(height: getProportionateScreenHeight(15)),
|
|
confirmPasswordInput(),
|
|
SizedBox(height: getProportionateScreenHeight(70)),
|
|
bottomNav(),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
return SafeArea(
|
|
child: Scaffold(
|
|
appBar: AppBar(
|
|
backgroundColor: Theme.of(context).colorScheme.background,
|
|
centerTitle: true,
|
|
title: Text(
|
|
'Pengaturan Akun',
|
|
style: secondaryTextStyle.copyWith(
|
|
letterSpacing: 0.23,
|
|
fontWeight: semiBold,
|
|
fontSize: getProportionateScreenWidth(14)),
|
|
)),
|
|
body: ListView(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
form(),
|
|
SizedBox(
|
|
height: getProportionateScreenHeight(13),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|