Init mailbox feature add presentation layer
This commit is contained in:
dab246
@@ -0,0 +1,69 @@
|
||||
import 'dart:ui';
|
||||
|
||||
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';
|
||||
|
||||
typedef OnOpenMailboxNewFolderActionClick = void Function();
|
||||
|
||||
class MailboxNewFolderTileBuilder {
|
||||
final imagePath = Get.find<ImagePaths>();
|
||||
|
||||
String? _icon;
|
||||
String? _name;
|
||||
|
||||
OnOpenMailboxNewFolderActionClick? _onOpenMailboxFolderActionClick;
|
||||
|
||||
MailboxNewFolderTileBuilder();
|
||||
|
||||
MailboxNewFolderTileBuilder addIcon(String icon) {
|
||||
_icon = icon;
|
||||
return this;
|
||||
}
|
||||
|
||||
MailboxNewFolderTileBuilder addName(String name) {
|
||||
_name = name;
|
||||
return this;
|
||||
}
|
||||
|
||||
MailboxNewFolderTileBuilder onOpenMailboxFolderAction(OnOpenMailboxNewFolderActionClick onOpenMailboxFolderActionClick) {
|
||||
_onOpenMailboxFolderActionClick = onOpenMailboxFolderActionClick;
|
||||
return this;
|
||||
}
|
||||
|
||||
Widget build() {
|
||||
return Theme(
|
||||
data: ThemeData(
|
||||
splashColor: Colors.transparent,
|
||||
highlightColor: Colors.transparent),
|
||||
child: Container(
|
||||
key: Key('mailbox_new_folder_tile'),
|
||||
alignment: Alignment.center,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
color: AppColor.mailboxBackgroundColor),
|
||||
child: ListTile(
|
||||
onTap: () => {
|
||||
if (_onOpenMailboxFolderActionClick != null) {
|
||||
_onOpenMailboxFolderActionClick!()
|
||||
}
|
||||
},
|
||||
leading: Transform(
|
||||
transform: Matrix4.translationValues(24.0, 0.0, 0.0),
|
||||
child: _icon != null
|
||||
? SvgPicture.asset(_icon!, width: 24, height: 24, color: AppColor.mailboxIconColor, fit: BoxFit.fill)
|
||||
: SizedBox.shrink()),
|
||||
title: Transform(
|
||||
transform: Matrix4.translationValues(10.0, 0.0, 0.0),
|
||||
child: Text(
|
||||
_name ?? '',
|
||||
maxLines: 1,
|
||||
style: TextStyle(fontSize: 15, color: AppColor.mailboxTextColor, fontWeight: FontWeight.bold),
|
||||
)),
|
||||
)
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
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:tmail_ui_user/features/mailbox/presentation/model/mailbox_node.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_tree.dart';
|
||||
|
||||
typedef OnOpenMailBoxFolderActionClick = void Function(MailboxTree mailboxTree);
|
||||
|
||||
class MailBoxFolderTileBuilder extends StatelessWidget {
|
||||
|
||||
final imagePaths = Get.find<ImagePaths>();
|
||||
|
||||
final MailboxNode _mailboxNode;
|
||||
|
||||
final OnOpenMailBoxFolderActionClick? onOpenMailBoxFolderActionClick;
|
||||
|
||||
MailBoxFolderTileBuilder(
|
||||
this._mailboxNode,
|
||||
{
|
||||
this.onOpenMailBoxFolderActionClick
|
||||
}
|
||||
);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
key: Key('mailbox_folder_tile'),
|
||||
alignment: Alignment.center,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
color: AppColor.mailboxBackgroundColor),
|
||||
child: ListTile(
|
||||
leading: Transform(
|
||||
transform: Matrix4.translationValues(20.0, 0.0, 0.0),
|
||||
child: SvgPicture.asset(imagePaths.icMailboxFolder, width: 24, height: 24, color: AppColor.mailboxIconColor, fit: BoxFit.fill)),
|
||||
title: Transform(
|
||||
transform: Matrix4.translationValues(10.0, 0.0, 0.0),
|
||||
child: Text(
|
||||
_mailboxNode.item.name!.name,
|
||||
maxLines: 1,
|
||||
style: TextStyle(fontSize: 15, color: AppColor.mailboxTextColor, fontWeight: FontWeight.bold),
|
||||
)),
|
||||
trailing: Transform(
|
||||
transform: Matrix4.translationValues(-16.0, 0.0, 0.0),
|
||||
child: _mailboxNode.hasChildren()
|
||||
? SvgPicture.asset(
|
||||
imagePaths.icFolderArrow,
|
||||
width: 12,
|
||||
height: 12,
|
||||
color: AppColor.mailboxIconColor,
|
||||
fit: BoxFit.fill)
|
||||
: SizedBox.shrink()))
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,86 @@
|
||||
import 'dart:ui';
|
||||
|
||||
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;
|
||||
|
||||
OnOpenMailboxActionClick? _onOpenMailboxActionClick;
|
||||
|
||||
MailboxTileBuilder(this._presentationMailbox);
|
||||
|
||||
MailboxTileBuilder onOpenMailboxAction(OnOpenMailboxActionClick onOpenMailboxActionClick) {
|
||||
_onOpenMailboxActionClick = onOpenMailboxActionClick;
|
||||
return this;
|
||||
}
|
||||
|
||||
Widget build() {
|
||||
return Theme(
|
||||
data: ThemeData(
|
||||
splashColor: Colors.transparent,
|
||||
highlightColor: Colors.transparent),
|
||||
child: Container(
|
||||
key: Key('mailbox_list_tile'),
|
||||
alignment: Alignment.center,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
color: _presentationMailbox.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),
|
||||
)),
|
||||
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))
|
||||
)),
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,67 @@
|
||||
import 'dart:ui';
|
||||
|
||||
import 'package:core/core.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/widgets.dart';
|
||||
import 'package:flutter_svg/flutter_svg.dart';
|
||||
import 'package:flutter_typeahead/flutter_typeahead.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
|
||||
|
||||
typedef OnNewSearchQuery = Function(String);
|
||||
|
||||
class SearchFormWidgetBuilder {
|
||||
final imagePath = Get.find<ImagePaths>();
|
||||
final TextEditingController _typeAheadController = TextEditingController();
|
||||
|
||||
final BuildContext _context;
|
||||
|
||||
OnNewSearchQuery? _onNewSearchQuery;
|
||||
|
||||
SearchFormWidgetBuilder(this._context);
|
||||
|
||||
SearchFormWidgetBuilder onNewSearchQuery(OnNewSearchQuery onNewSearchQuery) {
|
||||
_onNewSearchQuery = onNewSearchQuery;
|
||||
return this;
|
||||
}
|
||||
|
||||
Widget build() {
|
||||
return Container(
|
||||
key: Key('search_folder_form'),
|
||||
alignment: Alignment.center,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
border: Border.all(color: AppColor.searchBorderColor),
|
||||
color: AppColor.primaryLightColor),
|
||||
child: TypeAheadFormField(
|
||||
textFieldConfiguration: TextFieldConfiguration(
|
||||
controller: _typeAheadController,
|
||||
textInputAction: TextInputAction.done,
|
||||
decoration: InputDecoration(
|
||||
border: InputBorder.none,
|
||||
focusedBorder: InputBorder.none,
|
||||
enabledBorder: InputBorder.none,
|
||||
contentPadding: EdgeInsets.only(left: 0, top: 15, bottom: 15, right: 15),
|
||||
hintText: AppLocalizations.of(_context).search_folder,
|
||||
hintStyle: TextStyle(color: AppColor.searchHintTextColor, fontSize: 15.0, fontWeight: FontWeight.w500),
|
||||
icon: Padding(
|
||||
padding: EdgeInsets.only(left: 20),
|
||||
child: SvgPicture.asset(imagePath.icSearch, width: 24, height: 24, fit: BoxFit.fill),
|
||||
))),
|
||||
debounceDuration: Duration(milliseconds: 300),
|
||||
suggestionsCallback: (pattern) async {
|
||||
if (_onNewSearchQuery != null) {
|
||||
_onNewSearchQuery!(pattern);
|
||||
}
|
||||
return [];
|
||||
},
|
||||
itemBuilder: (BuildContext context, itemData) => SizedBox.shrink(),
|
||||
onSuggestionSelected: (suggestion) {},
|
||||
noItemsFoundBuilder: (context) => SizedBox(),
|
||||
hideOnEmpty: true,
|
||||
hideOnError: true,
|
||||
hideOnLoading: true,
|
||||
hideSuggestionsOnKeyboardHide: true,
|
||||
));
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
import 'dart:ui';
|
||||
|
||||
import 'package:core/core.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/widgets.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
|
||||
|
||||
class StorageWidgetBuilder {
|
||||
final imagePath = Get.find<ImagePaths>();
|
||||
final BuildContext _context;
|
||||
|
||||
StorageWidgetBuilder(this._context);
|
||||
|
||||
Widget build() {
|
||||
return Container(
|
||||
key: Key('storage_widget'),
|
||||
padding: EdgeInsets.only(left: 40, top: 16, bottom: 20, right: 40),
|
||||
color: AppColor.storageBackgroundColor,
|
||||
alignment: Alignment.bottomLeft,
|
||||
height: 112,
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
AppLocalizations.of(_context).storage,
|
||||
maxLines: 1,
|
||||
style: TextStyle(fontSize: 12, color: AppColor.storageTitleColor, fontWeight: FontWeight.w500)),
|
||||
Padding(
|
||||
padding: EdgeInsets.only(top: 8.0),
|
||||
child: RichText(
|
||||
text: TextSpan(
|
||||
style: TextStyle(fontSize: 16, color: AppColor.storageMaxSizeColor, fontWeight: FontWeight.w700),
|
||||
children: [
|
||||
TextSpan(
|
||||
text: '299.6MB',
|
||||
style: TextStyle(fontWeight: FontWeight.w700, fontSize: 16, color: AppColor.storageUseSizeColor)),
|
||||
TextSpan(
|
||||
text: ' / unlimited',
|
||||
style: TextStyle(fontWeight: FontWeight.w700, fontSize: 16, color: AppColor.storageMaxSizeColor))
|
||||
]
|
||||
)
|
||||
)
|
||||
)
|
||||
]
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
import 'dart:ui';
|
||||
|
||||
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';
|
||||
|
||||
typedef OnOpenUserInformationActionClick = void Function();
|
||||
|
||||
class UserInformationWidgetBuilder {
|
||||
final imagePath = Get.find<ImagePaths>();
|
||||
|
||||
OnOpenUserInformationActionClick? _onOpenUserInformationActionClick;
|
||||
|
||||
UserInformationWidgetBuilder();
|
||||
|
||||
UserInformationWidgetBuilder onOpenUserInformationAction(
|
||||
OnOpenUserInformationActionClick onOpenUserInformationActionClick) {
|
||||
_onOpenUserInformationActionClick = onOpenUserInformationActionClick;
|
||||
return this;
|
||||
}
|
||||
|
||||
Widget build() {
|
||||
return Container(
|
||||
key: Key('user_information_widget'),
|
||||
alignment: Alignment.center,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
color: AppColor.userInformationBackgroundColor),
|
||||
child: ListTile(
|
||||
onTap: () {
|
||||
if (_onOpenUserInformationActionClick != null) {
|
||||
_onOpenUserInformationActionClick!();
|
||||
}
|
||||
},
|
||||
leading: SvgPicture.asset(imagePath.icTMailLogo, width: 40, height: 40, fit: BoxFit.fill),
|
||||
title: Transform(
|
||||
transform: Matrix4.translationValues(0.0, 0.0, 0.0),
|
||||
child: Text(
|
||||
'John Doe',
|
||||
maxLines: 1,
|
||||
style: TextStyle(fontSize: 16, color: AppColor.nameUserColor, fontWeight: FontWeight.w500),
|
||||
)),
|
||||
subtitle: Transform(
|
||||
transform: Matrix4.translationValues(0.0, 4.0, 0.0),
|
||||
child: Text(
|
||||
'user@example.com',
|
||||
maxLines: 1,
|
||||
style: TextStyle(fontSize: 12, color: AppColor.emailUserColor, fontWeight: FontWeight.w500),
|
||||
)),
|
||||
trailing: Transform(
|
||||
transform: Matrix4.translationValues(0.0, 0.0, 0.0),
|
||||
child: IconButton(
|
||||
icon: SvgPicture.asset(imagePath.icNextArrow, width: 7, height: 12, fit: BoxFit.fill),
|
||||
onPressed: () => {}))),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user