Solian/lib/widgets/account/account_heading.dart
2024-07-13 19:09:04 +08:00

197 lines
6.5 KiB
Dart

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:intl/intl.dart';
import 'package:solian/models/account.dart';
import 'package:solian/models/account_status.dart';
import 'package:solian/platform.dart';
import 'package:solian/providers/account_status.dart';
import 'package:solian/widgets/account/account_avatar.dart';
import 'package:solian/widgets/account/account_badge.dart';
import 'package:solian/widgets/account/account_status_action.dart';
import 'package:timeago/timeago.dart';
class AccountHeadingWidget extends StatelessWidget {
final dynamic avatar;
final dynamic banner;
final String name;
final String nick;
final String? desc;
final Account? detail;
final List<AccountBadge>? badges;
final Future<Response>? status;
final Function? onEditStatus;
const AccountHeadingWidget({
super.key,
this.avatar,
this.banner,
required this.name,
required this.nick,
required this.desc,
required this.badges,
this.detail,
this.status,
this.onEditStatus,
});
void showStatusAction(BuildContext context, Status? current) {
if (onEditStatus == null) return;
showModalBottomSheet(
useRootNavigator: true,
context: context,
builder: (context) => AccountStatusAction(currentStatus: current),
).then((val) {
if (val == true) onEditStatus!();
});
}
@override
Widget build(BuildContext context) {
return Material(
color: Colors.transparent,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Stack(
clipBehavior: Clip.none,
children: [
ClipRRect(
borderRadius: const BorderRadius.all(Radius.circular(16)),
child: AspectRatio(
aspectRatio: 16 / 7,
child: Container(
color: Theme.of(context).colorScheme.surfaceContainer,
child: banner != null
? AccountProfileImage(
content: banner,
fit: BoxFit.cover,
)
: const SizedBox(),
),
),
).paddingSymmetric(horizontal: 16),
Positioned(
bottom: -30,
left: 32,
child: AccountAvatar(content: avatar, radius: 40),
),
],
),
Column(
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.baseline,
textBaseline: TextBaseline.alphabetic,
children: [
Flexible(
child: Text(
nick,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: const TextStyle(
fontSize: 17,
fontWeight: FontWeight.bold,
),
).paddingOnly(right: 4),
),
Flexible(
child: Text(
'@$name',
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: const TextStyle(
fontSize: 15,
),
),
),
],
),
if (status != null)
SizedBox(
width: double.infinity,
child: FutureBuilder(
future: status,
builder: (context, snapshot) {
if (!snapshot.hasData || snapshot.data!.body == null) {
return Text('loading'.tr);
}
final status = AccountStatus.fromJson(
snapshot.data!.body,
);
final info = StatusProvider.determineStatus(status);
return GestureDetector(
child: Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text(info.$3),
if (!status.isOnline && status.lastSeenAt != null)
Opacity(
opacity: 0.75,
child: Text('accountLastSeenAt'.trParams({
'date': format(status.lastSeenAt!.toLocal(),
locale: 'en_short')
})).paddingOnly(left: 4),
),
info.$1.paddingSymmetric(horizontal: 6),
],
),
onTap: () {
showStatusAction(context, status.status);
},
);
},
),
),
],
).paddingOnly(left: 116, top: 6),
const SizedBox(height: 4),
if (detail?.suspendedAt != null)
SizedBox(
width: double.infinity,
child: Card(
child: ListTile(
title: Text('accountSuspended'.tr),
subtitle: Text('accountSuspendedAt'.trParams({
'date': DateFormat('y/M/d').format(detail!.suspendedAt!),
})),
trailing: const Icon(Icons.block),
),
),
).paddingOnly(left: 16, right: 16),
if (badges?.isNotEmpty ?? false)
SizedBox(
width: double.infinity,
child: Card(
child: Wrap(
runSpacing: 2,
spacing: 4,
children: badges!.map((e) {
return AccountBadgeWidget(item: e);
}).toList(),
).paddingSymmetric(
horizontal: 8,
vertical: PlatformInfo.isMobile ? 0 : 6,
),
),
).paddingOnly(left: 16, right: 16),
SizedBox(
width: double.infinity,
child: Card(
child: ListTile(
title: Text('description'.tr),
subtitle: Text(
(desc?.isNotEmpty ?? false) ? desc! : 'No description yet.',
),
),
),
).paddingOnly(left: 16, right: 16),
],
),
);
}
}