feature complete
William Jordan-Cooley
2 years ago
parent
46df9e5381
commit
e94c76ada8
@ -0,0 +1,218 @@
|
|||||||
|
import 'package:fluffychat/pangea/repo/full_text_translation_repo.dart';
|
||||||
|
import 'package:fluffychat/pangea/widgets/igc/why_button.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:http/http.dart';
|
||||||
|
|
||||||
|
import '../../../config/app_config.dart';
|
||||||
|
import '../../../widgets/matrix.dart';
|
||||||
|
import '../../controllers/it_feedback_controller.dart';
|
||||||
|
import '../../controllers/pangea_controller.dart';
|
||||||
|
import '../../utils/bot_style.dart';
|
||||||
|
import '../../widgets/common/bot_face_svg.dart';
|
||||||
|
import '../../widgets/igc/card_error_widget.dart';
|
||||||
|
import '../../widgets/igc/card_header.dart';
|
||||||
|
|
||||||
|
class ITFeedbackCard extends StatefulWidget {
|
||||||
|
final ITFeedbackRequestModel req;
|
||||||
|
final String choiceFeedback;
|
||||||
|
|
||||||
|
const ITFeedbackCard({
|
||||||
|
super.key,
|
||||||
|
required this.req,
|
||||||
|
required this.choiceFeedback,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<ITFeedbackCard> createState() => ITFeedbackCardController();
|
||||||
|
}
|
||||||
|
|
||||||
|
class ITFeedbackCardController extends State<ITFeedbackCard> {
|
||||||
|
final PangeaController controller = MatrixState.pangeaController;
|
||||||
|
|
||||||
|
Object? error;
|
||||||
|
bool isLoadingFeedback = false;
|
||||||
|
bool isTranslating = false;
|
||||||
|
ITFeedbackResponseModel? res;
|
||||||
|
String? translatedFeedback;
|
||||||
|
|
||||||
|
Response get noLanguages => Response("", 405);
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
if (!mounted) return;
|
||||||
|
//any setup?
|
||||||
|
super.initState();
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> getFeedback() async {
|
||||||
|
setState(() {
|
||||||
|
isLoadingFeedback = true;
|
||||||
|
});
|
||||||
|
controller.itFeedback
|
||||||
|
.get(widget.req)
|
||||||
|
.then((value) {
|
||||||
|
res = value;
|
||||||
|
})
|
||||||
|
.catchError((e) => error = e)
|
||||||
|
.whenComplete(
|
||||||
|
() => setState(() {
|
||||||
|
isLoadingFeedback = false;
|
||||||
|
}),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> translateFeedback() async {
|
||||||
|
setState(() {
|
||||||
|
isTranslating = true;
|
||||||
|
});
|
||||||
|
FullTextTranslationRepo.translate(
|
||||||
|
accessToken: await controller.userController.accessToken,
|
||||||
|
request: FullTextTranslationRequestModel(
|
||||||
|
text: res!.text,
|
||||||
|
tgtLang: controller.languageController.userL1?.langCode ??
|
||||||
|
widget.req.sourceTextLang,
|
||||||
|
userL1: controller.languageController.userL1?.langCode ??
|
||||||
|
widget.req.sourceTextLang,
|
||||||
|
userL2: controller.languageController.userL2?.langCode ??
|
||||||
|
widget.req.targetLang,
|
||||||
|
),
|
||||||
|
)
|
||||||
|
.then((value) {
|
||||||
|
translatedFeedback = value.bestTranslation;
|
||||||
|
})
|
||||||
|
.catchError((e) => error = e)
|
||||||
|
.whenComplete(
|
||||||
|
() => setState(() {
|
||||||
|
isTranslating = false;
|
||||||
|
}),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
void handleGetExplanationButtonPress() {
|
||||||
|
if (isLoadingFeedback) return;
|
||||||
|
getFeedback();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) => error == null
|
||||||
|
? ITFeedbackCardView(controller: this)
|
||||||
|
: CardErrorWidget(error: error);
|
||||||
|
}
|
||||||
|
|
||||||
|
class ITFeedbackCardView extends StatelessWidget {
|
||||||
|
const ITFeedbackCardView({
|
||||||
|
super.key,
|
||||||
|
required this.controller,
|
||||||
|
});
|
||||||
|
|
||||||
|
final ITFeedbackCardController controller;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final ScrollController scrollController = ScrollController();
|
||||||
|
|
||||||
|
return Scrollbar(
|
||||||
|
thumbVisibility: true,
|
||||||
|
controller: scrollController,
|
||||||
|
child: SingleChildScrollView(
|
||||||
|
controller: scrollController,
|
||||||
|
child: Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
CardHeader(
|
||||||
|
text: controller.widget.req.chosenContinuance,
|
||||||
|
botExpression: BotExpression.down,
|
||||||
|
),
|
||||||
|
Text(
|
||||||
|
controller.widget.choiceFeedback,
|
||||||
|
style: BotStyle.text(context),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
if (controller.res == null)
|
||||||
|
WhyButton(
|
||||||
|
onPress: controller.handleGetExplanationButtonPress,
|
||||||
|
loading: controller.isLoadingFeedback,
|
||||||
|
),
|
||||||
|
if (controller.res != null)
|
||||||
|
Text(
|
||||||
|
controller.res!.text,
|
||||||
|
style: BotStyle.text(context),
|
||||||
|
),
|
||||||
|
// if res is not null, show a button to translate the text
|
||||||
|
if (controller.res != null && controller.translatedFeedback == null)
|
||||||
|
Column(
|
||||||
|
children: [
|
||||||
|
const SizedBox(height: 10),
|
||||||
|
TranslateButton(
|
||||||
|
onPress: controller.translateFeedback,
|
||||||
|
loading: controller.isTranslating,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
if (controller.translatedFeedback != null)
|
||||||
|
//add little line to separate the text from the translation
|
||||||
|
Column(
|
||||||
|
children: [
|
||||||
|
const Divider(
|
||||||
|
color: AppConfig.primaryColor,
|
||||||
|
thickness: 2,
|
||||||
|
height: 20, // Set the space around the divider
|
||||||
|
indent: 20, // Set the starting space (left padding)
|
||||||
|
endIndent: 20, // Set the ending space (right padding)
|
||||||
|
),
|
||||||
|
Text(
|
||||||
|
controller.translatedFeedback!,
|
||||||
|
style: BotStyle.text(context),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// button to translate the text
|
||||||
|
class TranslateButton extends StatelessWidget {
|
||||||
|
const TranslateButton({
|
||||||
|
super.key,
|
||||||
|
required this.onPress,
|
||||||
|
required this.loading,
|
||||||
|
});
|
||||||
|
|
||||||
|
final VoidCallback onPress;
|
||||||
|
final bool loading;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return TextButton(
|
||||||
|
onPressed: loading ? null : onPress,
|
||||||
|
style: ButtonStyle(
|
||||||
|
backgroundColor: MaterialStateProperty.all<Color>(
|
||||||
|
AppConfig.primaryColor.withOpacity(0.1),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: SizedBox(
|
||||||
|
width: 150, // set the width of the button contents here
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
if (!loading) const Icon(Icons.translate),
|
||||||
|
if (loading)
|
||||||
|
const Center(
|
||||||
|
child: SizedBox(
|
||||||
|
width: 24.0,
|
||||||
|
height: 24.0,
|
||||||
|
child: CircularProgressIndicator(),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
// const SizedBox(width: 8),
|
||||||
|
// Text(L10n.of(context)!.translate),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,153 @@
|
|||||||
|
import 'dart:convert';
|
||||||
|
|
||||||
|
import 'package:collection/collection.dart';
|
||||||
|
import 'package:fluffychat/pangea/config/environment.dart';
|
||||||
|
import 'package:fluffychat/pangea/utils/error_handler.dart';
|
||||||
|
import 'package:flutter/foundation.dart';
|
||||||
|
import 'package:http/http.dart';
|
||||||
|
|
||||||
|
import '../constants/model_keys.dart';
|
||||||
|
import '../network/requests.dart';
|
||||||
|
import '../network/urls.dart';
|
||||||
|
import 'pangea_controller.dart';
|
||||||
|
|
||||||
|
class ITFeedbackController {
|
||||||
|
late PangeaController _pangeaController;
|
||||||
|
|
||||||
|
final List<_ITFeedbackCacheItem> _feedback = [];
|
||||||
|
|
||||||
|
ITFeedbackController(PangeaController pangeaController) {
|
||||||
|
_pangeaController = pangeaController;
|
||||||
|
}
|
||||||
|
|
||||||
|
_ITFeedbackCacheItem? _getLocal(
|
||||||
|
ITFeedbackRequestModel req,
|
||||||
|
) =>
|
||||||
|
_feedback.firstWhereOrNull(
|
||||||
|
(e) =>
|
||||||
|
e.chosenContinuance == req.chosenContinuance &&
|
||||||
|
e.sourceText == req.sourceText,
|
||||||
|
);
|
||||||
|
|
||||||
|
Future<ITFeedbackResponseModel?> get(
|
||||||
|
ITFeedbackRequestModel req,
|
||||||
|
) {
|
||||||
|
final _ITFeedbackCacheItem? localItem = _getLocal(req);
|
||||||
|
|
||||||
|
if (localItem != null) return localItem.data;
|
||||||
|
|
||||||
|
_feedback.add(
|
||||||
|
_ITFeedbackCacheItem(
|
||||||
|
chosenContinuance: req.chosenContinuance,
|
||||||
|
sourceText: req.sourceText,
|
||||||
|
data: _get(req),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
|
||||||
|
return _feedback.last.data;
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<ITFeedbackResponseModel?> _get(
|
||||||
|
ITFeedbackRequestModel request,
|
||||||
|
) async {
|
||||||
|
try {
|
||||||
|
final ITFeedbackResponseModel res = await _ITFeedbackRepo.get(
|
||||||
|
await _pangeaController.userController.accessToken,
|
||||||
|
request,
|
||||||
|
);
|
||||||
|
return res;
|
||||||
|
} catch (err, stack) {
|
||||||
|
debugPrint(
|
||||||
|
"error getting contextual definition for ${request.chosenContinuance} in '${request.sourceText}'",
|
||||||
|
);
|
||||||
|
ErrorHandler.logError(e: err, s: stack, data: request.toJson());
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class _ITFeedbackCacheItem {
|
||||||
|
String chosenContinuance;
|
||||||
|
String sourceText;
|
||||||
|
Future<ITFeedbackResponseModel?> data;
|
||||||
|
|
||||||
|
_ITFeedbackCacheItem({
|
||||||
|
required this.chosenContinuance,
|
||||||
|
required this.sourceText,
|
||||||
|
required this.data,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
class _ITFeedbackRepo {
|
||||||
|
static Future<ITFeedbackResponseModel> get(
|
||||||
|
String accessToken,
|
||||||
|
ITFeedbackRequestModel request,
|
||||||
|
) async {
|
||||||
|
final Requests req = Requests(
|
||||||
|
choreoApiKey: Environment.choreoApiKey,
|
||||||
|
accessToken: accessToken,
|
||||||
|
);
|
||||||
|
|
||||||
|
final Response res = await req.post(
|
||||||
|
url: PApiUrls.itFeedback,
|
||||||
|
body: request.toJson(),
|
||||||
|
);
|
||||||
|
|
||||||
|
final ITFeedbackResponseModel response = ITFeedbackResponseModel.fromJson(
|
||||||
|
jsonDecode(
|
||||||
|
utf8.decode(res.bodyBytes).toString(),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
|
||||||
|
if (response.text.isEmpty) {
|
||||||
|
ErrorHandler.logError(
|
||||||
|
e: Exception(
|
||||||
|
"empty text in contextual definition response",
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return response;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class ITFeedbackRequestModel {
|
||||||
|
final String sourceText;
|
||||||
|
final String currentText;
|
||||||
|
final String bestContinuance;
|
||||||
|
final String chosenContinuance;
|
||||||
|
final String feedbackLang;
|
||||||
|
final String sourceTextLang;
|
||||||
|
final String targetLang;
|
||||||
|
|
||||||
|
ITFeedbackRequestModel({
|
||||||
|
required this.sourceText,
|
||||||
|
required this.currentText,
|
||||||
|
required this.bestContinuance,
|
||||||
|
required this.chosenContinuance,
|
||||||
|
required this.feedbackLang,
|
||||||
|
required this.sourceTextLang,
|
||||||
|
required this.targetLang,
|
||||||
|
});
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() => {
|
||||||
|
ModelKey.sourceText: sourceText,
|
||||||
|
ModelKey.currentText: currentText,
|
||||||
|
ModelKey.bestContinuance: bestContinuance,
|
||||||
|
ModelKey.chosenContinuance: chosenContinuance,
|
||||||
|
ModelKey.feedbackLang: feedbackLang,
|
||||||
|
ModelKey.srcLang: sourceTextLang,
|
||||||
|
ModelKey.tgtLang: targetLang,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
class ITFeedbackResponseModel {
|
||||||
|
String text;
|
||||||
|
|
||||||
|
ITFeedbackResponseModel({required this.text});
|
||||||
|
|
||||||
|
factory ITFeedbackResponseModel.fromJson(
|
||||||
|
Map<String, dynamic> json,
|
||||||
|
) =>
|
||||||
|
ITFeedbackResponseModel(text: json[ModelKey.text]);
|
||||||
|
}
|
||||||
@ -0,0 +1,56 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_gen/gen_l10n/l10n.dart';
|
||||||
|
|
||||||
|
import '../../../config/app_config.dart';
|
||||||
|
|
||||||
|
class WhyButton extends StatelessWidget {
|
||||||
|
const WhyButton({
|
||||||
|
super.key,
|
||||||
|
required this.onPress,
|
||||||
|
required this.loading,
|
||||||
|
});
|
||||||
|
|
||||||
|
final VoidCallback onPress;
|
||||||
|
final bool loading;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return TextButton(
|
||||||
|
onPressed: loading ? null : onPress,
|
||||||
|
style: ButtonStyle(
|
||||||
|
backgroundColor: MaterialStateProperty.all<Color>(
|
||||||
|
AppConfig.primaryColor.withOpacity(0.1),
|
||||||
|
),
|
||||||
|
shape: MaterialStateProperty.all<RoundedRectangleBorder>(
|
||||||
|
RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.circular(10), // Border radius
|
||||||
|
side: const BorderSide(
|
||||||
|
color: AppConfig.primaryColor, // Replace with your color
|
||||||
|
style: BorderStyle.solid,
|
||||||
|
width: 2.0,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: SizedBox(
|
||||||
|
width: 150,
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
if (!loading) const Icon(Icons.lightbulb_outline),
|
||||||
|
if (loading)
|
||||||
|
const Center(
|
||||||
|
child: SizedBox(
|
||||||
|
width: 24.0,
|
||||||
|
height: 24.0,
|
||||||
|
child: CircularProgressIndicator(),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 8),
|
||||||
|
Text(L10n.of(context)!.why),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue