User Guide added
This commit is contained in:
Kalonkarthik
parent
73f1e2e62e
commit
32991063a7
@ -294,7 +294,7 @@
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:go_router/go_router.dart';
|
||||
import 'package:uae_stat/presentation/Screens/auth_verification/registration.dart';
|
||||
import 'package:uae_stat/presentation/routes/drawer_routes/Drawer%20Items/user_guide/faq_page.dart';
|
||||
import 'package:uae_stat/presentation/routes/drawer_routes/custom_drawer_routes.dart';
|
||||
|
||||
import '../domain/use_cases/preferences_use_case.dart';
|
||||
@ -305,10 +305,10 @@ import '../presentation/Screens/auth_verification/otp_verification.dart';
|
||||
import '../presentation/Screens/profilepage.dart';
|
||||
import '../presentation/routes/auth_routes/login_route.dart';
|
||||
import '../presentation/routes/bottom_bar_routes/tab_routes/home_route.dart';
|
||||
import '../presentation/routes/drawer_routes/Drawer Items/edit_profile.dart';
|
||||
import '../presentation/routes/drawer_routes/Drawer Items/feedback.dart';
|
||||
import '../presentation/routes/drawer_routes/Drawer Items/user_guide/features.dart';
|
||||
import '../presentation/routes/drawer_routes/Drawer Items/user_guide/user_guide.dart';
|
||||
import 'package:uae_stat/presentation/routes/drawer_routes/Drawer%20Items/user_guide/features.dart';
|
||||
import 'package:uae_stat/presentation/routes/drawer_routes/Drawer%20Items/user_guide/getting_started.dart';
|
||||
import 'package:uae_stat/presentation/routes/drawer_routes/Drawer%20Items/user_guide/user_guide.dart';
|
||||
import '../presentation/routes/drawer_routes/Drawer Items/manage_users.dart';
|
||||
|
||||
final GoRouter router = GoRouter(
|
||||
@ -316,16 +316,12 @@ final GoRouter router = GoRouter(
|
||||
GoRoute(
|
||||
path: '/',
|
||||
//builder: (context, state) => LoginRoute(),
|
||||
builder: (context, state) => LoginRoute(),
|
||||
builder: (context, state) => MyHomePage(),
|
||||
),
|
||||
GoRoute(
|
||||
path: '/myhomepage',
|
||||
builder: (context, state) => MyHomePage(),
|
||||
),
|
||||
GoRoute(
|
||||
path: '/register',
|
||||
builder: (context, state) => RegisterScreen(),
|
||||
),
|
||||
GoRoute(
|
||||
path: '/mailverification',
|
||||
builder: (context, state) => EmailVerificationScreen(
|
||||
@ -337,11 +333,10 @@ final GoRouter router = GoRouter(
|
||||
),
|
||||
),
|
||||
GoRoute(
|
||||
path: '/changepassword/:userId',
|
||||
builder: (context, state) {
|
||||
final userId = state.pathParameters['userId']!;
|
||||
return Changepassword(userId: userId);
|
||||
},
|
||||
path: '/changepassword',
|
||||
builder: (context, state) => Changepassword(
|
||||
userId: '',
|
||||
),
|
||||
),
|
||||
GoRoute(
|
||||
path: '/createNewPw/:userId/:email',
|
||||
@ -364,21 +359,27 @@ final GoRouter router = GoRouter(
|
||||
path: '/feedback',
|
||||
builder: (context, state) => FeedbackForm(),
|
||||
),
|
||||
//Sub route
|
||||
GoRoute(
|
||||
path: '/profile/:userId',
|
||||
builder: (context, state) {
|
||||
final userId = state.pathParameters['userId']!;
|
||||
return ProfileScreen(userId: userId);
|
||||
},
|
||||
path: '/profile',
|
||||
builder: (context, state) => ProfileScreen(
|
||||
userId: '',
|
||||
),
|
||||
),
|
||||
GoRoute(
|
||||
path: '/user-guide',
|
||||
builder: (context, state) => UserGuide(),
|
||||
routes: <RouteBase>[
|
||||
GoRoute(path: '/features',
|
||||
name: 'features',
|
||||
builder: (context, state) => AboutFCSC(),
|
||||
name: 'features',
|
||||
builder: (context, state) => UsingFeatures(),
|
||||
),
|
||||
GoRoute(path: '/gettingStarted',
|
||||
name: 'gettingStarted',
|
||||
builder: (context, state) => GettingStarted(),
|
||||
),
|
||||
GoRoute(path: '/faq',
|
||||
name: 'faq',
|
||||
builder: (context, state) => FAQPage(),
|
||||
),
|
||||
],
|
||||
),
|
||||
@ -390,13 +391,10 @@ final GoRouter router = GoRouter(
|
||||
// return ManageUserRouter(title: title);
|
||||
// },
|
||||
// ),
|
||||
GoRoute(
|
||||
path: '/editProfile',
|
||||
builder: (context, state) => EditProfile(),
|
||||
),
|
||||
GoRoute(
|
||||
path: '/manageuser',
|
||||
builder: (context, state) => ManageUserRouter(),
|
||||
),
|
||||
],
|
||||
);
|
||||
|
||||
|
||||
@ -540,13 +540,13 @@ class _LoginRouteState extends State<LoginRoute> {
|
||||
),
|
||||
color: Color(0xFF898C81),
|
||||
fontSize: 18, fontWeight: FontWeight.bold),),
|
||||
Text("UAE's key official statistics",style: TextStyle(
|
||||
fontFamily: context.translate(
|
||||
'Roboto',
|
||||
'NotoKufi',
|
||||
),
|
||||
color: Color(0xFF898C81),
|
||||
fontSize: 16, fontWeight: FontWeight.bold),),
|
||||
Text("UAE's key official statistics",style: TextStyle(
|
||||
fontFamily: context.translate(
|
||||
'Roboto',
|
||||
'NotoKufi',
|
||||
),
|
||||
color: Color(0xFF898C81),
|
||||
fontSize: 16, fontWeight: FontWeight.bold),),
|
||||
|
||||
SizedBox(height: 10),
|
||||
// Display this if registration is pending approval
|
||||
@ -559,8 +559,8 @@ class _LoginRouteState extends State<LoginRoute> {
|
||||
prefixIcon: Image.asset("assets/icons/misc/person.png",scale: 2,color: Colors.lightBlueAccent,),
|
||||
border: OutlineInputBorder(borderRadius: BorderRadius.circular(15)),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
borderSide: BorderSide(color: Colors.blue.shade900,)
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
borderSide: BorderSide(color: Colors.blue.shade900,)
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(10), // Keep rounded corners
|
||||
@ -583,7 +583,7 @@ class _LoginRouteState extends State<LoginRoute> {
|
||||
// obscureText: _obscurePassword,
|
||||
decoration: InputDecoration(
|
||||
hintText: "Password",
|
||||
// hintText: _showHints[2] ? 'Enter your password' : null,
|
||||
// hintText: _showHints[2] ? 'Enter your password' : null,
|
||||
prefixIcon: Image.asset("assets/icons/misc/lock.png",scale: 2,color: Colors.lightBlueAccent,),
|
||||
suffixIcon: IconButton(
|
||||
icon: Icon(
|
||||
@ -600,8 +600,8 @@ class _LoginRouteState extends State<LoginRoute> {
|
||||
),
|
||||
border: OutlineInputBorder(borderRadius: BorderRadius.circular(15)),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
borderSide: BorderSide(color: Colors.blue.shade900,),
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
borderSide: BorderSide(color: Colors.blue.shade900,),
|
||||
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
@ -620,9 +620,9 @@ class _LoginRouteState extends State<LoginRoute> {
|
||||
|
||||
SizedBox(height: 10),
|
||||
Row(mainAxisAlignment: MainAxisAlignment.end,
|
||||
children: [Text("Forgot Password?",
|
||||
style: TextStyle(color: Color(0xFF985400),fontWeight: FontWeight.bold
|
||||
),)],),
|
||||
children: [Text("Forgot Password?",
|
||||
style: TextStyle(color: Color(0xFF985400),fontWeight: FontWeight.bold
|
||||
),)],),
|
||||
SizedBox(height: 20),
|
||||
SizedBox(
|
||||
width: screenwidth,
|
||||
@ -648,7 +648,7 @@ class _LoginRouteState extends State<LoginRoute> {
|
||||
),
|
||||
SizedBox(width: 8),
|
||||
Icon(Icons.arrow_forward_ios,
|
||||
color: Colors.white,
|
||||
color: Colors.white,
|
||||
size: 10,
|
||||
),
|
||||
],
|
||||
@ -659,22 +659,22 @@ class _LoginRouteState extends State<LoginRoute> {
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Text(
|
||||
"Don't have an account? ",
|
||||
style: TextStyle(
|
||||
fontFamily: context.translate(
|
||||
'Roboto',
|
||||
'NotoKufi',
|
||||
),
|
||||
color: Color(0xFF898C81),
|
||||
fontSize: 18, fontWeight: FontWeight.bold),
|
||||
),
|
||||
InkWell(
|
||||
onTap: (){
|
||||
context.go('/registration');
|
||||
},
|
||||
child: Text(
|
||||
" Register Now",
|
||||
Text(
|
||||
"Don't have an account? ",
|
||||
style: TextStyle(
|
||||
fontFamily: context.translate(
|
||||
'Roboto',
|
||||
'NotoKufi',
|
||||
),
|
||||
color: Color(0xFF898C81),
|
||||
fontSize: 18, fontWeight: FontWeight.bold),
|
||||
),
|
||||
InkWell(
|
||||
onTap: (){
|
||||
context.go('/registration');
|
||||
},
|
||||
child: Text(
|
||||
" Register Now",
|
||||
style: TextStyle(
|
||||
fontFamily: context.translate(
|
||||
'Roboto',
|
||||
@ -682,9 +682,9 @@ class _LoginRouteState extends State<LoginRoute> {
|
||||
),
|
||||
color: Color(0xFF985400),
|
||||
fontSize: 18, fontWeight: FontWeight.bold),
|
||||
),
|
||||
),
|
||||
),
|
||||
],),
|
||||
],),
|
||||
|
||||
SizedBox(
|
||||
height: screenheight/20,
|
||||
@ -714,7 +714,7 @@ class _LoginRouteState extends State<LoginRoute> {
|
||||
),
|
||||
SizedBox(width: 8),
|
||||
Icon(Icons.arrow_forward_ios,
|
||||
color: Colors.white,size: 10,),
|
||||
color: Colors.white,size: 10,),
|
||||
],
|
||||
),
|
||||
),
|
||||
@ -740,206 +740,206 @@ class _LoginRouteState extends State<LoginRoute> {
|
||||
),
|
||||
),
|
||||
);
|
||||
<<<<<<< HEAD
|
||||
=======
|
||||
final form = Form(
|
||||
key: formKey,
|
||||
child: Column(
|
||||
children: [
|
||||
ThemedFormField(
|
||||
hintText: context.translate(
|
||||
'Email',
|
||||
'بريد إلكتروني',
|
||||
),
|
||||
validator: FieldValidator.email(),
|
||||
imgPath: MiscIconAssetPath.person,
|
||||
controller: emailCtl,
|
||||
),
|
||||
15.verticalSpace,
|
||||
ThemedFormField(
|
||||
validator: (text) {
|
||||
if (text!.length < 8) {
|
||||
return 'The password must be at least 8 characters';
|
||||
}
|
||||
return FieldValidator.password(minLength: 8)(text);
|
||||
},
|
||||
hintText: context.translate(
|
||||
'Password',
|
||||
'كلمة المرور',
|
||||
),
|
||||
imgPath: MiscIconAssetPath.lock,
|
||||
controller: pwCtl,
|
||||
isObscurable: true,
|
||||
),
|
||||
// 6.verticalSpace,
|
||||
Align(
|
||||
alignment: AlignmentDirectional.topEnd,
|
||||
child: forgotPwBtn,
|
||||
),
|
||||
10.verticalSpace,
|
||||
loginBtn,
|
||||
],
|
||||
),
|
||||
);
|
||||
final helloAndPleaseLoginTexts = Column(
|
||||
children: [
|
||||
Text(
|
||||
context.translate(
|
||||
'Hello Again!',
|
||||
'مرحبا مجددا!',
|
||||
),
|
||||
style: TextStyle(
|
||||
fontFamily: context.translate(
|
||||
'Roboto',
|
||||
'NotoKufi',
|
||||
),
|
||||
fontSize: 40,
|
||||
fontWeight: FontWeight.w300,
|
||||
),
|
||||
),
|
||||
10.verticalSpace,
|
||||
Text(
|
||||
context.translate(
|
||||
'Please login to access UAE’s key official statistics',
|
||||
'يرجى تسجيل الدخول للوصول إلى الإحصاءات الرسمية الرئيسية لدولة الإمارات العربية المتحدة',
|
||||
),
|
||||
textAlign: TextAlign.center,
|
||||
style: TextStyle(
|
||||
fontFamily: context.translate(
|
||||
'Roboto',
|
||||
'NotoKufi',
|
||||
),
|
||||
fontSize: 18,
|
||||
color: const Color(0xff898C81),
|
||||
fontWeight: FontWeight.w700,
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
final dontHaveAnAccountRegisterBtn = TextButton(
|
||||
onPressed: () => {
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(builder: (context) => RegisterScreen()),
|
||||
),
|
||||
},
|
||||
child: Text.rich(
|
||||
textAlign: TextAlign.center,
|
||||
TextSpan(
|
||||
style: TextStyle(
|
||||
fontFamily: context.translate(
|
||||
'Roboto',
|
||||
'NotoKufi',
|
||||
),
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
children: [
|
||||
TextSpan(
|
||||
text: context.translate(
|
||||
'Don\'t have an account? ',
|
||||
'ليس لديك حساب؟',
|
||||
),
|
||||
style: const TextStyle(
|
||||
color: Color(0xff898C81),
|
||||
),
|
||||
),
|
||||
const TextSpan(
|
||||
text: ' ',
|
||||
),
|
||||
TextSpan(
|
||||
text: context.translate(
|
||||
'Register Now',
|
||||
'سجل الان',
|
||||
),
|
||||
style: TextStyle(
|
||||
color: MyTheme.topicColor(IndicatorTopic.economy).shade600,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
final continueAsGuestBtn = SizedBox(
|
||||
width: double.infinity,
|
||||
child: ElevatedButton(
|
||||
onPressed: () => context
|
||||
.go('/${context.language}/${BottomNavBarItem.home.routePath}'),
|
||||
style: ButtonStyle(
|
||||
shape: WidgetStatePropertyAll(
|
||||
RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
),
|
||||
),
|
||||
padding: const WidgetStatePropertyAll(
|
||||
EdgeInsets.symmetric(vertical: 10.5),
|
||||
),
|
||||
textStyle: WidgetStatePropertyAll(
|
||||
TextStyle(
|
||||
fontFamily: context.translate(
|
||||
'Roboto',
|
||||
'NotoKufi',
|
||||
),
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
backgroundColor: WidgetStatePropertyAll(
|
||||
MyTheme.topicColor(IndicatorTopic.environment),
|
||||
),
|
||||
foregroundColor: const WidgetStatePropertyAll(
|
||||
Colors.white,
|
||||
),
|
||||
),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Text(
|
||||
context.translate(
|
||||
'Continue as Guest',
|
||||
'استمر كضيف',
|
||||
),
|
||||
),
|
||||
6.horizontalSpace,
|
||||
const Icon(Icons.chevron_right_outlined),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
final fcscBanner = Image.asset(
|
||||
BannerAssetPath.fcsc,
|
||||
height: 56,
|
||||
);
|
||||
final screenWidth = MediaQuery.of(context).size.width;
|
||||
final listViewHorizontalPadding =
|
||||
screenWidth < 700 ? 30 : 30 + (screenWidth - 700) / 2;
|
||||
final scaffoldBody = ListView(
|
||||
padding: EdgeInsets.symmetric(
|
||||
horizontal: listViewHorizontalPadding.toDouble(),
|
||||
),
|
||||
children: [
|
||||
36.verticalSpace,
|
||||
const Align(
|
||||
alignment: AlignmentDirectional.topEnd,
|
||||
child: LangToggle(),
|
||||
),
|
||||
16.verticalSpace,
|
||||
helloAndPleaseLoginTexts,
|
||||
42.verticalSpace,
|
||||
form,
|
||||
20.verticalSpace,
|
||||
dontHaveAnAccountRegisterBtn,
|
||||
36.verticalSpace,
|
||||
continueAsGuestBtn,
|
||||
72.verticalSpace,
|
||||
fcscBanner,
|
||||
],
|
||||
);
|
||||
final bgScaffold = Scaffold(
|
||||
backgroundColor: Colors.white,
|
||||
body: SafeArea(child: scaffoldBody),
|
||||
);
|
||||
return bgScaffold;
|
||||
>>>>>>> b0c5ebce3deb7da2aa24b0ea5ffe684df7dfb7bf
|
||||
// <<<<<<< HEAD
|
||||
// // =======
|
||||
// final form = Form(
|
||||
// key: formKey,
|
||||
// child: Column(
|
||||
// children: [
|
||||
// ThemedFormField(
|
||||
// hintText: context.translate(
|
||||
// 'Email',
|
||||
// 'بريد إلكتروني',
|
||||
// ),
|
||||
// validator: FieldValidator.email(),
|
||||
// imgPath: MiscIconAssetPath.person,
|
||||
// controller: emailCtl,
|
||||
// ),
|
||||
// 15.verticalSpace,
|
||||
// ThemedFormField(
|
||||
// validator: (text) {
|
||||
// if (text!.length < 8) {
|
||||
// return 'The password must be at least 8 characters';
|
||||
// }
|
||||
// return FieldValidator.password(minLength: 8)(text);
|
||||
// },
|
||||
// hintText: context.translate(
|
||||
// 'Password',
|
||||
// 'كلمة المرور',
|
||||
// ),
|
||||
// imgPath: MiscIconAssetPath.lock,
|
||||
// controller: pwCtl,
|
||||
// isObscurable: true,
|
||||
// ),
|
||||
// // 6.verticalSpace,
|
||||
// Align(
|
||||
// alignment: AlignmentDirectional.topEnd,
|
||||
// child: forgotPwBtn,
|
||||
// ),
|
||||
// 10.verticalSpace,
|
||||
// loginBtn,
|
||||
// ],
|
||||
// ),
|
||||
// );
|
||||
// final helloAndPleaseLoginTexts = Column(
|
||||
// children: [
|
||||
// Text(
|
||||
// context.translate(
|
||||
// 'Hello Again!',
|
||||
// 'مرحبا مجددا!',
|
||||
// ),
|
||||
// style: TextStyle(
|
||||
// fontFamily: context.translate(
|
||||
// 'Roboto',
|
||||
// 'NotoKufi',
|
||||
// ),
|
||||
// fontSize: 40,
|
||||
// fontWeight: FontWeight.w300,
|
||||
// ),
|
||||
// ),
|
||||
// 10.verticalSpace,
|
||||
// Text(
|
||||
// context.translate(
|
||||
// 'Please login to access UAE’s key official statistics',
|
||||
// 'يرجى تسجيل الدخول للوصول إلى الإحصاءات الرسمية الرئيسية لدولة الإمارات العربية المتحدة',
|
||||
// ),
|
||||
// textAlign: TextAlign.center,
|
||||
// style: TextStyle(
|
||||
// fontFamily: context.translate(
|
||||
// 'Roboto',
|
||||
// 'NotoKufi',
|
||||
// ),
|
||||
// fontSize: 18,
|
||||
// color: const Color(0xff898C81),
|
||||
// fontWeight: FontWeight.w700,
|
||||
// ),
|
||||
// ),
|
||||
// ],
|
||||
// );
|
||||
// final dontHaveAnAccountRegisterBtn = TextButton(
|
||||
// onPressed: () => {
|
||||
// Navigator.push(
|
||||
// context,
|
||||
// MaterialPageRoute(builder: (context) => RegisterScreen()),
|
||||
// ),
|
||||
// },
|
||||
// child: Text.rich(
|
||||
// textAlign: TextAlign.center,
|
||||
// TextSpan(
|
||||
// style: TextStyle(
|
||||
// fontFamily: context.translate(
|
||||
// 'Roboto',
|
||||
// 'NotoKufi',
|
||||
// ),
|
||||
// fontSize: 18,
|
||||
// fontWeight: FontWeight.bold,
|
||||
// ),
|
||||
// children: [
|
||||
// TextSpan(
|
||||
// text: context.translate(
|
||||
// 'Don\'t have an account? ',
|
||||
// 'ليس لديك حساب؟',
|
||||
// ),
|
||||
// style: const TextStyle(
|
||||
// color: Color(0xff898C81),
|
||||
// ),
|
||||
// ),
|
||||
// const TextSpan(
|
||||
// text: ' ',
|
||||
// ),
|
||||
// TextSpan(
|
||||
// text: context.translate(
|
||||
// 'Register Now',
|
||||
// 'سجل الان',
|
||||
// ),
|
||||
// style: TextStyle(
|
||||
// color: MyTheme.topicColor(IndicatorTopic.economy).shade600,
|
||||
// ),
|
||||
// ),
|
||||
// ],
|
||||
// ),
|
||||
// ),
|
||||
// );
|
||||
// final continueAsGuestBtn = SizedBox(
|
||||
// width: double.infinity,
|
||||
// child: ElevatedButton(
|
||||
// onPressed: () => context
|
||||
// .go('/${context.language}/${BottomNavBarItem.home.routePath}'),
|
||||
// style: ButtonStyle(
|
||||
// shape: WidgetStatePropertyAll(
|
||||
// RoundedRectangleBorder(
|
||||
// borderRadius: BorderRadius.circular(10),
|
||||
// ),
|
||||
// ),
|
||||
// padding: const WidgetStatePropertyAll(
|
||||
// EdgeInsets.symmetric(vertical: 10.5),
|
||||
// ),
|
||||
// textStyle: WidgetStatePropertyAll(
|
||||
// TextStyle(
|
||||
// fontFamily: context.translate(
|
||||
// 'Roboto',
|
||||
// 'NotoKufi',
|
||||
// ),
|
||||
// fontSize: 16,
|
||||
// fontWeight: FontWeight.w600,
|
||||
// ),
|
||||
// ),
|
||||
// backgroundColor: WidgetStatePropertyAll(
|
||||
// MyTheme.topicColor(IndicatorTopic.environment),
|
||||
// ),
|
||||
// foregroundColor: const WidgetStatePropertyAll(
|
||||
// Colors.white,
|
||||
// ),
|
||||
// ),
|
||||
// child: Row(
|
||||
// mainAxisAlignment: MainAxisAlignment.center,
|
||||
// children: [
|
||||
// Text(
|
||||
// context.translate(
|
||||
// 'Continue as Guest',
|
||||
// 'استمر كضيف',
|
||||
// ),
|
||||
// ),
|
||||
// 6.horizontalSpace,
|
||||
// const Icon(Icons.chevron_right_outlined),
|
||||
// ],
|
||||
// ),
|
||||
// ),
|
||||
// );
|
||||
// final fcscBanner = Image.asset(
|
||||
// BannerAssetPath.fcsc,
|
||||
// height: 56,
|
||||
// );
|
||||
// final screenWidth = MediaQuery.of(context).size.width;
|
||||
// final listViewHorizontalPadding =
|
||||
// screenWidth < 700 ? 30 : 30 + (screenWidth - 700) / 2;
|
||||
// final scaffoldBody = ListView(
|
||||
// padding: EdgeInsets.symmetric(
|
||||
// horizontal: listViewHorizontalPadding.toDouble(),
|
||||
// ),
|
||||
// children: [
|
||||
// 36.verticalSpace,
|
||||
// const Align(
|
||||
// alignment: AlignmentDirectional.topEnd,
|
||||
// child: LangToggle(),
|
||||
// ),
|
||||
// 16.verticalSpace,
|
||||
// helloAndPleaseLoginTexts,
|
||||
// 42.verticalSpace,
|
||||
// form,
|
||||
// 20.verticalSpace,
|
||||
// dontHaveAnAccountRegisterBtn,
|
||||
// 36.verticalSpace,
|
||||
// continueAsGuestBtn,
|
||||
// 72.verticalSpace,
|
||||
// fcscBanner,
|
||||
// ],
|
||||
// );
|
||||
// final bgScaffold = Scaffold(
|
||||
// backgroundColor: Colors.white,
|
||||
// body: SafeArea(child: scaffoldBody),
|
||||
// );
|
||||
// return bgScaffold;
|
||||
// >>>>>>> b0c5ebce3deb7da2aa24b0ea5ffe684df7dfb7bf
|
||||
}
|
||||
}
|
||||
|
||||
@ -0,0 +1,65 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class CustomContainer extends StatelessWidget {
|
||||
final String text;
|
||||
final EdgeInsetsGeometry padding;
|
||||
final bool isBulletPoint;
|
||||
final TextStyle? textStyle;
|
||||
final double? fontSize;
|
||||
final double? height;
|
||||
final double defaultFontSize ;
|
||||
final TextDecoration textDecoration ;
|
||||
final Color? decorationColor;
|
||||
final FontWeight fontWeight;
|
||||
final Color color;
|
||||
|
||||
const CustomContainer({
|
||||
super.key,
|
||||
required this.text,
|
||||
this.padding = const EdgeInsets.all(8.0),
|
||||
this.isBulletPoint = false,
|
||||
this.textStyle,
|
||||
this.fontSize,
|
||||
this.defaultFontSize=14,
|
||||
this.height,
|
||||
this.textDecoration = TextDecoration.none,
|
||||
this.fontWeight =FontWeight.w500,
|
||||
this.decorationColor,
|
||||
this.color=const Color(0xFF898C81),
|
||||
});
|
||||
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Padding(
|
||||
padding: padding,
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
if (isBulletPoint)
|
||||
Text(
|
||||
"• ",
|
||||
|
||||
style: TextStyle(fontSize: fontSize ?? defaultFontSize,
|
||||
color: color,
|
||||
fontWeight: fontWeight,
|
||||
height: height,),
|
||||
),
|
||||
Expanded(
|
||||
child: Text(
|
||||
text,
|
||||
style: TextStyle(
|
||||
fontSize: fontSize ?? defaultFontSize,
|
||||
color: color,
|
||||
fontWeight: fontWeight,
|
||||
height: height,
|
||||
decoration: textDecoration,
|
||||
decorationColor: decorationColor ?? color,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,131 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import '../../custom_drawer_routes.dart';
|
||||
|
||||
class FAQPage extends StatefulWidget {
|
||||
const FAQPage({super.key});
|
||||
|
||||
@override
|
||||
State<FAQPage> createState() => _FAQPageState();
|
||||
}
|
||||
|
||||
class _FAQPageState extends State<FAQPage> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return BaseScaffold(
|
||||
title: Text('FAQs'),
|
||||
body: Scrollbar(
|
||||
thumbVisibility: true,
|
||||
thickness: 6,
|
||||
radius: Radius.circular(10),
|
||||
interactive: true,
|
||||
child:SingleChildScrollView(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Container(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
width: MediaQuery.of(context).size.width,
|
||||
// color: Colors.white, // Background color// Optional padding around the text
|
||||
child: Text(
|
||||
'HERE ARE SOME COMMON QUESTIONS ABOUT THE FEDERAL COMPETITIVENESS AND STATISTICS CENTRE (FCSC) MOBILE APPLICATION:',
|
||||
style: TextStyle(
|
||||
color: Color(0xFF265E84), // Text color
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.w600
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
padding: const EdgeInsets.all(0.0),
|
||||
color: Colors.grey,
|
||||
child: QuestionAnswerScrollView()
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
class QuestionAnswerScrollView extends StatelessWidget {
|
||||
final List<Map<String, String>> questionsAndAnswers = [
|
||||
{'question': '1. What is the purpose of this app?', 'answer': 'The app provides official UAE statistics across categories like Economy, Environment, and Social. It allows users to explore datasets, view trends, and access detailed metrics to make informed decisions.'},
|
||||
{'question': '2. How do I bookmark a metric?',
|
||||
'answer': 'When viewing a metric, tap on the Bookmark icon. Your bookmarks are accessible from the My Bookmarks section in the navigation bar.'},
|
||||
{'question': '3.Can I view the app in another language?', 'answer': 'Yes, the app supports both English and Arabic. You can toggle the language using the switch in the top-right corner of the app.'},
|
||||
{'question': '4.What happens if I forget my password?','answer':'Tap on the Forgot Password? link on the login page. Follow the steps to reset your password via your registered email address.'},
|
||||
{'question':'5. Can I edit my profile details?','answer': 'Yes, you can edit specific fields such as Date of Birth and User Image. However, certain fields like Username and Email are non-editable for security reasons.'},
|
||||
{'question':'6.How often is the data updated?','answer':'The app updates its datasets regularly to ensure users have access to the latest statistics. Notifications are sent whenever significant updates are made.'},
|
||||
{'question':'7.Do I need to create an account to use the app?',
|
||||
'answer':"Yes, the app is strictly for registered and approved users. To access the data:You need to sign up using the Register Now option on the login screen .Your registration must be approved by the admin.Once approved, you can log in to access the app's features and datasets.Guest access is not available for this application."},
|
||||
{'question':'8.How can I navigate through the app?','answer':'Use the main categories on the homepage (e.g., Economy, Environment) to access subcategories and detailed KPIs.Drill down into specific metrics or graphical views by tapping on a KPI.Access additional features like Bookmarks or Profile through the navigation bar.'},
|
||||
{'question':'9.What types of data are available?','answer':'The app offers data on:Economy: GDP, growth rates, and economic trends.Environment: Electricity production, water consumption, and more.Social: Labor force distribution, participation rates, and demographic data.'},
|
||||
{'question':'10.What types of graphs and charts are available?','answer':'The app provides a variety of visualizations, including:Line charts for trends.Bar and column charts for comparisons.Stacked charts for multi-layered data views.'},
|
||||
];
|
||||
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return SingleChildScrollView(
|
||||
child: Column(
|
||||
children: questionsAndAnswers.map((qa) => QuestionAnswerCard(qa: qa)).toList(),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class QuestionAnswerCard extends StatefulWidget {
|
||||
final Map<String, String> qa;
|
||||
QuestionAnswerCard({required this.qa});
|
||||
|
||||
@override
|
||||
_QuestionAnswerCardState createState() => _QuestionAnswerCardState();
|
||||
}
|
||||
|
||||
class _QuestionAnswerCardState extends State<QuestionAnswerCard> {
|
||||
bool isExpanded = false;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Card(
|
||||
color: Colors.white,
|
||||
elevation: 1,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.zero, // No rounding, it's a rectangle
|
||||
),
|
||||
margin: EdgeInsets.symmetric(vertical: 0,),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
ListTile(
|
||||
dense: true,
|
||||
textColor:Color(0xFF414042),
|
||||
title: Text(
|
||||
widget.qa['question']!,
|
||||
style: TextStyle(fontWeight: FontWeight.w600, fontSize: 15),
|
||||
),
|
||||
trailing: Icon(isExpanded ? Icons.remove : Icons.add),
|
||||
onTap: () {
|
||||
setState(() {
|
||||
isExpanded = !isExpanded;
|
||||
});
|
||||
},
|
||||
),
|
||||
if (isExpanded)
|
||||
Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16.0),
|
||||
child: Text(
|
||||
widget.qa["answer"]!,
|
||||
style: TextStyle(color: Colors.grey),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -1,291 +1,617 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
||||
import 'package:uae_stat/presentation/routes/drawer_routes/Drawer Items/user_guide/textRich.dart';
|
||||
import 'package:uae_stat/presentation/components/space.dart';
|
||||
import 'package:uae_stat/infrastructure/services/img_asset_paths/banner_asset_path.dart';
|
||||
|
||||
import 'package:uae_stat/presentation/routes/drawer_routes/Drawer%20Items/user_guide/custom_text.dart';
|
||||
import 'package:uae_stat/presentation/routes/drawer_routes/custom_drawer_routes.dart';
|
||||
|
||||
class AboutFCSC extends HookConsumerWidget {
|
||||
const AboutFCSC({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context, WidgetRef ref) {
|
||||
final Color tColor=const Color(0xFF265E84);
|
||||
final fcscBanner = Image.asset(
|
||||
BannerAssetPath.fcsc,
|
||||
height: 56,
|
||||
alignment:Alignment.center,
|
||||
);
|
||||
return BaseScaffold(
|
||||
title: const Text('Features'),
|
||||
|
||||
body: Scrollbar(
|
||||
thumbVisibility: true,
|
||||
thickness: 8,
|
||||
radius: Radius.circular(10),
|
||||
interactive: true,
|
||||
child: SingleChildScrollView(
|
||||
child: Container(
|
||||
padding: const EdgeInsets.only(left: 14.0,right: 16.0, bottom: 16.0),
|
||||
color: const Color(0xFFD9D9D9),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
buildRichText([
|
||||
createTextSpan(
|
||||
'Using Features\n',
|
||||
fontSize: 20,
|
||||
color: tColor,
|
||||
fontWeight: FontWeight.w600,
|
||||
height: 2,
|
||||
),
|
||||
createTextSpan(
|
||||
'When a user clicks on a category, expand or open a new page it to show a list of sub-categories or articles under that section. e.g., under "Using Features", we should see articles like:\n\n',
|
||||
fontWeight: FontWeight.w400,
|
||||
),
|
||||
createTextSpan(
|
||||
'1.How to use the Dashboard.\n2.Managing Notifications.\n3.Customizing Preferences.',
|
||||
height: 1.7,
|
||||
),
|
||||
|
||||
createTextSpan(
|
||||
'\n\nGetting Started with FCSC App',
|
||||
fontSize: 17,
|
||||
color:tColor,
|
||||
fontWeight: FontWeight.w500,
|
||||
),
|
||||
]),
|
||||
QuestionAnswerScrollView(),
|
||||
|
||||
ExpandableRichText(
|
||||
maxLines: 5,
|
||||
textSpans: [
|
||||
createTextSpan(
|
||||
'What to Do if Your Register is Pending Approval?\n',
|
||||
fontSize: 20,
|
||||
fontWeight: FontWeight.w500,
|
||||
color: tColor,
|
||||
),
|
||||
createTextSpan(
|
||||
fontWeight: FontWeight.w400,
|
||||
'When you register for the FCSC App, your account may require approval from an administrator before you can start using the app. Follow this guide to understand the process and how to check your registration status.\n',
|
||||
),
|
||||
createTextSpan(
|
||||
'Step 1\n',
|
||||
fontSize: 17,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: tColor,
|
||||
height: 2,
|
||||
),
|
||||
createTextSpan(
|
||||
'Complete Your Registration',
|
||||
fontWeight: FontWeight.w500,
|
||||
color:tColor,
|
||||
spacingBottom: 2,
|
||||
height: 0.8
|
||||
),
|
||||
createTextSpan(
|
||||
|
||||
fontWeight: FontWeight.w400,
|
||||
height: 1.4,
|
||||
spacingBottom: 2,
|
||||
'1.After entering your details during the registration process, you will receive a confirmation message indicating that your registration has been submitted.\n'
|
||||
'2.Your registration will be in a "Pending Approval" state until an administrator reviews and approves your request.',
|
||||
),
|
||||
createTextSpan(
|
||||
'Step 2\n',
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w600,
|
||||
color:tColor,
|
||||
height: 2,
|
||||
),
|
||||
createTextSpan(
|
||||
'What Happens During Admin Approval?',
|
||||
spacingBottom: 2,
|
||||
height: 0.8,
|
||||
color: tColor,
|
||||
),
|
||||
createTextSpan('1.The administrator will review your details to ensure they meet the necessary criteria\n2.This process typically takes [X amount of time]. You will be notified via email once your registration is approved.\n3.You may receive an email asking for additional information or clarifications if needed.\n\n',
|
||||
fontWeight: FontWeight.w400,
|
||||
),
|
||||
createTextSpan(
|
||||
'Step 3\n',
|
||||
fontSize: 17,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: tColor,
|
||||
height: 2,
|
||||
),
|
||||
|
||||
createTextSpan(
|
||||
'How to Check Your Registration Status?',
|
||||
spacingBottom: 2,
|
||||
height: 0.8,
|
||||
color: tColor,
|
||||
),
|
||||
|
||||
createTextSpan('1. While waiting for approval, you can check the status of your registration by following these steps:\n',
|
||||
fontWeight: FontWeight.w400,
|
||||
),
|
||||
|
||||
createTextSpan(
|
||||
' • Login to the FCSC App: ',
|
||||
spacingTop: 1,
|
||||
height: 0.7,
|
||||
color: tColor,
|
||||
),
|
||||
createTextSpan(
|
||||
'Even while your registration is pending, you can still log in using your email and password.',
|
||||
fontWeight: FontWeight.w400,
|
||||
),
|
||||
createTextSpan(
|
||||
' • View Your Dashboard: ',
|
||||
spacingTop: 2,
|
||||
height: 0.5,
|
||||
color: tColor,
|
||||
), createTextSpan(
|
||||
'Once logged in, you will see a message on your dashboard indicating that your account is still under review. This message will look like: Your registration is pending admin approval. You will be notified once your account is approved',
|
||||
fontWeight: FontWeight.w400,
|
||||
), createTextSpan(
|
||||
' • Notifications: ',
|
||||
spacingTop: 2,
|
||||
height: 0.5,
|
||||
color: tColor,
|
||||
), createTextSpan(
|
||||
'Keep an eye on your email inbox. You will receive a notification when your account is approved and ready for use.\n\n',
|
||||
fontWeight: FontWeight.w400,
|
||||
),
|
||||
|
||||
createTextSpan(
|
||||
'Step 4\n',
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w600,
|
||||
color:tColor,
|
||||
height: 2,
|
||||
),
|
||||
|
||||
createTextSpan(
|
||||
'What Happens After Approval?',
|
||||
spacingBottom: 2,
|
||||
height: 0.8,
|
||||
color: tColor,
|
||||
),
|
||||
createTextSpan('1.Once your registration is approved, you will receive an email notification confirming your account activation.\n2. You can then log in and access all the features of the FCSC App without any restrictions.\n\n',
|
||||
fontWeight: FontWeight.w400,
|
||||
),
|
||||
createTextSpan(
|
||||
'Step 5\n',
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w600,
|
||||
color:tColor,
|
||||
height: 2,
|
||||
),
|
||||
|
||||
createTextSpan(
|
||||
"Still Haven't Heard Back?",
|
||||
spacingBottom: 2,
|
||||
height: 0.8,
|
||||
color: tColor,
|
||||
),
|
||||
|
||||
|
||||
createTextSpan(
|
||||
'1.If you haven’t received approval after the expected time, you can contact FCSC Support by clicking [Support Link] or sending an email to [support@fcsc.gov.ae].\n2. Provide your registration details and ask for an update on your approval status.\n',
|
||||
fontWeight: FontWeight.w400,
|
||||
),
|
||||
|
||||
],
|
||||
),
|
||||
buildRichText([
|
||||
createTextSpan(
|
||||
'For more information please visit ',
|
||||
color:tColor,
|
||||
fontSize: 16,
|
||||
),
|
||||
createTextSpan(
|
||||
'www.fcsc.gov.ae ',
|
||||
color: const Color(0xFF568898),
|
||||
fontSize: 16,
|
||||
textDecoration: TextDecoration.underline,
|
||||
),
|
||||
]),
|
||||
10.verticalSpace,
|
||||
Center( child: fcscBanner,),
|
||||
50.verticalSpace,
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
class UsingFeatures extends StatelessWidget {
|
||||
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
final List<Map<String, dynamic>> contentList = [
|
||||
{
|
||||
'text': '1.Comprehensive Statistics',
|
||||
'fontSize': 16.0,
|
||||
'color': Color(0xFF414042),
|
||||
"fontWeight": FontWeight.bold,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
{
|
||||
'text': 'Gain insights into vital statistics across categories like Economy, Environment, Social, and more.Explore detailed data, smart metrics, and interactive graphical representations.',
|
||||
"fontSize": 13.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
{
|
||||
"text": "2.Drilldown Navigation:",
|
||||
"fontSize": 16.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.bold,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
{
|
||||
"text": "Start from high-level categories such as “Economy” and drill down into detailed KPIs, sub-sections, and graphical views for a better understanding of each topic.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
{
|
||||
"text": "3.Personalized Experience:",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.bold,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
//Question and Answer
|
||||
class QuestionAnswerScrollView extends StatelessWidget {
|
||||
QuestionAnswerScrollView({super.key});
|
||||
{
|
||||
"text": "Bookmark important metrics for quick access.",
|
||||
"fontSize": 14.0,
|
||||
"height":0.1,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
{
|
||||
"text": "Edit your profile to keep your information updated.",
|
||||
"fontSize": 14.0,
|
||||
"height":1.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
|
||||
final List<Map<String, String>> questionsAndAnswers = [
|
||||
{'question': '1. How to Create an Account', 'answer': 'Learn how to register for an account on the FCSC App in a few simple steps.'},
|
||||
{'question': '2. Exploring the FCSC Dashboard', 'answer': 'Get a detailed guide on the main sections of the home page, including dashboard features.'},
|
||||
{'question': '3. What to Do If Your Registration is Pending Approval', 'answer': 'Understand the approval process and how to check if your registration has been approved by the admin.'},
|
||||
{'question':'4. Overview of Key Features in FCSC','answer':'Discover the essential features you can use within the FCSC App to enhance your experience.'}
|
||||
{
|
||||
"text": "4.Interactive Graphs and Metrics:",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.bold,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Visualize trends and insights with well-designed, interactive charts and graphs that make data easy to understand.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "5.Log-in Access Mode:",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.bold,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Access advanced features like bookmarks and profile customization.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "6.Dual Language Support:",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.bold,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Toggle between English and Arabic for a seamless bilingual experience.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Who Can Use the App?",
|
||||
"fontSize": 18.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "This app is intended for:",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Government officials requiring UAE statistics for decision-making.",
|
||||
"fontSize": 14.0,
|
||||
"height":0.9,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
{
|
||||
"text": "Business professionals and researchers analyzing market trends.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"height":0.9,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
{
|
||||
"text": "Students and educators needing reliable data for study and teaching.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"height":0.9,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Purpose of the App",
|
||||
"fontSize": 16.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Provide official statistics on the UAE in an accessible format.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"height":0.9,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
{
|
||||
"text": "Support decision-making and research with reliable, up-to-date data.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"height":0.9,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
{
|
||||
"text": "Enable users to interact with data visually through graphs and metrics.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"height":0.9,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "How to Use the App",
|
||||
"fontSize": 16.0,
|
||||
"color":Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "1.Registration and Approval:",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Sign up for the app and wait for admin approval.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "2.Login and Navigation:",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
{
|
||||
"text": "Once approved, log in to access the app. Navigate through the categories on the home screen.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
{
|
||||
"text": "3.Access Data:",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
{
|
||||
"text": 'Drill down into specific categories like "Economy" or "Environment" to view detailed KPIs and visual insights.',
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "4.Bookmark Metrics:",
|
||||
"fontSize": 14.0,
|
||||
"color":Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
{
|
||||
"text": 'Save important statistics for easy reference.',
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Stay Updated",
|
||||
"fontSize": 16.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
{
|
||||
"text": 'The app is regularly updated with the latest datasets and features to ensure users have access to the most current information.',
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "How to Change My Password",
|
||||
"fontSize": 14.0,
|
||||
"color":Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Changing your password helps keep your account secure. Follow these steps to update your password:",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
{
|
||||
"text": "Steps to Change Password",
|
||||
"fontSize": 16.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
{
|
||||
"text": "1. Access the Change Password Page:",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
{
|
||||
"text": 'From the Profile page, tap on the "Change Password" link at the bottom.',
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "2. Enter Old Password:",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Enter your current password in the first field.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "3. Set a New Password:",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Enter your new password in the second field.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Re-enter the new password in the third field for confirmation.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
|
||||
{
|
||||
"text": "4. Password Requirements:",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Your new password must be different from the previously used password.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "5.Save Your Password",
|
||||
"fontSize": 14.0,
|
||||
"color":Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
|
||||
{
|
||||
"text": "Tap the Save button.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "A confirmation message will appear: “Password has been successfully updated.”",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
{
|
||||
"text": "6.Re-Login:",
|
||||
"fontSize": 14.0,
|
||||
"color":Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Log in again using your new password to continue using the app",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "How to Edit My Profile",
|
||||
"fontSize": 16.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Editing your profile allows you to update specific information while ensuring that critical details remain secure. Follow the steps below to update your profile:",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
|
||||
{
|
||||
"text": "Steps to Edit Profile",
|
||||
"fontSize": 16.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "1.Access the Profile Page:",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": 'Tap on the "Profile" option from the navigation bar at the top left corner of the screen.',
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "2.Editable Fields:",
|
||||
"fontSize": 14.0,
|
||||
"color":Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Full Name: Tap the text box to enter your name (up to 40 alphanumeric characters).",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Date of Birth: Use the calendar dropdown to select your date of birth.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Country/Region: Choose your current location from the dropdown menu.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "User Image: Tap on the avatar icon to upload or change your profile picture.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "3.Non-Editable Fields:",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Username and Email ID: These fields cannot be edited to ensure the integrity of your account.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Agree to Terms and Conditions:",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": 'Ensure that the checkbox for "I agree to Terms & Conditions and Privacy Policy" is selected before saving changes.',
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Save Your Changes:",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "Tap the Save button at the bottom of the screen.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "A confirmation dialog will appear with the message:",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": true,
|
||||
},
|
||||
|
||||
{
|
||||
"text": "“Are you sure you want to save this page? Once saved, you will not be able to change your name or date of birth.”",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint":false ,
|
||||
},
|
||||
|
||||
|
||||
{
|
||||
"text": "Select Confirm to save the changes or Cancel to go back",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
'fontWeight': FontWeight.normal,
|
||||
'isBulletPoint': true,
|
||||
},
|
||||
|
||||
|
||||
// Add more items here as needed
|
||||
];
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return SingleChildScrollView(
|
||||
child: Column(
|
||||
children: questionsAndAnswers.map((qa) => QuestionAnswerCard(qa: qa)).toList(),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
return BaseScaffold(
|
||||
title:Text ('Key Features'),
|
||||
body: Scrollbar(
|
||||
thumbVisibility: true,
|
||||
thickness: 6,
|
||||
radius: Radius.circular(10),
|
||||
interactive: true,
|
||||
child:SingleChildScrollView(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Container(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
width: MediaQuery.of(context).size.width,
|
||||
// color: Colors.white,
|
||||
child: Text(
|
||||
'FEATURES',
|
||||
style: TextStyle(
|
||||
color: Color(0xFF265E84), // Text color
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
padding: const EdgeInsets.all(13.0),
|
||||
color: Color(0xFFD9D9D9),
|
||||
child:ListView.builder(
|
||||
shrinkWrap: true,
|
||||
physics: const NeverScrollableScrollPhysics(),
|
||||
itemCount: contentList.length,
|
||||
itemBuilder: (context, index) {
|
||||
final item = contentList[index];
|
||||
return CustomContainer(
|
||||
text: item['text'],
|
||||
fontSize: item['fontSize'],
|
||||
color: item['color'],
|
||||
fontWeight: item['fontWeight'],
|
||||
height:item['height'],
|
||||
isBulletPoint: item['isBulletPoint'] ?? false,
|
||||
textDecoration: item['textDecoration'] ?? TextDecoration.none,
|
||||
decorationColor: item['decorationColor'],
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
|
||||
class QuestionAnswerCard extends StatefulWidget {
|
||||
final Map<String, String> qa;
|
||||
const QuestionAnswerCard({required this.qa});
|
||||
|
||||
@override
|
||||
_QuestionAnswerCardState createState() => _QuestionAnswerCardState();
|
||||
}
|
||||
|
||||
class _QuestionAnswerCardState extends State<QuestionAnswerCard> {
|
||||
bool isExpanded = false;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Card(
|
||||
color: Colors.transparent,
|
||||
elevation: 0,
|
||||
margin: EdgeInsets.zero,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
ListTile(
|
||||
dense: true,
|
||||
textColor: Color(0xFF265E84),
|
||||
title: Text(
|
||||
widget.qa['question']!,
|
||||
style: TextStyle(fontWeight: FontWeight.w600, fontSize: 15),
|
||||
),
|
||||
trailing: Icon(isExpanded ? Icons.keyboard_arrow_up : Icons.keyboard_arrow_down),
|
||||
onTap: () {
|
||||
setState(() {
|
||||
isExpanded = !isExpanded;
|
||||
});
|
||||
},
|
||||
),
|
||||
if (isExpanded)
|
||||
Padding(
|
||||
padding: EdgeInsets.only(bottom: 2),
|
||||
child: Text(
|
||||
widget.qa['answer']!,
|
||||
style: TextStyle(color: Colors.black54),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -0,0 +1,156 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
|
||||
import 'package:uae_stat/presentation/routes/drawer_routes/Drawer%20Items/user_guide/custom_text.dart';
|
||||
import 'package:uae_stat/presentation/routes/drawer_routes/custom_drawer_routes.dart';
|
||||
|
||||
import 'package:uae_stat/infrastructure/services/img_asset_paths/banner_asset_path.dart';
|
||||
class GettingStarted extends StatelessWidget {
|
||||
|
||||
final fcscBanner = Image.asset(
|
||||
BannerAssetPath.fcsc,
|
||||
height: 56,
|
||||
alignment:Alignment.center,
|
||||
);
|
||||
|
||||
final List<Map<String, dynamic>> contentList = [
|
||||
{
|
||||
"text": "This app provides a centralized platform to access key statistical data and insights about the UAE, empoweringusers with accurate and up-to-date information on various sectors.",
|
||||
"fontSize": 16.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
{
|
||||
"text": "How to Get Started",
|
||||
"fontSize": 18.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.w600,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
{
|
||||
"text": "1.Download the app from the App Store or Google Play Store.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
{
|
||||
"text": "2.Log in to unlock advanced features or continue as a guest.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
{
|
||||
"text": "3.Navigate through categories, explore metrics, and bookmark essential information.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
{
|
||||
"text": "Stay Updated",
|
||||
"fontSize": 18.0,
|
||||
"color": Color(0xFF414042),
|
||||
"fontWeight": FontWeight.bold,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
{
|
||||
"text": "The app regularly updates datasets and features to reflect the latest information. Notifications will alert you about new data or improvements.",
|
||||
"fontSize": 14.0,
|
||||
"color": Color(0xFF898C81),
|
||||
"fontWeight": FontWeight.normal,
|
||||
"isBulletPoint": false,
|
||||
},
|
||||
];
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return BaseScaffold(title: Text ('Getting Started'),
|
||||
body: Scrollbar(
|
||||
thumbVisibility: true,
|
||||
thickness: 6,
|
||||
radius: Radius.circular(10),
|
||||
interactive: true,
|
||||
child:SingleChildScrollView(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Container(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
width: MediaQuery.of(context).size.width,
|
||||
child: Text(
|
||||
'WELCOME TO THE FEDERAL COMPETITIVENESS AND STATISTICS CENTRE (FCSC) MOBILE APPLICATION.',
|
||||
style: TextStyle(
|
||||
color: Color(0xFF265E84), // Text color
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.w600
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
color: Color(0xFFD9D9D9),
|
||||
child:ListView.builder(
|
||||
shrinkWrap: true,
|
||||
physics: const NeverScrollableScrollPhysics(),
|
||||
itemCount: contentList.length,
|
||||
itemBuilder: (context, index) {
|
||||
final item = contentList[index];
|
||||
return CustomContainer(
|
||||
text: item["text"],
|
||||
fontSize: item["fontSize"]?? 20,
|
||||
color: item["color"],
|
||||
fontWeight: item["fontWeight"],
|
||||
height:item["height"],
|
||||
isBulletPoint: item["isBulletPoint"] ?? false,
|
||||
textDecoration: item["textDecoration"] ?? TextDecoration.none,
|
||||
decorationColor: item["decorationColor"],
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
Container(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
width: MediaQuery.of(context).size.width,
|
||||
color: Color(0xFFD9D9D9),
|
||||
child: Text.rich(
|
||||
TextSpan(
|
||||
children: [
|
||||
TextSpan(
|
||||
text: 'For more information please visit ',
|
||||
style: TextStyle(
|
||||
fontSize: 16.0,
|
||||
color: Color(0xFF265E84),
|
||||
fontWeight: FontWeight.normal,
|
||||
),
|
||||
),
|
||||
|
||||
TextSpan(
|
||||
text: 'www.fcsc.gov.ae',
|
||||
style: TextStyle(
|
||||
fontSize: 16.0,
|
||||
color: Color(0xFF568898),
|
||||
fontWeight: FontWeight.normal,
|
||||
decoration: TextDecoration.underline,
|
||||
decorationColor:Color(0xFF568898),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
color: Color(0xFFD9D9D9),
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
width: MediaQuery.of(context).size.width,
|
||||
child: Center( child: fcscBanner,),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -42,16 +42,16 @@ class _UserGuideState extends State<UserGuide> {
|
||||
children: createRows([
|
||||
// Each pair defines a row of (Color, Text) pairs
|
||||
[
|
||||
{'routePath':'features','color': Color(0xFF90B0D5), 'text': 'Getting Started', 'icon': 'START', 'index': '1'},
|
||||
{'routePath':'gettingStarted','color': Color(0xFF90B0D5), 'text': 'Getting Started', 'icon': 'START', 'index': '1'},
|
||||
{'routePath':'features','color': Color(0xFF497B8C), 'text': 'Account & Profile', 'icon': Icons.person_outline_rounded, 'index': '2'},
|
||||
],
|
||||
[
|
||||
{'routePath':'features','color': Color(0xFFAA8E83), 'text': 'Using Features', 'icon': Icons.stars_outlined, 'index': '3'},
|
||||
{'routePath':'features','color': Color(0xFF265E84), 'text': 'Troubleshooting', 'icon': Icons.troubleshoot_outlined, 'index': '4'},
|
||||
{'routePath':'features','color': Color(0xFF265E84), 'text': 'Contact', 'icon': Icons.local_phone_outlined, 'index': '4'},
|
||||
],
|
||||
[
|
||||
{'routePath':'features','color': Color(0xFF7296BE), 'text': 'FAQs', 'icon': Icons.question_answer_sharp, 'index': '5'},
|
||||
{'routePath':'features','color': Color(0xFF7DAFBC), 'text': 'Advanced Settings', 'icon': Icons.settings_outlined, 'index': '6'},
|
||||
{'routePath':'faq','color': Color(0xFF7296BE), 'text': 'FAQs', 'icon': Icons.question_answer_sharp, 'index': '5'},
|
||||
// {'routePath':'features','color': Color(0xFF7DAFBC), 'text': 'Advanced Settings', 'icon': Icons.settings_outlined, 'index': '6'},
|
||||
],
|
||||
]),
|
||||
),
|
||||
@ -116,7 +116,7 @@ class userGuides extends StatelessWidget {
|
||||
alignment: Alignment.center,
|
||||
child: Stack(
|
||||
children: [Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center, // Align icon and text in the center
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
// Icon(
|
||||
// size:38,
|
||||
|
||||
@ -25,7 +25,7 @@ class BaseScaffold extends StatelessWidget {
|
||||
return Scaffold(
|
||||
appBar: AppBar(title: title, actions: [
|
||||
IconButton(onPressed: () {}, icon: Icon(Icons.toggle_off_outlined)),
|
||||
]),
|
||||
],),
|
||||
drawer: Drawer(
|
||||
child: ListView(
|
||||
children: [
|
||||
@ -37,21 +37,21 @@ class BaseScaffold extends StatelessWidget {
|
||||
Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: mywidth / 8,
|
||||
child: Image(
|
||||
image: AssetImage('assets/logos/fcsc.png'))),
|
||||
width: mywidth / 8,
|
||||
child: Image(
|
||||
image: AssetImage('assets/logos/fcsc.png'),),),
|
||||
],
|
||||
),
|
||||
Divider(),
|
||||
InkWell(
|
||||
onTap: () => context.go('/editProfile'),
|
||||
onTap: () => context.go('/Profile'),
|
||||
child: Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: mywidth / 8,
|
||||
child: Image(
|
||||
image: AssetImage(
|
||||
'assets/edit_profile/profile.png'))),
|
||||
width: mywidth / 8,
|
||||
child: Image(
|
||||
image: AssetImage(
|
||||
'assets/edit_profile/profile.png',),),),
|
||||
SizedBox(
|
||||
width: mywidth / 20,
|
||||
),
|
||||
@ -59,24 +59,33 @@ class BaseScaffold extends StatelessWidget {
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text('Mohammad'),
|
||||
Text('Mohammad@fcsc.com')
|
||||
Text('Mohammad@fcsc.com'),
|
||||
],
|
||||
)
|
||||
),
|
||||
],
|
||||
),
|
||||
)
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
ListTile(
|
||||
leading: SizedBox(
|
||||
height: myheight / 15,
|
||||
width: mywidth / 15,
|
||||
child: Image(
|
||||
image: AssetImage('assets/icons/drawer/message.png'))),
|
||||
height: myheight / 15,
|
||||
width: mywidth / 15,
|
||||
child: Image(
|
||||
image: AssetImage('assets/icons/drawer/message.png'),),),
|
||||
title: Text('Feedback'),
|
||||
onTap: () => context.go('/feedback'),
|
||||
),
|
||||
ListTile(
|
||||
leading: SizedBox(
|
||||
height: myheight / 15,
|
||||
width: mywidth / 15,
|
||||
child: Image(
|
||||
image: AssetImage('assets/icons/drawer/book.png'),),),
|
||||
title: Text('User Guide'),
|
||||
onTap: () => context.go('/user-guide'),
|
||||
),
|
||||
ListTile(
|
||||
leading: SizedBox(
|
||||
height: myheight / 15,
|
||||
@ -116,7 +125,7 @@ class BaseScaffold extends StatelessWidget {
|
||||
width: mywidth / 15,
|
||||
child: Image(
|
||||
image:
|
||||
AssetImage('assets/icons/bottom_bar/ranking.png'))),
|
||||
AssetImage('assets/icons/bottom_bar/ranking.png'))),
|
||||
label: 'Competitiveness'),
|
||||
BottomNavigationBarItem(
|
||||
icon: SizedBox(
|
||||
|
||||
Loading…
Reference in New Issue
Block a user