992 lines
40 KiB
Dart
992 lines
40 KiB
Dart
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
import 'package:gap/gap.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:island/models/post.dart';
|
|
import 'package:island/models/publisher.dart';
|
|
import 'package:island/models/account.dart';
|
|
import 'package:island/models/heatmap.dart';
|
|
import 'package:island/pods/config.dart';
|
|
import 'package:island/pods/network.dart';
|
|
import 'package:island/services/color.dart';
|
|
import 'package:island/services/responsive.dart';
|
|
import 'package:island/widgets/account/account_name.dart';
|
|
import 'package:island/widgets/account/badge.dart';
|
|
import 'package:island/widgets/account/status.dart';
|
|
import 'package:island/widgets/alert.dart';
|
|
import 'package:island/widgets/app_scaffold.dart';
|
|
import 'package:island/widgets/content/cloud_files.dart';
|
|
import 'package:island/widgets/content/markdown.dart';
|
|
import 'package:island/widgets/post/post_list.dart';
|
|
import 'package:island/widgets/activity_heatmap.dart';
|
|
import 'package:material_symbols_icons/symbols.dart';
|
|
import 'package:island/services/color_extraction.dart';
|
|
import 'package:riverpod_annotation/riverpod_annotation.dart';
|
|
import 'package:styled_widget/styled_widget.dart';
|
|
|
|
part 'publisher_profile.g.dart';
|
|
|
|
class _PublisherBasisWidget extends StatelessWidget {
|
|
final SnPublisher data;
|
|
final AsyncValue<SnSubscriptionStatus> subStatus;
|
|
final ValueNotifier<bool> subscribing;
|
|
final VoidCallback subscribe;
|
|
final VoidCallback unsubscribe;
|
|
|
|
const _PublisherBasisWidget({
|
|
required this.data,
|
|
required this.subStatus,
|
|
required this.subscribing,
|
|
required this.subscribe,
|
|
required this.unsubscribe,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Card(
|
|
child: Builder(
|
|
builder: (context) {
|
|
final hasBackground = data.background?.id != null;
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
if (isWideScreen(context) && hasBackground)
|
|
Stack(
|
|
clipBehavior: Clip.none,
|
|
children: [
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.only(
|
|
topLeft: Radius.circular(8),
|
|
topRight: Radius.circular(8),
|
|
),
|
|
child: AspectRatio(
|
|
aspectRatio: 16 / 7,
|
|
child: CloudImageWidget(
|
|
file: data.background,
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
),
|
|
Positioned(
|
|
bottom: -24,
|
|
left: 16,
|
|
child: ProfilePictureWidget(
|
|
file: data.picture,
|
|
radius: 32,
|
|
borderRadius: data.type == 0 ? null : 12,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Builder(
|
|
builder: (context) {
|
|
final showBackground = isWideScreen(context) && hasBackground;
|
|
return Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
spacing: showBackground ? 0 : 20,
|
|
children: [
|
|
if (!showBackground)
|
|
GestureDetector(
|
|
child: Badge(
|
|
isLabelVisible: data.type == 0,
|
|
padding: EdgeInsets.all(4),
|
|
label: Icon(
|
|
Symbols.launch,
|
|
size: 16,
|
|
color: Theme.of(context).colorScheme.onPrimary,
|
|
),
|
|
backgroundColor:
|
|
Theme.of(context).colorScheme.primary,
|
|
offset: Offset(0, 48),
|
|
child: ProfilePictureWidget(
|
|
file: data.picture,
|
|
radius: 32,
|
|
borderRadius: data.type == 0 ? null : 12,
|
|
),
|
|
),
|
|
onTap: () {
|
|
if (data.account?.name != null) {
|
|
Navigator.pop(context, true);
|
|
context.pushNamed(
|
|
'accountProfile',
|
|
pathParameters: {'name': data.account!.name},
|
|
);
|
|
}
|
|
},
|
|
),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
Row(
|
|
spacing: 6,
|
|
children: [
|
|
if (data.account != null && data.type == 0)
|
|
AccountName(
|
|
account: data.account!,
|
|
textOverride: data.nick,
|
|
hideVerificationMark: true,
|
|
style: TextStyle(fontSize: 20),
|
|
)
|
|
else
|
|
Text(data.nick).fontSize(20),
|
|
if (data.verification != null)
|
|
VerificationMark(mark: data.verification!),
|
|
if (isWideScreen(context))
|
|
Expanded(
|
|
child: Text(
|
|
'@${data.name}',
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
).fontSize(14).opacity(0.85),
|
|
),
|
|
],
|
|
),
|
|
if (!isWideScreen(context))
|
|
Text(
|
|
'@${data.name}',
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
).fontSize(14).opacity(0.85).padding(bottom: 2.5),
|
|
if (data.type == 0 && data.account != null)
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
spacing: 6,
|
|
children: [
|
|
Icon(
|
|
data.type == 0
|
|
? Symbols.person
|
|
: Symbols.workspaces,
|
|
fill: 1,
|
|
size: 17,
|
|
),
|
|
Text(
|
|
'publisherBelongsTo'.tr(
|
|
args: ['@${data.account!.name}'],
|
|
),
|
|
).fontSize(14),
|
|
],
|
|
).opacity(0.85),
|
|
const Gap(4),
|
|
if (data.type == 0 && data.account != null)
|
|
AccountStatusWidget(
|
|
uname: data.account!.name,
|
|
padding: EdgeInsets.zero,
|
|
),
|
|
subStatus
|
|
.when(
|
|
data:
|
|
(status) => FilledButton.icon(
|
|
onPressed:
|
|
subscribing.value
|
|
? null
|
|
: (status.isSubscribed
|
|
? unsubscribe
|
|
: subscribe),
|
|
icon: Icon(
|
|
status.isSubscribed
|
|
? Symbols.remove_circle
|
|
: Symbols.add_circle,
|
|
),
|
|
label:
|
|
Text(
|
|
status.isSubscribed
|
|
? 'unsubscribe'
|
|
: 'subscribe',
|
|
).tr(),
|
|
style: ButtonStyle(
|
|
visualDensity: VisualDensity(
|
|
vertical: -2,
|
|
),
|
|
),
|
|
),
|
|
error: (_, _) => const SizedBox(),
|
|
loading:
|
|
() => const SizedBox(
|
|
height: 36,
|
|
child: Center(
|
|
child: SizedBox(
|
|
width: 20,
|
|
height: 20,
|
|
child: CircularProgressIndicator(
|
|
strokeWidth: 2,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
)
|
|
.padding(vertical: 12),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
).padding(
|
|
left: 16,
|
|
right: 16,
|
|
top: 16 + (showBackground ? 16 : 0),
|
|
);
|
|
},
|
|
),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _PublisherBadgesWidget extends StatelessWidget {
|
|
final SnPublisher data;
|
|
final AsyncValue<List<SnAccountBadge>> badges;
|
|
|
|
const _PublisherBadgesWidget({required this.data, required this.badges});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return (badges.value?.isNotEmpty ?? false)
|
|
? Card(
|
|
child: BadgeList(
|
|
badges: badges.value!,
|
|
).padding(horizontal: 26, vertical: 20),
|
|
).padding(horizontal: 4)
|
|
: const SizedBox.shrink();
|
|
}
|
|
}
|
|
|
|
class _PublisherVerificationWidget extends StatelessWidget {
|
|
final SnPublisher data;
|
|
|
|
const _PublisherVerificationWidget({required this.data});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return (data.verification != null)
|
|
? Card(
|
|
margin: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
|
child: VerificationStatusCard(mark: data.verification!),
|
|
)
|
|
: const SizedBox.shrink();
|
|
}
|
|
}
|
|
|
|
class _PublisherBioWidget extends StatelessWidget {
|
|
final SnPublisher data;
|
|
|
|
const _PublisherBioWidget({required this.data});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Card(
|
|
margin: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
Text('bio').tr().bold().fontSize(15).padding(bottom: 8),
|
|
if (data.bio.isEmpty)
|
|
Text('descriptionNone').tr().italic()
|
|
else
|
|
MarkdownTextContent(
|
|
content: data.bio,
|
|
linesMargin: EdgeInsets.zero,
|
|
),
|
|
],
|
|
).padding(horizontal: 20, vertical: 16),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _PublisherHeatmapWidget extends StatelessWidget {
|
|
final AsyncValue<SnHeatmap?> heatmap;
|
|
final bool forceDense;
|
|
|
|
const _PublisherHeatmapWidget({
|
|
required this.heatmap,
|
|
this.forceDense = false,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return heatmap.when(
|
|
data:
|
|
(data) =>
|
|
data != null
|
|
? ActivityHeatmapWidget(
|
|
heatmap: data,
|
|
forceDense: forceDense,
|
|
).padding(horizontal: 8)
|
|
: const SizedBox.shrink(),
|
|
loading: () => const SizedBox.shrink(),
|
|
error: (_, _) => const SizedBox.shrink(),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _PublisherCategoryTabWidget extends StatelessWidget {
|
|
final TabController categoryTabController;
|
|
final ValueNotifier<bool?> includeReplies;
|
|
final ValueNotifier<bool> mediaOnly;
|
|
final ValueNotifier<String?> queryTerm;
|
|
final ValueNotifier<String?> order;
|
|
final ValueNotifier<bool> orderDesc;
|
|
final ValueNotifier<int?> periodStart;
|
|
final ValueNotifier<int?> periodEnd;
|
|
final ValueNotifier<bool> showAdvancedFilters;
|
|
|
|
const _PublisherCategoryTabWidget({
|
|
required this.categoryTabController,
|
|
required this.includeReplies,
|
|
required this.mediaOnly,
|
|
required this.queryTerm,
|
|
required this.order,
|
|
required this.orderDesc,
|
|
required this.periodStart,
|
|
required this.periodEnd,
|
|
required this.showAdvancedFilters,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Card(
|
|
margin: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
|
child: Column(
|
|
children: [
|
|
TabBar(
|
|
controller: categoryTabController,
|
|
dividerColor: Colors.transparent,
|
|
splashBorderRadius: const BorderRadius.all(Radius.circular(8)),
|
|
tabs: [
|
|
Tab(text: 'all'.tr()),
|
|
Tab(text: 'postTypePost'.tr()),
|
|
Tab(text: 'postArticle'.tr()),
|
|
],
|
|
),
|
|
const Divider(height: 1),
|
|
Column(
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: CheckboxListTile(
|
|
title: Text('reply'.tr()),
|
|
value: includeReplies.value,
|
|
tristate: true,
|
|
onChanged: (value) {
|
|
// Cycle through: null -> false -> true -> null
|
|
if (includeReplies.value == null) {
|
|
includeReplies.value = false;
|
|
} else if (includeReplies.value == false) {
|
|
includeReplies.value = true;
|
|
} else {
|
|
includeReplies.value = null;
|
|
}
|
|
},
|
|
dense: true,
|
|
controlAffinity: ListTileControlAffinity.leading,
|
|
secondary: const Icon(Symbols.reply),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: CheckboxListTile(
|
|
title: Text('attachments'.tr()),
|
|
value: mediaOnly.value,
|
|
onChanged: (value) {
|
|
if (value != null) {
|
|
mediaOnly.value = value;
|
|
}
|
|
},
|
|
dense: true,
|
|
controlAffinity: ListTileControlAffinity.leading,
|
|
secondary: const Icon(Symbols.attachment),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
CheckboxListTile(
|
|
title: Text('descendingOrder'.tr()),
|
|
value: orderDesc.value,
|
|
onChanged: (value) {
|
|
if (value != null) {
|
|
orderDesc.value = value;
|
|
}
|
|
},
|
|
dense: true,
|
|
controlAffinity: ListTileControlAffinity.leading,
|
|
secondary: const Icon(Symbols.sort),
|
|
),
|
|
],
|
|
),
|
|
const Divider(height: 1),
|
|
ListTile(
|
|
title: Text('advancedFilters'.tr()),
|
|
leading: const Icon(Symbols.filter_list),
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 24),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.all(const Radius.circular(8)),
|
|
),
|
|
trailing: Icon(
|
|
showAdvancedFilters.value
|
|
? Symbols.expand_less
|
|
: Symbols.expand_more,
|
|
),
|
|
onTap: () {
|
|
showAdvancedFilters.value = !showAdvancedFilters.value;
|
|
},
|
|
),
|
|
if (showAdvancedFilters.value) ...[
|
|
const Divider(height: 1),
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
TextField(
|
|
decoration: InputDecoration(
|
|
labelText: 'search'.tr(),
|
|
hintText: 'searchPosts'.tr(),
|
|
prefixIcon: const Icon(Symbols.search),
|
|
border: const OutlineInputBorder(
|
|
borderRadius: BorderRadius.all(Radius.circular(12)),
|
|
),
|
|
contentPadding: const EdgeInsets.symmetric(
|
|
horizontal: 12,
|
|
vertical: 8,
|
|
),
|
|
),
|
|
onChanged: (value) {
|
|
queryTerm.value = value.isEmpty ? null : value;
|
|
},
|
|
),
|
|
const Gap(12),
|
|
DropdownButtonFormField<String>(
|
|
decoration: InputDecoration(
|
|
labelText: 'sortBy'.tr(),
|
|
border: const OutlineInputBorder(
|
|
borderRadius: BorderRadius.all(Radius.circular(12)),
|
|
),
|
|
contentPadding: const EdgeInsets.symmetric(
|
|
horizontal: 12,
|
|
vertical: 8,
|
|
),
|
|
),
|
|
value: order.value,
|
|
items: [
|
|
DropdownMenuItem(value: 'date', child: Text('date'.tr())),
|
|
DropdownMenuItem(
|
|
value: 'popularity',
|
|
child: Text('popularity'.tr()),
|
|
),
|
|
],
|
|
onChanged: (value) {
|
|
order.value = value;
|
|
},
|
|
),
|
|
const Gap(12),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: InkWell(
|
|
onTap: () async {
|
|
final pickedDate = await showDatePicker(
|
|
context: context,
|
|
initialDate:
|
|
periodStart.value != null
|
|
? DateTime.fromMillisecondsSinceEpoch(
|
|
periodStart.value! * 1000,
|
|
)
|
|
: DateTime.now(),
|
|
firstDate: DateTime(2000),
|
|
lastDate: DateTime.now().add(
|
|
const Duration(days: 365),
|
|
),
|
|
);
|
|
if (pickedDate != null) {
|
|
periodStart.value =
|
|
pickedDate.millisecondsSinceEpoch ~/ 1000;
|
|
}
|
|
},
|
|
child: InputDecorator(
|
|
decoration: InputDecoration(
|
|
labelText: 'fromDate'.tr(),
|
|
border: const OutlineInputBorder(
|
|
borderRadius: BorderRadius.all(
|
|
Radius.circular(12),
|
|
),
|
|
),
|
|
contentPadding: const EdgeInsets.symmetric(
|
|
horizontal: 12,
|
|
vertical: 8,
|
|
),
|
|
suffixIcon: const Icon(Symbols.calendar_today),
|
|
),
|
|
child: Text(
|
|
periodStart.value != null
|
|
? DateTime.fromMillisecondsSinceEpoch(
|
|
periodStart.value! * 1000,
|
|
).toString().split(' ')[0]
|
|
: 'selectDate'.tr(),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const Gap(8),
|
|
Expanded(
|
|
child: InkWell(
|
|
onTap: () async {
|
|
final pickedDate = await showDatePicker(
|
|
context: context,
|
|
initialDate:
|
|
periodEnd.value != null
|
|
? DateTime.fromMillisecondsSinceEpoch(
|
|
periodEnd.value! * 1000,
|
|
)
|
|
: DateTime.now(),
|
|
firstDate: DateTime(2000),
|
|
lastDate: DateTime.now().add(
|
|
const Duration(days: 365),
|
|
),
|
|
);
|
|
if (pickedDate != null) {
|
|
periodEnd.value =
|
|
pickedDate.millisecondsSinceEpoch ~/ 1000;
|
|
}
|
|
},
|
|
child: InputDecorator(
|
|
decoration: InputDecoration(
|
|
labelText: 'toDate'.tr(),
|
|
border: const OutlineInputBorder(
|
|
borderRadius: BorderRadius.all(
|
|
Radius.circular(12),
|
|
),
|
|
),
|
|
contentPadding: const EdgeInsets.symmetric(
|
|
horizontal: 12,
|
|
vertical: 8,
|
|
),
|
|
suffixIcon: const Icon(Symbols.calendar_today),
|
|
),
|
|
child: Text(
|
|
periodEnd.value != null
|
|
? DateTime.fromMillisecondsSinceEpoch(
|
|
periodEnd.value! * 1000,
|
|
).toString().split(' ')[0]
|
|
: 'selectDate'.tr(),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
@riverpod
|
|
Future<SnPublisher> publisher(Ref ref, String uname) async {
|
|
final apiClient = ref.watch(apiClientProvider);
|
|
final resp = await apiClient.get("/sphere/publishers/$uname");
|
|
return SnPublisher.fromJson(resp.data);
|
|
}
|
|
|
|
@riverpod
|
|
Future<List<SnAccountBadge>> publisherBadges(Ref ref, String pubName) async {
|
|
final pub = await ref.watch(publisherProvider(pubName).future);
|
|
if (pub.type != 0 || pub.account == null) return [];
|
|
final apiClient = ref.watch(apiClientProvider);
|
|
final resp = await apiClient.get(
|
|
"/pass/accounts/${pub.account!.name}/badges",
|
|
);
|
|
return List<SnAccountBadge>.from(
|
|
resp.data.map((x) => SnAccountBadge.fromJson(x)),
|
|
);
|
|
}
|
|
|
|
@riverpod
|
|
Future<SnSubscriptionStatus> publisherSubscriptionStatus(
|
|
Ref ref,
|
|
String pubName,
|
|
) async {
|
|
final apiClient = ref.watch(apiClientProvider);
|
|
final resp = await apiClient.get("/sphere/publishers/$pubName/subscription");
|
|
return SnSubscriptionStatus.fromJson(resp.data);
|
|
}
|
|
|
|
@riverpod
|
|
Future<Color?> publisherAppbarForcegroundColor(Ref ref, String pubName) async {
|
|
try {
|
|
final publisher = await ref.watch(publisherProvider(pubName).future);
|
|
if (publisher.background == null) return null;
|
|
final colors = await ColorExtractionService.getColorsFromImage(
|
|
CloudImageWidget.provider(
|
|
fileId: publisher.background!.id,
|
|
serverUrl: ref.watch(serverUrlProvider),
|
|
),
|
|
);
|
|
if (colors.isEmpty) return null;
|
|
final dominantColor = colors.first;
|
|
return dominantColor.computeLuminance() > 0.5 ? Colors.black : Colors.white;
|
|
} catch (_) {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
@riverpod
|
|
Future<SnHeatmap?> publisherHeatmap(Ref ref, String uname) async {
|
|
final apiClient = ref.watch(apiClientProvider);
|
|
final resp = await apiClient.get('/sphere/publishers/$uname/heatmap');
|
|
return SnHeatmap.fromJson(resp.data);
|
|
}
|
|
|
|
class PublisherProfileScreen extends HookConsumerWidget {
|
|
final String name;
|
|
const PublisherProfileScreen({super.key, required this.name});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final publisher = ref.watch(publisherProvider(name));
|
|
final badges = ref.watch(publisherBadgesProvider(name));
|
|
final subStatus = ref.watch(publisherSubscriptionStatusProvider(name));
|
|
final heatmap = ref.watch(publisherHeatmapProvider(name));
|
|
final appbarColor = ref.watch(
|
|
publisherAppbarForcegroundColorProvider(name),
|
|
);
|
|
|
|
final categoryTabController = useTabController(initialLength: 3);
|
|
final categoryTab = useState(0);
|
|
categoryTabController.addListener(() {
|
|
categoryTab.value = categoryTabController.index;
|
|
});
|
|
|
|
final includeReplies = useState<bool?>(null);
|
|
final mediaOnly = useState(false);
|
|
final queryTerm = useState<String?>(null);
|
|
final order = useState<String?>('date'); // 'popularity' or 'date'
|
|
final orderDesc = useState(
|
|
true,
|
|
); // true for descending, false for ascending
|
|
final periodStart = useState<int?>(null);
|
|
final periodEnd = useState<int?>(null);
|
|
final showAdvancedFilters = useState(false);
|
|
final subscribing = useState(false);
|
|
final isPinnedExpanded = useState(true);
|
|
|
|
Future<void> subscribe() async {
|
|
final apiClient = ref.watch(apiClientProvider);
|
|
subscribing.value = true;
|
|
try {
|
|
await apiClient.post(
|
|
"/sphere/publishers/$name/subscribe",
|
|
data: {'tier': 0},
|
|
);
|
|
ref.invalidate(publisherSubscriptionStatusProvider(name));
|
|
HapticFeedback.heavyImpact();
|
|
} catch (err) {
|
|
showErrorAlert(err);
|
|
} finally {
|
|
subscribing.value = false;
|
|
}
|
|
}
|
|
|
|
Future<void> unsubscribe() async {
|
|
final apiClient = ref.watch(apiClientProvider);
|
|
subscribing.value = true;
|
|
try {
|
|
await apiClient.post("/sphere/publishers/$name/unsubscribe");
|
|
ref.invalidate(publisherSubscriptionStatusProvider(name));
|
|
HapticFeedback.heavyImpact();
|
|
} catch (err) {
|
|
showErrorAlert(err);
|
|
} finally {
|
|
subscribing.value = false;
|
|
}
|
|
}
|
|
|
|
final appbarShadow = Shadow(
|
|
color: appbarColor.value?.invert ?? Colors.transparent,
|
|
blurRadius: 5.0,
|
|
offset: Offset(1.0, 1.0),
|
|
);
|
|
|
|
return publisher.when(
|
|
data:
|
|
(data) => AppScaffold(
|
|
isNoBackground: false,
|
|
appBar:
|
|
isWideScreen(context)
|
|
? AppBar(
|
|
foregroundColor: appbarColor.value,
|
|
leading: PageBackButton(
|
|
color: appbarColor.value,
|
|
shadows: [appbarShadow],
|
|
),
|
|
title: Text(
|
|
data.nick,
|
|
style: TextStyle(
|
|
color:
|
|
appbarColor.value ??
|
|
Theme.of(context).appBarTheme.foregroundColor,
|
|
shadows: [appbarShadow],
|
|
),
|
|
),
|
|
)
|
|
: null,
|
|
body:
|
|
isWideScreen(context)
|
|
? Row(
|
|
children: [
|
|
Flexible(
|
|
flex: 4,
|
|
child: CustomScrollView(
|
|
slivers: [
|
|
SliverGap(16),
|
|
SliverToBoxAdapter(
|
|
child: Card(
|
|
margin: EdgeInsets.symmetric(
|
|
horizontal: 8,
|
|
vertical: 4,
|
|
),
|
|
child: ListTile(
|
|
title: Text('pinnedPosts'.tr()),
|
|
leading: const Icon(Symbols.push_pin),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.all(
|
|
Radius.circular(8),
|
|
),
|
|
),
|
|
trailing: Icon(
|
|
isPinnedExpanded.value
|
|
? Symbols.expand_less
|
|
: Symbols.expand_more,
|
|
),
|
|
onTap:
|
|
() =>
|
|
isPinnedExpanded.value =
|
|
!isPinnedExpanded.value,
|
|
),
|
|
),
|
|
),
|
|
...[
|
|
if (isPinnedExpanded.value)
|
|
SliverPostList(pubName: name, pinned: true),
|
|
],
|
|
SliverToBoxAdapter(
|
|
child: _PublisherCategoryTabWidget(
|
|
categoryTabController: categoryTabController,
|
|
includeReplies: includeReplies,
|
|
mediaOnly: mediaOnly,
|
|
queryTerm: queryTerm,
|
|
order: order,
|
|
orderDesc: orderDesc,
|
|
periodStart: periodStart,
|
|
periodEnd: periodEnd,
|
|
showAdvancedFilters: showAdvancedFilters,
|
|
),
|
|
),
|
|
SliverPostList(
|
|
key: ValueKey(
|
|
'${categoryTab.value}-${includeReplies.value}-${mediaOnly.value}-${queryTerm.value}-${order.value}-${orderDesc.value}-${periodStart.value}-${periodEnd.value}',
|
|
),
|
|
pubName: name,
|
|
pinned: false,
|
|
type:
|
|
categoryTab.value == 1
|
|
? 0
|
|
: (categoryTab.value == 2 ? 1 : null),
|
|
includeReplies: includeReplies.value,
|
|
mediaOnly: mediaOnly.value,
|
|
queryTerm: queryTerm.value,
|
|
order: order.value,
|
|
orderDesc: orderDesc.value,
|
|
periodStart: periodStart.value,
|
|
periodEnd: periodEnd.value,
|
|
),
|
|
SliverGap(
|
|
MediaQuery.of(context).padding.bottom + 16,
|
|
),
|
|
],
|
|
).padding(left: 8),
|
|
),
|
|
Flexible(
|
|
flex: 3,
|
|
child: Align(
|
|
alignment: Alignment.topLeft,
|
|
child: SingleChildScrollView(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
_PublisherBasisWidget(
|
|
data: data,
|
|
subStatus: subStatus,
|
|
subscribing: subscribing,
|
|
subscribe: subscribe,
|
|
unsubscribe: unsubscribe,
|
|
).padding(horizontal: 4, top: 20),
|
|
_PublisherBadgesWidget(
|
|
data: data,
|
|
badges: badges,
|
|
),
|
|
_PublisherVerificationWidget(data: data),
|
|
_PublisherBioWidget(data: data),
|
|
_PublisherHeatmapWidget(
|
|
heatmap: heatmap,
|
|
forceDense: true,
|
|
).padding(vertical: 4),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
)
|
|
: CustomScrollView(
|
|
slivers: [
|
|
SliverAppBar(
|
|
foregroundColor: appbarColor.value,
|
|
expandedHeight: 180,
|
|
pinned: true,
|
|
leading: PageBackButton(
|
|
color: appbarColor.value,
|
|
shadows: [appbarShadow],
|
|
),
|
|
flexibleSpace: Stack(
|
|
children: [
|
|
Positioned.fill(
|
|
child:
|
|
data.background?.id != null
|
|
? CloudImageWidget(
|
|
file: data.background,
|
|
)
|
|
: Container(
|
|
color:
|
|
Theme.of(
|
|
context,
|
|
).appBarTheme.backgroundColor,
|
|
),
|
|
),
|
|
FlexibleSpaceBar(
|
|
title: Text(
|
|
data.nick,
|
|
style: TextStyle(
|
|
color:
|
|
appbarColor.value ??
|
|
Theme.of(
|
|
context,
|
|
).appBarTheme.foregroundColor,
|
|
shadows: [appbarShadow],
|
|
),
|
|
),
|
|
background:
|
|
Container(), // Empty container since background is handled by Stack
|
|
),
|
|
],
|
|
),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: _PublisherBasisWidget(
|
|
data: data,
|
|
subStatus: subStatus,
|
|
subscribing: subscribing,
|
|
subscribe: subscribe,
|
|
unsubscribe: unsubscribe,
|
|
).padding(horizontal: 4, top: 8),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: _PublisherBadgesWidget(
|
|
data: data,
|
|
badges: badges,
|
|
),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: _PublisherVerificationWidget(data: data),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: _PublisherBioWidget(data: data),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: _PublisherHeatmapWidget(
|
|
heatmap: heatmap,
|
|
).padding(vertical: 4),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: Card(
|
|
margin: EdgeInsets.symmetric(
|
|
horizontal: 8,
|
|
vertical: 4,
|
|
),
|
|
child: ListTile(
|
|
title: Text('pinnedPosts'.tr()),
|
|
trailing: Icon(
|
|
isPinnedExpanded.value
|
|
? Symbols.expand_less
|
|
: Symbols.expand_more,
|
|
),
|
|
onTap:
|
|
() =>
|
|
isPinnedExpanded.value =
|
|
!isPinnedExpanded.value,
|
|
),
|
|
),
|
|
),
|
|
...[
|
|
if (isPinnedExpanded.value)
|
|
SliverPostList(pubName: name, pinned: true),
|
|
],
|
|
SliverToBoxAdapter(
|
|
child: _PublisherCategoryTabWidget(
|
|
categoryTabController: categoryTabController,
|
|
includeReplies: includeReplies,
|
|
mediaOnly: mediaOnly,
|
|
queryTerm: queryTerm,
|
|
order: order,
|
|
orderDesc: orderDesc,
|
|
periodStart: periodStart,
|
|
periodEnd: periodEnd,
|
|
showAdvancedFilters: showAdvancedFilters,
|
|
),
|
|
),
|
|
SliverPostList(
|
|
key: ValueKey(
|
|
'${categoryTab.value}-${includeReplies.value}-${mediaOnly.value}-${queryTerm.value}-${order.value}-${orderDesc.value}-${periodStart.value}-${periodEnd.value}',
|
|
),
|
|
pubName: name,
|
|
pinned: false,
|
|
type:
|
|
categoryTab.value == 1
|
|
? 0
|
|
: (categoryTab.value == 2 ? 1 : null),
|
|
includeReplies: includeReplies.value,
|
|
mediaOnly: mediaOnly.value,
|
|
queryTerm: queryTerm.value,
|
|
order: order.value,
|
|
orderDesc: orderDesc.value,
|
|
periodStart: periodStart.value,
|
|
periodEnd: periodEnd.value,
|
|
),
|
|
SliverGap(MediaQuery.of(context).padding.bottom + 16),
|
|
],
|
|
),
|
|
),
|
|
error:
|
|
(error, stackTrace) => AppScaffold(
|
|
isNoBackground: false,
|
|
appBar: AppBar(leading: const PageBackButton()),
|
|
body: Center(child: Text(error.toString())),
|
|
),
|
|
loading:
|
|
() => AppScaffold(
|
|
isNoBackground: false,
|
|
appBar: AppBar(leading: const PageBackButton()),
|
|
body: Center(child: CircularProgressIndicator()),
|
|
),
|
|
);
|
|
}
|
|
}
|