Add widgets builder for mailbox

This commit is contained in:
dab246
2021-07-29 12:48:23 +07:00
committed by Dat H. Pham
parent b84270870a
commit 5d3d2f4c1e
10 changed files with 503 additions and 103 deletions
@@ -4,20 +4,28 @@ import 'package:core/core.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:get/get.dart';
import 'package:model/model.dart';
import 'package:tmail_ui_user/features/mailbox/domain/extensions/presentation_mailbox_extension.dart';
typedef OnOpenMailboxActionClick = void Function();
class MailboxTileBuilder {
final imagePaths = Get.find<ImagePaths>();
final PresentationMailbox _presentationMailbox;
final SelectMode _selectMode;
final BuildContext _context;
final ImagePaths _imagePaths;
final ResponsiveUtils _responsiveUtils;
OnOpenMailboxActionClick? _onOpenMailboxActionClick;
MailboxTileBuilder(this._presentationMailbox);
MailboxTileBuilder(
this._context,
this._imagePaths,
this._responsiveUtils,
this._presentationMailbox,
this._selectMode
);
MailboxTileBuilder onOpenMailboxAction(OnOpenMailboxActionClick onOpenMailboxActionClick) {
_onOpenMailboxActionClick = onOpenMailboxActionClick;
@@ -34,52 +42,56 @@ class MailboxTileBuilder {
alignment: Alignment.center,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(16),
color: _presentationMailbox.selectMode == SelectMode.ACTIVE
color: _selectMode== SelectMode.ACTIVE
? AppColor.mailboxSelectedBackgroundColor
: AppColor.mailboxBackgroundColor),
child: ListTile(
focusColor: AppColor.primaryLightColor,
hoverColor: AppColor.primaryLightColor,
onTap: () => {
if (_onOpenMailboxActionClick != null) {
_onOpenMailboxActionClick!()
}
},
leading: Transform(
transform: Matrix4.translationValues(20.0, 0.0, 0.0),
child: SvgPicture.asset(
'${_presentationMailbox.getMailboxIcon(imagePaths)}',
width: 24,
height: 24,
color: _presentationMailbox.selectMode == SelectMode.ACTIVE
? AppColor.mailboxSelectedIconColor
: AppColor.mailboxIconColor,
fit: BoxFit.fill)),
title: Transform(
transform: Matrix4.translationValues(8.0, 0.0, 0.0),
child: Text(
_presentationMailbox.name!.name,
maxLines: 1,
overflow:TextOverflow.ellipsis,
style: TextStyle(
fontSize: 15,
color: _presentationMailbox.selectMode == SelectMode.ACTIVE
? AppColor.mailboxSelectedTextColor
: AppColor.mailboxTextColor,
fontWeight: FontWeight.bold),
child: MediaQuery(
data: MediaQueryData(padding: EdgeInsets.zero),
child: ListTile(
focusColor: AppColor.primaryLightColor,
hoverColor: AppColor.primaryLightColor,
contentPadding: EdgeInsets.zero,
onTap: () => {
if (_onOpenMailboxActionClick != null) {
_onOpenMailboxActionClick!()
}
},
leading: Padding(
padding: EdgeInsets.only(left: _responsiveUtils.isMobile(_context) ? 40 : 20),
child: SvgPicture.asset(
'${_presentationMailbox.getMailboxIcon(_imagePaths)}',
width: 24,
height: 24,
color: _selectMode == SelectMode.ACTIVE
? AppColor.mailboxSelectedIconColor
: AppColor.mailboxIconColor,
fit: BoxFit.fill)),
title: Padding(
padding: EdgeInsets.only(left: 8),
child: Text(
_presentationMailbox.name!.name,
maxLines: 1,
overflow:TextOverflow.ellipsis,
style: TextStyle(
fontSize: 15,
color: _selectMode == SelectMode.ACTIVE
? AppColor.mailboxSelectedTextColor
: AppColor.mailboxTextColor,
fontWeight: FontWeight.bold),
)),
trailing: Padding(
padding: EdgeInsets.only(right: _responsiveUtils.isMobile(_context) ? 36 : 24, left: 16),
child: Text(
'${_presentationMailbox.getCountUnReadEmails()}',
maxLines: 1,
style: TextStyle(
fontSize: 15,
color: _selectMode == SelectMode.ACTIVE
? AppColor.mailboxSelectedTextNumberColor
: AppColor.mailboxTextNumberColor,
fontWeight: FontWeight.bold))
)),
trailing: Transform(
transform: Matrix4.translationValues(-16.0, 0.0, 0.0),
child: Text(
'${_presentationMailbox.getCountUnReadEmails()}',
maxLines: 1,
style: TextStyle(
fontSize: 15,
color: _presentationMailbox.selectMode == SelectMode.ACTIVE
? AppColor.mailboxSelectedTextNumberColor
: AppColor.mailboxTextNumberColor,
fontWeight: FontWeight.bold))
)),
)
)
);
}