375 lines
14 KiB
Dart
375 lines
14 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:gap/gap.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:infinite_scroll_pagination/infinite_scroll_pagination.dart';
|
|
import 'package:solian/controllers/post_list_controller.dart';
|
|
import 'package:solian/exts.dart';
|
|
import 'package:solian/models/account.dart';
|
|
import 'package:solian/models/attachment.dart';
|
|
import 'package:solian/models/pagination.dart';
|
|
import 'package:solian/models/post.dart';
|
|
import 'package:solian/providers/account_status.dart';
|
|
import 'package:solian/providers/relation.dart';
|
|
import 'package:solian/services.dart';
|
|
import 'package:solian/theme.dart';
|
|
import 'package:solian/widgets/account/account_avatar.dart';
|
|
import 'package:solian/widgets/account/account_heading.dart';
|
|
import 'package:solian/widgets/app_bar_leading.dart';
|
|
import 'package:solian/widgets/attachments/attachment_list.dart';
|
|
import 'package:solian/widgets/posts/post_list.dart';
|
|
import 'package:solian/widgets/posts/post_warped_list.dart';
|
|
import 'package:solian/widgets/sized_container.dart';
|
|
|
|
class AccountProfilePage extends StatefulWidget {
|
|
final String name;
|
|
|
|
const AccountProfilePage({super.key, required this.name});
|
|
|
|
@override
|
|
State<AccountProfilePage> createState() => _AccountProfilePageState();
|
|
}
|
|
|
|
class _AccountProfilePageState extends State<AccountProfilePage> {
|
|
late final RelationshipProvider _relationshipProvider;
|
|
late final PostListController _postController;
|
|
final PagingController<int, Attachment> _albumPagingController =
|
|
PagingController(firstPageKey: 0);
|
|
|
|
bool _isBusy = true;
|
|
bool _isMakingFriend = false;
|
|
bool _showMature = false;
|
|
|
|
Account? _userinfo;
|
|
List<Post> _pinnedPosts = List.empty();
|
|
int _totalUpvote = 0, _totalDownvote = 0;
|
|
|
|
Future<void> _getUserinfo() async {
|
|
setState(() => _isBusy = true);
|
|
|
|
var client = ServiceFinder.configureClient('auth');
|
|
var resp = await client.get('/users/${widget.name}');
|
|
if (resp.statusCode != 200) {
|
|
context.showErrorDialog(resp.bodyString).then((_) {
|
|
Navigator.pop(context);
|
|
});
|
|
} else {
|
|
_userinfo = Account.fromJson(resp.body);
|
|
}
|
|
|
|
client = ServiceFinder.configureClient('interactive');
|
|
resp = await client.get('/users/${widget.name}');
|
|
if (resp.statusCode != 200) {
|
|
context.showErrorDialog(resp.bodyString).then((_) {
|
|
Navigator.pop(context);
|
|
});
|
|
} else {
|
|
_totalUpvote = resp.body['total_upvote'];
|
|
_totalDownvote = resp.body['total_downvote'];
|
|
}
|
|
|
|
setState(() => _isBusy = false);
|
|
}
|
|
|
|
Future<void> getPinnedPosts() async {
|
|
final client = ServiceFinder.configureClient('interactive');
|
|
final resp = await client.get('/users/${widget.name}/pin');
|
|
if (resp.statusCode != 200) {
|
|
context.showErrorDialog(resp.bodyString).then((_) {
|
|
Navigator.pop(context);
|
|
});
|
|
} else {
|
|
setState(() {
|
|
_pinnedPosts =
|
|
resp.body.map((x) => Post.fromJson(x)).toList().cast<Post>();
|
|
});
|
|
}
|
|
}
|
|
|
|
int get _userSocialCreditPoints {
|
|
return _totalUpvote * 2 - _totalDownvote + _postController.postTotal.value;
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_relationshipProvider = Get.find();
|
|
_postController = PostListController(author: widget.name);
|
|
_albumPagingController.addPageRequestListener((pageKey) async {
|
|
final client = ServiceFinder.configureClient('files');
|
|
final resp = await client.get(
|
|
'/attachments?take=10&offset=$pageKey&author=${widget.name}&original=true',
|
|
);
|
|
if (resp.statusCode == 200) {
|
|
final result = PaginationResult.fromJson(resp.body);
|
|
final out = result.data
|
|
?.map((e) => Attachment.fromJson(e))
|
|
.where((x) => x.mimetype.split('/').firstOrNull == 'image')
|
|
.toList();
|
|
if (out != null && result.data!.length >= 10) {
|
|
_albumPagingController.appendPage(out, pageKey + out.length);
|
|
} else if (out != null) {
|
|
_albumPagingController.appendLastPage(out);
|
|
}
|
|
} else {
|
|
_albumPagingController.error = resp.bodyString;
|
|
}
|
|
});
|
|
|
|
_getUserinfo();
|
|
getPinnedPosts();
|
|
}
|
|
|
|
Widget _buildStatisticsEntry(String label, String content) {
|
|
return Expanded(
|
|
child: Column(
|
|
children: [
|
|
Text(
|
|
label,
|
|
style: Theme.of(context).textTheme.bodySmall,
|
|
),
|
|
Text(
|
|
content,
|
|
style: Theme.of(context).textTheme.bodyLarge,
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
if (_isBusy || _userinfo == null) {
|
|
return const Center(child: CircularProgressIndicator());
|
|
}
|
|
|
|
return Material(
|
|
color: Theme.of(context).colorScheme.surface,
|
|
child: DefaultTabController(
|
|
length: 3,
|
|
child: NestedScrollView(
|
|
headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
|
|
return [
|
|
SliverAppBar(
|
|
centerTitle: false,
|
|
floating: true,
|
|
toolbarHeight: AppTheme.toolbarHeight(context),
|
|
leadingWidth: 24,
|
|
automaticallyImplyLeading: false,
|
|
flexibleSpace: Row(
|
|
children: [
|
|
AppBarLeadingButton.adaptive(context) ?? const Gap(8),
|
|
const Gap(8),
|
|
if (_userinfo != null)
|
|
AccountAvatar(content: _userinfo!.avatar, radius: 16),
|
|
const Gap(12),
|
|
Expanded(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
if (_userinfo != null)
|
|
Text(
|
|
_userinfo!.nick,
|
|
style: Theme.of(context).textTheme.bodyLarge,
|
|
),
|
|
if (_userinfo != null)
|
|
Text(
|
|
'@${_userinfo!.name}',
|
|
style: Theme.of(context).textTheme.bodySmall,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
if (_userinfo != null &&
|
|
!_relationshipProvider.hasFriend(_userinfo!))
|
|
IconButton(
|
|
icon: const Icon(Icons.person_add),
|
|
onPressed: _isMakingFriend
|
|
? null
|
|
: () async {
|
|
setState(() => _isMakingFriend = true);
|
|
try {
|
|
await _relationshipProvider
|
|
.makeFriend(widget.name);
|
|
context.showSnackbar(
|
|
'accountFriendRequestSent'.tr,
|
|
);
|
|
} catch (e) {
|
|
context.showErrorDialog(e);
|
|
} finally {
|
|
setState(() => _isMakingFriend = false);
|
|
}
|
|
},
|
|
)
|
|
else
|
|
const IconButton(
|
|
icon: Icon(Icons.handshake),
|
|
onPressed: null,
|
|
),
|
|
SizedBox(
|
|
width: AppTheme.isLargeScreen(context) ? 8 : 16,
|
|
),
|
|
],
|
|
),
|
|
bottom: TabBar(
|
|
tabs: [
|
|
Tab(text: 'profilePage'.tr),
|
|
Tab(text: 'profilePosts'.tr),
|
|
Tab(text: 'profileAlbum'.tr),
|
|
],
|
|
),
|
|
)
|
|
];
|
|
},
|
|
body: TabBarView(
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
children: [
|
|
Column(
|
|
children: [
|
|
const Gap(16),
|
|
AccountHeadingWidget(
|
|
name: _userinfo!.name,
|
|
nick: _userinfo!.nick,
|
|
desc: _userinfo!.description,
|
|
badges: _userinfo!.badges,
|
|
banner: _userinfo!.banner,
|
|
avatar: _userinfo!.avatar,
|
|
status: Get.find<StatusProvider>()
|
|
.getSomeoneStatus(_userinfo!.name),
|
|
detail: _userinfo,
|
|
profile: _userinfo!.profile,
|
|
extraWidgets: const [],
|
|
),
|
|
],
|
|
),
|
|
RefreshIndicator(
|
|
onRefresh: () => Future.wait([
|
|
_postController.reloadAllOver(),
|
|
getPinnedPosts(),
|
|
]),
|
|
child: CustomScrollView(slivers: [
|
|
SliverToBoxAdapter(
|
|
child: Column(
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: [
|
|
_buildStatisticsEntry(
|
|
'totalSocialCreditPoints'.tr,
|
|
_userinfo != null
|
|
? _userSocialCreditPoints.toString()
|
|
: 0.toString(),
|
|
),
|
|
],
|
|
),
|
|
const Gap(16),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: [
|
|
Obx(
|
|
() => _buildStatisticsEntry(
|
|
'totalPostCount'.tr,
|
|
_postController.postTotal.value.toString(),
|
|
),
|
|
),
|
|
_buildStatisticsEntry(
|
|
'totalUpvote'.tr,
|
|
_totalUpvote.toString(),
|
|
),
|
|
_buildStatisticsEntry(
|
|
'totalDownvote'.tr,
|
|
_totalDownvote.toString(),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
).paddingOnly(top: 16, bottom: 12),
|
|
),
|
|
const SliverToBoxAdapter(
|
|
child: Divider(thickness: 0.3, height: 0.3),
|
|
),
|
|
SliverList.separated(
|
|
itemCount: _pinnedPosts.length,
|
|
itemBuilder: (context, idx) {
|
|
final element = _pinnedPosts[idx];
|
|
return Material(
|
|
color:
|
|
Theme.of(context).colorScheme.surfaceContainerLow,
|
|
child: PostListEntryWidget(
|
|
backgroundColor:
|
|
Theme.of(context).colorScheme.surfaceContainerLow,
|
|
item: element,
|
|
isClickable: true,
|
|
isNestedClickable: true,
|
|
isShowEmbed: true,
|
|
onUpdate: () {
|
|
_postController.reloadAllOver();
|
|
},
|
|
),
|
|
);
|
|
},
|
|
separatorBuilder: (context, idx) =>
|
|
const Divider(thickness: 0.3, height: 0.3),
|
|
),
|
|
if (_userinfo == null)
|
|
const SliverFillRemaining(
|
|
child: Center(child: CircularProgressIndicator()),
|
|
),
|
|
if (_userinfo != null)
|
|
PostWarpedListWidget(
|
|
isPinned: false,
|
|
controller: _postController.pagingController,
|
|
onUpdate: () => _postController.reloadAllOver(),
|
|
),
|
|
]),
|
|
),
|
|
CenteredContainer(
|
|
child: RefreshIndicator(
|
|
onRefresh: () =>
|
|
Future.sync(() => _albumPagingController.refresh()),
|
|
child: PagedGridView<int, Attachment>(
|
|
padding: EdgeInsets.zero,
|
|
pagingController: _albumPagingController,
|
|
gridDelegate:
|
|
const SliverGridDelegateWithFixedCrossAxisCount(
|
|
crossAxisCount: 3,
|
|
mainAxisSpacing: 8.0,
|
|
crossAxisSpacing: 8.0,
|
|
),
|
|
builderDelegate: PagedChildBuilderDelegate<Attachment>(
|
|
itemBuilder: (BuildContext context, item, int index) {
|
|
const radius = BorderRadius.all(Radius.circular(8));
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
border: Border.all(
|
|
color: Theme.of(context).dividerColor,
|
|
width: 0.3,
|
|
),
|
|
borderRadius: radius,
|
|
),
|
|
child: ClipRRect(
|
|
borderRadius: radius,
|
|
child: AttachmentListEntry(
|
|
item: item,
|
|
isDense: true,
|
|
parentId: 'album',
|
|
showMature: _showMature,
|
|
onReveal: (value) {
|
|
setState(() => _showMature = value);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
).paddingAll(16),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|