563 lines
24 KiB
Dart
563 lines
24 KiB
Dart
import 'dart:math';
|
|
|
|
import 'package:fl_chart/fl_chart.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:intl/intl.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/daily_sign.dart';
|
|
import 'package:solian/models/pagination.dart';
|
|
import 'package:solian/models/post.dart';
|
|
import 'package:solian/models/subscription.dart';
|
|
import 'package:solian/providers/account_status.dart';
|
|
import 'package:solian/providers/relation.dart';
|
|
import 'package:solian/providers/subscription.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/daily_sign/history_chart.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 _isSubscribing = false;
|
|
bool _showMature = false;
|
|
|
|
Account? _userinfo;
|
|
Subscription? _subscription;
|
|
List<Post> _pinnedPosts = List.empty();
|
|
List<DailySignRecord> _dailySignRecords = List.empty();
|
|
int _totalUpvote = 0, _totalDownvote = 0;
|
|
|
|
Future<void> _getSubscription() async {
|
|
setState(() => _isSubscribing = true);
|
|
_subscription = await Get.find<SubscriptionProvider>()
|
|
.getSubscriptionOnUser(_userinfo!.id);
|
|
setState(() => _isSubscribing = false);
|
|
}
|
|
|
|
Future<void> _getUserinfo() async {
|
|
setState(() => _isBusy = true);
|
|
|
|
var client = await ServiceFinder.configureClient('id');
|
|
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 = await ServiceFinder.configureClient('co');
|
|
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 = await ServiceFinder.configureClient('co');
|
|
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>();
|
|
});
|
|
}
|
|
}
|
|
|
|
Future<void> _getDailySignRecords() async {
|
|
final client = await ServiceFinder.configureClient('id');
|
|
final resp = await client.get('/users/${widget.name}/daily?take=14');
|
|
if (resp.statusCode != 200) {
|
|
context.showErrorDialog(resp.bodyString).then((_) {
|
|
Navigator.pop(context);
|
|
});
|
|
} else {
|
|
final result = PaginationResult.fromJson(resp.body);
|
|
setState(() {
|
|
_dailySignRecords = List.from(
|
|
result.data?.map((x) => DailySignRecord.fromJson(x)) ?? [],
|
|
);
|
|
});
|
|
}
|
|
}
|
|
|
|
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 = await 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().then((_) {
|
|
_getSubscription();
|
|
_getPinnedPosts();
|
|
_getDailySignRecords();
|
|
});
|
|
}
|
|
|
|
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: SizedBox(
|
|
height: 56,
|
|
child: 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 && _subscription == null)
|
|
OutlinedButton(
|
|
style: const ButtonStyle(
|
|
visualDensity:
|
|
VisualDensity(horizontal: -4, vertical: -2),
|
|
),
|
|
onPressed: _isSubscribing
|
|
? null
|
|
: () async {
|
|
setState(() => _isSubscribing = true);
|
|
_subscription =
|
|
await Get.find<SubscriptionProvider>()
|
|
.subscribeToUser(_userinfo!.id);
|
|
setState(() => _isSubscribing = false);
|
|
},
|
|
child: Text('subscribe'.tr),
|
|
)
|
|
else if (_userinfo != null)
|
|
OutlinedButton(
|
|
style: const ButtonStyle(
|
|
visualDensity:
|
|
VisualDensity(horizontal: -4, vertical: -2),
|
|
),
|
|
onPressed: _isSubscribing
|
|
? null
|
|
: () async {
|
|
setState(() => _isSubscribing = true);
|
|
await Get.find<SubscriptionProvider>()
|
|
.unsubscribeFromUser(_userinfo!.id);
|
|
_subscription = null;
|
|
setState(() => _isSubscribing = false);
|
|
},
|
|
child: Text('unsubscribe'.tr),
|
|
),
|
|
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,
|
|
),
|
|
],
|
|
),
|
|
).paddingOnly(top: MediaQuery.of(context).padding.top),
|
|
bottom: TabBar(
|
|
tabs: [
|
|
Tab(text: 'profilePage'.tr),
|
|
Tab(text: 'profilePosts'.tr),
|
|
Tab(text: 'profileAlbum'.tr),
|
|
],
|
|
),
|
|
)
|
|
];
|
|
},
|
|
body: TabBarView(
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
children: [
|
|
ListView(
|
|
children: [
|
|
const Gap(16),
|
|
CenteredContainer(
|
|
child: 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: [
|
|
if (_dailySignRecords.isNotEmpty)
|
|
Card(
|
|
child: SizedBox(
|
|
height: 180,
|
|
width:
|
|
max(640, MediaQuery.of(context).size.width),
|
|
child: LineChart(
|
|
LineChartData(
|
|
lineBarsData: [
|
|
LineChartBarData(
|
|
isCurved: true,
|
|
isStrokeCapRound: true,
|
|
isStrokeJoinRound: true,
|
|
color:
|
|
Theme.of(context).colorScheme.primary,
|
|
belowBarData: BarAreaData(
|
|
show: true,
|
|
gradient: LinearGradient(
|
|
colors: List.filled(
|
|
_dailySignRecords.length,
|
|
Theme.of(context)
|
|
.colorScheme
|
|
.primary
|
|
.withOpacity(0.3),
|
|
).toList(),
|
|
),
|
|
),
|
|
spots: _dailySignRecords
|
|
.map(
|
|
(x) => FlSpot(
|
|
x.createdAt
|
|
.copyWith(
|
|
hour: 0,
|
|
minute: 0,
|
|
second: 0,
|
|
millisecond: 0,
|
|
microsecond: 0,
|
|
)
|
|
.millisecondsSinceEpoch
|
|
.toDouble(),
|
|
x.resultTier.toDouble(),
|
|
),
|
|
)
|
|
.toList(),
|
|
)
|
|
],
|
|
lineTouchData: LineTouchData(
|
|
touchTooltipData: LineTouchTooltipData(
|
|
getTooltipItems: (spots) => spots
|
|
.map((spot) => LineTooltipItem(
|
|
'${DailySignHistoryChartDialog.signSymbols[spot.y.toInt()]}\n${DateFormat('MM/dd').format(DateTime.fromMillisecondsSinceEpoch(spot.x.toInt()))}',
|
|
TextStyle(
|
|
color: Theme.of(context)
|
|
.colorScheme
|
|
.onSurface,
|
|
),
|
|
))
|
|
.toList(),
|
|
getTooltipColor: (_) => Theme.of(context)
|
|
.colorScheme
|
|
.surfaceContainerHigh,
|
|
),
|
|
),
|
|
titlesData: FlTitlesData(
|
|
topTitles: const AxisTitles(
|
|
sideTitles: SideTitles(showTitles: false),
|
|
),
|
|
rightTitles: const AxisTitles(
|
|
sideTitles: SideTitles(showTitles: false),
|
|
),
|
|
leftTitles: AxisTitles(
|
|
sideTitles: SideTitles(
|
|
showTitles: true,
|
|
reservedSize: 40,
|
|
interval: 1,
|
|
getTitlesWidget: (value, _) => Align(
|
|
alignment: Alignment.centerRight,
|
|
child: Text(
|
|
DailySignHistoryChartDialog
|
|
.signSymbols[value.toInt()],
|
|
textAlign: TextAlign.right,
|
|
).paddingOnly(right: 8),
|
|
),
|
|
),
|
|
),
|
|
bottomTitles: AxisTitles(
|
|
sideTitles: SideTitles(
|
|
showTitles: true,
|
|
reservedSize: 28,
|
|
interval: 86400000,
|
|
getTitlesWidget: (value, _) => Text(
|
|
DateFormat('dd').format(
|
|
DateTime.fromMillisecondsSinceEpoch(
|
|
value.toInt(),
|
|
),
|
|
),
|
|
textAlign: TextAlign.center,
|
|
).paddingOnly(top: 8),
|
|
),
|
|
),
|
|
),
|
|
gridData: const FlGridData(show: false),
|
|
borderData: FlBorderData(show: false),
|
|
),
|
|
),
|
|
).marginOnly(
|
|
right: 24, left: 12, bottom: 8, top: 24),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
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,
|
|
showFeaturedReply: 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-$index',
|
|
showMature: _showMature,
|
|
onReveal: (value) {
|
|
setState(() => _showMature = value);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
).paddingAll(16),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|