jld3103
2 years ago
5 changed files with 130 additions and 107 deletions
@ -1,103 +0,0 @@
|
||||
part of '../../neon.dart'; |
||||
|
||||
const kAvatarSize = 40.0; |
||||
|
||||
class NeonAccountAvatar extends StatelessWidget { |
||||
const NeonAccountAvatar({ |
||||
required this.account, |
||||
super.key, |
||||
}); |
||||
|
||||
final Account account; |
||||
|
||||
@override |
||||
Widget build(final BuildContext context) { |
||||
final isDark = Theme.of(context).brightness == Brightness.dark; |
||||
final size = (kAvatarSize * MediaQuery.of(context).devicePixelRatio).toInt(); |
||||
final userStatusBloc = Provider.of<AccountsBloc>(context, listen: false).getUserStatusBloc(account); |
||||
return SizedBox.square( |
||||
dimension: kAvatarSize, |
||||
child: Stack( |
||||
alignment: Alignment.center, |
||||
children: [ |
||||
CircleAvatar( |
||||
child: ClipOval( |
||||
child: NeonCachedApiImage( |
||||
account: account, |
||||
cacheKey: 'avatar-${account.id}-${isDark ? 'dark' : 'light'}$size', |
||||
download: () async { |
||||
if (isDark) { |
||||
return account.client.core.getDarkAvatar( |
||||
userId: account.username, |
||||
size: size, |
||||
); |
||||
} else { |
||||
return account.client.core.getAvatar( |
||||
userId: account.username, |
||||
size: size, |
||||
); |
||||
} |
||||
}, |
||||
), |
||||
), |
||||
), |
||||
ResultBuilder<NextcloudUserStatusStatus?>( |
||||
stream: userStatusBloc.userStatus, |
||||
builder: (final context, final userStatus) { |
||||
final hasEmoji = userStatus.data?.icon != null; |
||||
final factor = hasEmoji ? 2 : 3; |
||||
return Align( |
||||
alignment: Alignment.bottomRight, |
||||
child: Container( |
||||
height: kAvatarSize / factor, |
||||
width: kAvatarSize / factor, |
||||
decoration: userStatus.loading || userStatus.error != null || userStatus.data == null || hasEmoji |
||||
? null |
||||
: BoxDecoration( |
||||
shape: BoxShape.circle, |
||||
color: _userStatusToColor(userStatus.data!), |
||||
), |
||||
child: userStatus.loading |
||||
? CircularProgressIndicator( |
||||
strokeWidth: 1.5, |
||||
color: Theme.of(context).colorScheme.onPrimary, |
||||
) |
||||
: userStatus.error != null && |
||||
(userStatus.error is! NextcloudApiException || |
||||
(userStatus.error! as NextcloudApiException).statusCode != 404) |
||||
? NeonException( |
||||
userStatus.error, |
||||
onRetry: userStatusBloc.refresh, |
||||
onlyIcon: true, |
||||
iconSize: kAvatarSize / factor, |
||||
) |
||||
: hasEmoji |
||||
? Text( |
||||
userStatus.data!.icon!, |
||||
style: const TextStyle( |
||||
fontSize: 16, |
||||
), |
||||
) |
||||
: null, |
||||
), |
||||
); |
||||
}, |
||||
), |
||||
], |
||||
), |
||||
); |
||||
} |
||||
|
||||
Color _userStatusToColor(final NextcloudUserStatusStatus userStatus) { |
||||
switch (userStatus.status) { |
||||
case NextcloudUserStatusType.online: |
||||
return const Color(0xFF49B382); |
||||
case NextcloudUserStatusType.away: |
||||
return const Color(0xFFF4A331); |
||||
case NextcloudUserStatusType.dnd: |
||||
return const Color(0xFFED484C); |
||||
default: |
||||
return Colors.transparent; |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,126 @@
|
||||
// ignore_for_file: use_late_for_private_fields_and_variables |
||||
// ^ This is a really strange false positive, it goes of at a very random place without any meaning. Hopefully fixed soon? |
||||
|
||||
part of '../../neon.dart'; |
||||
|
||||
const kAvatarSize = 40.0; |
||||
|
||||
class NeonUserAvatar extends StatefulWidget { |
||||
NeonUserAvatar({ |
||||
required this.account, |
||||
final String? username, |
||||
this.showStatus = true, |
||||
this.size = kAvatarSize, |
||||
super.key, |
||||
}) : username = username ?? account.client.username!; |
||||
|
||||
final Account account; |
||||
final String username; |
||||
final bool showStatus; |
||||
final double size; |
||||
|
||||
@override |
||||
State<NeonUserAvatar> createState() => _UserAvatarState(); |
||||
} |
||||
|
||||
class _UserAvatarState extends State<NeonUserAvatar> { |
||||
late final _userStatusBloc = Provider.of<AccountsBloc>(context, listen: false).getUserStatusesBloc(widget.account); |
||||
|
||||
@override |
||||
void initState() { |
||||
super.initState(); |
||||
|
||||
unawaited(_userStatusBloc.load(widget.username)); |
||||
} |
||||
|
||||
@override |
||||
Widget build(final BuildContext context) { |
||||
final isDark = Theme.of(context).brightness == Brightness.dark; |
||||
final size = (widget.size * MediaQuery.of(context).devicePixelRatio).toInt(); |
||||
return Stack( |
||||
alignment: Alignment.center, |
||||
children: [ |
||||
CircleAvatar( |
||||
radius: widget.size / 2, |
||||
child: ClipOval( |
||||
child: NeonCachedApiImage( |
||||
account: widget.account, |
||||
cacheKey: 'avatar-${widget.username}-${isDark ? 'dark' : 'light'}$size', |
||||
download: () async { |
||||
if (isDark) { |
||||
return widget.account.client.core.getDarkAvatar( |
||||
userId: widget.username, |
||||
size: size, |
||||
); |
||||
} else { |
||||
return widget.account.client.core.getAvatar( |
||||
userId: widget.username, |
||||
size: size, |
||||
); |
||||
} |
||||
}, |
||||
), |
||||
), |
||||
), |
||||
if (widget.showStatus) ...[ |
||||
ResultBuilder<NextcloudUserStatusPublicStatus?>( |
||||
stream: _userStatusBloc.statuses.map((final statuses) => statuses[widget.username]), |
||||
builder: _userStatusIconBuilder, |
||||
), |
||||
], |
||||
], |
||||
); |
||||
} |
||||
|
||||
Widget _userStatusIconBuilder(final BuildContext context, final Result<NextcloudUserStatusPublicStatus?> result) { |
||||
final hasEmoji = result.data?.icon != null; |
||||
final scaledSize = widget.size / (hasEmoji ? 2 : 3); |
||||
|
||||
Widget? child; |
||||
Decoration? decoration; |
||||
if (result.loading) { |
||||
child = CircularProgressIndicator( |
||||
strokeWidth: 1.5, |
||||
color: Theme.of(context).colorScheme.onPrimary, |
||||
); |
||||
} else if (result.error != null) { |
||||
child = Icon( |
||||
Icons.error_outline, |
||||
size: scaledSize, |
||||
color: Theme.of(context).colorScheme.error, |
||||
); |
||||
} else if (hasEmoji) { |
||||
child = Text( |
||||
result.data!.icon!, |
||||
style: const TextStyle( |
||||
fontSize: 16, |
||||
), |
||||
); |
||||
} else if (result.data != null) { |
||||
decoration = BoxDecoration( |
||||
shape: BoxShape.circle, |
||||
color: _userStatusToColor(result.data!.status), |
||||
); |
||||
} |
||||
|
||||
return SizedBox.square( |
||||
dimension: widget.size, |
||||
child: Align( |
||||
alignment: Alignment.bottomRight, |
||||
child: Container( |
||||
width: scaledSize, |
||||
height: scaledSize, |
||||
decoration: decoration, |
||||
child: child, |
||||
), |
||||
), |
||||
); |
||||
} |
||||
|
||||
Color? _userStatusToColor(final NextcloudUserStatusType userStatusType) => switch (userStatusType) { |
||||
NextcloudUserStatusType.online => const Color(0xFF49B382), |
||||
NextcloudUserStatusType.away => const Color(0xFFF4A331), |
||||
NextcloudUserStatusType.dnd => const Color(0xFFED484C), |
||||
_ => null, |
||||
}; |
||||
} |
||||
Loading…
Reference in new issue