mirror of
https://github.com/wgh136/pixes.git
synced 2025-09-27 12:57:24 +00:00
938 lines
28 KiB
Dart
938 lines
28 KiB
Dart
import 'dart:io';
|
|
|
|
import 'package:fluent_ui/fluent_ui.dart';
|
|
import 'package:flutter/gestures.dart';
|
|
import 'package:flutter/material.dart' show Icons;
|
|
import 'package:flutter/services.dart';
|
|
import 'package:pixes/components/animated_image.dart';
|
|
import 'package:pixes/components/loading.dart';
|
|
import 'package:pixes/components/message.dart';
|
|
import 'package:pixes/components/page_route.dart';
|
|
import 'package:pixes/foundation/app.dart';
|
|
import 'package:pixes/foundation/image_provider.dart';
|
|
import 'package:pixes/network/download.dart';
|
|
import 'package:pixes/network/network.dart';
|
|
import 'package:pixes/pages/image_page.dart';
|
|
import 'package:pixes/pages/search_page.dart';
|
|
import 'package:pixes/pages/user_info_page.dart';
|
|
import 'package:pixes/utils/translation.dart';
|
|
import 'package:share_plus/share_plus.dart';
|
|
|
|
import '../components/md.dart';
|
|
import '../components/ugoira.dart';
|
|
|
|
|
|
const _kBottomBarHeight = 64.0;
|
|
|
|
class IllustPage extends StatefulWidget {
|
|
const IllustPage(this.illust, {this.favoriteCallback, super.key});
|
|
|
|
final Illust illust;
|
|
|
|
final void Function(bool)? favoriteCallback;
|
|
|
|
@override
|
|
State<IllustPage> createState() => _IllustPageState();
|
|
}
|
|
|
|
class _IllustPageState extends State<IllustPage> {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return ColoredBox(
|
|
color: FluentTheme.of(context).micaBackgroundColor,
|
|
child: SizedBox.expand(
|
|
child: ColoredBox(
|
|
color: FluentTheme.of(context).scaffoldBackgroundColor,
|
|
child: LayoutBuilder(builder: (context, constrains) {
|
|
return Stack(
|
|
children: [
|
|
Positioned(
|
|
bottom: 0,
|
|
left: 0,
|
|
right: 0,
|
|
top: 0,
|
|
child: buildBody(constrains.maxWidth, constrains.maxHeight),
|
|
),
|
|
_BottomBar(
|
|
widget.illust,
|
|
constrains.maxHeight,
|
|
constrains.maxWidth,
|
|
favoriteCallback: widget.favoriteCallback,
|
|
),
|
|
],
|
|
);
|
|
}),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget buildBody(double width, double height) {
|
|
return ListView.builder(
|
|
itemCount: widget.illust.images.length + 2,
|
|
padding: EdgeInsets.zero,
|
|
itemBuilder: (context, index) {
|
|
return buildImage(width, height, index);
|
|
});
|
|
}
|
|
|
|
void openImage(int index) {
|
|
var images = <String>[];
|
|
for(var i = 0; i < widget.illust.images.length; i++) {
|
|
var downloadFile = DownloadManager().getImage(widget.illust.id, i);
|
|
if(downloadFile != null) {
|
|
images.add("file://${downloadFile.path}");
|
|
} else {
|
|
images.add(widget.illust.images[i].original);
|
|
}
|
|
}
|
|
ImagePage.show(images, initialPage: index);
|
|
}
|
|
|
|
Widget buildImage(double width, double height, int index) {
|
|
if (index == 0) {
|
|
return Text(
|
|
widget.illust.title,
|
|
style: const TextStyle(fontSize: 24),
|
|
).paddingVertical(8).paddingHorizontal(12);
|
|
}
|
|
index--;
|
|
File? downloadFile;
|
|
if(widget.illust.downloaded) {
|
|
downloadFile = DownloadManager().getImage(widget.illust.id, index);
|
|
}
|
|
if (index == widget.illust.images.length) {
|
|
return SizedBox(
|
|
height: _kBottomBarHeight + context.padding.bottom,
|
|
);
|
|
}
|
|
var imageWidth = width;
|
|
var imageHeight = widget.illust.height * width / widget.illust.width;
|
|
if (imageHeight > height) {
|
|
// 确保图片能够完整显示在屏幕上
|
|
var scale = imageHeight / height;
|
|
imageWidth = imageWidth / scale;
|
|
imageHeight = height;
|
|
}
|
|
Widget image;
|
|
|
|
if(!widget.illust.isUgoira) {
|
|
image = SizedBox(
|
|
width: imageWidth,
|
|
height: imageHeight,
|
|
child: GestureDetector(
|
|
onTap: () => openImage(index),
|
|
child: Image(
|
|
key: ValueKey(index),
|
|
image: downloadFile == null
|
|
? CachedImageProvider(widget.illust.images[index].large) as ImageProvider
|
|
: FileImage(downloadFile) as ImageProvider,
|
|
width: imageWidth,
|
|
fit: BoxFit.cover,
|
|
height: imageHeight,
|
|
loadingBuilder: (context, child, loadingProgress) {
|
|
if (loadingProgress == null) return child;
|
|
double? value;
|
|
if(loadingProgress.expectedTotalBytes != null) {
|
|
value = (loadingProgress.cumulativeBytesLoaded /
|
|
loadingProgress.expectedTotalBytes!)*100;
|
|
}
|
|
if(value != null && (value > 100 || value < 0)) {
|
|
value = null;
|
|
}
|
|
return Center(
|
|
child: SizedBox(
|
|
width: 24,
|
|
height: 24,
|
|
child: ProgressRing(
|
|
value: value,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
),
|
|
),
|
|
);
|
|
} else {
|
|
image = UgoiraWidget(
|
|
id: widget.illust.id.toString(),
|
|
previewImage: CachedImageProvider(widget.illust.images[index].large),
|
|
width: imageWidth,
|
|
height: imageHeight,
|
|
);
|
|
}
|
|
|
|
return Center(
|
|
child: image,
|
|
);
|
|
}
|
|
}
|
|
|
|
class _BottomBar extends StatefulWidget {
|
|
const _BottomBar(this.illust, this.height, this.width, {this.favoriteCallback});
|
|
|
|
final void Function(bool)? favoriteCallback;
|
|
|
|
final Illust illust;
|
|
|
|
final double height;
|
|
|
|
final double width;
|
|
|
|
@override
|
|
State<_BottomBar> createState() => _BottomBarState();
|
|
}
|
|
|
|
class _BottomBarState extends State<_BottomBar> with TickerProviderStateMixin{
|
|
double pageHeight = 0;
|
|
|
|
double widgetHeight = 48;
|
|
|
|
final key = GlobalKey();
|
|
|
|
double _width = 0;
|
|
|
|
late VerticalDragGestureRecognizer _recognizer;
|
|
|
|
late final AnimationController animationController;
|
|
|
|
double get minValue => pageHeight - widgetHeight;
|
|
double get maxValue => pageHeight - _kBottomBarHeight - context.padding.bottom;
|
|
|
|
@override
|
|
void initState() {
|
|
_width = widget.width;
|
|
pageHeight = widget.height;
|
|
Future.delayed(const Duration(milliseconds: 200), () {
|
|
final box = key.currentContext?.findRenderObject() as RenderBox?;
|
|
widgetHeight = (box?.size.height) ?? 0;
|
|
});
|
|
_recognizer = VerticalDragGestureRecognizer()
|
|
..onStart = _handlePointerDown
|
|
..onUpdate = _handlePointerMove
|
|
..onEnd = _handlePointerUp
|
|
..onCancel = _handlePointerCancel;
|
|
animationController = AnimationController(
|
|
vsync: this, duration: const Duration(milliseconds: 180),
|
|
value: 1
|
|
);
|
|
super.initState();
|
|
}
|
|
|
|
void _handlePointerDown(DragStartDetails details) {}
|
|
void _handlePointerMove(DragUpdateDetails details) {
|
|
var offset = details.primaryDelta ?? 0;
|
|
final minValue = pageHeight - widgetHeight;
|
|
final maxValue = pageHeight - _kBottomBarHeight - context.padding.bottom;
|
|
var top = animationController.value * (maxValue - minValue) + minValue;
|
|
top = (top + offset).clamp(minValue, maxValue);
|
|
animationController.value = (top - minValue) / (maxValue - minValue);
|
|
}
|
|
|
|
void _handlePointerUp(DragEndDetails details) {
|
|
var speed = details.primaryVelocity ?? 0;
|
|
const minShouldTransitionSpeed = 1000;
|
|
if(speed > minShouldTransitionSpeed) {
|
|
animationController.forward();
|
|
} else if(speed < 0 - minShouldTransitionSpeed) {
|
|
animationController.reverse();
|
|
} else {
|
|
_handlePointerCancel();
|
|
}
|
|
}
|
|
|
|
void _handlePointerCancel() {
|
|
if(animationController.value == 1 || animationController.value == 0) return;
|
|
if(animationController.value >= 0.5 ) {
|
|
animationController.forward();
|
|
} else {
|
|
animationController.reverse();
|
|
}
|
|
}
|
|
|
|
@override
|
|
void didUpdateWidget(covariant _BottomBar oldWidget) {
|
|
if (widget.height != pageHeight) {
|
|
setState(() {
|
|
pageHeight = widget.height;
|
|
});
|
|
}
|
|
_recognizer.dispose();
|
|
if(_width != widget.width) {
|
|
_width = widget.width;
|
|
Future.microtask(() {
|
|
final box = key.currentContext?.findRenderObject() as RenderBox?;
|
|
var oldHeight = widgetHeight;
|
|
widgetHeight = (box?.size.height) ?? 0;
|
|
if(oldHeight != widgetHeight) {
|
|
setState(() {});
|
|
}
|
|
});
|
|
}
|
|
super.didUpdateWidget(oldWidget);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return AnimatedBuilder(
|
|
animation: CurvedAnimation(
|
|
parent: animationController,
|
|
curve: Curves.ease,
|
|
reverseCurve: Curves.ease,
|
|
),
|
|
builder: (context, child) {
|
|
return Positioned(
|
|
top: minValue + (maxValue - minValue) * animationController.value,
|
|
left: 0,
|
|
right: 0,
|
|
child: Listener(
|
|
onPointerDown: (event) {
|
|
_recognizer.addPointer(event);
|
|
},
|
|
onPointerSignal: (event) {
|
|
if(event is PointerScrollEvent) {
|
|
var offset = (event).scrollDelta.dy;
|
|
if(offset < 0) {
|
|
animationController.reverse();
|
|
} else {
|
|
animationController.forward();
|
|
}
|
|
}
|
|
},
|
|
child: Card(
|
|
borderRadius: const BorderRadius.vertical(top: Radius.circular(8)),
|
|
backgroundColor:
|
|
FluentTheme.of(context).micaBackgroundColor.withOpacity(0.96),
|
|
padding: const EdgeInsets.symmetric(horizontal: 8),
|
|
child: SizedBox(
|
|
width: double.infinity,
|
|
key: key,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
buildTop(),
|
|
buildStats(),
|
|
buildTags(),
|
|
buildMoreActions(),
|
|
SelectableText(
|
|
"${"Artwork ID".tl}: ${widget.illust.id}\n"
|
|
"${"Artist ID".tl}: ${widget.illust.author.id}\n"
|
|
"${widget.illust.createDate.toString().split('.').first}",
|
|
style: TextStyle(color: ColorScheme.of(context).outline),)
|
|
.paddingLeft(4),
|
|
SizedBox(height: 8 + context.padding.bottom,)
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
Widget buildTop() {
|
|
return SizedBox(
|
|
height: _kBottomBarHeight,
|
|
width: double.infinity,
|
|
child: LayoutBuilder(builder: (context, constrains) {
|
|
return Row(
|
|
children: [
|
|
buildAuthor(),
|
|
...buildActions(constrains.maxWidth),
|
|
const Spacer(),
|
|
if (animationController.value == 1)
|
|
IconButton(
|
|
icon: const Icon(FluentIcons.up),
|
|
onPressed: () {
|
|
animationController.reverse();
|
|
})
|
|
else
|
|
IconButton(
|
|
icon: const Icon(FluentIcons.down),
|
|
onPressed: () {
|
|
animationController.forward();
|
|
})
|
|
],
|
|
);
|
|
}),
|
|
);
|
|
}
|
|
|
|
bool isFollowing = false;
|
|
|
|
Widget buildAuthor() {
|
|
void follow() async{
|
|
if(isFollowing) return;
|
|
setState(() {
|
|
isFollowing = true;
|
|
});
|
|
var method = widget.illust.author.isFollowed ? "delete" : "add";
|
|
var res = await Network().follow(widget.illust.author.id.toString(), method);
|
|
if(res.error) {
|
|
if(mounted) {
|
|
context.showToast(message: "Network Error");
|
|
}
|
|
} else {
|
|
widget.illust.author.isFollowed = !widget.illust.author.isFollowed;
|
|
}
|
|
setState(() {
|
|
isFollowing = false;
|
|
});
|
|
}
|
|
|
|
final bool showUserName = MediaQuery.of(context).size.width > 640;
|
|
|
|
return Card(
|
|
margin: const EdgeInsets.symmetric(vertical: 8),
|
|
padding: const EdgeInsets.symmetric(horizontal: 8),
|
|
borderRadius: BorderRadius.circular(8),
|
|
child: SizedBox(
|
|
height: double.infinity,
|
|
width: showUserName ? 246 : 136,
|
|
child: Row(
|
|
children: [
|
|
SizedBox(
|
|
height: 40,
|
|
width: 40,
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(40),
|
|
child: ColoredBox(
|
|
color: ColorScheme.of(context).secondaryContainer,
|
|
child: GestureDetector(
|
|
onTap: () => context.to(() =>
|
|
UserInfoPage(
|
|
widget.illust.author.id.toString(),
|
|
followCallback: (b) => setState(() {
|
|
widget.illust.author.isFollowed = b;
|
|
}),)),
|
|
child: AnimatedImage(
|
|
image: CachedImageProvider(widget.illust.author.avatar),
|
|
width: 40,
|
|
height: 40,
|
|
fit: BoxFit.cover,
|
|
filterQuality: FilterQuality.medium,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(
|
|
width: 8,
|
|
),
|
|
if(showUserName)
|
|
Expanded(
|
|
child: Text(
|
|
widget.illust.author.name,
|
|
maxLines: 2,
|
|
),
|
|
),
|
|
if(isFollowing)
|
|
Button(onPressed: follow, child: const SizedBox(
|
|
width: 42,
|
|
height: 24,
|
|
child: Center(
|
|
child: SizedBox.square(
|
|
dimension: 18,
|
|
child: ProgressRing(strokeWidth: 2,),
|
|
),
|
|
),
|
|
))
|
|
else if (!widget.illust.author.isFollowed)
|
|
Button(onPressed: follow, child: Text("Follow".tl).fixWidth(62))
|
|
else
|
|
Button(
|
|
onPressed: follow,
|
|
child: Text(
|
|
"Unfollow".tl,
|
|
style: TextStyle(color: ColorScheme.of(context).error),
|
|
).fixWidth(62),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
bool isBookmarking = false;
|
|
|
|
void favorite([String type = "public"]) async{
|
|
if(isBookmarking) return;
|
|
setState(() {
|
|
isBookmarking = true;
|
|
});
|
|
var method = widget.illust.isBookmarked ? "delete" : "add";
|
|
var res = await Network().addBookmark(widget.illust.id.toString(), method, type);
|
|
if(res.error) {
|
|
if(mounted) {
|
|
context.showToast(message: "Network Error");
|
|
}
|
|
} else {
|
|
widget.illust.isBookmarked = !widget.illust.isBookmarked;
|
|
widget.favoriteCallback?.call(widget.illust.isBookmarked);
|
|
}
|
|
setState(() {
|
|
isBookmarking = false;
|
|
});
|
|
}
|
|
|
|
Iterable<Widget> buildActions(double width) sync* {
|
|
yield const SizedBox(width: 8,);
|
|
|
|
void download() {
|
|
DownloadManager().addDownloadingTask(widget.illust);
|
|
setState(() {});
|
|
}
|
|
|
|
bool showText = width > 640;
|
|
|
|
yield Button(
|
|
onPressed: favorite,
|
|
child: SizedBox(
|
|
height: 28,
|
|
child: Row(
|
|
children: [
|
|
if(isBookmarking)
|
|
const SizedBox(
|
|
width: 18,
|
|
height: 18,
|
|
child: ProgressRing(strokeWidth: 2,),
|
|
)
|
|
else if(widget.illust.isBookmarked)
|
|
Icon(
|
|
Icons.favorite,
|
|
color: ColorScheme.of(context).error,
|
|
size: 18,
|
|
)
|
|
else
|
|
const Icon(
|
|
Icons.favorite_border,
|
|
size: 18,
|
|
),
|
|
if(showText)
|
|
const SizedBox(width: 8,),
|
|
if(showText)
|
|
if(widget.illust.isBookmarked)
|
|
Text("Cancel".tl)
|
|
else
|
|
Text("Favorite".tl)
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
yield const SizedBox(width: 8,);
|
|
|
|
if (!widget.illust.downloaded) {
|
|
if(widget.illust.downloading) {
|
|
yield Button(
|
|
onPressed: () => {},
|
|
child: SizedBox(
|
|
height: 28,
|
|
child: Row(
|
|
children: [
|
|
Icon(
|
|
FluentIcons.download,
|
|
color: ColorScheme.of(context).outline,
|
|
size: 18,
|
|
),
|
|
if(showText)
|
|
const SizedBox(width: 8,),
|
|
if(showText)
|
|
Text("Downloading".tl,
|
|
style: TextStyle(color: ColorScheme.of(context).outline),),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
} else {
|
|
yield Button(
|
|
onPressed: download,
|
|
child: SizedBox(
|
|
height: 28,
|
|
child: Row(
|
|
children: [
|
|
const Icon(
|
|
FluentIcons.download,
|
|
size: 18,
|
|
),
|
|
if(showText)
|
|
const SizedBox(width: 8,),
|
|
if(showText)
|
|
Text("Download".tl),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
yield const SizedBox(width: 8,);
|
|
|
|
yield Button(
|
|
onPressed: () => _CommentsPage.show(context, widget.illust.id.toString()),
|
|
child: SizedBox(
|
|
height: 28,
|
|
child: Row(
|
|
children: [
|
|
const Icon(
|
|
FluentIcons.comment,
|
|
size: 18,
|
|
),
|
|
if(showText)
|
|
const SizedBox(width: 8,),
|
|
if(showText)
|
|
Text("Comment".tl),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget buildStats(){
|
|
return SizedBox(
|
|
height: 56,
|
|
child: Row(
|
|
children: [
|
|
const SizedBox(width: 2,),
|
|
Expanded(
|
|
child: Container(
|
|
height: 52,
|
|
decoration: BoxDecoration(
|
|
border: Border.all(color: ColorScheme.of(context).outlineVariant, width: 0.6),
|
|
borderRadius: BorderRadius.circular(4)
|
|
),
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
|
|
child: Row(
|
|
children: [
|
|
Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
const Icon(FluentIcons.view, size: 20,),
|
|
Text("Views".tl, style: const TextStyle(fontSize: 12),)
|
|
],
|
|
),
|
|
const SizedBox(width: 12,),
|
|
Text(widget.illust.totalView.toString(), style: TextStyle(color: ColorScheme.of(context).primary, fontWeight: FontWeight.w500, fontSize: 18),)
|
|
],
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 16,),
|
|
Expanded(child: Container(
|
|
height: 52,
|
|
decoration: BoxDecoration(
|
|
border: Border.all(color: ColorScheme.of(context).outlineVariant, width: 0.6),
|
|
borderRadius: BorderRadius.circular(4)
|
|
),
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
|
|
child: Row(
|
|
children: [
|
|
Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
const Icon(FluentIcons.six_point_star, size: 20,),
|
|
Text("Favorites".tl, style: const TextStyle(fontSize: 12),)
|
|
],
|
|
),
|
|
const SizedBox(width: 12,),
|
|
Text(widget.illust.totalBookmarks.toString(), style: TextStyle(color: ColorScheme.of(context).primary, fontWeight: FontWeight.w500, fontSize: 18),)
|
|
],
|
|
),
|
|
)),
|
|
const SizedBox(width: 2,),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget buildTags() {
|
|
return SizedBox(
|
|
width: double.infinity,
|
|
child: Wrap(
|
|
spacing: 4,
|
|
runSpacing: 4,
|
|
children: widget.illust.tags.map((e) {
|
|
var text = e.name;
|
|
if(e.translatedName != null && e.name != e.translatedName) {
|
|
text += "/${e.translatedName}";
|
|
}
|
|
return MouseRegion(
|
|
cursor: SystemMouseCursors.click,
|
|
child: GestureDetector(
|
|
onTap: () {
|
|
context.to(() => SearchResultPage(e.name));
|
|
},
|
|
child: Card(
|
|
padding: const EdgeInsets.symmetric(vertical: 4, horizontal: 6),
|
|
child: Text(text, style: const TextStyle(fontSize: 13),),
|
|
),
|
|
),
|
|
);
|
|
}).toList(),
|
|
),
|
|
).paddingVertical(8).paddingHorizontal(2);
|
|
}
|
|
|
|
Widget buildMoreActions() {
|
|
return Row(
|
|
children: [
|
|
Button(
|
|
onPressed: () => favorite("private"),
|
|
child: SizedBox(
|
|
height: 28,
|
|
child: Row(
|
|
children: [
|
|
if(isBookmarking)
|
|
const SizedBox(
|
|
width: 18,
|
|
height: 18,
|
|
child: ProgressRing(strokeWidth: 2,),
|
|
)
|
|
else if(widget.illust.isBookmarked)
|
|
Icon(
|
|
Icons.favorite,
|
|
color: ColorScheme.of(context).error,
|
|
size: 18,
|
|
)
|
|
else
|
|
const Icon(
|
|
Icons.favorite_border,
|
|
size: 18,
|
|
),
|
|
const SizedBox(width: 8,),
|
|
if(widget.illust.isBookmarked)
|
|
Text("Cancel".tl)
|
|
else
|
|
Text("Private".tl)
|
|
],
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 8,),
|
|
Button(
|
|
onPressed: () {
|
|
Share.share("${widget.illust.title}\nhttps://pixiv.net/artworks/${widget.illust.id}");
|
|
},
|
|
child: SizedBox(
|
|
height: 28,
|
|
child: Row(
|
|
children: [
|
|
Icon(
|
|
Icons.share,
|
|
color: ColorScheme.of(context).error,
|
|
size: 18,
|
|
),
|
|
const SizedBox(width: 8,),
|
|
Text("Share".tl)
|
|
],
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 8,),
|
|
Button(
|
|
onPressed: () {
|
|
var text = "https://pixiv.net/artworks/${widget.illust.id}";
|
|
Clipboard.setData(ClipboardData(text: text));
|
|
showToast(context, message: "Copied".tl);
|
|
},
|
|
child: SizedBox(
|
|
height: 28,
|
|
child: Row(
|
|
children: [
|
|
Icon(
|
|
Icons.copy,
|
|
color: ColorScheme.of(context).error,
|
|
size: 18,
|
|
),
|
|
const SizedBox(width: 8,),
|
|
Text("Link".tl)
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
).paddingHorizontal(4).paddingBottom(4);
|
|
}
|
|
}
|
|
|
|
class _CommentsPage extends StatefulWidget {
|
|
const _CommentsPage(this.id);
|
|
|
|
final String id;
|
|
|
|
static void show(BuildContext context, String id) {
|
|
Navigator.of(context).push(SideBarRoute(_CommentsPage(id)));
|
|
}
|
|
|
|
@override
|
|
State<_CommentsPage> createState() => _CommentsPageState();
|
|
}
|
|
|
|
class _CommentsPageState extends MultiPageLoadingState<_CommentsPage, Comment> {
|
|
bool isCommenting = false;
|
|
|
|
@override
|
|
Widget buildContent(BuildContext context, List<Comment> data) {
|
|
return Stack(
|
|
children: [
|
|
Positioned.fill(child: buildBody(context, data)),
|
|
Positioned(
|
|
bottom: 0,
|
|
left: 0,
|
|
right: 0,
|
|
child: buildBottom(context),
|
|
)
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget buildBody(BuildContext context, List<Comment> data) {
|
|
return ListView.builder(
|
|
padding: EdgeInsets.zero,
|
|
itemCount: data.length + 2,
|
|
itemBuilder: (context, index) {
|
|
if(index == 0) {
|
|
return Text("Comments".tl, style: const TextStyle(fontSize: 20)).paddingVertical(16).paddingHorizontal(12);
|
|
} else if(index == data.length + 1) {
|
|
return const SizedBox(height: 64,);
|
|
}
|
|
index--;
|
|
var date = data[index].date;
|
|
var dateText = "${date.year}/${date.month}/${date.day}";
|
|
return Card(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 12),
|
|
margin: const EdgeInsets.symmetric(vertical: 4, horizontal: 12),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
SizedBox(
|
|
height: 38,
|
|
width: 38,
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(38),
|
|
child: ColoredBox(
|
|
color: ColorScheme.of(context).secondaryContainer,
|
|
child: GestureDetector(
|
|
onTap: () => context.to(() => UserInfoPage(data[index].id.toString())),
|
|
child: AnimatedImage(
|
|
image: CachedImageProvider(data[index].avatar),
|
|
width: 38,
|
|
height: 38,
|
|
fit: BoxFit.cover,
|
|
filterQuality: FilterQuality.medium,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 8,),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(data[index].name, style: const TextStyle(fontSize: 14),),
|
|
Text(dateText, style: TextStyle(fontSize: 12, color: ColorScheme.of(context).outline),)
|
|
],
|
|
)
|
|
],
|
|
),
|
|
const SizedBox(height: 8,),
|
|
if(data[index].comment.isNotEmpty)
|
|
Text(data[index].comment, style: const TextStyle(fontSize: 16),),
|
|
if(data[index].stampUrl != null)
|
|
SizedBox(
|
|
height: 64,
|
|
width: 64,
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(4),
|
|
child: AnimatedImage(
|
|
image: CachedImageProvider(data[index].stampUrl!),
|
|
width: 64,
|
|
height: 64,
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}
|
|
);
|
|
}
|
|
|
|
Widget buildBottom(BuildContext context) {
|
|
return Card(
|
|
padding: EdgeInsets.zero,
|
|
backgroundColor: FluentTheme.of(context).micaBackgroundColor.withOpacity(0.96),
|
|
child: SizedBox(
|
|
height: 52,
|
|
child: TextBox(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
|
placeholder: "Comment".tl,
|
|
foregroundDecoration: BoxDecoration(
|
|
border: Border.all(color: Colors.transparent),
|
|
),
|
|
onSubmitted: (s) {
|
|
showToast(context, message: "Sending".tl);
|
|
if(isCommenting) return;
|
|
setState(() {
|
|
isCommenting = true;
|
|
});
|
|
Network().comment(widget.id, s).then((value) {
|
|
if(value.error) {
|
|
context.showToast(message: "Network Error");
|
|
setState(() {
|
|
isCommenting = false;
|
|
});
|
|
} else {
|
|
isCommenting = false;
|
|
nextUrl = null;
|
|
reset();
|
|
}
|
|
});
|
|
},
|
|
).paddingVertical(8).paddingHorizontal(12),
|
|
).paddingBottom(context.padding.bottom + context.viewInsets.bottom),
|
|
);
|
|
}
|
|
|
|
String? nextUrl;
|
|
|
|
@override
|
|
Future<Res<List<Comment>>> loadData(int page) async{
|
|
if(nextUrl == "end") {
|
|
return Res.error("No more data");
|
|
}
|
|
var res = await Network().getComments(widget.id, nextUrl);
|
|
if(!res.error) {
|
|
nextUrl = res.subData;
|
|
nextUrl ??= "end";
|
|
}
|
|
return res;
|
|
}
|
|
|
|
}
|
|
|
|
class IllustPageWithId extends StatefulWidget {
|
|
const IllustPageWithId(this.id, {super.key});
|
|
|
|
final String id;
|
|
|
|
@override
|
|
State<IllustPageWithId> createState() => _IllustPageWithIdState();
|
|
}
|
|
|
|
class _IllustPageWithIdState extends LoadingState<IllustPageWithId, Illust> {
|
|
@override
|
|
Widget buildContent(BuildContext context, Illust data) {
|
|
return IllustPage(data);
|
|
}
|
|
|
|
@override
|
|
Future<Res<Illust>> loadData() {
|
|
return Network().getIllustByID(widget.id);
|
|
}
|
|
}
|