Channel QR Code scanner [WIP]

flutter/lib/pages/channel_list/channel_list.dart

@@ -4,6 +4,7 @@ import 'package:infinite_scroll_pagination/infinite_scroll_pagination.dart';
 import 'package:provider/provider.dart';
 import 'package:simplecloudnotifier/api/api_client.dart';
 import 'package:simplecloudnotifier/models/channel.dart';
+import 'package:simplecloudnotifier/pages/channel_list/channel_scanner.dart';
 import 'package:simplecloudnotifier/state/app_bar_state.dart';
 import 'package:simplecloudnotifier/state/application_log.dart';
 import 'package:simplecloudnotifier/state/app_auth.dart';
@@ -168,7 +169,7 @@ class _ChannelRootPageState extends State<ChannelRootPage> with RouteAware {
       floatingActionButton: FloatingActionButton(
         heroTag: 'fab_channel_list_qr',
         onPressed: () {
-          //TODO scan qr code to subscribe channel
+          Navi.push(context, () => ChannelScannerPage());
         },
         child: const Icon(FontAwesomeIcons.qrcode),
       ),

flutter/lib/pages/channel_list/channel_list_item.dart

@@ -199,7 +199,7 @@ class _ChannelListItemState extends State<ChannelListItem> {
         await APIClient.deleteSubscription(acc, widget.channel.channelID, widget.subscription!.subscriptionID);
         widget.onChannelListReloadTrigger.call();
 
-        widget.onSubscriptionChanged?.call(widget.channel.channelID, null);
+        widget.onSubscriptionChanged.call(widget.channel.channelID, null);
 
         Toaster.success("Success", 'Unsubscribed from channel');
       } catch (exc, trace) {

flutter/lib/pages/channel_list/channel_scanner.dart

@@ -0,0 +1,117 @@
+import 'package:flutter/material.dart';
+import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:mobile_scanner/mobile_scanner.dart';
+import 'package:simplecloudnotifier/components/layout/scaffold.dart';
+import 'package:simplecloudnotifier/models/scan_result.dart';
+import 'package:simplecloudnotifier/utils/ui.dart';
+
+class ChannelScannerPage extends StatefulWidget {
+  const ChannelScannerPage({super.key});
+
+  @override
+  State<ChannelScannerPage> createState() => _ChannelScannerPageState();
+}
+
+class _ChannelScannerPageState extends State<ChannelScannerPage> {
+  final MobileScannerController _controller = MobileScannerController(
+    formats: const [BarcodeFormat.qrCode],
+  );
+
+  ScanResult? scanResult = null;
+
+  @override
+  void initState() {
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return SCNScaffold(
+      title: "Scanner",
+      showSearch: false,
+      showShare: false,
+      child: SingleChildScrollView(
+        child: Padding(
+          padding: const EdgeInsets.fromLTRB(24, 16, 24, 16),
+          child: Column(
+            children: [
+              SizedBox(height: 16),
+              Center(
+                child: Container(
+                  decoration: BoxDecoration(
+                    borderRadius: BorderRadius.circular(UI.DefaultBorderRadius),
+                  ),
+                  clipBehavior: Clip.hardEdge,
+                  child: SizedBox(
+                    height: 300,
+                    width: 300,
+                    child: MobileScanner(
+                      fit: BoxFit.cover,
+                      controller: _controller,
+                      onDetect: _handleBarcode,
+                    ),
+                  ),
+                ),
+              ),
+              SizedBox(height: 16),
+              _buildScanResult(context),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  void _handleBarcode(BarcodeCapture barcodes) {
+    setState(() {
+      if (barcodes.barcodes.isEmpty) {
+        scanResult = null;
+      } else {
+        print('parsed: ${barcodes.barcodes[0].rawValue}');
+        scanResult = ScanResult.parse(barcodes.barcodes[0].rawValue ?? '');
+      }
+    });
+  }
+
+  Widget _buildScanResult(BuildContext context) {
+    if (scanResult == null) {
+      return UI.box(
+        padding: EdgeInsets.fromLTRB(16, 2, 4, 2), //TODO
+        context: context,
+        child: Center(
+          child: Icon(FontAwesomeIcons.solidEmptySet, size: 64, color: Theme.of(context).colorScheme.onPrimaryContainer.withAlpha(128)),
+        ),
+      );
+    }
+
+    if (scanResult! is ScanResultMessageSend) {
+      return UI.box(
+        padding: EdgeInsets.fromLTRB(16, 2, 4, 2),
+        context: context,
+        child: Text("TODO -- ScanResultMessageSend"), //TODO
+      );
+    }
+
+    if (scanResult! is ScanResultChannel) {
+      return UI.box(
+        padding: EdgeInsets.fromLTRB(16, 2, 4, 2),
+        context: context,
+        child: Text("TODO -- ScanResultChannel"), //TODO
+      );
+    }
+
+    if (scanResult! is ScanResultChannelSubscribe) {
+      return UI.box(
+        padding: EdgeInsets.fromLTRB(16, 2, 4, 2),
+        context: context,
+        child: Text("TODO -- ScanResultChannelSubscribe"), //TODO
+      );
+    }
+
+    return UI.box(
+      padding: EdgeInsets.fromLTRB(16, 2, 4, 2),
+      context: context,
+      child: Text("TODO -- ERROR"), //TODO
+    );
+  }
+}