TF-46 Create composer widget with add presentation

2021-08-26 17:17:08 +07:00
parent ee0dc37b7a
commit ee615c7ccd
15 changed files with 896 additions and 1 deletions
@@ -0,0 +1,146 @@
+import 'package:core/core.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:html_editor_enhanced/html_editor.dart';
+import 'package:model/email/email_action_type.dart';
+import 'package:tmail_ui_user/features/composer/presentation/composer_controller.dart';
+import 'package:tmail_ui_user/features/composer/presentation/widgets/email_address_composer_widget_builder.dart';
+import 'package:tmail_ui_user/features/composer/presentation/widgets/top_bar_composer_widget_builder.dart';
+import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
+
+class ComposerView extends GetWidget<ComposerController> {
+
+  final responsiveUtils = Get.find<ResponsiveUtils>();
+  final imagePaths = Get.find<ImagePaths>();
+  final htmlMessagePurifier = Get.find<HtmlMessagePurifier>();
+  final keyboardUtils = Get.find<KeyboardUtils>();
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      resizeToAvoidBottomInset: false,
+      backgroundColor: AppColor.primaryLightColor,
+      body: SafeArea(
+        right: false,
+        left: false,
+        child: Container(
+          margin: EdgeInsets.zero,
+          alignment: Alignment.topCenter,
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            crossAxisAlignment: CrossAxisAlignment.start,
+            mainAxisSize: MainAxisSize.max,
+            children: [
+              _buildTopBar(context),
+              _buildEmailHeaderField(context),
+              Expanded(child: GestureDetector(
+                onTap: () => keyboardUtils.hideKeyboard(context),
+                child: Container(
+                  color: AppColor.bgComposer,
+                  child: _buildEmailBody(context),
+                ),
+              ))
+            ])
+        )
+      ),
+    );
+  }
+
+  Widget _buildTopBar(BuildContext context) {
+    return Padding(
+      padding: EdgeInsets.only(left: 20, right: 24, top: 12, bottom: 12),
+      child: Obx(() => (TopBarComposerWidgetBuilder(imagePaths, controller.isEnableEmailSendButton.value)
+          ..addBackActionClick(() => controller.backToEmailViewAction()))
+        .build()),
+    );
+  }
+
+  Widget _buildEmailHeaderField(BuildContext context) {
+    return Container(
+      margin: EdgeInsets.zero,
+      padding: EdgeInsets.only(top: 20),
+      color: AppColor.bgComposer,
+      alignment: Alignment.topCenter,
+      child: Column(
+        children: [
+          Padding(
+            padding: EdgeInsets.symmetric(horizontal: 24),
+            child: Obx(() {
+              return (EmailAddressComposerWidgetBuilder(
+                    context,
+                    imagePaths,
+                    controller.expandMode.value,
+                    controller.listEmailAddressSuggestion,
+                    controller.listReplyToEmailAddress.isNotEmpty ? controller.listReplyToEmailAddress : controller.listToEmailAddress,
+                    controller.listCcEmailAddress,
+                    controller.listBccEmailAddress,
+                    controller.composerArguments.value?.userProfile)
+                ..addExpandAddressActionClick(() => controller.expandEmailAddressAction())
+                ..addOnUpdateListEmailAddressAction((prefixEmailAddress, listEmailAddress) => controller.updateListEmailAddress(prefixEmailAddress, listEmailAddress)))
+              .build();
+            })),
+          _buildSubjectEmail(context),
+          Container(
+            margin: EdgeInsets.zero,
+            padding: EdgeInsets.zero,
+            height: 1,
+            color: AppColor.dividerColor,
+          )
+        ],
+      ),
+    );
+  }
+
+  Widget _buildSubjectEmail(BuildContext context) {
+    return Padding(
+      padding: EdgeInsets.only(left: 24, right: 24, bottom: 10, top: 8),
+      child: Obx(() => TextFieldBuilder()
+        .key(Key('subject_email_input'))
+        .textInputAction(TextInputAction.newline)
+        .maxLines(null)
+        .textStyle(TextStyle(color: AppColor.nameUserColor, fontSize: 14, fontWeight: FontWeight.w500))
+        .textDecoration(InputDecoration(
+            hintText: AppLocalizations.of(context).subject_email,
+            hintStyle: TextStyle(color: AppColor.baseTextColor, fontSize: 14, fontWeight: FontWeight.w500),
+            contentPadding: EdgeInsets.zero,
+            filled: true,
+            border: InputBorder.none,
+            fillColor: AppColor.bgComposer))
+        .setText(controller.getEmailSubject(context))
+        .build()),
+    );
+  }
+
+  Widget _buildEmailBody(BuildContext context) {
+    return SingleChildScrollView(
+      physics : ClampingScrollPhysics(),
+      child: Container(
+        margin: EdgeInsets.zero,
+        color: AppColor.bgComposer,
+        padding: EdgeInsets.only(bottom: 30),
+        alignment: Alignment.topCenter,
+        child: _buildEmailBodyEditorQuoted(context)
+      )
+    );
+  }
+
+  Widget _buildEmailBodyEditorQuoted(BuildContext context) {
+    return Obx(() => HtmlEditor(
+      key: Key('email_body_editor_quoted'),
+      controller: controller.htmlEditorController,
+      htmlEditorOptions: HtmlEditorOptions(
+        hint: AppLocalizations.of(context).hint_content_email_composer,
+        initialText: controller.getEmailActionType() != EmailActionType.compose
+            ? controller.getBodyEmailQuotedAsHtml(context, htmlMessagePurifier)
+            : null,
+        disableHorizontalScroll: false,
+        supportZoom: true,
+        horizontalScrollBarEnabled: true,
+        shouldEnsureVisible: true),
+      otherOptions: OtherOptions(
+        decoration: BoxDecoration(),
+        height: 600)
+    ));
+  }
+}