TF-4195 Show submenu when hover Label As item

2025-12-11 17:00:10 +07:00
parent 03b3d1181f
commit b6027e996d
11 changed files with 439 additions and 43 deletions
@@ -0,0 +1,58 @@
+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:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:labels/extensions/label_extension.dart';
+import 'package:labels/model/label.dart';
+
+class LabelItemContextMenu extends StatelessWidget {
+  final Label label;
+  final ImagePaths imagePaths;
+  final bool isSelected;
+
+  const LabelItemContextMenu({
+    super.key,
+    required this.label,
+    required this.imagePaths,
+    required this.isSelected,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+      type: MaterialType.transparency,
+      child: InkWell(
+        onTap: () {},
+        child: Container(
+          height: 48,
+          padding: const EdgeInsets.symmetric(horizontal: 10),
+          child: Row(
+            children: [
+              SvgPicture.asset(
+                isSelected
+                    ? imagePaths.icCheckboxSelected
+                    : imagePaths.icCheckboxUnselected,
+                width: 20,
+                height: 20,
+                colorFilter: isSelected
+                    ? AppColor.primaryMain.asFilter()
+                    : AppColor.steelGrayA540.asFilter(),
+                fit: BoxFit.fill,
+              ),
+              const SizedBox(width: 16),
+              Expanded(
+                child: Text(
+                  label.safeDisplayName,
+                  maxLines: 1,
+                  overflow: TextOverflow.ellipsis,
+                  style: ThemeUtils.textStyleBodyBody3(color: Colors.black),
+                ),
+              )
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
@@ -0,0 +1,38 @@
+import 'package:core/presentation/resources/image_paths.dart';
+import 'package:flutter/material.dart';
+import 'package:labels/model/label.dart';
+import 'package:model/email/presentation_email.dart';
+import 'package:tmail_ui_user/features/email/presentation/extensions/presentation_email_extension.dart';
+import 'package:tmail_ui_user/features/labels/presentation/widgets/label_item_context_menu.dart';
+
+class LabelListContextMenu extends StatelessWidget {
+  final PresentationEmail presentationEmail;
+  final List<Label> labelList;
+  final ImagePaths imagePaths;
+
+  const LabelListContextMenu({
+    super.key,
+    required this.labelList,
+    required this.presentationEmail,
+    required this.imagePaths,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final emailLabels = presentationEmail.getLabelList(labelList);
+
+    return ListView.builder(
+      shrinkWrap: true,
+      itemCount: labelList.length,
+      itemBuilder: (context, index) {
+        final label = labelList[index];
+        final isSelected = emailLabels.contains(label);
+        return LabelItemContextMenu(
+          label: label,
+          imagePaths: imagePaths,
+          isSelected: isSelected,
+        );
+      },
+    );
+  }
+}