tangheem/lib/ui/common_appbar.dart

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/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/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/ui/screens/home_screen.dart';
import 'package:tangheem/ui/screens/login_screen.dart';
import 'package:tangheem/ui/screens/pdf_viewer_screen.dart';
import 'package:url_launcher/url_launcher.dart';

class CommonAppbar extends StatefulWidget {
  final bool showDrawer;
  final Widget child;
  final bool isFirst;

  CommonAppbar({Key key, this.showDrawer = false, @required this.child, this.isFirst = false}) : super(key: key);

  @override
  _CommonAppbarState createState() {
    return _CommonAppbarState();
  }
}

class _CommonAppbarState extends State<CommonAppbar> {
  final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();
  List<QuickLinksData> quickLinks = [];
  List<NavigationDataModel> 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),
      backgroundColor: ColorConsts.greyF4Color,
      body: SizedBox(
        width: double.infinity,
        child: Stack(
          alignment: Alignment.topRight,
          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,
            //         ),
            //       )
            //     ],
            //   ),
            // ),
            Directionality(textDirection: TextDirection.rtl, child: widget.child),
            ElevatedButton(
              onPressed: () => Navigator.pop(context),
              child: Icon(
                Icons.arrow_forward_ios,
                color: ColorConsts.darkText,
              ).paddingOnly(left: 4),
              style: ElevatedButton.styleFrom(
                backgroundColor: Color(0xfff4f4f4),
                shape: CircleBorder(), //<-- SEE HERE
                padding: EdgeInsets.all(8),
              ),
            ).paddingOnly(right: 8, top: 50),
            // IconButton(
            //   highlightColor: Colors.green,
            //   icon: Icon(Icons.arrow_back_ios, color: ColorConsts.textGrey),
            //   padding: EdgeInsets.only(left: 16),
            //   onPressed: () {
            //     Navigator.pop(context);
            //   },
            // ),
          ],
        ),
      ),
    );
  }

  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<Widget> 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<int>>[
                                    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),
          ],
        ),
      ),
    );
  }
}