Nikolas Rimikis
1 year ago
committed by
GitHub
3 changed files with 261 additions and 219 deletions
@ -0,0 +1,196 @@ |
|||||||
|
import 'dart:async'; |
||||||
|
|
||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:meta/meta.dart'; |
||||||
|
import 'package:neon/l10n/localizations.dart'; |
||||||
|
import 'package:neon/neon.dart'; |
||||||
|
import 'package:neon/src/router.dart'; |
||||||
|
import 'package:provider/provider.dart'; |
||||||
|
|
||||||
|
@internal |
||||||
|
class NeonAppBar extends StatelessWidget implements PreferredSizeWidget { |
||||||
|
const NeonAppBar({super.key}); |
||||||
|
|
||||||
|
@override |
||||||
|
Size get preferredSize => const Size.fromHeight(kToolbarHeight); |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(final BuildContext context) { |
||||||
|
final accountsBloc = Provider.of<AccountsBloc>(context, listen: false); |
||||||
|
final accounts = accountsBloc.accounts.value; |
||||||
|
final account = accountsBloc.activeAccount.value!; |
||||||
|
final appsBloc = accountsBloc.activeAppsBloc; |
||||||
|
|
||||||
|
return ResultBuilder<Iterable<AppImplementation>>.behaviorSubject( |
||||||
|
stream: appsBloc.appImplementations, |
||||||
|
builder: (final context, final appImplementations) => StreamBuilder<String?>( |
||||||
|
stream: appsBloc.activeAppID, |
||||||
|
builder: (final context, final activeAppIDSnapshot) => AppBar( |
||||||
|
title: Column( |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Row( |
||||||
|
children: [ |
||||||
|
if (appImplementations.hasData && activeAppIDSnapshot.hasData) ...[ |
||||||
|
Flexible( |
||||||
|
child: Text( |
||||||
|
appImplementations.requireData.find(activeAppIDSnapshot.data!)!.name(context), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
if (appImplementations.hasError) ...[ |
||||||
|
const SizedBox( |
||||||
|
width: 8, |
||||||
|
), |
||||||
|
NeonException( |
||||||
|
appImplementations.error, |
||||||
|
onRetry: appsBloc.refresh, |
||||||
|
onlyIcon: true, |
||||||
|
), |
||||||
|
], |
||||||
|
if (appImplementations.isLoading) ...[ |
||||||
|
const SizedBox( |
||||||
|
width: 8, |
||||||
|
), |
||||||
|
Expanded( |
||||||
|
child: NeonLinearProgressIndicator( |
||||||
|
color: Theme.of(context).appBarTheme.foregroundColor, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
], |
||||||
|
), |
||||||
|
if (accounts.length > 1) ...[ |
||||||
|
Text( |
||||||
|
account.client.humanReadableID, |
||||||
|
style: Theme.of(context).textTheme.bodySmall, |
||||||
|
), |
||||||
|
], |
||||||
|
], |
||||||
|
), |
||||||
|
actions: [ |
||||||
|
const NotificationIconButton(), |
||||||
|
IconButton( |
||||||
|
onPressed: () { |
||||||
|
AccountSettingsRoute(accountid: account.id).go(context); |
||||||
|
}, |
||||||
|
tooltip: AppLocalizations.of(context).settingsAccount, |
||||||
|
icon: NeonUserAvatar( |
||||||
|
account: account, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@internal |
||||||
|
class NotificationIconButton extends StatefulWidget { |
||||||
|
const NotificationIconButton({ |
||||||
|
super.key, |
||||||
|
}); |
||||||
|
|
||||||
|
@override |
||||||
|
State<NotificationIconButton> createState() => _NotificationIconButtonState(); |
||||||
|
} |
||||||
|
|
||||||
|
class _NotificationIconButtonState extends State<NotificationIconButton> { |
||||||
|
late AccountsBloc _accountsBloc; |
||||||
|
late AppsBloc _appsBloc; |
||||||
|
late List<Account> _accounts; |
||||||
|
late Account _account; |
||||||
|
late StreamSubscription notificationSubscription; |
||||||
|
|
||||||
|
@override |
||||||
|
void initState() { |
||||||
|
super.initState(); |
||||||
|
_accountsBloc = Provider.of<AccountsBloc>(context, listen: false); |
||||||
|
_appsBloc = _accountsBloc.activeAppsBloc; |
||||||
|
_accounts = _accountsBloc.accounts.value; |
||||||
|
_account = _accountsBloc.activeAccount.value!; |
||||||
|
|
||||||
|
notificationSubscription = _appsBloc.openNotifications.listen((final _) async { |
||||||
|
final notificationsAppImplementation = _appsBloc.notificationsAppImplementation.valueOrNull; |
||||||
|
if (notificationsAppImplementation != null && notificationsAppImplementation.hasData) { |
||||||
|
await _openNotifications(notificationsAppImplementation.data!); |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
void dispose() { |
||||||
|
unawaited(notificationSubscription.cancel()); |
||||||
|
|
||||||
|
super.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
// TODO: migrate to go_router with a separate page |
||||||
|
Future<void> _openNotifications( |
||||||
|
final NotificationsAppInterface app, |
||||||
|
) async { |
||||||
|
final page = Scaffold( |
||||||
|
resizeToAvoidBottomInset: false, |
||||||
|
appBar: AppBar( |
||||||
|
title: Column( |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Text(app.name(context)), |
||||||
|
if (_accounts.length > 1) ...[ |
||||||
|
Text( |
||||||
|
_account.client.humanReadableID, |
||||||
|
style: Theme.of(context).textTheme.bodySmall, |
||||||
|
), |
||||||
|
], |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
body: app.page, |
||||||
|
); |
||||||
|
|
||||||
|
await Navigator.of(context).push( |
||||||
|
MaterialPageRoute( |
||||||
|
builder: (final context) => Provider<NotificationsBlocInterface>( |
||||||
|
create: (final context) => app.getBloc(_account), |
||||||
|
child: page, |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(final BuildContext context) => ResultBuilder<NotificationsAppInterface?>.behaviorSubject( |
||||||
|
stream: _appsBloc.notificationsAppImplementation, |
||||||
|
builder: (final context, final notificationsAppImplementation) { |
||||||
|
if (!notificationsAppImplementation.hasData) { |
||||||
|
return const SizedBox.shrink(); |
||||||
|
} |
||||||
|
|
||||||
|
final notificationsImplementationData = notificationsAppImplementation.data!; |
||||||
|
final notificationBloc = notificationsImplementationData.getBloc(_account); |
||||||
|
|
||||||
|
return StreamBuilder<int>( |
||||||
|
stream: notificationsImplementationData.getUnreadCounter(notificationBloc), |
||||||
|
builder: (final context, final unreadCounterSnapshot) { |
||||||
|
final unreadCount = unreadCounterSnapshot.data ?? 0; |
||||||
|
return IconButton( |
||||||
|
key: Key('app-${notificationsImplementationData.id}'), |
||||||
|
onPressed: () async { |
||||||
|
await _openNotifications(notificationsImplementationData); |
||||||
|
}, |
||||||
|
tooltip: AppLocalizations.of(context).appImplementationName(notificationsImplementationData.id), |
||||||
|
icon: NeonAppImplementationIcon( |
||||||
|
appImplementation: notificationsImplementationData, |
||||||
|
unreadCount: unreadCount, |
||||||
|
color: unreadCount > 0 |
||||||
|
? Theme.of(context).colorScheme.primary |
||||||
|
: Theme.of(context).colorScheme.onBackground, |
||||||
|
size: const Size.square(kAvatarSize * 2 / 3), |
||||||
|
), |
||||||
|
); |
||||||
|
}, |
||||||
|
); |
||||||
|
}, |
||||||
|
); |
||||||
|
} |
||||||
Loading…
Reference in new issue