TF-2116 Create WebEditorComposer widget and style

(cherry picked from commit 6ea82d66c0e319918a1938b39d0961b7d894a02f)
2023-09-06 11:50:54 +07:00
parent 42beb78bb4
commit 291c2a6bd2
2 changed files with 227 additions and 19 deletions
@@ -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;
+  }
+}