316 lines
11 KiB
Dart
316 lines
11 KiB
Dart
|
import 'dart:io';
|
||
|
|
import 'dart:math' as math;
|
||
|
|
|
||
|
|
import 'package:file_picker/file_picker.dart';
|
||
|
|
import 'package:flutter/material.dart';
|
||
|
|
import 'package:flutter_animate/flutter_animate.dart';
|
||
|
|
import 'package:get/get.dart';
|
||
|
|
import 'package:image_picker/image_picker.dart';
|
||
|
|
import 'package:path/path.dart';
|
||
|
|
import 'package:solian/exts.dart';
|
||
|
|
import 'package:solian/models/attachment.dart';
|
||
|
|
import 'package:solian/providers/auth.dart';
|
||
|
|
import 'package:crypto/crypto.dart';
|
||
|
|
import 'package:solian/services.dart';
|
||
|
|
|
||
|
|
Future<String> calculateFileSha256(File file) async {
|
||
|
|
final bytes = await file.readAsBytes();
|
||
|
|
final digest = sha256.convert(bytes);
|
||
|
|
return digest.toString();
|
||
|
|
}
|
||
|
|
|
||
|
|
class AttachmentPublishingPopup extends StatefulWidget {
|
||
|
|
final String usage;
|
||
|
|
final List<String> current;
|
||
|
|
final void Function(List<String> data) onUpdate;
|
||
|
|
|
||
|
|
const AttachmentPublishingPopup({
|
||
|
|
super.key,
|
||
|
|
required this.usage,
|
||
|
|
required this.current,
|
||
|
|
required this.onUpdate,
|
||
|
|
});
|
||
|
|
|
||
|
|
@override
|
||
|
|
State<AttachmentPublishingPopup> createState() => _AttachmentPublishingPopupState();
|
||
|
|
}
|
||
|
|
|
||
|
|
class _AttachmentPublishingPopupState extends State<AttachmentPublishingPopup> {
|
||
|
|
final _imagePicker = ImagePicker();
|
||
|
|
|
||
|
|
bool _isSubmitting = false;
|
||
|
|
|
||
|
|
final List<Attachment> _attachments = List.empty(growable: true);
|
||
|
|
|
||
|
|
Future<void> pickPhotoToUpload() async {
|
||
|
|
final AuthProvider auth = Get.find();
|
||
|
|
if (!await auth.isAuthorized) return;
|
||
|
|
|
||
|
|
final medias = await _imagePicker.pickMultiImage();
|
||
|
|
if (medias.isEmpty) return;
|
||
|
|
|
||
|
|
setState(() => _isSubmitting = true);
|
||
|
|
|
||
|
|
for (final media in medias) {
|
||
|
|
final file = File(media.path);
|
||
|
|
final hash = await calculateFileSha256(file);
|
||
|
|
final image = await decodeImageFromList(await file.readAsBytes());
|
||
|
|
final ratio = image.width / image.height;
|
||
|
|
|
||
|
|
try {
|
||
|
|
await uploadAttachment(file, hash, ratio: ratio);
|
||
|
|
} catch (err) {
|
||
|
|
this.context.showErrorDialog(err);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
setState(() => _isSubmitting = false);
|
||
|
|
}
|
||
|
|
|
||
|
|
Future<void> pickVideoToUpload() async {
|
||
|
|
final AuthProvider auth = Get.find();
|
||
|
|
if (!await auth.isAuthorized) return;
|
||
|
|
|
||
|
|
final media = await _imagePicker.pickVideo(source: ImageSource.gallery);
|
||
|
|
if (media == null) return;
|
||
|
|
|
||
|
|
setState(() => _isSubmitting = true);
|
||
|
|
|
||
|
|
final file = File(media.path);
|
||
|
|
final hash = await calculateFileSha256(file);
|
||
|
|
const ratio = 16 / 9; // TODO Calculate ratio of video
|
||
|
|
|
||
|
|
try {
|
||
|
|
await uploadAttachment(file, hash, ratio: ratio);
|
||
|
|
} catch (err) {
|
||
|
|
this.context.showErrorDialog(err);
|
||
|
|
}
|
||
|
|
|
||
|
|
setState(() => _isSubmitting = false);
|
||
|
|
}
|
||
|
|
|
||
|
|
Future<void> pickFileToUpload() async {
|
||
|
|
final AuthProvider auth = Get.find();
|
||
|
|
if (!await auth.isAuthorized) return;
|
||
|
|
|
||
|
|
FilePickerResult? result = await FilePicker.platform.pickFiles(allowMultiple: true);
|
||
|
|
if (result == null) return;
|
||
|
|
|
||
|
|
List<File> files = result.paths.map((path) => File(path!)).toList();
|
||
|
|
|
||
|
|
setState(() => _isSubmitting = true);
|
||
|
|
|
||
|
|
for (final file in files) {
|
||
|
|
final hash = await calculateFileSha256(file);
|
||
|
|
try {
|
||
|
|
await uploadAttachment(file, hash);
|
||
|
|
} catch (err) {
|
||
|
|
this.context.showErrorDialog(err);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
setState(() => _isSubmitting = false);
|
||
|
|
}
|
||
|
|
|
||
|
|
Future<void> takeMediaToUpload(bool isVideo) async {
|
||
|
|
final AuthProvider auth = Get.find();
|
||
|
|
if (!await auth.isAuthorized) return;
|
||
|
|
|
||
|
|
XFile? media;
|
||
|
|
if (isVideo) {
|
||
|
|
media = await _imagePicker.pickVideo(source: ImageSource.camera);
|
||
|
|
} else {
|
||
|
|
media = await _imagePicker.pickImage(source: ImageSource.camera);
|
||
|
|
}
|
||
|
|
if (media == null) return;
|
||
|
|
|
||
|
|
setState(() => _isSubmitting = true);
|
||
|
|
|
||
|
|
double? ratio;
|
||
|
|
final file = File(media.path);
|
||
|
|
final hash = await calculateFileSha256(file);
|
||
|
|
|
||
|
|
if (isVideo) {
|
||
|
|
// TODO Calculate ratio of video
|
||
|
|
ratio = 16 / 9;
|
||
|
|
} else {
|
||
|
|
final image = await decodeImageFromList(await file.readAsBytes());
|
||
|
|
ratio = image.width / image.height;
|
||
|
|
}
|
||
|
|
|
||
|
|
try {
|
||
|
|
await uploadAttachment(file, hash, ratio: ratio);
|
||
|
|
} catch (err) {
|
||
|
|
this.context.showErrorDialog(err);
|
||
|
|
}
|
||
|
|
|
||
|
|
setState(() => _isSubmitting = false);
|
||
|
|
}
|
||
|
|
|
||
|
|
Future<void> uploadAttachment(File file, String hash, {double? ratio}) async {
|
||
|
|
final AuthProvider auth = Get.find();
|
||
|
|
|
||
|
|
final client = GetConnect();
|
||
|
|
client.httpClient.baseUrl = ServiceFinder.services['paperclip'];
|
||
|
|
client.httpClient.addAuthenticator(auth.reqAuthenticator);
|
||
|
|
|
||
|
|
final filePayload = MultipartFile(await file.readAsBytes(), filename: basename(file.path));
|
||
|
|
final fileAlt = basename(file.path).contains('.')
|
||
|
|
? basename(file.path).substring(0, basename(file.path).lastIndexOf('.'))
|
||
|
|
: basename(file.path);
|
||
|
|
|
||
|
|
final resp = await client.post(
|
||
|
|
'/api/attachments',
|
||
|
|
FormData({
|
||
|
|
'alt': fileAlt,
|
||
|
|
'file': filePayload,
|
||
|
|
'hash': hash,
|
||
|
|
'usage': widget.usage,
|
||
|
|
'metadata': {
|
||
|
|
if (ratio != null) 'ratio': ratio,
|
||
|
|
},
|
||
|
|
}),
|
||
|
|
);
|
||
|
|
if (resp.statusCode == 200) {
|
||
|
|
var result = Attachment.fromJson(resp.body);
|
||
|
|
setState(() => _attachments.add(result));
|
||
|
|
widget.onUpdate(_attachments.map((e) => e.uuid).toList());
|
||
|
|
} else {
|
||
|
|
throw Exception(resp.bodyString);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
Future<void> disposeAttachment(Attachment item, int index) async {
|
||
|
|
final AuthProvider auth = Get.find();
|
||
|
|
|
||
|
|
final client = GetConnect();
|
||
|
|
client.httpClient.baseUrl = ServiceFinder.services['paperclip'];
|
||
|
|
client.httpClient.addAuthenticator(auth.reqAuthenticator);
|
||
|
|
|
||
|
|
setState(() => _isSubmitting = true);
|
||
|
|
var resp = await client.delete('/api/attachments/${item.id}');
|
||
|
|
if (resp.statusCode == 200) {
|
||
|
|
setState(() => _attachments.removeAt(index));
|
||
|
|
widget.onUpdate(_attachments.map((e) => e.uuid).toList());
|
||
|
|
} else {
|
||
|
|
this.context.showErrorDialog(resp.bodyString);
|
||
|
|
}
|
||
|
|
setState(() => _isSubmitting = false);
|
||
|
|
}
|
||
|
|
|
||
|
|
String formatBytes(int bytes, {int decimals = 2}) {
|
||
|
|
if (bytes == 0) return '0 Bytes';
|
||
|
|
const k = 1024;
|
||
|
|
final dm = decimals < 0 ? 0 : decimals;
|
||
|
|
final sizes = ['Bytes', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
|
||
|
|
final i = (math.log(bytes) / math.log(k)).floor().toInt();
|
||
|
|
return '${(bytes / math.pow(k, i)).toStringAsFixed(dm)} ${sizes[i]}';
|
||
|
|
}
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
const density = VisualDensity(horizontal: 0, vertical: 0);
|
||
|
|
|
||
|
|
return SafeArea(
|
||
|
|
child: SizedBox(
|
||
|
|
height: MediaQuery.of(context).size.height * 0.85,
|
||
|
|
child: Column(
|
||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||
|
|
children: [
|
||
|
|
Text(
|
||
|
|
'attachmentAdd'.tr,
|
||
|
|
style: Theme.of(context).textTheme.headlineSmall,
|
||
|
|
).paddingOnly(left: 24, right: 24, top: 32, bottom: 16),
|
||
|
|
_isSubmitting ? const LinearProgressIndicator().animate().scaleX() : Container(),
|
||
|
|
Expanded(
|
||
|
|
child: ListView.builder(
|
||
|
|
itemCount: _attachments.length,
|
||
|
|
itemBuilder: (context, index) {
|
||
|
|
final element = _attachments[index];
|
||
|
|
final fileType = element.mimetype.split('/').first;
|
||
|
|
return Container(
|
||
|
|
padding: const EdgeInsets.only(left: 16, right: 8, bottom: 16),
|
||
|
|
child: Row(
|
||
|
|
children: [
|
||
|
|
Expanded(
|
||
|
|
child: Column(
|
||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||
|
|
children: [
|
||
|
|
Text(
|
||
|
|
element.alt,
|
||
|
|
overflow: TextOverflow.ellipsis,
|
||
|
|
maxLines: 1,
|
||
|
|
style: const TextStyle(fontWeight: FontWeight.bold),
|
||
|
|
),
|
||
|
|
Text(
|
||
|
|
'${fileType[0].toUpperCase()}${fileType.substring(1)} · ${formatBytes(element.size)}',
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
TextButton(
|
||
|
|
style: TextButton.styleFrom(
|
||
|
|
shape: const CircleBorder(),
|
||
|
|
foregroundColor: Colors.red,
|
||
|
|
),
|
||
|
|
child: const Icon(Icons.delete),
|
||
|
|
onPressed: () => disposeAttachment(element, index),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
);
|
||
|
|
},
|
||
|
|
),
|
||
|
|
),
|
||
|
|
const Divider(thickness: 0.3, height: 0.3),
|
||
|
|
SizedBox(
|
||
|
|
height: 64,
|
||
|
|
child: SingleChildScrollView(
|
||
|
|
scrollDirection: Axis.horizontal,
|
||
|
|
child: Wrap(
|
||
|
|
spacing: 8,
|
||
|
|
runSpacing: 0,
|
||
|
|
alignment: WrapAlignment.center,
|
||
|
|
runAlignment: WrapAlignment.center,
|
||
|
|
children: [
|
||
|
|
ElevatedButton.icon(
|
||
|
|
icon: const Icon(Icons.add_photo_alternate),
|
||
|
|
label: Text('attachmentAddGalleryPhoto'.tr),
|
||
|
|
style: const ButtonStyle(visualDensity: density),
|
||
|
|
onPressed: () => pickPhotoToUpload(),
|
||
|
|
),
|
||
|
|
ElevatedButton.icon(
|
||
|
|
icon: const Icon(Icons.add_road),
|
||
|
|
label: Text('attachmentAddGalleryVideo'.tr),
|
||
|
|
style: const ButtonStyle(visualDensity: density),
|
||
|
|
onPressed: () => pickVideoToUpload(),
|
||
|
|
),
|
||
|
|
ElevatedButton.icon(
|
||
|
|
icon: const Icon(Icons.photo_camera_back),
|
||
|
|
label: Text('attachmentAddCameraPhoto'.tr),
|
||
|
|
style: const ButtonStyle(visualDensity: density),
|
||
|
|
onPressed: () => takeMediaToUpload(false),
|
||
|
|
),
|
||
|
|
ElevatedButton.icon(
|
||
|
|
icon: const Icon(Icons.video_camera_back_outlined),
|
||
|
|
label: Text('attachmentAddCameraVideo'.tr),
|
||
|
|
style: const ButtonStyle(visualDensity: density),
|
||
|
|
onPressed: () => takeMediaToUpload(true),
|
||
|
|
),
|
||
|
|
ElevatedButton.icon(
|
||
|
|
icon: const Icon(Icons.file_present_rounded),
|
||
|
|
label: Text('attachmentAddFile'.tr),
|
||
|
|
style: const ButtonStyle(visualDensity: density),
|
||
|
|
onPressed: () => pickFileToUpload(),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
).paddingSymmetric(horizontal: 12),
|
||
|
|
),
|
||
|
|
)
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|