Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add a page to change password #261

Merged
merged 3 commits into from
Mar 28, 2023
Merged

Add a page to change password #261

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
77e8e95
add a page to change password
letsintegreat Mar 17, 2023
af574ab
Merge branch 'main' into issue-260-password-change
letsintegreat Mar 19, 2023
30315df
move the feature to user profile
letsintegreat Mar 19, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
279 changes: 279 additions & 0 deletions lib/src/pages/drawer/change_password.dart
View file
Open in desktop
letsintegreat marked this conversation as resolved.
Show resolved Hide resolved
Original file line number Diff line number Diff line change
@@ -0,0 +1,279 @@
import 'package:blt/src/util/api/auth_api.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:google_fonts/google_fonts.dart';

import '../../routes/routing.dart';

/// The change password page for the app.
class ChangePasswordPage extends StatefulWidget {
const ChangePasswordPage({Key? key}) : super(key: key);

@override
State<ChangePasswordPage> createState() => _ChangePasswordPageState();
}

class _ChangePasswordPageState extends State<ChangePasswordPage> {
@override
Widget build(BuildContext context) {
final Size size = MediaQuery.of(context).size;
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.transparent,
elevation: 0,
leading: IconButton(
icon: Icon(
Icons.arrow_back_ios_new_rounded,
color: Colors.white,
),
onPressed: () {
Navigator.of(context).pop();
},
),
),
backgroundColor: Colors.transparent,
extendBodyBehindAppBar: true,
body: Stack(
children: [
Container(
width: size.width,
height: size.height,
color: Color(0xFFDC4654),
child: Column(
children: [
SizedBox(
width: size.width,
height: size.height * 0.35,
child: Padding(
padding: EdgeInsets.symmetric(
horizontal: 0.125 * size.width,
vertical: 0.085 * size.height,
),
child: Center(
child: SvgPicture.asset(
'assets/logo_white.svg',
fit: BoxFit.contain,
height: 192.0,
),
),
),
),
SizedBox(
width: size.width,
height: size.height * 0.65,
),
],
),
),
Positioned(
bottom: 0,
child: Container(
width: size.width,
height: size.height * 0.65,
decoration: BoxDecoration(
color: Theme.of(context).canvasColor,
boxShadow: [
BoxShadow(
spreadRadius: 10,
color: Colors.black.withOpacity(0.1),
blurRadius: 50,
)
],
borderRadius: BorderRadius.only(
topLeft: Radius.circular(50),
topRight: Radius.circular(50.0),
),
),
child: Center(
child: ChangePasswordForm(
size: size,
),
),
),
)
],
),
);
}
}

class ChangePasswordForm extends StatefulWidget {
final Size size;
const ChangePasswordForm({
Key? key,
required this.size,
}) : super(key: key);

@override
State<ChangePasswordForm> createState() => _ChangePasswordFormState();
}

class _ChangePasswordFormState extends State<ChangePasswordForm> {
final _formKey = GlobalKey<FormState>();

late TextEditingController _oldController,
_new1Controller,
_new2Controller;

@override
void initState() {
super.initState();
_oldController = TextEditingController();
_new1Controller = TextEditingController();
_new2Controller = TextEditingController();
}

@override
Widget build(BuildContext context) {
return Form(
key: _formKey,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
SizedBox(
width: 0.8 * widget.size.width,
child: TextFormField(
controller: _oldController,
validator: (value) {
if (value == null || value.isEmpty) {
return "This field is required";
}
return null;
},
onChanged: (val) {},
decoration: InputDecoration(
hintText: "Old password",
prefixIcon: Icon(Icons.key_rounded),
filled: true,
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10.0),
borderSide: BorderSide(
color: Color(0xFF737373),
),
),
fillColor: Colors.white.withOpacity(0.35),
),
obscureText: true,
),
),
SizedBox(
height: 0.025 * widget.size.height,
),
SizedBox(
width: 0.8 * widget.size.width,
child: TextFormField(
controller: _new1Controller,
validator: (value) {
if (value == null || value.isEmpty) {
return "This field is required";
}
return null;
},
decoration: InputDecoration(
hintText: "New password",
prefixIcon: Icon(Icons.password),
filled: true,
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10.0),
borderSide: BorderSide(
color: Color(0xFF737373),
),
),
fillColor: Colors.white.withOpacity(0.35),
),
obscureText: true,
),
),
SizedBox(
height: 0.025 * widget.size.height,
),
SizedBox(
width: 0.8 * widget.size.width,
child: TextFormField(
controller: _new2Controller,
validator: (value) {
if (value == null || value.isEmpty) {
return "This field is required";
} else if (_new1Controller.text != _new2Controller.text) {
return "Passwords don't match";
}
return null;
},
decoration: InputDecoration(
hintText: "Confirm new password",
prefixIcon: Icon(Icons.password),
filled: true,
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10.0),
borderSide: BorderSide(
color: Color(0xFF737373),
),
),
fillColor: Colors.white.withOpacity(0.35),
),
obscureText: true,
),
),
SizedBox(
height: 0.025 * widget.size.height,
),
SizedBox(
width: 0.8 * widget.size.width,
height: 50,
child: TextButton(
onPressed: () async {
if (_formKey.currentState!.validate()) {
bool oldPasswordCorrect = await AuthApiClient.checkPassword(_oldController.text);
if (!oldPasswordCorrect) {
SnackBar sentSnack = SnackBar(
content: Text("Incorrect old password."),
);
ScaffoldMessenger.of(context).showSnackBar(sentSnack);
return;
}

await AuthApiClient.changePassword(
_new1Controller.text,
_new2Controller.text,
context,
);
}
},
child: Text(
"Change password",
style: GoogleFonts.ubuntu(
textStyle: TextStyle(
color: Colors.white,
fontSize: 17.5,
),
),
),
style: ButtonStyle(
elevation: MaterialStateProperty.all(8),
shadowColor: MaterialStateProperty.all(
Colors.black.withOpacity(0.5),
),
shape: MaterialStateProperty.all<RoundedRectangleBorder>(
RoundedRectangleBorder(
borderRadius: BorderRadius.circular(15.0),
),
),
backgroundColor: MaterialStateProperty.all(
Color(0xFFDC4654),
),
),
),
),
],
),
);
}

