eduvia/workavia-mail-front
11
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

TF-313 Apply new ui for BottomBar EmailView

Browse Source
This commit is contained in:
dab246
2022-03-09 15:03:51 +07:00
committed by Dat H. Pham
parent 11735ed1d7
commit 9ce398d937
7 changed files with 45 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/images/ic_forward.svg
+10 -2
View File
@@ -1,3 +1,11 @@
<svg width="24" height="21" viewBox="0 0 24 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.2109 20.0947C13.7373 20.0947 14.167 19.8799 14.6826 19.3965L23.1582 11.3936C23.5664 11.0068 23.7061 10.5986 23.7061 10.2441C23.7061 9.87891 23.5771 9.48145 23.1582 9.08398L14.6826 1.15625C14.1133 0.619141 13.7588 0.393555 13.2324 0.393555C12.4805 0.393555 11.9434 0.984375 11.9434 1.7041V5.76465H11.6318C3.9082 5.76465 0.545898 10.7168 0.545898 18.6553C0.545898 19.5791 1.07227 20.0947 1.65234 20.0947C2.10352 20.0947 2.59766 19.9873 2.97363 19.2998C4.84277 15.7871 7.47461 14.7344 11.6318 14.7344H11.9434V18.8379C11.9434 19.5576 12.4805 20.0947 13.2109 20.0947ZM13.8232 17.7852C13.7373 17.7852 13.6729 17.7207 13.6729 17.624V13.4668C13.6729 13.2197 13.5654 13.1123 13.3184 13.1123H11.8789C6.77637 13.1123 3.52148 14.8848 2.25391 17.5811C2.22168 17.6562 2.2002 17.6885 2.14648 17.6885C2.10352 17.6885 2.07129 17.6562 2.07129 17.5703C2.28613 12.5 4.49902 7.38672 11.8789 7.38672H13.3184C13.5654 7.38672 13.6729 7.2793 13.6729 7.03223V2.76758C13.6729 2.68164 13.7373 2.61719 13.834 2.61719C13.8984 2.61719 13.9629 2.66016 14.0166 2.70312L21.665 10.04C21.7402 10.1152 21.7725 10.1797 21.7725 10.2441C21.7725 10.3086 21.751 10.3623 21.665 10.4482L14.0059 17.6885C13.9521 17.7529 13.8877 17.7852 13.8232 17.7852Z" fill="#007AFF"/>
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_748_83772)">
<path d="M15.9731 5.2133C15.5805 4.9085 15.5093 4.34312 15.8141 3.95048C16.1189 3.55785 16.6843 3.48664 17.0769 3.79144L22.7732 8.21342C25.2425 10.1353 25.2416 13.869 22.772 15.7906L17.077 20.2132C16.6845 20.5181 16.1191 20.447 15.8142 20.0544C15.5093 19.6618 15.5804 19.0964 15.973 18.7915L21.668 14.3689C23.2106 13.1679 23.2102 10.835 21.6676 9.63388L15.9731 5.2133Z" fill="#007AFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5372 5.70555C10.5372 5.45499 10.8242 5.31619 11.02 5.46859L19.1093 11.7646C19.2636 11.8847 19.2636 12.1184 19.1093 12.2385L11.0138 18.5376C10.818 18.69 10.531 18.5512 10.531 18.3006V14.5379C10.531 14.0409 10.128 13.6379 9.63097 13.6379C6.68356 13.6379 4.42061 14.7338 2.63241 16.2743C2.9517 14.5293 3.62177 13.1818 4.51718 12.1631C5.79564 10.7087 7.61377 9.8334 9.77853 9.48909C10.2155 9.41959 10.5372 9.04274 10.5372 8.60026V5.70555ZM12.1256 4.04812C10.7459 2.97429 8.73716 3.9589 8.73716 5.70555V7.85389C6.5653 8.32629 4.61587 9.32444 3.16523 10.9748C1.54333 12.8199 0.625031 15.3892 0.625031 18.708C0.625031 19.088 0.863625 19.427 1.22127 19.5552C1.57891 19.6835 1.97856 19.5733 2.21998 19.2799C3.85416 17.2941 5.89024 15.75 8.73097 15.4799V18.3006C8.73097 20.0472 10.7394 21.0318 12.1192 19.9582L20.2146 13.6591C21.2951 12.8184 21.2952 11.1849 20.2149 10.3441L12.1256 4.04812Z" fill="#007AFF"/>
</g>
<defs>
<clipPath id="clip0_748_83772">
<rect width="24" height="24" fill="white" transform="matrix(-1 0 0 1 24.625 0)"/>
</clipPath>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

assets/images/ic_new_message.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.68657 4.10055L13.225 4.10055C13.722 4.10055 14.125 4.50349 14.125 5.00055C14.125 5.4976 13.722 5.90055 13.225 5.90055H9.72497C8.73003 5.90055 8.03795 5.90125 7.49947 5.94524C6.9715 5.98838 6.67093 6.06861 6.4446 6.18393C5.95538 6.4332 5.55763 6.83095 5.30836 7.32017C5.19304 7.5465 5.11281 7.84707 5.06967 8.37504C5.02568 8.91353 5.02498 9.60561 5.02498 10.6005V14.4005C5.02498 15.3955 5.02568 16.0876 5.06967 16.6261C5.11281 17.154 5.19304 17.4546 5.30836 17.6809C5.55763 18.1701 5.95538 18.5679 6.4446 18.8172C6.67093 18.9325 6.9715 19.0127 7.49947 19.0559C8.03795 19.0998 8.73003 19.1005 9.72498 19.1005H13.525C14.5199 19.1005 15.212 19.0998 15.7505 19.0559C16.2785 19.0127 16.579 18.9325 16.8054 18.8172C17.2946 18.5679 17.6923 18.1701 17.9416 17.6809C18.0569 17.4546 18.1371 17.154 18.1803 16.6261C18.2243 16.0876 18.225 15.3955 18.225 14.4005V10.9005C18.225 10.4035 18.6279 10.0005 19.125 10.0005C19.622 10.0005 20.025 10.4035 20.025 10.9005V14.439C20.025 15.3865 20.025 16.1522 19.9743 16.7726C19.9221 17.4119 19.8116 17.9757 19.5454 18.4981C19.1236 19.326 18.4504 19.9991 17.6225 20.421C17.1002 20.6871 16.5363 20.7976 15.8971 20.8499C15.2766 20.9006 14.5109 20.9006 13.5634 20.9005H9.68657C8.73907 20.9006 7.97332 20.9006 7.35289 20.8499C6.71361 20.7976 6.14978 20.6871 5.62742 20.421C4.7995 19.9991 4.12639 19.326 3.70455 18.4981C3.43839 17.9757 3.32788 17.4119 3.27565 16.7726C3.22496 16.1522 3.22497 15.3865 3.22498 14.439V10.5621C3.22497 9.61464 3.22496 8.84889 3.27565 8.22847C3.32788 7.58918 3.43839 7.02536 3.70455 6.50299C4.12639 5.67508 4.7995 5.00196 5.62742 4.58012C6.14978 4.31396 6.7136 4.20345 7.35289 4.15122C7.97331 4.10053 8.73907 4.10054 9.68657 4.10055Z" fill="#007AFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.2496 3.32609C19.6792 2.89651 20.3757 2.89651 20.8053 3.32609C21.2348 3.75567 21.2348 4.45215 20.8053 4.88172L20.4517 5.23528C20.2955 5.39149 20.0422 5.39149 19.886 5.23528L18.8961 4.24533C18.7399 4.08912 18.7399 3.83585 18.8961 3.67964L19.2496 3.32609ZM18.649 5.90077L18.2247 5.4765C17.7879 5.03963 17.5048 5.0651 17.0934 5.4765C15.3845 7.18534 13.6757 8.89419 11.9668 10.603C10.0142 12.5556 8.77954 14.4868 9.20912 14.9164C9.6387 15.346 11.5698 14.1113 13.5225 12.1587C15.2313 10.4498 16.9401 8.74093 18.649 7.03214C19.0859 6.59526 19.0604 6.31217 18.649 5.90077Z" fill="#007AFF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

