TF-3952 Change Select all button style
Signed-off-by: dab246 <tdvu@linagora.com>
This commit is contained in:
+60
-83
@@ -1,8 +1,7 @@
|
|||||||
import 'package:core/presentation/extensions/color_extension.dart';
|
import 'package:core/presentation/extensions/color_extension.dart';
|
||||||
import 'package:core/presentation/utils/theme_utils.dart';
|
import 'package:core/presentation/utils/theme_utils.dart';
|
||||||
import 'package:core/presentation/views/button/icon_button_web.dart';
|
import 'package:core/presentation/views/button/tmail_button_widget.dart';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_svg/flutter_svg.dart';
|
|
||||||
import 'package:get/get.dart';
|
import 'package:get/get.dart';
|
||||||
import 'package:model/extensions/email_address_extension.dart';
|
import 'package:model/extensions/email_address_extension.dart';
|
||||||
import 'package:model/mailbox/select_mode.dart';
|
import 'package:model/mailbox/select_mode.dart';
|
||||||
@@ -51,94 +50,72 @@ class ListEmailForwardsWidget extends GetWidget<ForwardController> {
|
|||||||
}
|
}
|
||||||
|
|
||||||
Widget _buildTitleHeader(BuildContext context) {
|
Widget _buildTitleHeader(BuildContext context) {
|
||||||
return Obx(() => Container(
|
return Container(
|
||||||
width: double.infinity,
|
width: double.infinity,
|
||||||
color: Colors.transparent,
|
padding: const EdgeInsetsDirectional.only(end: 12, top: 32, bottom: 16),
|
||||||
height: 44,
|
child: Obx(
|
||||||
padding: const EdgeInsets.only(right: 12),
|
() => Row(
|
||||||
child: Row(children: [
|
children: [
|
||||||
if (controller.selectionMode.value == SelectMode.ACTIVE)
|
if (controller.selectionMode.value == SelectMode.ACTIVE)
|
||||||
_buildCancelSectionButton(context),
|
_buildCancelSectionButton(context),
|
||||||
if (!controller.isAllSelected)
|
if (!controller.isAllSelected)
|
||||||
_buildSelectAllButton(context),
|
_buildSelectAllButton(context),
|
||||||
const Spacer(),
|
const Spacer(),
|
||||||
const SizedBox(width: 12),
|
if (controller.listRecipientForwardSelected.isNotEmpty)
|
||||||
if (controller.listRecipientForwardSelected.isNotEmpty)
|
_buildDeleteAllButton(context)
|
||||||
_buildDeleteAllButton(context)
|
],
|
||||||
]),
|
|
||||||
));
|
|
||||||
}
|
|
||||||
|
|
||||||
Widget _buildSelectAllButton(BuildContext context) {
|
|
||||||
return Material(
|
|
||||||
color: Colors.transparent,
|
|
||||||
child: InkWell(
|
|
||||||
customBorder: const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(5))),
|
|
||||||
onTap: controller.selectAllRecipientForward,
|
|
||||||
child: Padding(
|
|
||||||
padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 12),
|
|
||||||
child: Text(
|
|
||||||
AppLocalizations.of(context).select_all,
|
|
||||||
style: ThemeUtils.defaultTextStyleInterFont.copyWith(
|
|
||||||
fontSize: 15,
|
|
||||||
fontWeight: FontWeight.normal,
|
|
||||||
color: AppColor.colorTextButton
|
|
||||||
)
|
|
||||||
),
|
|
||||||
),
|
),
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
Widget _buildCancelSectionButton(BuildContext context) {
|
|
||||||
return Padding(
|
|
||||||
padding: const EdgeInsets.only(right: 8),
|
|
||||||
child: Row(
|
|
||||||
mainAxisSize: MainAxisSize.min,
|
|
||||||
children: [
|
|
||||||
buildIconWeb(
|
|
||||||
icon: SvgPicture.asset(
|
|
||||||
controller.imagePaths.icClose,
|
|
||||||
colorFilter: AppColor.colorTextButton.asFilter(),
|
|
||||||
fit: BoxFit.fill),
|
|
||||||
tooltip: AppLocalizations.of(context).cancel,
|
|
||||||
onTap: controller.cancelSelectionMode
|
|
||||||
),
|
|
||||||
Text(
|
|
||||||
controller.isAllSelected
|
|
||||||
? AppLocalizations.of(context).totalEmailSelected(controller.listRecipientForwardSelected.length)
|
|
||||||
: AppLocalizations.of(context).count_email_selected(controller.listRecipientForwardSelected.length),
|
|
||||||
style: ThemeUtils.defaultTextStyleInterFont.copyWith(
|
|
||||||
fontSize: 15,
|
|
||||||
fontWeight: FontWeight.normal,
|
|
||||||
color: AppColor.colorTextButton
|
|
||||||
)
|
|
||||||
)
|
|
||||||
],
|
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Widget _buildSelectAllButton(BuildContext context) {
|
||||||
|
return TMailButtonWidget.fromText(
|
||||||
|
text: AppLocalizations.of(context).select_all,
|
||||||
|
textStyle: ThemeUtils.textStyleInter600().copyWith(
|
||||||
|
letterSpacing: 0.25,
|
||||||
|
fontSize: 14,
|
||||||
|
height: 20 / 14,
|
||||||
|
color: AppColor.gray424244,
|
||||||
|
),
|
||||||
|
backgroundColor: Colors.transparent,
|
||||||
|
onTapActionCallback: controller.selectAllRecipientForward,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildCancelSectionButton(BuildContext context) {
|
||||||
|
return TMailButtonWidget(
|
||||||
|
text: controller.isAllSelected
|
||||||
|
? AppLocalizations.of(context).totalEmailSelected(controller.listRecipientForwardSelected.length)
|
||||||
|
: AppLocalizations.of(context).count_email_selected(controller.listRecipientForwardSelected.length),
|
||||||
|
textStyle: ThemeUtils.textStyleInter600().copyWith(
|
||||||
|
letterSpacing: 0.25,
|
||||||
|
fontSize: 14,
|
||||||
|
height: 20 / 14,
|
||||||
|
color: AppColor.gray424244,
|
||||||
|
),
|
||||||
|
icon: controller.imagePaths.icClose,
|
||||||
|
iconSize: 20,
|
||||||
|
iconColor: AppColor.gray424244,
|
||||||
|
backgroundColor: Colors.transparent,
|
||||||
|
onTapActionCallback: controller.cancelSelectionMode,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
Widget _buildDeleteAllButton(BuildContext context) {
|
Widget _buildDeleteAllButton(BuildContext context) {
|
||||||
return Material(
|
return TMailButtonWidget.fromText(
|
||||||
color: Colors.transparent,
|
text: AppLocalizations.of(context).remove,
|
||||||
child: InkWell(
|
textStyle: ThemeUtils.textStyleInter600().copyWith(
|
||||||
customBorder: const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(5))),
|
letterSpacing: 0.25,
|
||||||
child: Padding(
|
fontSize: 14,
|
||||||
padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 6),
|
height: 20 / 14,
|
||||||
child: Text(
|
color: AppColor.redFF3347,
|
||||||
AppLocalizations.of(context).remove,
|
),
|
||||||
style: ThemeUtils.defaultTextStyleInterFont.copyWith(
|
backgroundColor: Colors.transparent,
|
||||||
fontSize: 15,
|
onTapActionCallback: () => controller.deleteMultipleRecipients(
|
||||||
fontWeight: FontWeight.normal,
|
context,
|
||||||
color: AppColor.colorDeletePermanentlyButton
|
controller.listRecipientForwardSelected.listEmailAddress,
|
||||||
)
|
),
|
||||||
),
|
|
||||||
),
|
|
||||||
onTap: () => controller.deleteMultipleRecipients(
|
|
||||||
context,
|
|
||||||
controller.listRecipientForwardSelected.listEmailAddress)
|
|
||||||
)
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user