workavia-mail-front/lib/features/thread/presentation/widgets/email_tile_builder.dart

import 'dart:math';

import 'package:core/core.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:jmap_dart_client/jmap/mail/mailbox/mailbox.dart';
import 'package:model/model.dart';
import 'package:tmail_ui_user/features/thread/domain/model/search_query.dart';
import 'package:tmail_ui_user/features/thread/presentation/model/search_status.dart';

typedef OnOpenEmailActionClick = void Function(PresentationEmail selectedEmail);
typedef OnSelectEmailActionClick = void Function(PresentationEmail selectedEmail);
typedef OnMarkAsStarEmailActionClick = void Function(PresentationEmail selectedEmail);

class EmailTileBuilder {

  final ImagePaths _imagePaths;
  final PresentationEmail _presentationEmail;
  final BuildContext _context;
  final SelectMode _selectModeAll;
  final Role? _mailboxRole;
  final SearchStatus _searchStatus;
  final SearchQuery? _searchQuery;

  OnOpenEmailActionClick? _onOpenEmailActionClick;
  OnSelectEmailActionClick? _onSelectEmailActionClick;
  OnMarkAsStarEmailActionClick? _onMarkAsStarEmailActionClick;

  EmailTileBuilder(
    this._context,
    this._imagePaths,
    this._presentationEmail,
    this._mailboxRole,
    this._selectModeAll,
    this._searchStatus,
    this._searchQuery,
  );

  void onOpenEmailAction(OnOpenEmailActionClick onOpenEmailActionClick) {
    _onOpenEmailActionClick = onOpenEmailActionClick;
  }

  void onSelectEmailAction(OnSelectEmailActionClick onSelectEmailActionClick) {
    _onSelectEmailActionClick = onSelectEmailActionClick;
  }

  void addOnMarkAsStarEmailActionClick(OnMarkAsStarEmailActionClick onMarkAsStarEmailActionClick) {
    _onMarkAsStarEmailActionClick = onMarkAsStarEmailActionClick;
  }