assets/images/ic_reply.svg
+2 -2
View File
@@ -1,3 +1,3 @@
<svg width="24" height="21" viewBox="0 0 24 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.5635 20.0947C11.2939 20.0947 11.8203 19.5576 11.8203 18.8379V14.7344H12.1318C16.2998 14.7344 18.9209 15.7871 20.8008 19.2998C21.1768 19.9873 21.6709 20.0947 22.1221 20.0947C22.6914 20.0947 23.2285 19.5791 23.2285 18.6553C23.2285 10.7168 19.8662 5.76465 12.1318 5.76465H11.8203V1.7041C11.8203 0.984375 11.2939 0.393555 10.542 0.393555C10.0156 0.393555 9.66113 0.619141 9.0918 1.15625L0.616211 9.08398C0.197266 9.48145 0.0683594 9.87891 0.0683594 10.2441C0.0683594 10.5986 0.208008 11.0068 0.616211 11.3936L9.0918 19.3965C9.60742 19.8799 10.0371 20.0947 10.5635 20.0947ZM9.95117 17.7852C9.88672 17.7852 9.82227 17.7529 9.76855 17.6885L2.10938 10.4482C2.02344 10.3623 1.99121 10.3086 1.99121 10.2441C1.99121 10.1797 2.02344 10.1152 2.10938 10.04L9.75781 2.70312C9.81152 2.66016 9.87598 2.61719 9.94043 2.61719C10.0371 2.61719 10.0908 2.68164 10.0908 2.76758V7.03223C10.0908 7.2793 10.209 7.38672 10.4561 7.38672H11.8955C19.2646 7.38672 21.4883 12.5 21.7031 17.5703C21.7031 17.6562 21.6709 17.6885 21.6172 17.6885C21.5742 17.6885 21.5527 17.6562 21.5205 17.5811C20.2529 14.8848 16.998 13.1123 11.8955 13.1123H10.4561C10.209 13.1123 10.0908 13.2197 10.0908 13.4668V17.624C10.0908 17.7207 10.0371 17.7852 9.95117 17.7852Z" fill="#007AFF"/>
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.1582 5.70555C13.1582 5.45499 12.8712 5.31619 12.6753 5.46859L4.58605 11.7646C4.43172 11.8847 4.43174 12.1184 4.58608 12.2385L12.6816 18.5376C12.8774 18.69 13.1644 18.5512 13.1644 18.3006V14.5379C13.1644 14.0409 13.5673 13.6379 14.0644 13.6379C17.0118 13.6379 19.2747 14.7338 21.0629 16.2743C20.7436 14.5293 20.0736 13.1818 19.1782 12.1631C17.8997 10.7087 16.0816 9.8334 13.9168 9.48909C13.4798 9.41959 13.1582 9.04274 13.1582 8.60026V5.70555ZM11.5698 4.04812C12.9495 2.97429 14.9582 3.9589 14.9582 5.70555V7.85389C17.13 8.32629 19.0795 9.32444 20.5301 10.9748C22.152 12.8199 23.0703 15.3892 23.0703 18.708C23.0703 19.088 22.8317 19.427 22.4741 19.5552C22.1164 19.6835 21.7168 19.5733 21.4754 19.2799C19.8412 17.2941 17.8051 15.75 14.9644 15.4799V18.3006C14.9644 20.0472 12.9559 21.0318 11.5762 19.9582L3.4807 13.6591C2.40027 12.8184 2.40017 11.1849 3.48048 10.3441L11.5698 4.04812Z" fill="#007AFF"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

