Initial commit
This commit is contained in:
jahongireshonqulov
465
app_code/lib/screens/profile_edit.dart
Normal file
465
app_code/lib/screens/profile_edit.dart
Normal file
@@ -0,0 +1,465 @@
|
||||
import 'dart:convert';
|
||||
import 'dart:developer';
|
||||
import 'dart:io';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:grostore/app_lang.dart';
|
||||
import 'package:grostore/configs/style_config.dart';
|
||||
import 'package:grostore/configs/theme_config.dart';
|
||||
import 'package:grostore/custom_classes/system_data.dart';
|
||||
import 'package:grostore/custom_ui/BoxDecorations.dart';
|
||||
import 'package:grostore/custom_ui/Button.dart';
|
||||
import 'package:grostore/custom_ui/Image_view.dart';
|
||||
import 'package:grostore/custom_ui/input_decorations.dart';
|
||||
import 'package:grostore/helpers/device_info_helper.dart';
|
||||
import 'package:grostore/presenters/user_presenter.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
class ProfileEdit extends StatefulWidget {
|
||||
@override
|
||||
_ProfileEditState createState() => _ProfileEditState();
|
||||
}
|
||||
|
||||
class _ProfileEditState extends State<ProfileEdit> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
backgroundColor: Colors.white,
|
||||
appBar: buildAppBar(context),
|
||||
body: Consumer<UserPresenter>(builder: (context, data, child) {
|
||||
return buildBody(data);
|
||||
}),
|
||||
);
|
||||
}
|
||||
|
||||
AppBar buildAppBar(BuildContext context) {
|
||||
return AppBar(
|
||||
backgroundColor: Colors.white,
|
||||
centerTitle: false,
|
||||
leading: Builder(
|
||||
builder: (context) => IconButton(
|
||||
icon: Icon(Icons.arrow_back, color: ThemeConfig.darkGrey),
|
||||
onPressed: () => Navigator.of(context).pop(),
|
||||
),
|
||||
),
|
||||
title: Text(
|
||||
AppLang.local(context).edit_profile_ucf,
|
||||
style: TextStyle(
|
||||
fontSize: 16,
|
||||
color: ThemeConfig.fontColor,
|
||||
fontWeight: FontWeight.bold),
|
||||
),
|
||||
elevation: 0.0,
|
||||
titleSpacing: 0,
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildBody(UserPresenter data) {
|
||||
return RefreshIndicator(
|
||||
onRefresh: data.refresh,
|
||||
color: ThemeConfig.accentColor,
|
||||
backgroundColor: Colors.white,
|
||||
//onRefresh: _onPageRefresh,
|
||||
displacement: 10,
|
||||
child: CustomScrollView(
|
||||
physics: const BouncingScrollPhysics(
|
||||
parent: AlwaysScrollableScrollPhysics()),
|
||||
slivers: [
|
||||
SliverList(
|
||||
delegate: SliverChildListDelegate([
|
||||
buildTopSection(data),
|
||||
const Padding(
|
||||
padding: EdgeInsets.symmetric(horizontal: 16.0),
|
||||
),
|
||||
buildProfileForm(data)
|
||||
]),
|
||||
)
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
buildTopSection(UserPresenter data) {
|
||||
log("Data.file is not empty${data.file?.path ?? "NO data"}");
|
||||
log("User avatar ${SystemData.userInfo.avatar}");
|
||||
return Column(
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(top: 16.0, bottom: 8.0),
|
||||
child: Stack(
|
||||
children: [
|
||||
data.file != null
|
||||
? ImageView.roundFileImage(
|
||||
file: File(data.file!.path),
|
||||
height: 120.0,
|
||||
width: 120.0,
|
||||
context: context,
|
||||
radius: 60)
|
||||
: ImageView.round(
|
||||
url: SystemData.userInfo.avatar,
|
||||
height: 120.0,
|
||||
width: 120.0,
|
||||
context: context,
|
||||
radius: 60),
|
||||
/*
|
||||
Container(
|
||||
width: 120,
|
||||
height: 120,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(100),
|
||||
border: Border.all(
|
||||
color: Color.fromRGBO(112, 112, 112, .3), width: 2),
|
||||
//shape: BoxShape.rectangle,
|
||||
),
|
||||
child: ClipRRect(
|
||||
clipBehavior: Clip.hardEdge,
|
||||
borderRadius: BorderRadius.all(Radius.circular(100.0)),
|
||||
child: FadeInImage.assetNetwork(
|
||||
placeholder: 'assets/placeholder.png',
|
||||
image: "${avatar_original.$}",
|
||||
fit: BoxFit.fill,
|
||||
)),
|
||||
),*/
|
||||
Positioned(
|
||||
right: 8,
|
||||
bottom: 8,
|
||||
child: SizedBox(
|
||||
width: 24,
|
||||
height: 24,
|
||||
child: Button(
|
||||
padding: const EdgeInsets.all(0),
|
||||
shape: CircleBorder(
|
||||
side: BorderSide(color: ThemeConfig.lightGrey),
|
||||
),
|
||||
color: ThemeConfig.lightGrey,
|
||||
onPressed: () {
|
||||
data.chooseAndUploadImage(context);
|
||||
},
|
||||
child: Icon(
|
||||
Icons.edit,
|
||||
color: ThemeConfig.fontColor,
|
||||
size: 14,
|
||||
),
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
buildProfileForm(UserPresenter data) {
|
||||
return Padding(
|
||||
padding:
|
||||
const EdgeInsets.only(top: 8.0, bottom: 8.0, left: 16.0, right: 16.0),
|
||||
child: Container(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
buildBasicInfo(data),
|
||||
buildChangePassword(data),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Column buildChangePassword(UserPresenter data) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(top: 30.0, bottom: 10),
|
||||
child: Text(
|
||||
AppLang.local(context).password_change_ucf,
|
||||
style: StyleConfig.fs14fwBold,
|
||||
textHeightBehavior:
|
||||
const TextHeightBehavior(applyHeightToFirstAscent: false),
|
||||
textAlign: TextAlign.center,
|
||||
softWrap: false,
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(bottom: 4.0),
|
||||
child: Text(
|
||||
AppLang.local(context).password,
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
color: ThemeConfig.fontColor,
|
||||
fontWeight: FontWeight.normal),
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(bottom: 8.0),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.end,
|
||||
children: [
|
||||
Container(
|
||||
decoration: BoxDecorations.basic(),
|
||||
height: 36,
|
||||
child: TextField(
|
||||
style: const TextStyle(fontSize: 12),
|
||||
controller: data.passwordController,
|
||||
autofocus: false,
|
||||
obscureText: !data.showPassword,
|
||||
enableSuggestions: false,
|
||||
autocorrect: false,
|
||||
decoration:
|
||||
InputDecorations.basic(hint_text: "• • • • • • • •")
|
||||
.copyWith(
|
||||
enabledBorder: const OutlineInputBorder(
|
||||
borderSide: BorderSide.none,
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderSide: BorderSide(color: ThemeConfig.accentColor),
|
||||
),
|
||||
suffixIcon: InkWell(
|
||||
onTap: () {
|
||||
data.passwordShowHide();
|
||||
},
|
||||
child: Icon(
|
||||
data.showPassword
|
||||
? Icons.visibility_outlined
|
||||
: Icons.visibility_off_outlined,
|
||||
color: ThemeConfig.red,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(top: 4.0),
|
||||
child: Text(
|
||||
AppLang.local(context).password_must_be_at_last_6_digit,
|
||||
style: TextStyle(
|
||||
color: ThemeConfig.red, fontStyle: FontStyle.italic),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(bottom: 4.0),
|
||||
child: Text(
|
||||
AppLang.local(context).confirm_password_ucf,
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
color: ThemeConfig.fontColor,
|
||||
fontWeight: FontWeight.normal),
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(bottom: 8.0),
|
||||
child: Container(
|
||||
decoration: BoxDecorations.basic(),
|
||||
height: 36,
|
||||
child: TextField(
|
||||
controller: data.passwordConfirmController,
|
||||
autofocus: false,
|
||||
obscureText: !data.showConfirmPassword,
|
||||
enableSuggestions: false,
|
||||
autocorrect: false,
|
||||
decoration:
|
||||
InputDecorations.basic(hint_text: "• • • • • • • •").copyWith(
|
||||
enabledBorder: const OutlineInputBorder(
|
||||
borderSide: BorderSide.none,
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderSide: BorderSide(color: ThemeConfig.accentColor),
|
||||
),
|
||||
suffixIcon: InkWell(
|
||||
onTap: () {
|
||||
data.conPasswordShowHide();
|
||||
},
|
||||
child: Icon(
|
||||
data.showConfirmPassword
|
||||
? Icons.visibility_outlined
|
||||
: Icons.visibility_off_outlined,
|
||||
color: ThemeConfig.red,
|
||||
),
|
||||
)),
|
||||
),
|
||||
),
|
||||
),
|
||||
Align(
|
||||
alignment: Alignment.centerRight,
|
||||
child: Container(
|
||||
alignment: Alignment.center,
|
||||
width: 150,
|
||||
child: Button(
|
||||
padding: const EdgeInsets.symmetric(vertical: 10),
|
||||
minWidth: MediaQuery.of(context).size.width,
|
||||
color: ThemeConfig.red,
|
||||
shape: const RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.all(Radius.circular(8.0))),
|
||||
child: Text(
|
||||
AppLang.local(context).update_password_ucf,
|
||||
style: const TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w600),
|
||||
),
|
||||
onPressed: () {
|
||||
data.onPressUpdatePassword(context);
|
||||
},
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Column buildBasicInfo(UserPresenter data) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(bottom: 18.0),
|
||||
child: Text(
|
||||
AppLang.local(context).basic_info,
|
||||
style: StyleConfig.fs14fwBold,
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(bottom: 4.0),
|
||||
child: Text(
|
||||
AppLang.local(context).name,
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
color: ThemeConfig.fontColor,
|
||||
fontWeight: FontWeight.normal),
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(bottom: 14.0),
|
||||
child: Container(
|
||||
decoration: BoxDecorations.basic(),
|
||||
height: 36,
|
||||
child: TextField(
|
||||
controller: data.nameController,
|
||||
autofocus: false,
|
||||
style: TextStyle(color: ThemeConfig.fontColor, fontSize: 12),
|
||||
decoration:
|
||||
InputDecorations.basic(hint_text: "John Doe").copyWith(
|
||||
enabledBorder: const OutlineInputBorder(
|
||||
borderSide: BorderSide.none,
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderSide: BorderSide(color: ThemeConfig.accentColor),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(bottom: 4.0),
|
||||
child: Text(
|
||||
AppLang.local(context).phone,
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
color: ThemeConfig.fontColor,
|
||||
fontWeight: FontWeight.normal),
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(bottom: 14.0),
|
||||
child: Container(
|
||||
decoration: BoxDecorations.basic(),
|
||||
height: 36,
|
||||
child: TextField(
|
||||
controller: data.phoneController,
|
||||
autofocus: false,
|
||||
keyboardType: TextInputType.phone,
|
||||
style: TextStyle(color: ThemeConfig.fontColor, fontSize: 12),
|
||||
decoration:
|
||||
InputDecorations.basic(hint_text: "+01xxxxxxxxxx").copyWith(
|
||||
enabledBorder: const OutlineInputBorder(
|
||||
borderSide: BorderSide.none,
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderSide: BorderSide(color: ThemeConfig.red),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
Visibility(
|
||||
visible: true,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(bottom: 4.0),
|
||||
child: Text(
|
||||
AppLang.local(context).name,
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
color: ThemeConfig.fontColor,
|
||||
fontWeight: FontWeight.normal),
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(bottom: 14.0),
|
||||
child: Container(
|
||||
decoration: BoxDecorations.basic(),
|
||||
height: 36,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||||
alignment: Alignment.centerLeft,
|
||||
child: Text(
|
||||
data.emailController.text,
|
||||
style: TextStyle(fontSize: 12, color: ThemeConfig.grey),
|
||||
)
|
||||
/*TextField(
|
||||
style: TextStyle(color:ThemeConfig.grey_153,fontSize: 12),
|
||||
enabled: false,
|
||||
enableIMEPersonalizedLearning: true,
|
||||
controller: _emailController,
|
||||
autofocus: false,
|
||||
decoration: InputDecorations.buildInputDecoration_1(
|
||||
|
||||
hint_text: "jhon@example.com").copyWith(
|
||||
//enabled: false,
|
||||
labelStyle: TextStyle(color: ThemeConfig.grey_153),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderSide: BorderSide.none,
|
||||
),
|
||||
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderSide: BorderSide.none,
|
||||
|
||||
),),
|
||||
),*/
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Align(
|
||||
alignment: Alignment.centerRight,
|
||||
child: Container(
|
||||
alignment: Alignment.center,
|
||||
width: getWidth(context) / 2.5,
|
||||
child: Button(
|
||||
padding: const EdgeInsets.symmetric(vertical: 10),
|
||||
minWidth: MediaQuery.of(context).size.width,
|
||||
color: ThemeConfig.red,
|
||||
shape: const RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.all(Radius.circular(8.0))),
|
||||
child: Text(
|
||||
AppLang.local(context).update_profile_ucf,
|
||||
style: const TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w600),
|
||||
),
|
||||
onPressed: () {
|
||||
data.onPressUpdate(context);
|
||||
},
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user