✨ Implement connection selector

- Ability to Add/Modify/Delete connections
2024-02-29 20:06:13 +01:00
parent 959796210d
commit 8e82ad36cb
3 changed files with 224 additions and 1 deletions
--- a/lib/connection_editor.dart
+++ b/lib/connection_editor.dart
@ -0,0 +1,84 @@
+import 'dart:math';
+
+import 'package:flutter/material.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+
+class ConnectionEditor extends StatefulWidget {
+  final SharedPreferences prefs;
+  final Function updateData;
+  final String connectionName;
+  final dynamic connection;
+  const ConnectionEditor(
+      {super.key,
+      required this.prefs,
+      required this.updateData,
+      required this.connectionName,
+      required this.connection});
+
+  @override
+  State<ConnectionEditor> createState() => _ConnectionEditorState();
+}
+
+class _ConnectionEditorState extends State<ConnectionEditor> {
+  final wsRegex = RegExp(r'^(ws|wss):\/\/.*');
+  final _formKey = GlobalKey<FormState>();
+
+  String _connectionName = "";
+  dynamic _connection;
+  bool _isValid = false;
+
+  @override
+  void initState() {
+    super.initState();
+    _connectionName = widget.connectionName;
+    _connection = widget.connection;
+    _isValid =
+        _connectionName != "" && wsRegex.hasMatch(_connection["url"] ?? "");
+    widget.updateData(_connectionName, _connection, _isValid);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      width: min(MediaQuery.of(context).size.width, 400),
+      child: Form(
+        key: _formKey,
+        autovalidateMode: AutovalidateMode.always,
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            TextFormField(
+              initialValue: widget.connectionName,
+              onChanged: (value) {
+                _connectionName = value;
+                _isValid = _formKey.currentState!.validate();
+                widget.updateData(_connectionName, _connection, _isValid);
+              },
+              validator: (value) {
+                return value == "" ? "Name cannot be empty" : null;
+              },
+              decoration: const InputDecoration(
+                  labelText: "Name", border: OutlineInputBorder()),
+            ),
+            const SizedBox(height: 15),
+            TextFormField(
+              initialValue: widget.connection["url"],
+              onChanged: (value) {
+                _connection["url"] = value;
+                _isValid = _formKey.currentState!.validate();
+                widget.updateData(_connectionName, _connection, _isValid);
+              },
+              validator: (value) {
+                return wsRegex.hasMatch(value ?? "")
+                    ? null
+                    : "Must be: ws(s)://[host](:[port])/[path]";
+              },
+              decoration: const InputDecoration(
+                  labelText: "Connection URL", border: OutlineInputBorder()),
+            )
+          ],
+        ),
+      ),
+    );
+  }
+}