Initial commit

2026-09-11 15:59:56 -03:00
commit 0037b0b9cf
651 changed files with 199705 additions and 0 deletions
--- a/lib/pages/call/call_tile.dart
+++ b/lib/pages/call/call_tile.dart
@@ -0,0 +1,140 @@
+// SPDX-FileCopyrightText: 2019-Present Christian Kußowski
+// SPDX-FileCopyrightText: 2019-Present Contributors to FluffyChat
+//
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+import 'package:tatchat/config/app_config.dart';
+import 'package:tatchat/config/themes.dart';
+import 'package:tatchat/widgets/avatar.dart';
+import 'package:livekit_client/livekit_client.dart' as lk;
+import 'package:material_ui/material_ui.dart';
+import 'package:matrix/matrix.dart';
+
+class CallTile extends StatelessWidget {
+  final lk.TrackPublication<lk.VideoTrack>? video;
+  final lk.TrackPublication<lk.AudioTrack>? audio;
+  final User user;
+  final EdgeInsets? margin;
+  final VoidCallback? onTap;
+  final lk.VideoViewFit fit;
+  final double width, height;
+  final bool handRaised, connected, isSpeaking;
+
+  const CallTile({
+    super.key,
+    this.video,
+    this.audio,
+    this.width = 256.0,
+    this.height = 256.0,
+    required this.user,
+    required this.onTap,
+    this.handRaised = false,
+    this.fit = lk.VideoViewFit.cover,
+    this.margin,
+    required this.connected,
+    required this.isSpeaking,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final video = this.video?.track;
+    final theme = Theme.of(context);
+    final borderWidth = isSpeaking ? 5.0 : 1.0;
+
+    return SizedBox(
+      width: width,
+      height: height,
+      child: AnimatedContainer(
+        margin: margin,
+        duration: FluffyThemes.animationDuration,
+        decoration: BoxDecoration(
+          color: theme.colorScheme.surfaceContainer,
+          border: BoxBorder.all(
+            color: isSpeaking
+                ? theme.colorScheme.primaryFixedDim
+                : theme.colorScheme.surfaceContainerHighest,
+            width: borderWidth,
+            strokeAlign: BorderSide.strokeAlignOutside,
+          ),
+          borderRadius: BorderRadius.circular(AppConfig.borderRadius),
+        ),
+        child: ClipRRect(
+          borderRadius: BorderRadius.circular(AppConfig.borderRadius),
+          child: Stack(
+            children: [
+              video != null && !video.muted
+                  ? lk.VideoTrackRenderer(video, fit: fit)
+                  : Center(
+                      child: Avatar(
+                        size: 64,
+                        mxContent: user.avatarUrl,
+                        name: user.calcDisplayname(),
+                      ),
+                    ),
+              Positioned.fill(
+                child: GestureDetector(
+                  behavior: HitTestBehavior.opaque,
+                  onTap: onTap,
+                ),
+              ),
+              if (handRaised)
+                Positioned(
+                  top: 8,
+                  right: 8,
+                  child: Material(
+                    borderRadius: BorderRadius.circular(32),
+                    color: Theme.of(context).colorScheme.surface,
+                    child: Padding(
+                      padding: const EdgeInsets.all(8.0),
+                      child: Icon(
+                        Icons.front_hand_outlined,
+                        color: Theme.of(context).colorScheme.onSurface,
+                      ),
+                    ),
+                  ),
+                ),
+              Positioned(
+                bottom: 8,
+                left: 8,
+                child: Material(
+                  elevation: theme.appBarTheme.elevation ?? 4,
+                  shadowColor: theme.appBarTheme.shadowColor,
+                  borderRadius: BorderRadius.circular(7),
+                  color: Theme.of(
+                    context,
+                  ).colorScheme.surfaceBright.withAlpha(230),
+                  child: Padding(
+                    padding: const EdgeInsets.symmetric(
+                      horizontal: 4.0,
+                      vertical: 2.0,
+                    ),
+                    child: Row(
+                      mainAxisSize: .min,
+                      spacing: 4,
+                      children: [
+                        if (audio != null)
+                          Icon(
+                            audio?.muted == false ? Icons.mic : Icons.mic_off,
+                            size: 12,
+                          ),
+                        if (this.video?.isScreenShare == true)
+                          Icon(Icons.screen_share_outlined, size: 12),
+                        Text(
+                          user.calcDisplayname(),
+                          maxLines: 1,
+                          style: TextStyle(fontSize: 12),
+                        ),
+                        if (!connected)
+                          Icon(Icons.portable_wifi_off_outlined, size: 12),
+                      ],
+                    ),
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}