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';
|
2024-04-19 16:01:48 +00:00
|
|
|
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
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|