Implement login

flutter/lib/pages/account/login.dart

@@ -1,14 +1,17 @@
+import 'package:firebase_messaging/firebase_messaging.dart';
 import 'package:flutter/material.dart';
+import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 import 'package:provider/provider.dart';
 import 'package:simplecloudnotifier/api/api_client.dart';
+import 'package:simplecloudnotifier/components/layout/scaffold.dart';
 import 'package:simplecloudnotifier/models/key_token_auth.dart';
 import 'package:simplecloudnotifier/state/application_log.dart';
+import 'package:simplecloudnotifier/state/globals.dart';
 import 'package:simplecloudnotifier/state/user_account.dart';
+import 'package:simplecloudnotifier/utils/toaster.dart';
 
 class AccountLoginPage extends StatefulWidget {
-  final void Function()? onLogin;
-
-  const AccountLoginPage({super.key, this.onLogin});
+  const AccountLoginPage({super.key});
 
   @override
   State<AccountLoginPage> createState() => _AccountLoginPageState();
@@ -16,81 +19,147 @@ class AccountLoginPage extends StatefulWidget {
 
 class _AccountLoginPageState extends State<AccountLoginPage> {
   final TextEditingController _ctrlUserID = TextEditingController();
-  final TextEditingController _ctrlToken = TextEditingController();
+  final TextEditingController _ctrlTokenAdmin = TextEditingController();
+  final TextEditingController _ctrlTokenSend = TextEditingController();
+
+  bool loading = false;
 
   @override
   void dispose() {
     _ctrlUserID.dispose();
-    _ctrlToken.dispose();
+    _ctrlTokenAdmin.dispose();
+    _ctrlTokenSend.dispose();
     super.dispose();
   }
 
   @override
   Widget build(BuildContext context) {
-    return Padding(
-      padding: const EdgeInsets.all(16.0),
-      child: Column(
-        mainAxisAlignment: MainAxisAlignment.center,
-        children: [
-          FractionallySizedBox(
-            widthFactor: 1.0,
-            child: TextField(
-              controller: _ctrlUserID,
-              decoration: const InputDecoration(
-                border: OutlineInputBorder(),
-                labelText: 'UserID',
+    return SCNScaffold(
+      title: 'Login',
+      showSearch: false,
+      child: SingleChildScrollView(
+        child: Padding(
+          padding: const EdgeInsets.fromLTRB(24, 32, 24, 16),
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.start,
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              if (!loading)
+                Center(
+                  child: Container(
+                    width: 200,
+                    height: 200,
+                    decoration: BoxDecoration(
+                      color: Theme.of(context).colorScheme.secondary,
+                      borderRadius: BorderRadius.circular(100),
+                    ),
+                    child: Center(child: FaIcon(FontAwesomeIcons.solidRightToBracket, size: 96, color: Theme.of(context).colorScheme.onSecondary)),
+                  ),
+                ),
+              if (loading)
+                Center(
+                  child: Container(
+                    width: 200,
+                    height: 200,
+                    decoration: BoxDecoration(
+                      color: Theme.of(context).colorScheme.secondary,
+                      borderRadius: BorderRadius.circular(100),
+                    ),
+                    child: Center(child: CircularProgressIndicator(color: Theme.of(context).colorScheme.onSecondary)),
+                  ),
+                ),
+              const SizedBox(height: 32),
+              FractionallySizedBox(
+                widthFactor: 1.0,
+                child: TextField(
+                  controller: _ctrlUserID,
+                  decoration: const InputDecoration(
+                    border: OutlineInputBorder(),
+                    labelText: 'UserID',
+                  ),
+                ),
               ),
-            ),
-          ),
-          const SizedBox(height: 16),
-          FractionallySizedBox(
-            widthFactor: 1.0,
-            child: TextField(
-              controller: _ctrlToken,
-              decoration: const InputDecoration(
-                border: OutlineInputBorder(),
-                labelText: 'Token',
+              const SizedBox(height: 16),
+              FractionallySizedBox(
+                widthFactor: 1.0,
+                child: TextField(
+                  controller: _ctrlTokenAdmin,
+                  decoration: const InputDecoration(
+                    border: OutlineInputBorder(),
+                    labelText: 'Admin Token',
+                  ),
+                ),
               ),
-            ),
+              const SizedBox(height: 16),
+              FractionallySizedBox(
+                widthFactor: 1.0,
+                child: TextField(
+                  controller: _ctrlTokenSend,
+                  decoration: const InputDecoration(
+                    border: OutlineInputBorder(),
+                    labelText: 'Send Token (optional)',
+                  ),
+                ),
+              ),
+              const SizedBox(height: 16),
+              FilledButton(
+                style: FilledButton.styleFrom(textStyle: const TextStyle(fontSize: 24), padding: const EdgeInsets.fromLTRB(8, 12, 8, 12)),
+                onPressed: _login,
+                child: const Text('Login'),
+              ),
+            ],
           ),
-          const SizedBox(height: 16),
-          FilledButton(
-            style: FilledButton.styleFrom(textStyle: const TextStyle(fontSize: 20)),
-            onPressed: _login,
-            child: const Text('Login'),
-          ),
-        ],
+        ),
       ),
     );
   }
 
   void _login() async {
-    final msgr = ScaffoldMessenger.of(context);
     final acc = Provider.of<UserAccount>(context, listen: false);
 
     try {
-      final uid = _ctrlUserID.text;
-      final tok = _ctrlToken.text;
+      setState(() => loading = true);
 
-      final verified = await APIClient.verifyToken(uid, tok); //TODO verify that this is an perm=ADMIN key
-      if (verified) {
-        msgr.showSnackBar(
-          const SnackBar(
-            content: Text('Data ok'), //TODO use toast?
-          ),
-        );
-        acc.setToken(KeyTokenAuth(userId: uid, tokenAdmin: tok, tokenSend: '')); //TOTO send token
-        await acc.save();
-        widget.onLogin?.call();
-      } else {
-        msgr.showSnackBar(
-          const SnackBar(
-            content: Text('Failed to verify token'), //TODO use toast?
-          ),
-        );
+      final uid = _ctrlUserID.text;
+      final atokv = _ctrlTokenAdmin.text;
+      final stokv = _ctrlTokenSend.text;
+
+      final fcmToken = await FirebaseMessaging.instance.getToken();
+
+      if (fcmToken == null) {
+        Toaster.warn("Missing Token", 'No FCM Token found, please allow notifications, ensure you have a network connection and restart the app');
+        return;
       }
+
+      final toka = await APIClient.getKeyTokenByToken(uid, atokv);
+
+      if (!toka.allChannels || toka.permissions != 'A') {
+        Toaster.error("Error", 'Admin token does not have required permissions');
+        return;
+      }
+
+      final toks = await APIClient.getKeyTokenByToken(uid, stokv);
+
+      if (!toks.allChannels || toks.permissions != 'CS') {
+        Toaster.error("Error", 'Send token does not have required permissions');
+        return;
+      }
+
+      final kta = KeyTokenAuth(userId: uid, tokenAdmin: atokv, tokenSend: stokv);
+
+      final user = await APIClient.getUser(kta, uid);
+
+      final client = await APIClient.addClient(acc.auth, fcmToken, Globals().deviceModel, Globals().version, Globals().hostname, Globals().clientType);
+
+      acc.set(user, client, kta);
+      await acc.save();
+
+      Toaster.success("Login", "Successfully logged in");
     } catch (exc, trace) {
       ApplicationLog.error('Failed to verify token: ' + exc.toString(), trace: trace);
+      Toaster.error("Error", 'Failed to verify token');
+    } finally {
+      setState(() => loading = false);
     }
   }
 }