  Widget build() {
    return Theme(
      data: ThemeData(
        splashColor: Colors.transparent,
        highlightColor: Colors.transparent),
      child: Container(
        key: Key('thread_tile'),
        margin: EdgeInsets.zero,
        padding: EdgeInsets.only(bottom: 10, left: 20, right: 6),
        alignment: Alignment.center,
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(0),
          color: Colors.white),
        child: MediaQuery(
          data: MediaQueryData(padding: EdgeInsets.zero),
          child: Column(children: [
            ListTile(
              contentPadding: EdgeInsets.zero,
              onTap: () => {
                if (_onOpenEmailActionClick != null) {
                  _onOpenEmailActionClick!(_presentationEmail)
                }
              },
              onLongPress: () => {
                if (_onSelectEmailActionClick != null) {
                  _onSelectEmailActionClick!(_presentationEmail)
                }
              },
              leading: Transform(
                  transform: Matrix4.translationValues(-5.0, 0.0, 0.0),
                  child: _buildAvatarIcon()),
              title: Transform(
                  transform: Matrix4.translationValues(-8.0, 0.0, 0.0),
                  child: Row(
                    children: [
                      if (_presentationEmail.isUnReadEmail())
                        Padding(
                          padding: EdgeInsets.only(right: 5),
                          child: SvgPicture.asset(_imagePaths.icUnread, width: 9, height: 9, fit: BoxFit.fill)),
                      Expanded(
                          child: _searchStatus == SearchStatus.ACTIVE && _searchQuery != null && _searchQuery!.value.isNotEmpty
                              ? RichTextBuilder(
                                  _getInformationSender(),
                                  '${_searchQuery!.value}',
                                  TextStyle(fontSize: 15, color: AppColor.colorNameEmail, fontWeight: FontWeight.w600),
                                  TextStyle(fontSize: 15, color: AppColor.colorNameEmail, backgroundColor: AppColor.bgWordSearch, fontWeight: FontWeight.w600)).build()
                              : Text(
                                  _getInformationSender(),
                                  maxLines: 1,
                                  overflow:TextOverflow.ellipsis,
                                  style: TextStyle(fontSize: 15, color: AppColor.colorNameEmail, fontWeight: FontWeight.w600))
                      ),
                      if (_presentationEmail.hasAttachment == true)
                        Padding(
                          padding: EdgeInsets.only(left: 8),
                          child: (ButtonBuilder(_imagePaths.icAttachment)
                              ..padding(0)
                              ..size(16))
                            .build()),
                      Padding(
                          padding: EdgeInsets.only(right: 4, left: 8),
                          child: Text(
                              '${_presentationEmail.getReceivedAt(Localizations.localeOf(_context).toLanguageTag())}',
                              maxLines: 1,
                              overflow:TextOverflow.ellipsis,
                              style: TextStyle(fontSize: 13, color: AppColor.colorContentEmail))),
                      (ButtonBuilder(_imagePaths.icChevron)
                          ..padding(0)
                          ..size(16))
                        .build(),
                    ],
                  )
              ),
              subtitle: Transform(
                  transform: Matrix4.translationValues(-8.0, 8.0, 0.0),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    mainAxisAlignment: MainAxisAlignment.start,
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      Padding(
                          padding: EdgeInsets.zero,
                          child: Row(
                            mainAxisSize: MainAxisSize.min,
                            children: [
                              Expanded(child: _searchStatus == SearchStatus.ACTIVE && _searchQuery != null && _searchQuery!.value.isNotEmpty
                                  ? RichTextBuilder(
                                      '${_presentationEmail.getEmailTitle()}',
                                      '${_searchQuery!.value}',
                                      TextStyle(fontSize: 13, color: AppColor.colorNameEmail),
                                      TextStyle(fontSize: 13, backgroundColor: AppColor.bgWordSearch, color: AppColor.colorNameEmail)).build()
                                  : Text(
                                      '${_presentationEmail.getEmailTitle()}',
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                      style: TextStyle(fontSize: 13, color: AppColor.colorNameEmail))
                              ),
                              if (_searchStatus == SearchStatus.ACTIVE && _presentationEmail.mailboxName.isNotEmpty)
                                Container(
                                    margin: EdgeInsets.only(left: 8),
                                    padding: EdgeInsets.only(left: 8, right: 8, top: 3, bottom: 3),
                                    constraints: BoxConstraints(maxWidth: 100),
                                    decoration: BoxDecoration(
                                        borderRadius: BorderRadius.circular(10),
                                        color: AppColor.backgroundCounterMailboxColor),
                                    child: Text(
                                      '${_presentationEmail.mailboxName}',
                                      maxLines: 1,
                                      overflow: TextOverflow.ellipsis,
                                      style: TextStyle(fontSize: 10, color: AppColor.mailboxTextColor, fontWeight: FontWeight.bold),
                                    )
                                ),
                              if (_presentationEmail.isFlaggedEmail() )
                                (ButtonBuilder(_imagePaths.icStar)
                                  ..padding(0)
                                  ..size(15))
                                .build(),
                            ],
                          )),
                      Padding(
                        padding: EdgeInsets.only(top: 8),
                        child: Row(children: [
                          Expanded(child: _searchStatus == SearchStatus.ACTIVE && _searchQuery != null && _searchQuery!.value.isNotEmpty
                              ? RichTextBuilder(
                                  '${_presentationEmail.getPartialContent()}',
                                  '${_searchQuery!.value}',
                                  TextStyle(fontSize: 13, color: AppColor.colorContentEmail),
                                  TextStyle(fontSize: 13, color: AppColor.colorContentEmail, backgroundColor: AppColor.bgWordSearch)).build()
                              : Text(
                                  '${_presentationEmail.getPartialContent()}',
                                  maxLines: 1,
                                  overflow:TextOverflow.ellipsis,
                                  style: TextStyle(fontSize: 13, color: AppColor.colorContentEmail))
                          ),
                        ]))
                    ],
                  )
              ),
            ),
            Padding(
              padding: EdgeInsets.only(top: 12, right: 12),
              child: Divider(color: AppColor.lineItemListColor, height: 1, thickness: 0.2)),
          ]),
        )
      )
    );
  }

  Widget _buildAvatarIcon() {
    if (_selectModeAll == SelectMode.ACTIVE) {
      return AnimatedSwitcher(
        duration: Duration(milliseconds: 600),
        transitionBuilder: _transitionBuilder,
        child: _presentationEmail.selectMode == SelectMode.ACTIVE
          ? (IconBuilder(_imagePaths.icSelected)
                ..addOnTapActionClick(() {
                  if (_selectModeAll == SelectMode.ACTIVE && _onSelectEmailActionClick != null) {
                    _onSelectEmailActionClick!(_presentationEmail);
                  }}))
              .build()
          : (AvatarBuilder()
                ..text('${_presentationEmail.getAvatarText()}')
                ..size(56)
                ..textColor(Colors.white)
                ..avatarColor(_presentationEmail.avatarColors)
                // .iconStatus(_imagePaths.icOffline)
                ..addOnTapActionClick(() {
                    if (_selectModeAll == SelectMode.ACTIVE && _onSelectEmailActionClick != null) {
                    _onSelectEmailActionClick!(_presentationEmail);
                    }}))
              .build()
      );
    } else {
      return (AvatarBuilder()
          ..text('${_presentationEmail.getAvatarText()}')
          ..size(56)
          ..textColor(Colors.white)
          ..avatarColor(_presentationEmail.avatarColors))
        // .iconStatus(_imagePaths.icOffline)
        .build();
    }
  }

  Widget _transitionBuilder(Widget widget, Animation<double> animation) {
    final rotateAnim = Tween(begin: pi, end: 0.0).animate(animation);
    return AnimatedBuilder(
      animation: rotateAnim,
      child: widget,
      builder: (context, widget) {
        final isUnder = _presentationEmail.selectMode == SelectMode.ACTIVE;
        final value = isUnder ? min(rotateAnim.value, pi / 2) : rotateAnim.value;
        return Transform(
          transform: Matrix4.rotationY(value),
          child: widget,
          alignment: Alignment.center,
        );
      },
    );
  }

  String _getInformationSender() {
    if (_mailboxRole == PresentationMailbox.roleSent
        || _mailboxRole == PresentationMailbox.roleDrafts
        || _mailboxRole == PresentationMailbox.roleOutbox) {
      return '${_presentationEmail.recipientsName()}';
    }
    return '${_presentationEmail.getSenderName()}';
  }
}