core/lib/presentation/resources/image_paths.dart
+1
View File
@@ -64,6 +64,7 @@ class ImagePaths {
String get icRemoveDialog => _getImagePath('ic_remove_dialog.svg');
String get icDeleteEmailAddress => _getImagePath('ic_delete_email_address.svg');
String get icDeleteEmail => _getImagePath('ic_delete_email.svg');
String get icNewMessage => _getImagePath('ic_new_message.svg');
String _getImagePath(String imageName) {
return AssetsPaths.images + imageName;
lib/features/email/presentation/email_view.dart
+2 -1
View File
@@ -38,6 +38,7 @@ class EmailView extends GetView {
_buildAppBar(context),
_buildDivider(),
Expanded(child: _buildEmailBody(context)),
Divider(color: AppColor.colorDividerEmailView, height: 1),
_buildBottomBar(context),
]
)
@@ -75,7 +76,7 @@ class EmailView extends GetView {
Widget _buildBottomBar(BuildContext context) {
return Padding(
padding: EdgeInsets.only(left: 6, top: 6, right: 6, bottom: 6),
padding: EdgeInsets.zero,
child: Obx(() => (BottomBarMailWidgetBuilder(
context,
imagePaths,
lib/features/email/presentation/widgets/bottom_bar_mail_widget_builder.dart
+19 -6
View File
@@ -51,8 +51,7 @@ class BottomBarMailWidgetBuilder {
bottom: _responsiveUtils.isMobileDevice(_context) ? 8 : 16,
right: 5))
..textStyle(TextStyle(
fontWeight: FontWeight.w500,
fontSize: _responsiveUtils.isMobileDevice(_context) ? 13 : 16,
fontSize: _responsiveUtils.isMobileDevice(_context) ? 12 : 16,
color: AppColor.colorTextButton))
..onPressActionClick(() {
if (_onPressEmailActionClick != null) {
@@ -68,8 +67,7 @@ class BottomBarMailWidgetBuilder {
bottom: _responsiveUtils.isMobileDevice(_context) ? 8 : 16,
right: 5))
..textStyle(TextStyle(
fontWeight: FontWeight.w500,
fontSize: _responsiveUtils.isMobileDevice(_context) ? 13 : 16,
fontSize: _responsiveUtils.isMobileDevice(_context) ? 12 : 16,
color: AppColor.colorTextButton))
..onPressActionClick(() {
if (_onPressEmailActionClick != null) {
@@ -85,14 +83,29 @@ class BottomBarMailWidgetBuilder {
bottom: _responsiveUtils.isMobileDevice(_context) ? 8 : 16,
right: 5))
..textStyle(TextStyle(
fontWeight: FontWeight.w500,
fontSize: _responsiveUtils.isMobileDevice(_context) ? 13 : 16,
fontSize: _responsiveUtils.isMobileDevice(_context) ? 12 : 16,
color: AppColor.colorTextButton))
..onPressActionClick(() {
if (_onPressEmailActionClick != null) {
_onPressEmailActionClick!(EmailActionType.forward);
}})
..text(AppLocalizations.of(_context).forward, isVertical: _responsiveUtils.isMobile(_context)))
.build(),
(ButtonBuilder(_imagePaths.icNewMessage)
..key(Key('button_new_message'))
..size(20)
..paddingIcon(EdgeInsets.only(
top: _responsiveUtils.isMobileDevice(_context) ? 10 : 16,
bottom: _responsiveUtils.isMobileDevice(_context) ? 8 : 16,
right: 5))
..textStyle(TextStyle(
fontSize: _responsiveUtils.isMobileDevice(_context) ? 12 : 16,
color: AppColor.colorTextButton))
..onPressActionClick(() {
if (_onPressEmailActionClick != null) {
_onPressEmailActionClick!(EmailActionType.compose);
}})
..text(AppLocalizations.of(_context).new_message, isVertical: _responsiveUtils.isMobile(_context)))
.build()
]
);
lib/main/localizations/app_localizations.dart
+7
View File
@@ -736,4 +736,11 @@ class AppLocalizations {
name: 'preparing_to_save'
);
}
String get new_message {
return Intl.message(
'New message',
name: 'new_message',
);
}
}