@override
void dispose() {
_oldController.dispose();
_new1Controller.dispose();
_new2Controller.dispose();
super.dispose();
}
}
66 changes: 45 additions & 21 deletions lib/src/pages/home/profile.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ import 'package:google_fonts/google_fonts.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:image_picker/image_picker.dart';

import '../../providers/login_provider.dart';
import '../../routes/routing.dart';
import '../../global/variables.dart';
import '../../models/user_model.dart';
Expand All @@ -14,6 +15,7 @@ import '../../providers/authstate_provider.dart';
import '../../models/issuedata_model.dart';
import '../../util/endpoints/issue_endpoints.dart';
import '../../pages/welcome.dart';
import '../../util/enums/login_type.dart';

/// Page that displays the stats of a user registered on BLT,
/// shows dummy data for Guest login.
Expand Down Expand Up @@ -317,26 +319,6 @@ class _UserProfileState extends ConsumerState<UserProfile> {
),
title: Text(currentUser!.username!),
actions: [
IconButton(
onPressed: () async {
final ImagePicker _picker = ImagePicker();
final XFile? image =
await _picker.pickImage(source: ImageSource.gallery);
if (image == null) {
return;
}
SnackBar updatingSnack = SnackBar(
duration: const Duration(seconds: 6),
content: Text(
"Updating profile picture",
),
);
ScaffoldMessenger.of(context).showSnackBar(updatingSnack);
await UserApiClient.updatePfp(image, currentUser!);
setState(() {});
},
icon: Icon(Icons.account_circle_outlined),
),
IconButton(
onPressed: () async {
await forgetUser();
Expand All @@ -349,7 +331,49 @@ class _UserProfileState extends ConsumerState<UserProfile> {
await logout();
},
icon: Icon(Icons.power_settings_new_rounded),
)
),
PopupMenuButton<String>(
onSelected: (String value) async {
switch(value) {
case 'Change picture':
final ImagePicker _picker = ImagePicker();
final XFile? image =
await _picker.pickImage(source: ImageSource.gallery);
if (image == null) {
return;
}
SnackBar updatingSnack = SnackBar(
duration: const Duration(seconds: 6),
content: Text(
"Updating profile picture",
),
);
ScaffoldMessenger.of(context).showSnackBar(updatingSnack);
await UserApiClient.updatePfp(image, currentUser!);
setState(() {});
break;

case 'Change password':
Navigator.pushNamed(
context,
RouteManager.changePassword
);
}
},
itemBuilder: (BuildContext context) {
List<String> optionsList = ['Change picture'];
LoginType loginState = ref.watch(loginProvider);
if (loginState != LoginType.guest) {
optionsList.add('Change password');
}
return optionsList.map((String choice) {
return PopupMenuItem<String>(
value: choice,
child: Text(choice),
);
}).toList();
},
),
],
),
body: Container(
Expand Down
Loading