Init repo

2026-03-09 07:28:14 -07:00 · 2024-09-15 14:12:28 +02:00 · 2024-09-15 14:12:28 +02:00 · 764b6034e3
commit 764b6034e3
566 changed files with 212335 additions and 0 deletions
--- a/lib/screens/shared/passcode_input.dart
+++ b/lib/screens/shared/passcode_input.dart
@ -0,0 +1,173 @@
+import 'package:fladder/screens/shared/animated_fade_size.dart';
+import 'package:fladder/util/list_padding.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+class PassCodeInput extends ConsumerStatefulWidget {
+  final ValueChanged<String> passCode;
+  const PassCodeInput({required this.passCode, super.key});
+
+  @override
+  ConsumerState<ConsumerStatefulWidget> createState() => _PassCodeInputState();
+}
+
+class _PassCodeInputState extends ConsumerState<PassCodeInput> {
+  final iconSize = 45.0;
+  final passCodeLength = 4;
+  var currentPasscode = "";
+  final focusNode = FocusNode();
+
+  @override
+  Widget build(BuildContext context) {
+    focusNode.requestFocus();
+    return KeyboardListener(
+      focusNode: focusNode,
+      autofocus: true,
+      onKeyEvent: (value) {
+        if (value is KeyDownEvent) {
+          final keyInt = int.tryParse(value.logicalKey.keyLabel);
+          if (keyInt != null) {
+            addToPassCode(value.logicalKey.keyLabel);
+          }
+          if (value.logicalKey == LogicalKeyboardKey.backspace) {
+            backSpace();
+          }
+        }
+      },
+      child: AlertDialog.adaptive(
+        scrollable: true,
+        content: Column(
+          mainAxisSize: MainAxisSize.min,
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            Row(
+              mainAxisSize: MainAxisSize.max,
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: List.generate(
+                passCodeLength,
+                (index) => Expanded(
+                  child: Padding(
+                    padding: const EdgeInsets.symmetric(horizontal: 4),
+                    child: SizedBox(
+                      height: iconSize * 1.2,
+                      width: iconSize * 1.2,
+                      child: Card(
+                        child: Transform.translate(
+                          offset: const Offset(0, 5),
+                          child: AnimatedFadeSize(
+                            child: Text(
+                              currentPasscode.length > index ? "*" : "",
+                              style: Theme.of(context).textTheme.displayLarge?.copyWith(fontSize: 60),
+                            ),
+                          ),
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              ).toList(),
+            ),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: List.of([1, 2, 3]).map((e) => passCodeNumber(e)).toList(),
+            ),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: List.of([4, 5, 6]).map((e) => passCodeNumber(e)).toList(),
+            ),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: List.of([7, 8, 9]).map((e) => passCodeNumber(e)).toList(),
+            ),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                backSpaceButton,
+                passCodeNumber(0),
+                clearAllButton,
+              ],
+            )
+          ].addPadding(const EdgeInsets.symmetric(vertical: 8)),
+        ),
+      ),
+    );
+  }
+
+  Widget passCodeNumber(int value) {
+    return IconButton.filledTonal(
+      onPressed: () async {
+        addToPassCode(value.toString());
+      },
+      icon: Container(
+        width: iconSize,
+        height: iconSize,
+        alignment: Alignment.center,
+        child: Text(
+          value.toString(),
+          style: Theme.of(context).textTheme.displaySmall?.copyWith(fontWeight: FontWeight.bold),
+        ),
+      ),
+    );
+  }
+
+  void addToPassCode(String value) async {
+    String newPasscode = currentPasscode + value.toString();
+    if (newPasscode.length == passCodeLength) {
+      Navigator.of(context).pop();
+      await Future.delayed(const Duration(milliseconds: 250));
+      widget.passCode(newPasscode);
+    } else {
+      setState(() {
+        currentPasscode = newPasscode;
+      });
+    }
+  }
+
+  void backSpace() {
+    setState(() {
+      if (currentPasscode.isNotEmpty) {
+        currentPasscode = currentPasscode.substring(0, currentPasscode.length - 1);
+      }
+    });
+  }
+
+  Widget get clearAllButton {
+    return IconButton.filled(
+      style: ButtonStyle(
+        backgroundColor: WidgetStatePropertyAll(Theme.of(context).colorScheme.errorContainer),
+        iconColor: WidgetStatePropertyAll(Theme.of(context).colorScheme.onErrorContainer),
+      ),
+      onPressed: () {
+        setState(() {
+          currentPasscode = "";
+        });
+      },
+      icon: Icon(
+        Icons.clear_rounded,
+        size: iconSize,
+      ),
+    );
+  }
+
+  Widget get backSpaceButton {
+    return IconButton.filled(
+      onPressed: () => backSpace(),
+      icon: Icon(
+        Icons.backspace_rounded,
+        size: iconSize,
+      ),
+    );
+  }
+}
+
+void showPassCodeDialog(BuildContext context, ValueChanged<String> newPin) {
+  showDialog(
+    context: context,
+    builder: (context) => PassCodeInput(
+      passCode: (value) {
+        newPin.call(value);
+      },
+    ),
+  );
+}