Initial commit: Penyerahan final Source code Tugas Akhir
This commit is contained in:
ferdiakhh
315
lib/screens/profile/account_sign_in/setting_akun.dart
Normal file
315
lib/screens/profile/account_sign_in/setting_akun.dart
Normal file
@ -0,0 +1,315 @@
|
||||
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),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user