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': "ليس هناك شكوى رئيس" 'ar': "ليس هناك شكوى رئيس"
}, },
"more-verify": { "more-verify": {
"en": "More Verification Options", "en": "More Verification \n Options",
"ar": "المزيد من خيارات التحقق" "ar": "المزيد من خيارات التحقق"
}, },
"welcome-back": {"en": "Welcome back!", "ar": "مرحبا بعودتك!"}, "welcome-back": {"en": "Welcome back!", "ar": "مرحبا بعودتك!"},

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

@ -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/config/size_config.dart';
import 'package:doctor_app_flutter/core/viewModel/dashboard_view_model.dart'; import 'package:doctor_app_flutter/core/viewModel/dashboard_view_model.dart';
import 'package:doctor_app_flutter/models/dashboard/dashboard_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:doctor_app_flutter/widgets/shared/rounded_container_widget.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_swiper/flutter_swiper.dart'; import 'package:flutter_swiper/flutter_swiper.dart';
import 'package:charts_flutter/flutter.dart' as charts;
class DashboardSwipeWidget extends StatefulWidget { class DashboardSwipeWidget extends StatefulWidget {
final List<DashboardModel> dashboardItemList; final List<DashboardModel> dashboardItemList;
@ -97,7 +97,11 @@ class _DashboardSwipeWidgetState extends State<DashboardSwipeWidget> {
margin: EdgeInsets.only(top: 15, bottom: 15, left: 10, right: 10), margin: EdgeInsets.only(top: 15, bottom: 15, left: 10, right: 10),
child: Padding( child: Padding(
padding: const EdgeInsets.all(5.0), padding: const EdgeInsets.all(5.0),
child: GetOutPatientStack(dashboardItemList[1]))); child: GetOutPatientStack(
dashboardItemList[1],
),
),
);
if (index == 0) if (index == 0)
return RoundedContainer( return RoundedContainer(
raduis: 16, raduis: 16,
@ -228,8 +232,7 @@ class _DashboardSwipeWidgetState extends State<DashboardSwipeWidget> {
return Container(); return Container();
} }
static List<charts.Series<GaugeSegment, String>> _createReferralData( static List<charts.Series<GaugeSegment, String>> _createReferralData(List<DashboardModel> dashboardItemList) {
List<DashboardModel> dashboardItemList) {
final data = [ final data = [
new GaugeSegment( new GaugeSegment(
dashboardItemList[2].summaryoptions[0].kPIParameter, dashboardItemList[2].summaryoptions[0].kPIParameter,

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

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

Loading…
Cancel
Save