workavia-mail-front/lib/features/composer/presentation/composer_view.dart

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)
          ..addSendEmailActionClick(() => controller.sendEmailAction(context))
          ..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: _buildEmailAddress(context)),
          _buildSubjectEmail(context),
          Container(
            margin: EdgeInsets.zero,
            padding: EdgeInsets.zero,
            height: 1,
            color: AppColor.dividerColor,
          )
        ],
      ),
    );
  }
  
  Widget _buildEmailAddress(BuildContext context) {
    return Obx(() => (EmailAddressComposerWidgetBuilder(
            context,
            imagePaths,
            controller.expandMode.value,
            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))
        ..addOnSuggestionEmailAddress((word) => controller.searchEmailAddressSuggestion(word)))
      .build()
    );
  }

  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)
        .onChange((value) => controller.setSubjectEmail(value))
        .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: controller.getEmailActionType() != EmailActionType.compose 
          ? EdgeInsets.only(bottom: 30, left: 16, right: 16)
          : 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,
        shouldEnsureVisible: true),
      otherOptions: OtherOptions(decoration: BoxDecoration()),
      callbacks: Callbacks(
        onFocus: () {
          FocusScope.of(context).unfocus();
        }
      ),
    ));
  }
}