317 lines
11 KiB
Dart
317 lines
11 KiB
Dart
import 'dart:math';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import 'package:intl/intl.dart';
|
|
import 'package:shared_preferences/shared_preferences.dart';
|
|
import 'package:solian/exts.dart';
|
|
import 'package:solian/models/daily_sign.dart';
|
|
import 'package:solian/models/pagination.dart';
|
|
import 'package:solian/models/post.dart';
|
|
import 'package:solian/providers/content/posts.dart';
|
|
import 'package:solian/providers/daily_sign.dart';
|
|
import 'package:solian/providers/websocket.dart';
|
|
import 'package:solian/router.dart';
|
|
import 'package:solian/screens/account/notification.dart';
|
|
import 'package:solian/widgets/posts/post_list.dart';
|
|
|
|
class DashboardScreen extends StatefulWidget {
|
|
const DashboardScreen({super.key});
|
|
|
|
@override
|
|
State<DashboardScreen> createState() => _DashboardScreenState();
|
|
}
|
|
|
|
class _DashboardScreenState extends State<DashboardScreen> {
|
|
late final WebSocketProvider _ws = Get.find();
|
|
late final PostProvider _posts = Get.find();
|
|
late final DailySignProvider _dailySign = Get.find();
|
|
|
|
Color get _unFocusColor =>
|
|
Theme.of(context).colorScheme.onSurface.withOpacity(0.75);
|
|
|
|
List<Post>? _currentPosts;
|
|
|
|
Future<void> _pullPosts() async {
|
|
final prefs = await SharedPreferences.getInstance();
|
|
final resp = await _posts.listRecommendations(0);
|
|
final result = PaginationResult.fromJson(resp.body);
|
|
if (prefs.containsKey('feed_last_read_at')) {
|
|
final id = prefs.getInt('feed_last_read_at')!;
|
|
setState(() {
|
|
_currentPosts = result.data
|
|
?.map((e) => Post.fromJson(e))
|
|
.where((x) => x.id > id)
|
|
.toList();
|
|
});
|
|
}
|
|
}
|
|
|
|
bool _signingDaily = true;
|
|
DailySignRecord? _signRecord;
|
|
|
|
Future<void> _pullDaily() async {
|
|
try {
|
|
_signRecord = await _dailySign.getToday();
|
|
} catch (e) {
|
|
context.showErrorDialog(e);
|
|
}
|
|
|
|
setState(() => _signingDaily = false);
|
|
}
|
|
|
|
Future<void> _signDaily() async {
|
|
setState(() => _signingDaily = true);
|
|
|
|
try {
|
|
_signRecord = await _dailySign.signToday();
|
|
} catch (e) {
|
|
context.showErrorDialog(e);
|
|
}
|
|
|
|
setState(() => _signingDaily = false);
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_pullPosts();
|
|
_pullDaily();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final width = MediaQuery.of(context).size.width;
|
|
|
|
return ListView(
|
|
children: [
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text('today'.tr, style: Theme.of(context).textTheme.headlineSmall),
|
|
Text(DateFormat('yyyy/MM/dd').format(DateTime.now())),
|
|
],
|
|
).paddingOnly(top: 8, left: 18, right: 18, bottom: 12),
|
|
Card(
|
|
child: ListTile(
|
|
leading: AnimatedSwitcher(
|
|
switchInCurve: Curves.fastOutSlowIn,
|
|
switchOutCurve: Curves.fastOutSlowIn,
|
|
duration: const Duration(milliseconds: 300),
|
|
transitionBuilder: (child, animation) {
|
|
return ScaleTransition(
|
|
scale: animation,
|
|
child: child,
|
|
);
|
|
},
|
|
child: _signRecord == null
|
|
? Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text(
|
|
DateFormat('dd').format(DateTime.now()),
|
|
style:
|
|
GoogleFonts.robotoMono(fontSize: 22, height: 1.2),
|
|
),
|
|
Text(
|
|
DateFormat('yy/MM').format(DateTime.now()),
|
|
style: GoogleFonts.robotoMono(fontSize: 12),
|
|
),
|
|
],
|
|
)
|
|
: Text(
|
|
_signRecord!.symbol,
|
|
style: GoogleFonts.notoSerifHk(fontSize: 20, height: 1),
|
|
).paddingSymmetric(horizontal: 9),
|
|
).paddingOnly(left: 4),
|
|
title: _signRecord == null
|
|
? const Text('诸事不宜')
|
|
: Text(_signRecord!.overviewSuggestion),
|
|
subtitle: _signRecord == null
|
|
? const Text('今日未拜访佛祖')
|
|
: Text('+${_signRecord!.resultExperience} EXP'),
|
|
trailing: AnimatedSwitcher(
|
|
switchInCurve: Curves.fastOutSlowIn,
|
|
switchOutCurve: Curves.fastOutSlowIn,
|
|
duration: const Duration(milliseconds: 300),
|
|
transitionBuilder: (child, animation) {
|
|
return ScaleTransition(
|
|
scale: animation,
|
|
child: child,
|
|
);
|
|
},
|
|
child: _signRecord == null
|
|
? IconButton(
|
|
tooltip: '上香求签',
|
|
icon: const Icon(Icons.local_fire_department),
|
|
onPressed: _signingDaily ? null : _signDaily,
|
|
)
|
|
: const SizedBox(),
|
|
),
|
|
),
|
|
).paddingSymmetric(horizontal: 8),
|
|
const Divider(thickness: 0.3).paddingSymmetric(vertical: 8),
|
|
Obx(
|
|
() => Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'notification'.tr,
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.titleMedium!
|
|
.copyWith(fontSize: 18),
|
|
),
|
|
Text(
|
|
'notificationUnreadCount'.trParams({
|
|
'count': _ws.notifications.length.toString(),
|
|
}),
|
|
),
|
|
],
|
|
),
|
|
IconButton(
|
|
icon: const Icon(Icons.more_horiz),
|
|
onPressed: () {
|
|
showModalBottomSheet(
|
|
useRootNavigator: true,
|
|
isScrollControlled: true,
|
|
context: context,
|
|
builder: (context) => const NotificationScreen(),
|
|
).then((_) => _ws.notificationUnread.value = 0);
|
|
},
|
|
),
|
|
],
|
|
).paddingOnly(left: 18, right: 18, bottom: 8),
|
|
if (_ws.notifications.isNotEmpty)
|
|
SizedBox(
|
|
height: 76,
|
|
width: width,
|
|
child: ListView.builder(
|
|
scrollDirection: Axis.horizontal,
|
|
itemCount: min(_ws.notifications.length, 3),
|
|
itemBuilder: (context, idx) {
|
|
final x = _ws.notifications[idx];
|
|
return SizedBox(
|
|
width: width,
|
|
child: Card(
|
|
child: ListTile(
|
|
contentPadding: const EdgeInsets.symmetric(
|
|
horizontal: 24,
|
|
vertical: 4,
|
|
),
|
|
title: Text(x.title),
|
|
subtitle: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
if (x.subtitle != null) Text(x.subtitle!),
|
|
Text(x.body),
|
|
],
|
|
),
|
|
),
|
|
).paddingSymmetric(horizontal: 8),
|
|
);
|
|
},
|
|
),
|
|
)
|
|
else
|
|
Card(
|
|
child: ListTile(
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 24),
|
|
trailing: const Icon(Icons.inbox_outlined),
|
|
title: Text('notifyEmpty'.tr),
|
|
subtitle: Text('notifyEmptyCaption'.tr),
|
|
),
|
|
).paddingSymmetric(horizontal: 8),
|
|
],
|
|
).paddingOnly(bottom: 12),
|
|
),
|
|
if (_currentPosts?.isNotEmpty ?? false)
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'feed'.tr,
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.titleMedium!
|
|
.copyWith(fontSize: 18),
|
|
),
|
|
Text(
|
|
'notificationUnreadCount'.trParams({
|
|
'count': (_currentPosts?.length ?? 0).toString(),
|
|
}),
|
|
),
|
|
],
|
|
),
|
|
IconButton(
|
|
icon: const Icon(Icons.arrow_forward),
|
|
onPressed: () {
|
|
AppRouter.instance.goNamed('feed');
|
|
},
|
|
),
|
|
],
|
|
).paddingOnly(left: 18, right: 18, bottom: 8),
|
|
SizedBox(
|
|
height: 360,
|
|
width: width,
|
|
child: ListView.builder(
|
|
scrollDirection: Axis.horizontal,
|
|
itemCount: _currentPosts!.length,
|
|
itemBuilder: (context, idx) {
|
|
final item = _currentPosts![idx];
|
|
return SizedBox(
|
|
width: width,
|
|
child: Card(
|
|
child: Card(
|
|
child: PostListEntryWidget(
|
|
item: item,
|
|
isClickable: true,
|
|
isShowEmbed: true,
|
|
isNestedClickable: true,
|
|
onUpdate: (_) {
|
|
_pullPosts();
|
|
},
|
|
backgroundColor: Theme.of(context)
|
|
.colorScheme
|
|
.surfaceContainerLow,
|
|
),
|
|
),
|
|
).paddingSymmetric(horizontal: 8),
|
|
);
|
|
},
|
|
),
|
|
)
|
|
],
|
|
),
|
|
Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text(
|
|
'Powered by Solar Network',
|
|
style: TextStyle(color: _unFocusColor, fontSize: 12),
|
|
),
|
|
Text(
|
|
'占卜多少都是玩，人生还得靠自己',
|
|
style:
|
|
GoogleFonts.notoSerifHk(color: _unFocusColor, fontSize: 12),
|
|
)
|
|
],
|
|
).paddingAll(8),
|
|
],
|
|
);
|
|
}
|
|
}
|