Solian/lib/widgets/posts/attachment_editor.dart

385 lines
12 KiB
Dart
Raw Normal View History

2024-04-14 07:58:27 +00:00
import 'dart:convert';
import 'dart:io';
import 'dart:math' as math;
import 'package:crypto/crypto.dart';
import 'package:flutter/material.dart';
import 'package:flutter_animate/flutter_animate.dart';
2024-04-14 07:58:27 +00:00
import 'package:http/http.dart';
import 'package:image_picker/image_picker.dart';
import 'package:provider/provider.dart';
import 'package:solian/models/post.dart';
import 'package:solian/providers/auth.dart';
import 'package:solian/utils/service_url.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
2024-04-29 12:22:06 +00:00
import 'package:solian/widgets/exts.dart';
2024-04-14 07:58:27 +00:00
class AttachmentEditor extends StatefulWidget {
2024-04-19 11:36:03 +00:00
final String provider;
2024-04-14 07:58:27 +00:00
final List<Attachment> current;
final void Function(List<Attachment> data) onUpdate;
2024-04-19 11:36:03 +00:00
const AttachmentEditor({
super.key,
required this.provider,
required this.current,
required this.onUpdate,
});
2024-04-14 07:58:27 +00:00
@override
State<AttachmentEditor> createState() => _AttachmentEditorState();
}
class _AttachmentEditorState extends State<AttachmentEditor> {
final _imagePicker = ImagePicker();
2024-04-15 15:08:32 +00:00
bool _isSubmitting = false;
2024-04-14 07:58:27 +00:00
List<Attachment> _attachments = List.empty(growable: true);
void viewAttachMethods(BuildContext context) {
showModalBottomSheet(
context: context,
builder: (context) => AttachmentEditorMethodPopup(
2024-04-16 15:19:53 +00:00
pickImage: () => pickImageToUpload(context, ImageSource.gallery),
takeImage: () => pickImageToUpload(context, ImageSource.camera),
pickVideo: () => pickVideoToUpload(context, ImageSource.gallery),
takeVideo: () => pickVideoToUpload(context, ImageSource.camera),
2024-04-14 07:58:27 +00:00
),
);
}
2024-05-01 09:37:34 +00:00
Future<void> pickImageToUpload(
BuildContext context, ImageSource source) async {
2024-04-14 07:58:27 +00:00
final auth = context.read<AuthProvider>();
if (!await auth.isAuthorized()) return;
2024-04-16 15:19:53 +00:00
final image = await _imagePicker.pickImage(source: source);
if (image == null) return;
setState(() => _isSubmitting = true);
final file = File(image.path);
final hashcode = await calculateSha256(file);
if (Navigator.canPop(context)) {
Navigator.pop(context);
}
try {
await uploadAttachment(file, hashcode);
} catch (err) {
2024-04-29 12:22:06 +00:00
context.showErrorDialog(err);
2024-04-16 15:19:53 +00:00
} finally {
setState(() => _isSubmitting = false);
}
}
2024-05-01 09:37:34 +00:00
Future<void> pickVideoToUpload(
BuildContext context, ImageSource source) async {
2024-04-16 15:19:53 +00:00
final auth = context.read<AuthProvider>();
if (!await auth.isAuthorized()) return;
final image = await _imagePicker.pickVideo(source: source);
2024-04-14 07:58:27 +00:00
if (image == null) return;
2024-04-15 15:08:32 +00:00
setState(() => _isSubmitting = true);
2024-04-14 07:58:27 +00:00
final file = File(image.path);
final hashcode = await calculateSha256(file);
if (Navigator.canPop(context)) {
Navigator.pop(context);
}
try {
await uploadAttachment(file, hashcode);
} catch (err) {
2024-04-29 12:22:06 +00:00
context.showErrorDialog(err);
2024-04-14 07:58:27 +00:00
} finally {
2024-04-15 15:08:32 +00:00
setState(() => _isSubmitting = false);
2024-04-14 07:58:27 +00:00
}
}
Future<void> uploadAttachment(File file, String hashcode) async {
final auth = context.read<AuthProvider>();
2024-04-19 11:36:03 +00:00
2024-05-01 09:37:34 +00:00
final req = MultipartRequest(
'POST', getRequestUri(widget.provider, '/api/attachments'));
2024-04-14 07:58:27 +00:00
req.files.add(await MultipartFile.fromPath('attachment', file.path));
req.fields['hashcode'] = hashcode;
var res = await auth.client!.send(req);
if (res.statusCode == 200) {
var result = Attachment.fromJson(
jsonDecode(utf8.decode(await res.stream.toBytes()))["info"],
);
setState(() => _attachments.add(result));
widget.onUpdate(_attachments);
} else {
throw Exception(utf8.decode(await res.stream.toBytes()));
}
}
2024-05-01 09:37:34 +00:00
Future<void> disposeAttachment(
BuildContext context, Attachment item, int index) async {
2024-04-14 07:58:27 +00:00
final auth = context.read<AuthProvider>();
2024-05-01 09:37:34 +00:00
final req = MultipartRequest('DELETE',
getRequestUri(widget.provider, '/api/attachments/${item.id}'));
2024-04-14 07:58:27 +00:00
2024-04-15 15:08:32 +00:00
setState(() => _isSubmitting = true);
2024-04-14 07:58:27 +00:00
var res = await auth.client!.send(req);
if (res.statusCode == 200) {
setState(() => _attachments.removeAt(index));
widget.onUpdate(_attachments);
} else {
final err = utf8.decode(await res.stream.toBytes());
2024-04-29 12:22:06 +00:00
context.showErrorDialog(err);
2024-04-14 07:58:27 +00:00
}
2024-04-15 15:08:32 +00:00
setState(() => _isSubmitting = false);
2024-04-14 07:58:27 +00:00
}
Future<String> calculateSha256(File file) async {
final bytes = await file.readAsBytes();
final digest = sha256.convert(bytes);
return digest.toString();
}
String getFileName(Attachment item) {
return item.filename.replaceAll(RegExp(r'\.[^/.]+$'), '');
}
String getFileType(Attachment item) {
switch (item.type) {
case 1:
return 'Photo';
case 2:
return 'Video';
case 3:
return 'Audio';
default:
return 'Others';
}
}
String formatBytes(int bytes, {int decimals = 2}) {
if (bytes == 0) return '0 Bytes';
const k = 1024;
final dm = decimals < 0 ? 0 : decimals;
2024-05-01 09:37:34 +00:00
final sizes = [
'Bytes',
'KiB',
'MiB',
'GiB',
'TiB',
'PiB',
'EiB',
'ZiB',
'YiB'
];
2024-04-14 07:58:27 +00:00
final i = (math.log(bytes) / math.log(k)).floor().toInt();
return '${(bytes / math.pow(k, i)).toStringAsFixed(dm)} ${sizes[i]}';
}
@override
void initState() {
_attachments = widget.current;
super.initState();
}
@override
Widget build(BuildContext context) {
final auth = context.read<AuthProvider>();
return Column(
children: [
Container(
2024-05-01 09:37:34 +00:00
padding:
const EdgeInsets.only(left: 8, right: 8, top: 20, bottom: 12),
2024-04-14 07:58:27 +00:00
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Padding(
padding: const EdgeInsets.symmetric(
2024-04-14 10:38:44 +00:00
horizontal: 8,
vertical: 12,
2024-04-14 07:58:27 +00:00
),
child: Text(
AppLocalizations.of(context)!.attachment,
style: Theme.of(context).textTheme.headlineSmall,
),
),
FutureBuilder(
future: auth.isAuthorized(),
builder: (context, snapshot) {
if (snapshot.hasData && snapshot.data == true) {
return TextButton(
2024-05-01 09:37:34 +00:00
onPressed: _isSubmitting
? null
: () => viewAttachMethods(context),
2024-04-14 07:58:27 +00:00
style: TextButton.styleFrom(shape: const CircleBorder()),
child: const Icon(Icons.add_circle),
);
} else {
return Container();
}
},
),
],
),
),
2024-05-01 09:37:34 +00:00
_isSubmitting
? const LinearProgressIndicator().animate().scaleX()
: Container(),
2024-04-14 07:58:27 +00:00
Expanded(
child: ListView.separated(
itemCount: _attachments.length,
itemBuilder: (context, index) {
var element = _attachments[index];
return Container(
padding: const EdgeInsets.only(left: 16, right: 8),
child: Row(
children: [
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
getFileName(element),
overflow: TextOverflow.ellipsis,
maxLines: 1,
style: Theme.of(context).textTheme.titleMedium,
),
Text(
"${getFileType(element)} · ${formatBytes(element.filesize)}",
),
],
),
),
TextButton(
style: TextButton.styleFrom(
shape: const CircleBorder(),
foregroundColor: Colors.red,
),
child: const Icon(Icons.delete),
2024-05-01 09:37:34 +00:00
onPressed: () =>
disposeAttachment(context, element, index),
2024-04-14 07:58:27 +00:00
),
],
),
);
},
2024-04-26 13:38:31 +00:00
separatorBuilder: (context, index) => const Divider(thickness: 0.3),
2024-04-14 07:58:27 +00:00
),
),
],
);
}
}
class AttachmentEditorMethodPopup extends StatelessWidget {
final Function pickImage;
2024-04-16 15:19:53 +00:00
final Function takeImage;
final Function pickVideo;
final Function takeVideo;
2024-04-14 07:58:27 +00:00
2024-04-16 15:19:53 +00:00
const AttachmentEditorMethodPopup({
super.key,
required this.pickImage,
required this.takeImage,
required this.pickVideo,
required this.takeVideo,
});
2024-04-14 07:58:27 +00:00
@override
Widget build(BuildContext context) {
return Container(
height: 320,
padding: const EdgeInsets.only(left: 8, right: 8, top: 20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Padding(
padding: const EdgeInsets.symmetric(
horizontal: 8.0,
vertical: 12.0,
),
child: Text(
AppLocalizations.of(context)!.attachmentAdd,
style: Theme.of(context).textTheme.headlineSmall,
),
),
Expanded(
2024-04-19 11:36:03 +00:00
child: GridView.count(
primary: false,
crossAxisSpacing: 10,
mainAxisSpacing: 10,
crossAxisCount: 4,
2024-04-14 07:58:27 +00:00
children: [
InkWell(
borderRadius: BorderRadius.circular(8),
onTap: () => pickImage(),
2024-04-19 11:36:03 +00:00
child: Center(
2024-04-14 07:58:27 +00:00
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
2024-05-01 09:37:34 +00:00
const Icon(Icons.add_photo_alternate,
color: Colors.indigo),
2024-04-14 07:58:27 +00:00
const SizedBox(height: 8),
Text(AppLocalizations.of(context)!.pickPhoto),
],
),
),
),
2024-04-16 15:19:53 +00:00
InkWell(
borderRadius: BorderRadius.circular(8),
onTap: () => takeImage(),
2024-04-19 11:36:03 +00:00
child: Center(
2024-04-16 15:19:53 +00:00
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
const Icon(Icons.camera_alt, color: Colors.indigo),
const SizedBox(height: 8),
Text(AppLocalizations.of(context)!.takePhoto),
],
),
),
),
InkWell(
borderRadius: BorderRadius.circular(8),
onTap: () => pickVideo(),
2024-04-19 11:36:03 +00:00
child: Center(
2024-04-16 15:19:53 +00:00
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
2024-04-19 11:36:03 +00:00
const Icon(Icons.camera, color: Colors.teal),
2024-04-16 15:19:53 +00:00
const SizedBox(height: 8),
Text(AppLocalizations.of(context)!.pickVideo),
],
),
),
),
InkWell(
borderRadius: BorderRadius.circular(8),
onTap: () => takeVideo(),
2024-04-19 11:36:03 +00:00
child: Center(
2024-04-16 15:19:53 +00:00
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
2024-04-19 11:36:03 +00:00
const Icon(Icons.video_call, color: Colors.teal),
2024-04-16 15:19:53 +00:00
const SizedBox(height: 8),
Text(AppLocalizations.of(context)!.takeVideo),
],
),
),
),
2024-04-14 07:58:27 +00:00
],
),
),
],
),
);
}
}