Initial commit

2026-09-11 15:59:56 -03:00
commit 0037b0b9cf
651 changed files with 199705 additions and 0 deletions
--- a/lib/pages/chat/recording_input_row.dart
+++ b/lib/pages/chat/recording_input_row.dart
@@ -0,0 +1,107 @@
+// 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/themes.dart';
+import 'package:tatchat/l10n/l10n.dart';
+import 'package:tatchat/pages/chat/chat_input_row.dart';
+import 'package:tatchat/pages/chat/recording_view_model.dart';
+import 'package:material_ui/material_ui.dart';
+
+class RecordingInputRow extends StatelessWidget {
+  final RecordingViewModelState state;
+  final Future<void> Function(String, int, List<int>, String) onSend;
+  const RecordingInputRow({
+    required this.state,
+    required this.onSend,
+    super.key,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    const maxDecibalWidth = 36.0;
+    final time =
+        '${state.duration.inMinutes.toString().padLeft(2, '0')}:${(state.duration.inSeconds % 60).toString().padLeft(2, '0')}';
+    return SizedBox(
+      height: ChatInputRow.height,
+      child: Row(
+        crossAxisAlignment: .center,
+        mainAxisAlignment: .spaceBetween,
+        children: [
+          const SizedBox(width: 8),
+          Container(
+            alignment: .center,
+            width: 48,
+            child: IconButton(
+              tooltip: L10n.of(context).cancel,
+              icon: const Icon(Icons.delete_outlined),
+              color: theme.colorScheme.error,
+              onPressed: state.cancel,
+            ),
+          ),
+          if (state.isPaused)
+            Container(
+              alignment: .center,
+              width: 48,
+              child: IconButton(
+                tooltip: L10n.of(context).resume,
+                icon: const Icon(Icons.play_circle_outline_outlined),
+                onPressed: state.resume,
+              ),
+            )
+          else
+            Container(
+              alignment: .center,
+              width: 48,
+              child: IconButton(
+                tooltip: L10n.of(context).pause,
+                icon: const Icon(Icons.pause_circle_outline_outlined),
+                onPressed: state.pause,
+              ),
+            ),
+          Text(time),
+          Expanded(
+            child: LayoutBuilder(
+              builder: (context, constraints) {
+                const width = 4;
+                return Row(
+                  mainAxisSize: .min,
+                  mainAxisAlignment: .end,
+                  children: state.amplitudeTimeline.reversed
+                      .take((constraints.maxWidth / (width + 2)).floor())
+                      .toList()
+                      .reversed
+                      .map(
+                        (amplitude) => Container(
+                          margin: const EdgeInsets.only(left: 2),
+                          width: width.toDouble(),
+                          decoration: BoxDecoration(
+                            color: theme.colorScheme.primary,
+                            borderRadius: BorderRadius.circular(2),
+                          ),
+                          height: maxDecibalWidth * (amplitude / 100),
+                        ),
+                      )
+                      .toList(),
+                );
+              },
+            ),
+          ),
+          IconButton(
+            style: IconButton.styleFrom(
+              disabledBackgroundColor: theme.bubbleColor.withAlpha(128),
+              backgroundColor: theme.bubbleColor,
+              foregroundColor: theme.onBubbleColor,
+            ),
+            tooltip: L10n.of(context).sendAudio,
+            icon: const Icon(Icons.send_outlined),
+            onPressed: () => state.stopAndSend(onSend),
+          ),
+          const SizedBox(width: 4),
+        ],
+      ),
+    );
+  }
+}