comunicmobile/lib/ui/widgets/navbar_widget.dart

import 'package:comunic/utils/intl_utils.dart';
import 'package:comunic/utils/ui_utils.dart';
import 'package:flutter/material.dart';

/// Navigation bar widget
///
/// @author Pierre HUBERT

typedef OnSelectMenuAction = void Function(BarCallbackActions);

/// Callback actions
enum BarCallbackActions {
  OPEN_NOTIFICATIONS,
  OPEN_CONVERSATIONS,
  OPEN_NEWEST_POSTS,
  OPEN_FRIENDS,
  OPEN_MY_PAGE,
  OPEN_GROUPS,
  OPEN_GROUP_PAGE,
  OPEN_USER_PAGE,
  OPEN_USER_ACCESS_DENIED_PAGE,
  OPEN_APP_SETTINGS,
  OPEN_USER_FRIENDS_LIST,
  OPEN_ABOUT_DIALOG,
  NONE,
  ACTION_LOGOUT
}

Color _primaryColor() => darkTheme() ? Colors.black : Colors.blue;

Color _secondaryColor() => darkTheme() ? darkAccentColor : Colors.white;

/// Menu item information
class _MenuItem {
  final String label;
  final Widget icon;
  final BarCallbackActions action;
  final bool isMenu;

  const _MenuItem({
    @required this.label,
    @required this.icon,
    @required this.action,
    this.isMenu = false,
  })  : assert(label != null),
        assert(icon != null || isMenu),
        assert(action != null),
        assert(isMenu != null);
}

/// Item of action menu
class _ActionMenuItem {
  final String label;
  final BarCallbackActions action;

  const _ActionMenuItem({@required this.label, @required this.action})
      : assert(label != null),
        assert(action != null);
}

/// List of menu items to show
final _menuItems = <_MenuItem>[
  _MenuItem(
      label: tr("Notifications"),
      icon: Icon(Icons.notifications),
      action: BarCallbackActions.OPEN_NOTIFICATIONS),
  _MenuItem(
      label: tr("Conversations"),
      icon: Icon(Icons.comment),
      action: BarCallbackActions.OPEN_CONVERSATIONS),
  _MenuItem(
      label: tr("Newest"),
      icon: Icon(Icons.refresh),
      action: BarCallbackActions.OPEN_NEWEST_POSTS),
  _MenuItem(
      label: tr("Friends"),
      icon: Icon(Icons.group),
      action: BarCallbackActions.OPEN_FRIENDS),
  _MenuItem(
      label: tr("Menu"),
      icon: Icon(Icons.more_vert),
      isMenu: true,
      action: BarCallbackActions.NONE)
];

/// List of menu actions items
final _menuActionsItem = <_ActionMenuItem>[
  _ActionMenuItem(
      label: tr("My Page"), action: BarCallbackActions.OPEN_MY_PAGE),
  _ActionMenuItem(label: tr("Groups"), action: BarCallbackActions.OPEN_GROUPS),
  _ActionMenuItem(
      label: tr("App settings"), action: BarCallbackActions.OPEN_APP_SETTINGS),
  _ActionMenuItem(
      label: tr("About Comunic"), action: BarCallbackActions.OPEN_ABOUT_DIALOG),
  _ActionMenuItem(
      label: tr("Sign out"), action: BarCallbackActions.ACTION_LOGOUT),
];

/// Public widget
class ComunicAppBar extends StatelessWidget implements PreferredSizeWidget {
  final OnSelectMenuAction onTap;
  final BarCallbackActions selectedAction;

  const ComunicAppBar(
      {Key key, @required this.onTap, @required this.selectedAction})
      : assert(onTap != null),
        super(key: key);

  @override
  Widget build(BuildContext context) {
    return Material(
      color: darkTheme() ? Colors.black : Colors.blue,
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: List.generate(
          _menuItems.length,
          (i) => _MenuItemWidget(
            item: _menuItems[i],
            onTap: onTap,
            isSelected: _menuItems[i].action == selectedAction,
          ),
        ),
      ),
    );
  }

  @override
  Size get preferredSize => Size.fromHeight(40);
}

/// The [Widget] part of a menu item
class _MenuItemWidget extends StatelessWidget {
  final _MenuItem item;
  final OnSelectMenuAction onTap;
  final bool isSelected;

  const _MenuItemWidget(
      {Key key,
      @required this.item,
      @required this.onTap,
      @required this.isSelected})
      : assert(item != null),
        assert(onTap != null),
        assert(isSelected != null),
        super(key: key);

  @override
  Widget build(BuildContext context) {
    assert(debugCheckHasMaterial(context));

    return Expanded(
      child: Material(
        color: isSelected ? _secondaryColor() : _primaryColor(),
        child: !item.isMenu
            ? InkWell(
                child: _buildIconContainer(),
                onTap: () => onTap(item.action),
              )
            : _buildContextMenuPopupButton(),
      ),
    );
  }

  Widget _buildIconContainer() {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        IconTheme(
          data: IconThemeData(
              color: isSelected ? _primaryColor() : _secondaryColor()),
          child: item.icon,
        )
      ],
    );
  }

  // Build context menu
  Widget _buildContextMenuPopupButton() {
    return PopupMenuButton<BarCallbackActions>(
      child: _buildIconContainer(),
      itemBuilder: (i) => _menuActionsItem
          .map((f) => PopupMenuItem(
                child: Text(f.label),
                value: f.action,
              ))
          .toList(),
      onSelected: onTap,
    );
  }
}