feat: dialog badges

Author: iOSonntag

lib/brixies/circle_badge.dart

@@ -0,0 +1,50 @@
+
+
+part of devspace;
+
+
+
+
+class CircleBadge extends StatelessWidget {
+
+  final bool show;
+  final String content;
+  final badges.BadgePosition? position;
+  final Widget? child;
+
+  const CircleBadge({
+    super.key,
+    this.show = true,
+    required this.content,
+    this.position,
+    this.child,
+  });
+
+  @override
+  Widget build(BuildContext context)
+  {
+    if (!show)
+    {
+      return child ?? EmptyWidget();
+    }
+
+    return badges.Badge(
+      badgeStyle: badges.BadgeStyle(
+        elevation: 0,
+        badgeColor: context.colors.primary,
+      ),
+      position: position ?? badges.BadgePosition.topEnd(top: -context.dimensions.spaceSValue, end: 0),
+      badgeAnimation: const badges.BadgeAnimation.fade(
+        toAnimate: false
+      ),
+      stackFit: StackFit.passthrough,
+      badgeContent: Padding(
+        padding: context.paddingXXS,
+        child: TextBody.small(content,
+          color: context.colors.onPrimary,
+        ),
+      ),
+      child: child,
+    );
+  }
+}

lib/core/dialog/default_dialog.dart

@@ -55,6 +55,20 @@ class DefaultDialog extends StatelessWidget {
         );
       }
 
