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

Apply new style for create identity view on desktop

Browse Source 
Signed-off-by: dab246 <tdvu@linagora.com>
This commit is contained in:
dab246
2025-07-11 19:36:14 +07:00
committed by Dat H. Pham
parent 4fd0931c9e
commit 58d22cbc0b
21 changed files with 1368 additions and 1066 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/base/widget/default_field/default_email_address_drop_down_button.dart
+151
View File
@@ -0,0 +1,151 @@
import 'package:core/presentation/extensions/color_extension.dart';
import 'package:core/presentation/resources/image_paths.dart';
import 'package:core/presentation/utils/theme_utils.dart';
import 'package:dropdown_button2/dropdown_button2.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:jmap_dart_client/jmap/mail/email/email_address.dart';
import 'package:model/extensions/email_address_extension.dart';
import 'package:pointer_interceptor/pointer_interceptor.dart';
typedef OnEmailAddressSelected = void Function(EmailAddress emailAddress);
class DefaultEmailAddressDropDownButton extends StatelessWidget {
final ImagePaths imagePaths;
final List<EmailAddress> emailAddresses;
final EmailAddress? emailAddressSelected;
final OnEmailAddressSelected onEmailAddressSelected;
final bool isEnabled;
const DefaultEmailAddressDropDownButton({
Key? key,
required this.imagePaths,
required this.emailAddresses,
required this.onEmailAddressSelected,
this.emailAddressSelected,
this.isEnabled = true,
}) : super(key: key);
@override
Widget build(BuildContext context) {
if (isEnabled) {
return DropdownButtonHideUnderline(
child: PointerInterceptor(
child: DropdownButton2<EmailAddress>(
isExpanded: true,
items: emailAddresses.map(_buildItemMenu).toList(),
value: emailAddressSelected,
customButton: Container(
height: 40,
decoration: BoxDecoration(
borderRadius: const BorderRadius.all(Radius.circular(10)),
border: Border.all(
color: AppColor.m3Neutral90,
width: 1,
),
color: Colors.white,
),
padding: const EdgeInsetsDirectional.only(start: 12, end: 8),
child: Row(children: [
Expanded(
child: Text(
emailAddressSelected?.emailAddress ?? '',
style: ThemeUtils.textStyleBodyBody3(
color: AppColor.m3SurfaceBackground,
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
),
SvgPicture.asset(imagePaths.icDropDown)
]),
),
onChanged: (value) {
if (value != null) {
onEmailAddressSelected.call(value);
}
},
dropdownStyleData: DropdownStyleData(
maxHeight: 332,
decoration: BoxDecoration(
borderRadius: const BorderRadius.all(Radius.circular(16)),
color: Colors.white,
border: Border.all(color: AppColor.m3Tertiary60),
boxShadow: const [
BoxShadow(color: Colors.black12, blurRadius: 24)
],
),
padding: const EdgeInsets.all(12),
elevation: 0,
offset: const Offset(0.0, -3.0),
scrollbarTheme: ScrollbarThemeData(
radius: const Radius.circular(40),
thickness: WidgetStateProperty.all<double>(6),
thumbVisibility: WidgetStateProperty.all<bool>(true),
),
),
menuItemStyleData: const MenuItemStyleData(
height: 44,
padding: EdgeInsets.symmetric(horizontal: 12),
),
),
),
);
} else {
return Container(
height: 40,
decoration: BoxDecoration(
borderRadius: const BorderRadius.all(Radius.circular(10)),
border: Border.all(
color: AppColor.m3Neutral90,
width: 1,
),
color: AppColor.lightGrayF4F4F4,
),
padding: const EdgeInsetsDirectional.only(start: 12, end: 8),
alignment: AlignmentDirectional.centerStart,
child: Text(
emailAddressSelected?.emailAddress ?? '',
style: ThemeUtils.textStyleBodyBody3(
color: AppColor.m3SurfaceBackground,
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
);
}
}
DropdownMenuItem<EmailAddress> _buildItemMenu(EmailAddress emailAddress) {
return DropdownMenuItem<EmailAddress>(
value: emailAddress,
enabled: emailAddress != emailAddressSelected,
child: PointerInterceptor(
child: Row(
children: [
Expanded(
child: Text(
emailAddress.emailAddress,
style: ThemeUtils.textStyleInter400.copyWith(
fontSize: 15,
height: 20 / 15,
letterSpacing: -0.15,
color: Colors.black,
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
),
if (emailAddress == emailAddressSelected)
SvgPicture.asset(
imagePaths.icChecked,
width: 20,
height: 20,
fit: BoxFit.fill,
),
],
),
),
);
}
}
lib/features/base/widget/default_field/default_horizontal_field_widget.dart
+39
View File
@@ -0,0 +1,39 @@
import 'package:flutter/material.dart';
import 'package:tmail_ui_user/features/base/widget/default_field/default_label_field_widget.dart';
class DefaultHorizontalFieldWidget extends StatelessWidget {
final String label;
final Widget child;
final double labelMaxWidth;
final bool useHeight;
const DefaultHorizontalFieldWidget({
super.key,
required this.label,
required this.child,
this.labelMaxWidth = 112,
this.useHeight = false,
});
@override
Widget build(BuildContext context) {
final bodyWidget = Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(
width: labelMaxWidth,
child: DefaultLabelFieldWidget(label: label),
),
const SizedBox(width: 12),
Expanded(child: child),
],
);
if (useHeight) {
return SizedBox(height: 40, child: bodyWidget);
} else {
return bodyWidget;
}
}
}