feature(gui): first basic attempt for a gui frontend in flutter

2024-05-15 19:46:48 +02:00 · 2024-05-15 19:46:48 +02:00 · 113e1cfe53
commit 113e1cfe53
parent 9db004472a
147 changed files with 6011 additions and 34 deletions
--- a/caesar_gui/lib/pages/receive_screen.dart
+++ b/caesar_gui/lib/pages/receive_screen.dart
@ -0,0 +1,148 @@
+import 'dart:io';
+
+import 'package:caesar_transfer/messages/ressource.pb.dart';
+import '../messages/generated.dart';
+import 'package:flutter/material.dart';
+import 'package:mobile_scanner/mobile_scanner.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+
+const backColor = Color(0xFF32363E);
+const highlightColor = Color(0xFF98C379);
+const textColor = Color(0xFFABB2BF);
+
+class ReceiveScreen extends StatefulWidget {
+  @override
+  _ReceiveScreenState createState() => _ReceiveScreenState();
+}
+
+class _ReceiveScreenState extends State<ReceiveScreen> {
+  String appOrigin = '';
+  final myController = TextEditingController();
+  String greetingText = '';
+  bool _showScanner = false;
+
+  Widget _buildQRScanner() {
+    if (Platform.isIOS || Platform.isAndroid) {
+      return MobileScanner(
+        controller: MobileScannerController(
+            detectionSpeed: DetectionSpeed.noDuplicates),
+        onDetect: (barcode) {
+          if (barcode.raw == null) {
+            debugPrint('Failed to scan qr code');
+          } else {
+            final String code = barcode.raw.toString();
+            setState(() {
+              greetingText = code;
+              _showScanner = false;
+            });
+          }
+        },
+      );
+    } else {
+      _showScanner = false;
+      return const SizedBox.shrink();
+    }
+  }
+
+  Future<void> loadSettings() async {
+    SharedPreferences prefs = await SharedPreferences.getInstance();
+    appOrigin = prefs.getString('app_origin') ??
+        'wss://caesar-transfer-iu.shuttleapp.rs'; // Laden Sie die app_origin
+  }
+
+  void _sendTransferNameToRust(String appOrigin) {
+    final transferName = myController.text.trim();
+    if (transferName.isNotEmpty) {
+      TransferName(relay: appOrigin, transferName: transferName)
+          .sendSignalToRust();
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: backColor,
+      body: Center(
+          child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          if (!_showScanner)
+            GestureDetector(
+              onTap: () {
+                setState(() {
+                  _showScanner = true;
+                });
+              },
+              child: Container(
+                width: 200,
+                height: 200,
+                decoration: BoxDecoration(
+                  shape: BoxShape.circle,
+                  color: textColor,
+                ),
+                child: const Center(
+                  child: Icon(
+                    Icons.qr_code,
+                    color: highlightColor,
+                    size: 100,
+                  ),
+                ),
+              ),
+            ),
+          if (_showScanner)
+            Container(
+              width: MediaQuery.of(context).size.width * 0.8,
+              height: MediaQuery.of(context).size.height * 0.5,
+              decoration: BoxDecoration(
+                color: Colors.white,
+                borderRadius: BorderRadius.circular(16),
+              ),
+              child: _buildQRScanner(),
+            ),
+          const SizedBox(height: 32),
+          Padding(
+            padding: const EdgeInsets.symmetric(horizontal: 16),
+            child: SizedBox(
+              width: MediaQuery.of(context).size.width * 0.5,
+              child: TextField(
+                controller: myController,
+                textAlign: TextAlign.center,
+                style: const TextStyle(
+                  color: highlightColor,
+                ),
+                decoration: const InputDecoration(
+                  labelText: 'Enter Transfername',
+                  labelStyle: TextStyle(color: Colors.white54),
+                  enabledBorder: UnderlineInputBorder(
+                    borderSide: BorderSide(color: Colors.white),
+                  ),
+                  focusedBorder: UnderlineInputBorder(
+                    borderSide: BorderSide(color: Colors.white),
+                  ),
+                ),
+              ),
+            ),
+          ),
+          const SizedBox(height: 16),
+          ElevatedButton(
+            style: ElevatedButton.styleFrom(
+              backgroundColor: textColor,
+              foregroundColor: highlightColor,
+              shape: RoundedRectangleBorder(
+                borderRadius: BorderRadius.circular(20),
+              ),
+            ),
+            onPressed: () {
+              loadSettings().then((_) => _sendTransferNameToRust(appOrigin));
+            },
+            child: const Text('Receive'),
+          ),
+          Text(
+            greetingText,
+            style: const TextStyle(color: Colors.white),
+          ),
+        ],
+      )),
+    );
+  }
+}