some design fixes

login_design_fixes
Elham Rababah 5 years ago
parent 97f7426aee
commit 8e656dbc0d

@ -568,7 +568,7 @@ const Map<String, Map<String, String>> localizedValues = {
'ar': "ليس هناك شكوى رئيس"
},
"more-verify": {
"en": "More Verification Options",
"en": "More Verification \n Options",
"ar": "المزيد من خيارات التحقق"
},
"welcome-back": {"en": "Welcome back!", "ar": "مرحبا بعودتك!"},

@ -130,57 +130,90 @@ class _VerificationMethodsScreenState extends State<VerificationMethodsScreen> {
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Column(
children: [
Text(
TranslationBase.of(context)
.lastLoginAt,
overflow:
TextOverflow.ellipsis,
style: TextStyle(
fontFamily: 'Poppins',
fontSize: SizeConfig.getTextMultiplierBasedOnWidth() *4.5,
color: Color(0xFF2E303A),
fontWeight: FontWeight.w700,),
),
Row(
children: [
AppText(
TranslationBase
.of(context)
.verifyWith,
fontSize: SizeConfig.getTextMultiplierBasedOnWidth() *4.5,
color: Color(0xFF575757),
fontWeight: FontWeight.w600,
),
AppText(
authenticationViewModel.getType(
authenticationViewModel.user
.logInTypeID,
context),
fontSize: SizeConfig.getTextMultiplierBasedOnWidth() *4.5,
color: Color(0xFF2B353E),
fontWeight: FontWeight.w700,
Container(
width: SizeConfig.realScreenWidth * .5,
padding: EdgeInsets.all(0),
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
children: [
Text(
TranslationBase.of(context)
.lastLoginAt,
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontFamily: 'Poppins',
fontSize: SizeConfig
.getTextMultiplierBasedOnWidth() *
4.5,
color: Color(0xFF2E303A),
fontWeight: FontWeight.w700,
),
),
Container(
width: MediaQuery.of(context)
.size
.width *
0.55,
child: RichText(
text: TextSpan(
text: TranslationBase.of(context)
.verifyWith,
style: TextStyle(
color: Color(0xFF2B353E),
fontWeight: FontWeight.w600,
fontSize: SizeConfig
.getTextMultiplierBasedOnWidth() *
4.5,
fontFamily: 'Poppins',
),
children: <TextSpan>[
TextSpan(
text: authenticationViewModel
.getType(
authenticationViewModel
.user
.logInTypeID,
context),
style: TextStyle(
color:
Color(0xFF2B353E),
fontSize: SizeConfig
.getTextMultiplierBasedOnWidth() *
4.5,
fontFamily: 'Poppins',
fontWeight:
FontWeight.w700,
),
)
]),
),
),
],
crossAxisAlignment:
CrossAxisAlignment.start,
),
),
],
)
],
crossAxisAlignment: CrossAxisAlignment.start,),
Column(children: [
AppText(
authenticationViewModel.user.editedOn !=
null
? AppDateUtils.getDayMonthYearDateFormatted(
AppDateUtils.convertStringToDate(
authenticationViewModel.user
.editedOn))
: authenticationViewModel.user.createdOn !=
null
? AppDateUtils.getDayMonthYearDateFormatted(
Column(
mainAxisAlignment: MainAxisAlignment.start,
children: [
AppText(
authenticationViewModel
.user.editedOn !=
null
? AppDateUtils
.getDayMonthYearDateFormatted(
AppDateUtils
.convertStringToDate(
authenticationViewModel
.user
.editedOn))
: authenticationViewModel
.user.createdOn !=
null
? AppDateUtils.getDayMonthYearDateFormatted(
AppDateUtils.convertStringToDate(authenticationViewModel.user
.createdOn))
: '--',

@ -1,3 +1,4 @@
import 'package:charts_flutter/flutter.dart' as charts;
import 'package:doctor_app_flutter/config/size_config.dart';
import 'package:doctor_app_flutter/core/viewModel/dashboard_view_model.dart';
import 'package:doctor_app_flutter/models/dashboard/dashboard_model.dart';
@ -10,7 +11,6 @@ import 'package:doctor_app_flutter/widgets/shared/app_texts_widget.dart';
import 'package:doctor_app_flutter/widgets/shared/rounded_container_widget.dart';
import 'package:flutter/material.dart';
import 'package:flutter_swiper/flutter_swiper.dart';
import 'package:charts_flutter/flutter.dart' as charts;
class DashboardSwipeWidget extends StatefulWidget {
final List<DashboardModel> dashboardItemList;
@ -48,36 +48,36 @@ class _DashboardSwipeWidgetState extends State<DashboardSwipeWidget> {
// itemHeight: 300,
pagination: new SwiperCustomPagination(
builder: (BuildContext context, SwiperPluginConfig config) {
return new Stack(
alignment: Alignment.bottomCenter,
children: [
Positioned(
bottom: 0,
child: Center(
child: InkWell(
onTap: () {},
child: Container(
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
config.activeIndex == 0
? SwiperRoundedPagination(true)
: SwiperRoundedPagination(false),
config.activeIndex == 1
? SwiperRoundedPagination(true)
: SwiperRoundedPagination(false),
config.activeIndex == 2
? SwiperRoundedPagination(true)
: SwiperRoundedPagination(false),
],
return new Stack(
alignment: Alignment.bottomCenter,
children: [
Positioned(
bottom: 0,
child: Center(
child: InkWell(
onTap: () {},
child: Container(
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
config.activeIndex == 0
? SwiperRoundedPagination(true)
: SwiperRoundedPagination(false),
config.activeIndex == 1
? SwiperRoundedPagination(true)
: SwiperRoundedPagination(false),
config.activeIndex == 2
? SwiperRoundedPagination(true)
: SwiperRoundedPagination(false),
],
),
),
),
),
),
),
)
],
);
}),
)
],
);
}),
viewportFraction: 0.9,
// scale: 0.9,
// control: new SwiperControl(),
@ -88,16 +88,20 @@ class _DashboardSwipeWidgetState extends State<DashboardSwipeWidget> {
Widget getSwipeWidget(List<DashboardModel> dashboardItemList, int index) {
if (index == 1)
return RoundedContainer(
raduis: 16,
showBorder: true,
borderColor: Colors.white,
shadowWidth: 0.2,
shadowSpreadRadius: 3,
shadowDy: 1,
margin: EdgeInsets.only(top: 15, bottom: 15, left: 10, right: 10),
child: Padding(
padding: const EdgeInsets.all(5.0),
child: GetOutPatientStack(dashboardItemList[1])));
raduis: 16,
showBorder: true,
borderColor: Colors.white,
shadowWidth: 0.2,
shadowSpreadRadius: 3,
shadowDy: 1,
margin: EdgeInsets.only(top: 15, bottom: 15, left: 10, right: 10),
child: Padding(
padding: const EdgeInsets.all(5.0),
child: GetOutPatientStack(
dashboardItemList[1],
),
),
);
if (index == 0)
return RoundedContainer(
raduis: 16,
@ -120,7 +124,7 @@ class _DashboardSwipeWidgetState extends State<DashboardSwipeWidget> {
shadowDy: 1,
margin: EdgeInsets.only(top: 15, bottom: 15, left: 10, right: 10),
child:
Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
Expanded(
flex: 1,
child: Row(
@ -137,9 +141,9 @@ class _DashboardSwipeWidgetState extends State<DashboardSwipeWidget> {
padding: EdgeInsets.all(8),
child: Column(
mainAxisAlignment:
MainAxisAlignment.center,
MainAxisAlignment.center,
crossAxisAlignment:
CrossAxisAlignment.start,
CrossAxisAlignment.start,
children: [
AppText(
TranslationBase.of(context)
@ -228,8 +232,7 @@ class _DashboardSwipeWidgetState extends State<DashboardSwipeWidget> {
return Container();
}
static List<charts.Series<GaugeSegment, String>> _createReferralData(
List<DashboardModel> dashboardItemList) {
static List<charts.Series<GaugeSegment, String>> _createReferralData(List<DashboardModel> dashboardItemList) {
final data = [
new GaugeSegment(
dashboardItemList[2].summaryoptions[0].kPIParameter,

@ -17,6 +17,7 @@ class MethodTypeCard extends StatelessWidget {
@override
Widget build(BuildContext context) {
double cardHeight = SizeConfig.heightMultiplier * (SizeConfig.isHeightShort? 22 : 15);
return InkWell(
onTap: onTap,
child: Container(
@ -30,7 +31,7 @@ class MethodTypeCard extends StatelessWidget {
color: HexColor('#707070'),
width: 0.1),
),
height: SizeConfig.heightMultiplier * (SizeConfig.isHeightShort? 22 : 15),
height: cardHeight,
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
@ -38,10 +39,13 @@ class MethodTypeCard extends StatelessWidget {
children: <Widget>[
Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Image.asset(
assetPath,
width: SizeConfig.widthMultiplier* 12,
height: cardHeight * 0.35,
// height: ,
),
],
),
@ -50,8 +54,8 @@ class MethodTypeCard extends StatelessWidget {
),
AppText(
label,
fontSize: SizeConfig.getTextMultiplierBasedOnWidth()* 2.5,
color: Color(0xFF2E303A),
fontSize: SizeConfig.getTextMultiplierBasedOnWidth()* 3,
color: Color(0xFF2B353E),
fontWeight: FontWeight.bold,
)
],

@ -42,7 +42,7 @@ class _VerificationMethodsListState extends State<VerificationMethodsList> {
{widget.authenticateUser(AuthMethodTypes.WhatsApp, true)},
label: TranslationBase
.of(context)
.verifyWith+ TranslationBase.of(context).verifyWhatsApp,
.verifyWith+"\n"+ TranslationBase.of(context).verifyWhatsApp,
);
break;
case AuthMethodTypes.SMS:
@ -51,7 +51,7 @@ class _VerificationMethodsListState extends State<VerificationMethodsList> {
onTap: () => {widget.authenticateUser(AuthMethodTypes.SMS, true)},
label:TranslationBase
.of(context)
.verifyWith+ TranslationBase.of(context).verifySMS,
.verifyWith+ "\n"+ TranslationBase.of(context).verifySMS,
);
break;
case AuthMethodTypes.Fingerprint:
@ -66,7 +66,7 @@ class _VerificationMethodsListState extends State<VerificationMethodsList> {
},
label: TranslationBase
.of(context)
.verifyWith+TranslationBase.of(context).verifyFingerprint,
.verifyWith+"\n"+TranslationBase.of(context).verifyFingerprint,
);
break;
case AuthMethodTypes.FaceID:
@ -80,7 +80,7 @@ class _VerificationMethodsListState extends State<VerificationMethodsList> {
},
label: TranslationBase
.of(context)
.verifyWith+TranslationBase.of(context).verifyFaceID,
.verifyWith+"\n"+TranslationBase.of(context).verifyFaceID,
);
break;
@ -89,7 +89,7 @@ class _VerificationMethodsListState extends State<VerificationMethodsList> {
assetPath: 'assets/images/login/more_icon.png',
onTap: widget.onShowMore,
label: TranslationBase.of(context).moreVerification,
height: 40,
// height: 40,
);
}
}

Loading…
Cancel
Save