TF-295 Apply new UI for composer web browser

2022-03-16 15:57:59 +07:00
parent 8c66ef9105
commit 1f9fd7c0a7
38 changed files with 1181 additions and 219 deletions
@@ -0,0 +1,43 @@
+
+import 'package:flutter/material.dart';
+
+typedef IconWebCallback = void Function();
+typedef IconWebHasPositionCallback = void Function(RelativeRect);
+
+Widget buildIconWeb({
+  required Widget icon,
+  String? tooltip,
+  IconWebCallback? onTap,
+  EdgeInsets? iconPadding,
+  double? iconSize,
+}) {
+  return Material(
+      type: MaterialType.circle,
+      color: Colors.transparent,
+      child: IconButton(icon: icon, iconSize: iconSize, padding: iconPadding ?? EdgeInsets.all(8.0), tooltip: tooltip, onPressed: onTap)
+  );
+}
+
+Widget buildIconWebHasPosition(BuildContext context, {
+  required Widget icon,
+  String? tooltip,
+  IconWebHasPositionCallback? onTap
+}) {
+  return GestureDetector(
+      onTapDown: (detail) {
+        final screenSize = MediaQuery.of(context).size;
+        final offset = detail.globalPosition;
+        final position = RelativeRect.fromLTRB(
+          offset.dx,
+          offset.dy,
+          screenSize.width - offset.dx,
+          screenSize.height - offset.dy,
+        );
+        onTap?.call(position);
+      },
+      child: Tooltip(
+        message: tooltip,
+        child: icon,
+      )
+  );
+}