eduvia/workavia-mail-front
11
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

TF-2116 Create WebEditorComposer widget and style

Browse Source 
(cherry picked from commit 6ea82d66c0e319918a1938b39d0961b7d894a02f)
This commit is contained in:
dab246
2023-09-06 11:50:54 +07:00
committed by Dat H. Pham
parent 42beb78bb4
commit 291c2a6bd2
2 changed files with 227 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/composer/presentation/view/web_editor_view.dart
+194
View File
@@ -0,0 +1,194 @@
import 'package:core/presentation/extensions/html_extension.dart';
import 'package:core/presentation/state/failure.dart';
import 'package:core/presentation/state/success.dart';
import 'package:core/utils/app_logger.dart';
import 'package:dartz/dartz.dart';
import 'package:flutter/material.dart';
import 'package:html_editor_enhanced/html_editor.dart';
import 'package:model/email/email_action_type.dart';
import 'package:model/email/presentation_email.dart';
import 'package:tmail_ui_user/features/base/widget/cupertino_loading_widget.dart';
import 'package:tmail_ui_user/features/composer/presentation/extensions/email_action_type_extension.dart';
import 'package:tmail_ui_user/features/composer/presentation/widgets/web_editor_widget.dart';
import 'package:tmail_ui_user/features/email/domain/state/get_email_content_state.dart';
import 'package:tmail_ui_user/features/email/domain/state/transform_html_email_content_state.dart';
import 'package:tmail_ui_user/features/email/presentation/model/composer_arguments.dart';
import 'package:tmail_ui_user/main/utils/app_utils.dart';
class WebEditorView extends StatelessWidget {
final HtmlEditorController editorController;
final ComposerArguments? arguments;
final Either<Failure, Success>? contentViewState;
final String? currentWebContent;
final OnInitialContentEditorAction? onInitial;
final OnChangeContentEditorAction? onChangeContent;
final VoidCallback? onFocus;
final VoidCallback? onUnFocus;
final OnMouseDownEditorAction? onMouseDown;
final OnEditorSettingsChange? onEditorSettings;
const WebEditorView({
super.key,
required this.editorController,
this.arguments,
this.contentViewState,
this.currentWebContent,
this.onInitial,
this.onChangeContent,
this.onFocus,
this.onUnFocus,
this.onMouseDown,
this.onEditorSettings,
});
@override
Widget build(BuildContext context) {
if (arguments == null) {
return const SizedBox.shrink();
}
switch(arguments!.emailActionType) {
case EmailActionType.compose:
case EmailActionType.composeFromEmailAddress:
case EmailActionType.composeFromFileShared:
return WebEditorWidget(
editorController: editorController,
content: currentWebContent ?? HtmlExtension.editorStartTags,
direction: AppUtils.getCurrentDirection(context),
onInitial: onInitial,
onChangeContent: onChangeContent,
onFocus: onFocus,
onUnFocus: onUnFocus,
onMouseDown: onMouseDown,
onEditorSettings: onEditorSettings,
);
case EmailActionType.editDraft:
case EmailActionType.editSendingEmail:
case EmailActionType.composeFromContentShared:
case EmailActionType.reopenComposerBrowser:
if (contentViewState == null) {
return const SizedBox.shrink();
}
return contentViewState!.fold(
(failure) => WebEditorWidget(
editorController: editorController,
content: currentWebContent ?? HtmlExtension.editorStartTags,
direction: AppUtils.getCurrentDirection(context),
onInitial: onInitial,
onChangeContent: onChangeContent,
onFocus: onFocus,
onUnFocus: onUnFocus,
onMouseDown: onMouseDown,
onEditorSettings: onEditorSettings,
),
(success) {
if (success is GetEmailContentLoading) {
return const CupertinoLoadingWidget(padding: EdgeInsets.all(16.0));
} else {
var newContent = success is GetEmailContentSuccess
? success.htmlEmailContent
: HtmlExtension.editorStartTags;
if (newContent.isEmpty) {
newContent = HtmlExtension.editorStartTags;
}
return WebEditorWidget(
editorController: editorController,
content: currentWebContent ?? newContent,
direction: AppUtils.getCurrentDirection(context),
onInitial: onInitial,
onChangeContent: onChangeContent,
onFocus: onFocus,
onUnFocus: onUnFocus,
onMouseDown: onMouseDown,
onEditorSettings: onEditorSettings,
);
}
}
);
case EmailActionType.reply:
case EmailActionType.replyAll:
case EmailActionType.forward:
if (contentViewState == null) {
return const SizedBox.shrink();
}
return contentViewState!.fold(
(failure) {
final emailContentQuoted = _getEmailContentQuotedAsHtml(
context: context,
emailContent: '',
emailActionType: arguments!.emailActionType,
presentationEmail: arguments!.presentationEmail!
);
return WebEditorWidget(
editorController: editorController,
content: currentWebContent ?? emailContentQuoted,
direction: AppUtils.getCurrentDirection(context),
onInitial: onInitial,
onChangeContent: onChangeContent,
onFocus: onFocus,
onUnFocus: onUnFocus,
onMouseDown: onMouseDown,
onEditorSettings: onEditorSettings,
);
},
(success) {
if (success is TransformHtmlEmailContentLoading) {
return const CupertinoLoadingWidget(padding: EdgeInsets.all(16.0));
} else {
final emailContentQuoted = _getEmailContentQuotedAsHtml(
context: context,
emailContent: success is TransformHtmlEmailContentSuccess
? success.htmlContent
: '',
emailActionType: arguments!.emailActionType,
presentationEmail: arguments!.presentationEmail!
);
return WebEditorWidget(
editorController: editorController,
content: currentWebContent ?? emailContentQuoted,
direction: AppUtils.getCurrentDirection(context),
onInitial: onInitial,
onChangeContent: onChangeContent,
onFocus: onFocus,
onUnFocus: onUnFocus,
onMouseDown: onMouseDown,
onEditorSettings: onEditorSettings,
);
}
}
);
default:
return WebEditorWidget(
editorController: editorController,
content: currentWebContent ?? HtmlExtension.editorStartTags,
direction: AppUtils.getCurrentDirection(context),
onInitial: onInitial,
onChangeContent: onChangeContent,
onFocus: onFocus,
onUnFocus: onUnFocus,
onMouseDown: onMouseDown,
onEditorSettings: onEditorSettings,
);
}
}
String _getEmailContentQuotedAsHtml({
required BuildContext context,
required String emailContent,
required EmailActionType emailActionType,
required PresentationEmail presentationEmail,
}) {
final headerEmailQuoted = emailActionType.getHeaderEmailQuoted(
context: context,
presentationEmail: presentationEmail
);
log('WebEditorView::getEmailContentQuotedAsHtml:headerEmailQuoted: $headerEmailQuoted');
final headerEmailQuotedAsHtml = headerEmailQuoted != null
? headerEmailQuoted.addCiteTag()
: '';
final emailQuotedHtml = '${HtmlExtension.editorStartTags}$headerEmailQuotedAsHtml${emailContent.addBlockQuoteTag()}';
return emailQuotedHtml;
}
}
lib/features/composer/presentation/widgets/email_editor_widget.dart → lib/features/composer/presentation/widgets/web_editor_widget.dart
+33 -19
View File
@@ -3,39 +3,53 @@ import 'package:core/presentation/utils/html_transformer/html_utils.dart';
import 'package:core/utils/app_logger.dart';
import 'package:flutter/material.dart';
import 'package:html_editor_enhanced/html_editor.dart';
import 'package:tmail_ui_user/features/composer/presentation/composer_controller.dart';
class EmailEditorWidget extends StatefulWidget {
typedef OnChangeContentEditorAction = Function(String? text);
typedef OnInitialContentEditorAction = Function(String text);
typedef OnMouseDownEditorAction = Function(BuildContext context);
typedef OnEditorSettingsChange = Function(EditorSettings settings);
class WebEditorWidget extends StatefulWidget {
final ComposerController controller;
final String content;
final TextDirection direction;
final HtmlEditorController editorController;
final OnInitialContentEditorAction? onInitial;
final OnChangeContentEditorAction? onChangeContent;
final VoidCallback? onFocus;
final VoidCallback? onUnFocus;
final OnMouseDownEditorAction? onMouseDown;
final OnEditorSettingsChange? onEditorSettings;
const EmailEditorWidget({
const WebEditorWidget({
super.key,
required this.controller,
required this.content,
required this.direction,
required this.editorController,
this.onInitial,
this.onChangeContent,
this.onFocus,
this.onUnFocus,
this.onMouseDown,
this.onEditorSettings,
});
@override
State<EmailEditorWidget> createState() => _EmailEditorState();
State<WebEditorWidget> createState() => _WebEditorState();
}
class _EmailEditorState extends State<EmailEditorWidget> {
class _WebEditorState extends State<WebEditorWidget> {
late ComposerController _controller;
late HtmlEditorController _editorController;
@override
void initState() {
_controller = widget.controller;
_editorController = _controller.richTextWebController.editorController;
_editorController = widget.editorController;
super.initState();
}
@override
void didUpdateWidget(covariant EmailEditorWidget oldWidget) {
void didUpdateWidget(covariant WebEditorWidget oldWidget) {
log('_EmailEditorState::didUpdateWidget():Old: ${oldWidget.direction} | current: ${widget.direction}');
if (oldWidget.direction != widget.direction) {
_editorController.updateBodyDirection(widget.direction.name);
@@ -61,14 +75,14 @@ class _EmailEditorState extends State<EmailEditorWidget> {
),
otherOptions: const OtherOptions(height: 550),
callbacks: Callbacks(
onBeforeCommand: _controller.onChangeTextEditorWeb,
onChangeContent: _controller.onChangeTextEditorWeb,
onInit: () => _controller.handleInitHtmlEditorWeb(widget.content),
onFocus: _controller.handleOnFocusHtmlEditorWeb,
onBlur: _controller.handleOnUnFocusHtmlEditorWeb,
onMouseDown: () => _controller.handleOnMouseDownHtmlEditorWeb(context),
onChangeSelection: _controller.richTextWebController.onEditorSettingsChange,
onChangeCodeview: _controller.onChangeTextEditorWeb
onBeforeCommand: widget.onChangeContent,
onChangeContent: widget.onChangeContent,
onInit: () => widget.onInitial?.call(widget.content),
onFocus: widget.onFocus,
onBlur: widget.onUnFocus,
onMouseDown: () => widget.onMouseDown?.call(context),
onChangeSelection: widget.onEditorSettings,
onChangeCodeview: widget.onChangeContent
),
);
}