Skip to content

feat: Added edit profile #36

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

Open
yespanalo wants to merge 2 commits into
base: main
Choose a base branch
from
Open

feat: Added edit profile #36

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e0f896a
feat: Added edit profile
yespanalo Nov 22, 2020
bfb4613
fix: Fixed Edit Profile format
yespanalo Nov 23, 2020
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
283 changes: 242 additions & 41 deletions lib/Pages/ProfilePage.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,15 +1,19 @@
import 'package:flutter/material.dart';
import 'package:queuing_system/Presentation/custom_icons_icons.dart';
import 'package:queuing_system/SubPages/EditProfile.dart';
import 'package:queuing_system/Variables/color.dart';
import 'package:queuing_system/Variables/size.dart';
import 'package:queuing_system/Widgets/ProfileDetails.dart';
import 'package:queuing_system/Widgets/TextField.dart';

class ProfilePage extends StatefulWidget {
@override
_ProfilePageState createState() => _ProfilePageState();
}

class _ProfilePageState extends State<ProfilePage> {
bool editpro = true;

@override
Widget build(BuildContext context) {
return Scaffold(
Expand All @@ -25,7 +29,7 @@ class _ProfilePageState extends State<ProfilePage> {
Stack(
alignment: Alignment.center,
children: [
Container(height: PhoneSize(context).height/1.3,),
Container(height: PhoneSize(context).height / 1.0),
Positioned(
top: 80,
left: 0,
Expand All @@ -46,61 +50,212 @@ class _ProfilePageState extends State<ProfilePage> {
),
padding: EdgeInsets.all(10),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(height: 70),
ProfileDetails(icon: CustomIcons.profile, text: 'John Doe Mayers',color: Colors.grey,),

SizedBox(height: 10),
ProfileDetails( icon: CustomIcons.contact,text: '22 Years Old',color: Colors.grey,),

SizedBox(height: 10),
ProfileDetails(icon: Icons.contact_phone,text: '639-323-265-144', color: Colors.grey,),

SizedBox(height: 10),
ProfileDetails(
icon: Icons.location_on,
text: '#61 Marinig Cabuya Laguna asd as dsa dasd qeqw asqwdasdsadas dqwe qwe asdqw eas dqwe ad wae dasd as asd asd as da sdas dsa dasdasd asd asdas dasd asd asd asd asdqwe wqe qwe wq',
color: Colors.grey,
Visibility(
visible: !editpro,
child: Column(
children: [
SizedBox(height: 60),
EditProfile(
icon: Icon(Icons.mail),
text: 'Email',
initialValue: '[email protected]',
),
EditProfile(
icon: Icon(Icons.lock),
text: 'Password',
initialValue: 'asdsadas',
),
EditProfile(
icon: Icon(Icons.lock),
text: 'Confirm Password',
initialValue: 'asdsadas',
),
SizedBox(height: 20,),
Row(
children: [
Flexible(
child: EditProfile(
text: 'First Name',
initialValue: 'John Doe',
icon: Icon(CustomIcons.profile),
),
),
Flexible(
child: EditProfile(
text: 'Last Name',
initialValue: 'Mayers',
icon: null,
),
),
],
),
SizedBox(height: 10),
Row(
children: [
Flexible(
flex: 2,
child: EditProfile(
text: 'Contact Number',
initialValue: '639-323-265-144',
icon: Icon(Icons.contact_phone),
),
),
Flexible(
child: EditProfile(
text: 'Age',
initialValue: '22',
icon: Icon(Icons.cake),
),
),
],
),
SizedBox(height: 10),
Row(
children: [
Flexible(

child: EditProfile(
text: 'State',
initialValue: 'Cabuyao',
icon: Icon(Icons.location_on),
),
),
Flexible(
child: EditProfile(
text: 'Province',
initialValue: 'Laguna',
icon: null,
),
),
],
),
SizedBox(height: 10),
EditProfile(
text: 'Complete Address',
initialValue:
'# 168 Purok 1, Barangay kabuto',
icon: Icon(Icons.home),
),
],
),
),
Visibility(
visible: editpro,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(height: 70),
SizedBox(height: 50),
ProfileDetails(
icon: Icons.contact_phone,
text: '639-323-265-144',
color: Colors.grey),
SizedBox(height: 10),
ProfileDetails(
icon: Icons.cake,
text: '22 Years Old',
color: Colors.grey),
SizedBox(height: 10),
ProfileDetails(
icon: Icons.location_on,
text: 'Calamba, City Laguna',
color: Colors.grey,
),
SizedBox(height: 10),
ProfileDetails(
icon: Icons.home,
text: '# 168 Purok 1, Barangay kabuto',
color: Colors.grey,
),
],
),
),
],
),
),
),
),
Positioned(
top: 150,
child: Visibility(
visible: editpro,
child: Column(
children: [
Text(
'Jonh Doe Mayers',
style: TextStyle(
fontWeight: FontWeight.bold, fontSize: 25),
),
Text('[email protected]',
style: TextStyle(color: Colors.black54)),
],
),
),
),
Positioned(
right: 20,
top: 100,
child: Icon(
CustomIcons.edit_profile,
color: secondaryColor,
child: GestureDetector(
onTap: () {
setState(() {
if (editpro == false) {
editpro = true;
} else {
editpro = false;
}
});
},
child: Icon(
editpro ? CustomIcons.edit_profile : Icons.save,
color: secondaryColor,
),
),
),
Positioned(
top: 0,
child: Container(
margin: EdgeInsets.only(left: 5),
width: 150.0,
height: 150.0,
decoration: new BoxDecoration(
border: Border.all(
color: secondaryColor,
width: 5,
child: Stack(
children: [
Container(
height: 160,
width: 160,
),
// boxShadow: [
// BoxShadow(
// color: Colors.grey.withOpacity(0.8),
// spreadRadius: 2,
// blurRadius: 5,
// offset: Offset(0, 3),
// ),
// ],
shape: BoxShape.circle,
image: new DecorationImage(
fit: BoxFit.fill,
image: AssetImage('assets/IU.jpg'),
Container(
margin: EdgeInsets.only(left: 5),
width: 150.0,
height: 150.0,
decoration: new BoxDecoration(
border: Border.all(
color: secondaryColor,
width: 5,
),
shape: BoxShape.circle,
image: new DecorationImage(
fit: BoxFit.fill,
image: AssetImage('assets/IU.jpg'),
),
),
),
),
Visibility(
visible: !editpro,
child: Positioned(
bottom: 0,
right: 0,
child: RawMaterialButton(
onPressed: () {},
elevation: 2.0,
fillColor: primaryColor,
child: Icon(
Icons.create,
size: 10.0,
color: Colors.white,
),
padding: EdgeInsets.all(15.0),
shape: CircleBorder(),
),
),
),
],
),
),
],
Expand All @@ -112,4 +267,50 @@ class _ProfilePageState extends State<ProfilePage> {
),
);
}
}
}

class EditProfile extends StatelessWidget {
const EditProfile({
Key key,
@required this.text,
@required this.initialValue,
@required this.icon,
}) : super(key: key);

final String text;
final String initialValue;
final Icon icon;


@override
Widget build(BuildContext context) {
return Container(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Padding(
padding: const EdgeInsets.only(left: 11.0),
child: Text('$text'),
),
Container(
height: 40,
child: MyTextField(
initial: initialValue,
icons: icon,
controller: null,
hintText: "$text",
keyboardType: null,
inputFormatter: [],
),
// child: TextFormField(
// initialValue: '$initialValue',
// decoration: new InputDecoration(
// prefixIcon: icon,
// labelStyle: new TextStyle(color: const Color(0xFF424242))),
// ),
),
],
),
);
}
}
Loading