+      if (action.badge != null)
+      {
+        double offset = context.dimensions.spaceSValue + context.dimensions.spaceXXSValue;
+
+        button = CircleBadge(
+          show: true,
+          content: action.badge!,
+          position: badges.BadgePosition.topEnd(top: -context.dimensions.spaceSValue - 0.5 - offset, end: -offset),
+          child: button,
+        );
+      }
+
+
+
       button = ConstrainedBox(
         constraints: BoxConstraints(
           minWidth: context.dimensions.reasonableButtonWidth(context)

lib/core/dialog/dialog_action.dart

@@ -12,6 +12,7 @@ class DialogAction {
   /// If set, overrides the icon for this action type
   final IconData? iconOverride;
   final DateTime? markAsNewUntil;
+  final String? badge;
 
   DialogAction({
     this.enabled = true,
@@ -20,6 +21,7 @@ class DialogAction {
     this.type = kButtonType.regular,
     this.iconOverride,
     this.markAsNewUntil,
+    this.badge,
   });
 
   bool get isCustom => this is CustomDialogAction;
@@ -30,6 +32,7 @@ class DialogAction {
     kButtonType? type,
     IconData? iconOverride,
     DateTime? markAsNewUntil,
+    String? badge,
   })
   {
     return DialogAction(
@@ -38,6 +41,7 @@ class DialogAction {
       type: type ?? this.type,
       iconOverride: iconOverride ?? this.iconOverride,
       markAsNewUntil: markAsNewUntil ?? this.markAsNewUntil,
+      badge: badge ?? this.badge,
     );
   }
 
@@ -83,6 +87,7 @@ class CustomDialogAction extends DialogAction {
     kButtonType? type,
     IconData? iconOverride,
     DateTime? markAsNewUntil,
+    String? badge,
   })
   {
     return CustomDialogAction(

lib/devspace.dart

@@ -40,6 +40,7 @@ import 'package:simple_animations/simple_animations.dart';
 import 'package:super_tooltip/super_tooltip.dart';
 import 'package:url_launcher/url_launcher.dart' as p_url_launcher;
 import 'package:cached_network_image/cached_network_image.dart';
+import 'package:badges/badges.dart' as badges;
 
 import 'lib_strings.dart';
 
@@ -165,6 +166,7 @@ part 'blue_forms/widgets/form_page.dart';
 part 'blue_forms/widgets/form_page_info.dart';
 // brixies
 
+part 'brixies/circle_badge.dart';
 part 'brixies/circle_button_close.dart';
 part 'brixies/controller_holder.dart';
 part 'brixies/edge_shadow.dart';

pubspec.lock

@@ -137,6 +137,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "0.6.1"
+  badges:
+    dependency: "direct main"
+    description:
+      name: badges
+      sha256: a7b6bbd60dce418df0db3058b53f9d083c22cdb5132a052145dc267494df0b84
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.2"
   boolean_selector:
     dependency: transitive
     description:
@@ -221,10 +229,10 @@ packages:
     dependency: transitive
     description:
       name: collection
-      sha256: ee67cb0715911d28db6bf4af1026078bd6f0128b07a5f66fb2ed94ec6783c09a
+      sha256: a1ace0a119f20aabc852d165077c036cd864315bd99b7eaa10a60100341941bf
       url: "https://pub.dev"
     source: hosted
-    version: "1.18.0"
+    version: "1.19.0"
   connectivity_plus:
     dependency: transitive
     description:
@@ -673,18 +681,18 @@ packages:
     dependency: transitive
     description:
       name: leak_tracker
-      sha256: "3f87a60e8c63aecc975dda1ceedbc8f24de75f09e4856ea27daf8958f2f0ce05"
+      sha256: "7bb2830ebd849694d1ec25bf1f44582d6ac531a57a365a803a6034ff751d2d06"
       url: "https://pub.dev"
     source: hosted
-    version: "10.0.5"
+    version: "10.0.7"
   leak_tracker_flutter_testing:
     dependency: transitive
     description:
       name: leak_tracker_flutter_testing
-      sha256: "932549fb305594d82d7183ecd9fa93463e9914e1b67cacc34bc40906594a1806"
+      sha256: "9491a714cca3667b60b5c420da8217e6de0d1ba7a5ec322fab01758f6998f379"
       url: "https://pub.dev"
     source: hosted
-    version: "3.0.5"
+    version: "3.0.8"
   leak_tracker_testing:
     dependency: transitive
     description:
@@ -1009,7 +1017,7 @@ packages:
     dependency: transitive
     description: flutter
     source: sdk
-    version: "0.0.99"
+    version: "0.0.0"
   sliver_tools:
     dependency: transitive
     description:
@@ -1102,10 +1110,10 @@ packages:
     dependency: transitive
     description:
       name: stack_trace
-      sha256: "73713990125a6d93122541237550ee3352a2d84baad52d375a4cad2eb9b7ce0b"
+      sha256: "9f47fd3630d76be3ab26f0ee06d213679aa425996925ff3feffdec504931c377"
       url: "https://pub.dev"
     source: hosted
-    version: "1.11.1"
+    version: "1.12.0"
   stream_channel:
     dependency: transitive
     description:
@@ -1126,10 +1134,10 @@ packages:
     dependency: transitive
     description:
       name: string_scanner
-      sha256: "556692adab6cfa87322a115640c11f13cb77b3f076ddcc5d6ae3c20242bedcde"
+      sha256: "688af5ed3402a4bde5b3a6c15fd768dbf2621a614950b17f04626c431ab3c4c3"
       url: "https://pub.dev"
     source: hosted
-    version: "1.2.0"
+    version: "1.3.0"
   super_tooltip:
     dependency: "direct main"
     description:
@@ -1158,10 +1166,10 @@ packages:
     dependency: transitive
     description:
       name: test_api
-      sha256: "5b8a98dafc4d5c4c9c72d8b31ab2b23fc13422348d2997120294d3bac86b4ddb"
+      sha256: "664d3a9a64782fcdeb83ce9c6b39e78fd2971d4e37827b9b06c3aa1edc5e760c"
       url: "https://pub.dev"
     source: hosted
-    version: "0.7.2"
+    version: "0.7.3"
   tuple:
     dependency: transitive
     description:
@@ -1262,10 +1270,10 @@ packages:
     dependency: transitive
     description:
       name: vm_service
-      sha256: "5c5f338a667b4c644744b661f309fb8080bb94b18a7e91ef1dbd343bed00ed6d"
+      sha256: f6be3ed8bd01289b34d679c2b62226f63c0e69f9fd2e50a6b3c1c729a961041b
       url: "https://pub.dev"
     source: hosted
-    version: "14.2.5"
+    version: "14.3.0"
   web:
     dependency: transitive
     description:

pubspec.yaml

@@ -41,6 +41,7 @@ dependencies:
   path: ^1.9.0
   crop_your_image: ^1.1.0
   cached_network_image: ^3.4.0
+  badges: ^3.1.2
 
 dev_dependencies:
   flutter_test: