import 'dart:convert'; import 'package:flutter/material.dart'; import 'package:flutter_svg/flutter_svg.dart'; import 'package:shared_preferences/shared_preferences.dart'; import 'package:tangheem/api/tangheem_user_api_client.dart'; import 'package:tangheem/api/user_api_client.dart'; import 'package:tangheem/app_state/app_state.dart'; import 'package:tangheem/classes/colors.dart'; import 'package:tangheem/classes/consts.dart'; import 'package:tangheem/classes/utils.dart'; import 'package:tangheem/extensions/string_extensions.dart'; import 'package:tangheem/extensions/widget_extensions.dart'; import 'package:tangheem/models/authentication_user_model.dart'; import 'package:tangheem/models/content_info_model.dart'; import 'package:tangheem/models/navigation_model.dart'; import 'package:tangheem/models/quick_links_model.dart'; import 'package:tangheem/new_ui/screens/about_screen.dart'; import 'package:tangheem/ui/dialogs/change_password_dialog.dart'; import 'package:tangheem/ui/dialogs/general_dialog.dart'; import 'package:tangheem/ui/screens/bookmark_screen.dart'; import 'package:tangheem/ui/screens/content_info_screen.dart'; import 'package:tangheem/new_ui/screens/home_screen.dart'; import 'package:tangheem/ui/screens/login_screen.dart'; import 'package:tangheem/ui/screens/member_screen.dart'; import 'package:tangheem/ui/screens/pdf_viewer_screen.dart'; import 'package:tangheem/ui/screens/quran_screen.dart'; import 'package:tangheem/widgets/video_player_widget.dart'; import 'package:url_launcher/url_launcher.dart'; class CommonHomeParent extends StatefulWidget { CommonHomeParent({Key key}) : super(key: key); @override _CommonHomeParentState createState() { return _CommonHomeParentState(); } } class _CommonHomeParentState extends State { int index = 0; SharedPreferences prefs; List screens = [ HomeScreen(), AboutScreen(), QuranScreen(), ContentInfoScreen(contentId: 2), MemberScreen(), PdfListScreen(), ]; @override void initState() { super.initState(); } @override void dispose() { super.dispose(); } void checkScreenMode() { WidgetsBinding.instance.addPostFrameCallback((_) async { if (MediaQuery.of(context).orientation == Orientation.portrait) { await showDialog( context: context, barrierColor: ColorConsts.secondaryWhite.withOpacity(0.8), builder: (BuildContext context) => GeneralDialog(), ); } showWelcomeVideoDialog(); }); } void showWelcomeVideoDialog() async { prefs = await SharedPreferences.getInstance(); String permLink = "-PqP0BCiTlE"; String link = prefs.getString(GlobalConsts.welcomeVideoUrl) ?? permLink; if (permLink == link) { await prefs.setString(GlobalConsts.welcomeVideoUrl, permLink); bool showDialog = prefs.getBool(GlobalConsts.doNotShowWelcomeVideo) ?? false; if (showDialog) { return; } } else { await prefs.setString(GlobalConsts.welcomeVideoUrl, permLink); } await prefs.setBool(GlobalConsts.doNotShowWelcomeVideo, false); showDialog( context: context, barrierColor: ColorConsts.secondaryWhite.withOpacity(0.8), builder: (BuildContext context) => VideoPlayerWidget(permLink), ); } @override Widget build(BuildContext context) { return Scaffold( backgroundColor: Color(0xffF4F4F4), body: SafeArea( bottom: true, left: false, top: false, right: false, child: Stack( children: [ screens[index], Align( alignment: Alignment.bottomCenter, child: Column( mainAxisSize: MainAxisSize.min, children: [ Container( height: 58, decoration: BoxDecoration( borderRadius: BorderRadius.circular(29.0), color: Colors.white, border: Border.all(color: ColorConsts.borderColor, width: 1), ), padding: EdgeInsets.only(left: 30, right: 30), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [for (int i = 0; i < icons.length; i++) getBottomNavigationItem(i)], ), ), Container( height: 26, margin: EdgeInsets.only(top: 16), padding: EdgeInsets.only(right: 16, left: 12), decoration: BoxDecoration( borderRadius: BorderRadius.circular(29.0), color: ColorConsts.brownLightColor, ), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Icon(Icons.play_arrow_outlined, size: 20, color: Colors.white), "تصفح وتحميل الموسوعة".toText(13), ], ), ).onPress(() { if (index != 5) setState(() { index = 5; }); }), ], ).paddingOnly(left: 16, right: 16, bottom: 16), ), ], ), ), ); } List icons = [ "assets/icons/new/home.svg", "assets/icons/new/intro.svg", "assets/icons/new/quran.svg", "assets/icons/new/search.svg", "assets/icons/new/search.svg", ]; List sizes = [26, 26, 36, 26, 26]; Widget getBottomNavigationItem(int _index) { return Column( mainAxisSize: MainAxisSize.min, children: [ SvgPicture.asset( icons[_index], width: sizes[_index], height: sizes[_index], color: index == _index ? ColorConsts.brownColor : ColorConsts.darkText, ).expanded, if (index == _index) Container( height: 3, color: ColorConsts.brownColor, width: sizes[_index], ), ], ).onPress(() { if (index != _index) setState(() { index = _index; }); }); } } // // class CommonHomeParent extends StatefulWidget { // final bool showDrawer; // final Widget child; // final bool isFirst; // // CommonHomeParent({Key key, this.showDrawer = false, @required this.child, this.isFirst = false}) : super(key: key); // // @override // _CommonHomeParentState createState() { // return _CommonHomeParentState(); // } // } // // class _CommonHomeParentState extends State { // // final GlobalKey _scaffoldKey = new GlobalKey(); // // List quickLinks = []; // // List navigationList = []; // // ContentInfoDataModel _userCopyRight; // // @override // void initState() { // super.initState(); // // getPrefs(); // // getNavigation(); // // getQuickLinks(); // // getCopyRight(); // } // // // void getCopyRight() async { // // if (AppState().getCopyRightContentInfoModel == null) { // // try { // // ContentInfoModel _userCopyRight = await TangheemUserApiClient().getContentInfo(3); // // this._userCopyRight = _userCopyRight.data.first; // // AppState().setCopyRightContentInfoModel(this._userCopyRight); // // } catch (ex) {} // // } else { // // _userCopyRight = AppState().getCopyRightContentInfoModel; // // } // // setState(() {}); // // } // // // // void getNavigation() async { // // if (AppState().getNavigationModel?.data == null) { // // try { // // var model = await TangheemUserApiClient().getNavigation(); // // navigationList = model?.data ?? []; // // navigationList.removeWhere((element) => element.navigationId == 9); // this is for temporary, to release app on app store as file size are about 100 mbs // // navigationList.sort((a, b) => a.orderNo.compareTo(b.orderNo)); // // AppState().setNavigationModel(model); // // } catch (ex) {} // // } else { // // navigationList = AppState().getNavigationModel.data; // // } // // setState(() {}); // // } // // // // void getQuickLinks() async { // // if (widget.showDrawer) { // // try { // // quickLinks = (await TangheemUserApiClient().quickLinks())?.data ?? []; // // quickLinks = quickLinks.where((element) => element.position == "down").toList(); // // quickLinks.sort((a, b) => a.orderNo.compareTo(b.orderNo)); // // } catch (ex) {} // // setState(() {}); // // } // // } // // // // int fontSize; // // SharedPreferences prefs; // // // // void getPrefs() async { // // prefs = await SharedPreferences.getInstance(); // // fontSize = prefs.getInt(GlobalConsts.fontZoomSize) ?? 18; // // String userAuth = prefs.getString(GlobalConsts.userAuthData); // // if (userAuth != null) { // // AuthenticationUserModel authenticationUserModel = AuthenticationUserModel.fromJson(jsonDecode(userAuth)); // // AppState().setAuthenticationModel(authenticationUserModel); // // } // // } // // // void deleteUserAccount() async { // // Utils.showLoading(context); // // try { // // await UserApiClient().deleteAccount(AppState().userId); // // SharedPreferences prefs = await SharedPreferences.getInstance(); // // await prefs.remove(GlobalConsts.userAuthData); // // AppState().setAuthenticationModel(null); // // Utils.showToast("تم حذف الحساب"); // // Navigator.pop(context); // // Utils.hideLoading(context); // // } catch (ex) { // // if (mounted) { // // Utils.hideLoading(context); // // Utils.handleException(ex, null); // // } // // } // // } // // @override // void dispose() { // super.dispose(); // } // // @override // Widget build(BuildContext context) { // // return Scaffold( // key: widget.showDrawer ? _scaffoldKey : null, // drawer: widget.showDrawer ? drawerView() : null, // resizeToAvoidBottomInset: true, // drawerScrimColor: Colors.black.withOpacity(.3), // body: SafeArea( // child: Column( // children: [ // Container( // color: Colors.white, // height: 100, // padding: EdgeInsets.only(top: 8, bottom: 8, right: 16), // child: Row( // crossAxisAlignment: CrossAxisAlignment.center, // children: [ // if (!widget.isFirst) // IconButton( // icon: Icon(widget.showDrawer ? Icons.menu : Icons.arrow_back_ios, color: ColorConsts.textGrey), // padding: EdgeInsets.only(left: 16), // onPressed: () { // if (widget.showDrawer) { // _scaffoldKey.currentState.openDrawer(); // } else { // Navigator.pop(context); // } // }, // ), // if (!widget.showDrawer) // IconButton( // icon: Icon(Icons.home, color: ColorConsts.textGrey), // padding: EdgeInsets.only(left: 16), // onPressed: () { // Navigator.popUntil(context, ModalRoute.withName(HomeScreen.routeName)); // }, // ), // Expanded(child: SizedBox()), // Hero( // tag: "logo", // child: SvgPicture.asset( // "assets/logos/tangheem_logo.svg", // height: 100, // width: 100, // alignment: Alignment.centerRight, // ), // ) // ], // ), // ), // Expanded( // child: Directionality(textDirection: TextDirection.rtl, child: widget.child), // ), // ], // ), // ), // ); // } // // void updatePassword(String email, String oldPassword, String password) async { // Utils.showLoading(context); // try { // await UserApiClient().updatePassword(email, oldPassword, password); // } catch (ex) { // if (mounted) Utils.handleException(ex, null); // Utils.hideLoading(context); // return; // } finally { // Utils.hideLoading(context); // } // SharedPreferences prefs = await SharedPreferences.getInstance(); // await prefs.remove(GlobalConsts.userAuthData); // AppState().setAuthenticationModel(null); // await showDialog( // context: context, // barrierColor: ColorConsts.secondaryWhite.withOpacity(0.8), // builder: (BuildContext context) => GeneralDialog(message: "تم تغيير كلمة المرور بنجاح , الرجاء إعادة تسجيل الدخول من خلال الرابط المرسل إلى بريدك الإلكتروني"), // ); // Navigator.pop(context); // } // // Widget drawerView() { // var height = MediaQuery.of(context).padding.top; // return Drawer( // elevation: 0, // child: Container( // color: Colors.white, // child: SafeArea( // bottom: true, // top: false, // right: false, // left: false, // maintainBottomViewPadding: true, // child: Builder( // builder: (context) { // bool isPortrait = MediaQuery.of(context).orientation == Orientation.portrait; // Widget listContents = ListView.builder( // shrinkWrap: true, // physics: BouncingScrollPhysics(), // padding: EdgeInsets.only(left: 24, right: 24), // itemCount: navigationList.length, // itemBuilder: (context, index) { // String icon = "assets/icons/${navigationList[index].mobileFontIcon}.svg"; // var subList = navigationList.where((element) => element.parentId == navigationList[index].navigationId).toList(); // return Column( // mainAxisSize: MainAxisSize.min, // children: [ // if (navigationList[index].parentId == 1) // myListItem(icon, navigationList[index].navigationText, navigationList[index].orderNo == 1 ? true : false, onTap: () { // String url = navigationList[index]?.mobileNavigationUrl ?? ""; // if (url.isEmpty || url.length < 2) { // return; // } // Navigator.pushNamed(context, url, arguments: null); // }), // for (var subItem in subList) // Container( // width: double.infinity, // child: Row( // children: [ // Expanded( // child: myListItem("assets/icons/${subItem.mobileFontIcon}.svg", subItem.navigationText, false, onTap: () { // String url = subItem.mobileNavigationUrl ?? ""; // if (url.isEmpty) { // return; // } // var contentId; // if (subItem.mobileNavigationUrl == "/introduction") { // url = ContentInfoScreen.routeName; // contentId = 2; // } else if (subItem.mobileNavigationUrl == "/encyclopedia") { // url = ContentInfoScreen.routeName; // contentId = 1; // } else if (subItem.mobileNavigationUrl == "/tangheempdf") { // url = PdfListScreen.routeName; // contentId = 8; // } // Navigator.pushNamed(context, url, arguments: contentId); // }), // ), // Container( // height: 40, // margin: EdgeInsets.only(right: 17, left: 10), // child: VerticalDivider(color: ColorConsts.primaryBlack, thickness: .7, width: 1), // ), // ], // ), // ) // ], // ); // }); // if (isPortrait) { // listContents = Expanded(child: listContents); // } // List list = [ // Container( // height: 100 + height, // padding: EdgeInsets.only(left: 0, top: height), // alignment: Alignment.centerLeft, // child: IconButton( // icon: Icon(Icons.clear, color: ColorConsts.textGrey), // onPressed: () { // if (_scaffoldKey.currentState.isDrawerOpen) { // Navigator.pop(context); // } // }, // ), // ), // Container( // margin: EdgeInsets.only(top: 8, bottom: 16), // padding: EdgeInsets.only(left: 16, right: 16), // child: Row( // mainAxisAlignment: MainAxisAlignment.spaceEvenly, // children: [ // commonIconButton("assets/icons/bookmark.svg", () { // Navigator.pushNamed(context, BookmarkScreen.routeName); // }), // commonIconButton("assets/icons/increase_size.svg", () { // if (fontSize >= 36) { // Utils.showToast("وصل حجم الخط إلى الحد الأقصى للحجم"); // return; // } // fontSize += 2; // prefs.setInt(GlobalConsts.fontZoomSize, fontSize); // Utils.showToast("زيادة حجم الخط"); // }), // commonIconButton("assets/icons/reduce_size.svg", () { // if (fontSize <= 12) { // Utils.showToast("وصل حجم الخط إلى الحد الأدنى للحجم"); // return; // } // fontSize -= 2; // prefs.setInt(GlobalConsts.fontZoomSize, fontSize); // Utils.showToast("تم تقليل حجم الخط"); // }), // commonIconButton("assets/icons/user_logged.svg", () { // if (AppState().isUserLogin) { // Utils.showToast("أنت بالفعل تسجيل الدخول"); // return; // } // Navigator.pushNamed(context, LoginScreen.routeName); // }), // if (AppState().isUserLogin) // Expanded( // child: PopupMenuButton( // padding: EdgeInsets.fromLTRB(0, 0, 0, 0), // onSelected: (int index) async { // if (index == 0) { // Navigator.pop(context); // Future.delayed(Duration(milliseconds: 200), () { // showDialog( // context: context, // barrierColor: ColorConsts.secondaryWhite.withOpacity(0.8), // builder: (BuildContext context) => ChangePasswordDialog( // onPassword: (oldPassword, password) => updatePassword(AppState().userEmail, oldPassword, password), // ), // ); // }); // } else if (index == 1) { // SharedPreferences prefs = await SharedPreferences.getInstance(); // await prefs.remove(GlobalConsts.userAuthData); // AppState().setAuthenticationModel(null); // Utils.showToast("تسجيل خروج المستخدم"); // Navigator.pop(context); // } else { // await showDialog( // context: context, // barrierColor: ColorConsts.secondaryWhite.withOpacity(0.8), // builder: (BuildContext context) => GeneralDialog( // message: 'بحذف حسابك ، ستتم إزالة بياناتك ولن تتمكن من استرداد حسابك. \ n انقر فوق "نعم" لحذف حسابك.', // onTap: () { // Navigator.pop(context); // deleteUserAccount(); // }, // showCancelButton: true, // ), // ); // } // }, // icon: SvgPicture.asset("assets/icons/fa_key.svg", height: 25, width: 30, color: ColorConsts.textGrey1), // itemBuilder: (_) => >[ // PopupMenuItem( // value: 0, // padding: EdgeInsets.fromLTRB(4, 0, 4, 0), // height: 36, // child: Center( // child: Text( // 'تغيير كلمة المرور', // style: TextStyle(color: ColorConsts.primaryBlack, fontSize: 16), // ), // ), // ), // PopupMenuItem( // value: 1, // padding: EdgeInsets.fromLTRB(4, 0, 4, 0), // height: 36, // child: Center( // child: Text( // 'تسجيل خروج', // style: TextStyle(color: ColorConsts.primaryBlack, fontSize: 16), // ), // ), // ), // PopupMenuItem( // value: 2, // padding: EdgeInsets.fromLTRB(4, 0, 4, 0), // height: 36, // child: Center( // child: Text( // 'حذف الحساب', // style: TextStyle(color: ColorConsts.primaryBlack, fontSize: 16), // ), // ), // ), // ]), // ), // ], // ), // ), // listContents, // Container( // margin: EdgeInsets.only(top: 16, bottom: 12), // padding: EdgeInsets.only(left: 32, right: 32), // child: Row( // children: [ // for (QuickLinksData _quickLink in quickLinks) // commonIconButton(ApiConsts.baseUrl + _quickLink.exposeFilePath, () { // //for live production server // // commonIconButton( _quickLink.exposeFilePath, () { // _launchURL(_quickLink.imageUrl); // }, size: 35, isAsset: false), // ], // ), // ), // Padding( // padding: EdgeInsets.only(left: 32, right: 32, bottom: 8), // child: Column( // mainAxisSize: MainAxisSize.min, // children: [ // if (_userCopyRight != null) ...[ // Row( // crossAxisAlignment: CrossAxisAlignment.center, // mainAxisAlignment: MainAxisAlignment.center, // children: [ // Text( // _userCopyRight.content, // maxLines: 1, // textAlign: TextAlign.right, // style: TextStyle(fontSize: 12, color: Colors.black87), // ), // SizedBox(width: 8), // Image.network(ApiConsts.baseUrl + _userCopyRight.exposeFilePath, height: 25, width: 30) // ], // ), // SizedBox(height: 8), // ], // Row( // crossAxisAlignment: CrossAxisAlignment.center, // mainAxisAlignment: MainAxisAlignment.center, // children: [ // Text( // "Powered by Cloud Solutions", // maxLines: 1, // textAlign: TextAlign.right, // style: TextStyle(fontSize: 14, color: Colors.black87), // ), // SizedBox(width: 8), // SvgPicture.asset("assets/logos/cloud_logo.svg", width: 30, height: 30) // ], // ), // ], // ), // ) // ]; // return isPortrait ? Column(children: list) : ListView(children: list); // }, // ), // ), // ), // ); // } // // void _launchURL(String _url) async => await canLaunch(_url) ? await launch(_url) : throw 'Could not launch $_url'; // // Widget commonIconButton(String icon, VoidCallback onPressed, {double size, bool isAsset = true}) { // return Expanded( // child: IconButton( // padding: EdgeInsets.zero, // icon: isAsset ? SvgPicture.asset(icon, height: size ?? 25, width: size ?? 30) : Image.network(icon, height: size ?? 25, width: size ?? 30), // onPressed: () { // Navigator.pop(context); // Future.delayed(Duration(milliseconds: 200), () => onPressed()); // }), // ); // } // // Widget myListItem(String icon, String title, bool isSelected, {VoidCallback onTap}) { // return InkWell( // onTap: () { // Navigator.pop(context); // if (onTap != null) { // Future.delayed(Duration(milliseconds: 200), () => onTap()); // } // }, // child: Container( // height: 40, // padding: EdgeInsets.only(left: 8, right: 8), // alignment: Alignment.centerRight, // decoration: BoxDecoration( // borderRadius: BorderRadius.circular(6), // gradient: isSelected // ? LinearGradient( // stops: [0.0, 0.5], // begin: Alignment.topCenter, // end: Alignment.bottomCenter, // colors: [ColorConsts.gradientPink, ColorConsts.gradientOrange], // ) // : null, // ), // child: Row( // mainAxisSize: MainAxisSize.min, // children: [ // Text( // title, // style: TextStyle(fontSize: 14, color: isSelected ? Colors.white : ColorConsts.textGrey), // ), // SizedBox(width: 8), // SvgPicture.asset(icon, height: 20, width: 20, color: isSelected ? Colors.white : ColorConsts.textGrey), // ], // ), // ), // ); // } // }