added option to attach image to feedback

This commit is contained in:
Lars Neuhaus 2024-03-31 21:02:47 +02:00
parent f45848331e
commit ea329d8d64
3 changed files with 47 additions and 4 deletions

View File

@ -6,12 +6,14 @@ part 'addFeedbackParams.g.dart';
class AddFeedbackParams { class AddFeedbackParams {
String user; String user;
String feedback; String feedback;
String? screenshot;
int appVersion; int appVersion;
AddFeedbackParams({ AddFeedbackParams({
required this.user, required this.user,
required this.feedback, required this.feedback,
this.screenshot,
required this.appVersion, required this.appVersion,
}); });

View File

@ -10,6 +10,7 @@ AddFeedbackParams _$AddFeedbackParamsFromJson(Map<String, dynamic> json) =>
AddFeedbackParams( AddFeedbackParams(
user: json['user'] as String, user: json['user'] as String,
feedback: json['feedback'] as String, feedback: json['feedback'] as String,
screenshot: json['screenshot'] as String?,
appVersion: json['appVersion'] as int, appVersion: json['appVersion'] as int,
); );
@ -17,5 +18,6 @@ Map<String, dynamic> _$AddFeedbackParamsToJson(AddFeedbackParams instance) =>
<String, dynamic>{ <String, dynamic>{
'user': instance.user, 'user': instance.user,
'feedback': instance.feedback, 'feedback': instance.feedback,
'screenshot': instance.screenshot,
'appVersion': instance.appVersion, 'appVersion': instance.appVersion,
}; };

View File

@ -1,10 +1,16 @@
import 'dart:convert';
import 'dart:typed_data';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart';
import 'package:loader_overlay/loader_overlay.dart';
import 'package:package_info/package_info.dart'; import 'package:package_info/package_info.dart';
import '../../../../api/mhsl/server/feedback/addFeedback.dart'; import '../../../../api/mhsl/server/feedback/addFeedback.dart';
import '../../../../api/mhsl/server/feedback/addFeedbackParams.dart'; import '../../../../api/mhsl/server/feedback/addFeedbackParams.dart';
import '../../../../model/accountData.dart'; import '../../../../model/accountData.dart';
import '../../../../widget/filePick.dart';
import '../../../../widget/infoDialog.dart'; import '../../../../widget/infoDialog.dart';
class FeedbackDialog extends StatefulWidget { class FeedbackDialog extends StatefulWidget {
@ -15,7 +21,10 @@ class FeedbackDialog extends StatefulWidget {
} }
class _FeedbackDialogState extends State<FeedbackDialog> { class _FeedbackDialogState extends State<FeedbackDialog> {
final ImagePicker picker = ImagePicker();
final TextEditingController _feedbackInput = TextEditingController(); final TextEditingController _feedbackInput = TextEditingController();
Uint8List? _image;
String? _error; String? _error;
@override @override
@ -39,38 +48,68 @@ class _FeedbackDialogState extends State<FeedbackDialog> {
autofocus: true, autofocus: true,
decoration: const InputDecoration( decoration: const InputDecoration(
border: OutlineInputBorder(), border: OutlineInputBorder(),
label: Text('Feedback und Verbesserungen') label: Text('Feedback und Verbesserungen'),
), ),
// style: TextStyle(), // style: TextStyle(),
// expands: true, // expands: true,
minLines: 4, minLines: 4,
maxLines: 7, maxLines: 7,
) ),
),
if(_image != null) Container(
decoration: BoxDecoration(
borderRadius: const BorderRadius.all(Radius.circular(5)),
border: Border.all(
width: 3,
color: Theme.of(context).primaryColor,
),
),
height: 150,
child: Image(
image: Image.memory(_image!).image,
fit: BoxFit.contain,
),
), ),
Visibility( Visibility(
visible: _error != null, visible: _error != null,
child: Text('Senden fehlgeschlagen: $_error', style: const TextStyle(color: Colors.red)), child: Text('Senden fehlgeschlagen: $_error', style: const TextStyle(color: Colors.red)),
), ),
Padding( Padding(
padding: const EdgeInsets.only(right: 20), padding: const EdgeInsets.only(right: 20, left: 10),
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.end, mainAxisAlignment: MainAxisAlignment.end,
children: [ children: [
IconButton(
onPressed: () async {
context.loaderOverlay.show();
var imageData = await (await FilePick.galleryPick())?.readAsBytes();
context.loaderOverlay.hide();
setState(() {
_image = imageData;
});
},
icon: const Icon(Icons.attach_file_outlined),
),
const Expanded(child: SizedBox.shrink()),
TextButton( TextButton(
onPressed: () async { onPressed: () async {
context.loaderOverlay.show();
AddFeedback( AddFeedback(
AddFeedbackParams( AddFeedbackParams(
user: AccountData().getUserSecret(), user: AccountData().getUserSecret(),
feedback: _feedbackInput.text, feedback: _feedbackInput.text,
appVersion: int.parse((await PackageInfo.fromPlatform()).buildNumber) screenshot: _image != null ? base64Encode(_image!) : null,
appVersion: int.parse((await PackageInfo.fromPlatform()).buildNumber),
) )
).run().then((value) { ).run().then((value) {
Navigator.of(context).pop(); Navigator.of(context).pop();
InfoDialog.show(context, 'Danke für dein Feedback!'); InfoDialog.show(context, 'Danke für dein Feedback!');
context.loaderOverlay.hide();
}).catchError((error, trace) { }).catchError((error, trace) {
setState(() { setState(() {
_error = error.toString(); _error = error.toString();
}); });
context.loaderOverlay.hide();
}); });
}, },
child: const Text('Senden'), child: const Text('Senden'),