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