import 'package:firebase_messaging/firebase_messaging.dart'; import 'package:flutter/material.dart'; import 'package:flutter/widgets.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/models/key_token_auth.dart'; import 'package:simplecloudnotifier/models/user.dart'; import 'package:simplecloudnotifier/pages/account/login.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 AccountRootPage extends StatefulWidget { const AccountRootPage({super.key}); @override State createState() => _AccountRootPageState(); } class _AccountRootPageState extends State { late Future? futureSubscriptionCount; late Future? futureClientCount; late Future? futureKeyCount; late Future? futureChannelAllCount; late Future? futureChannelSubscribedCount; late UserAccount userAcc; bool loading = false; @override void initState() { super.initState(); userAcc = Provider.of(context, listen: false); userAcc.addListener(_onAuthStateChanged); _onAuthStateChanged(); } @override void dispose() { userAcc.removeListener(_onAuthStateChanged); super.dispose(); } void _onAuthStateChanged() { futureSubscriptionCount = null; futureClientCount = null; futureKeyCount = null; futureChannelAllCount = null; futureChannelSubscribedCount = null; if (userAcc.auth != null) { futureChannelAllCount = () async { if (userAcc.auth == null) throw new Exception('not logged in'); final channels = await APIClient.getChannelList(userAcc.auth!, ChannelSelector.all); return channels.length; }(); futureChannelSubscribedCount = () async { if (userAcc.auth == null) throw new Exception('not logged in'); final channels = await APIClient.getChannelList(userAcc.auth!, ChannelSelector.subscribed); return channels.length; }(); futureSubscriptionCount = () async { if (userAcc.auth == null) throw new Exception('not logged in'); final subs = await APIClient.getSubscriptionList(userAcc.auth!); return subs.length; }(); futureClientCount = () async { if (userAcc.auth == null) throw new Exception('not logged in'); final clients = await APIClient.getClientList(userAcc.auth!); return clients.length; }(); futureKeyCount = () async { if (userAcc.auth == null) throw new Exception('not logged in'); final keys = await APIClient.getKeyTokenList(userAcc.auth!); return keys.length; }(); } } @override Widget build(BuildContext context) { return Consumer( builder: (context, acc, child) { if (acc.auth == null) { return buildNoAuth(context); } else { return FutureBuilder( future: acc.loadUser(false), builder: ((context, snapshot) { if (snapshot.connectionState == ConnectionState.done) { if (snapshot.hasError) { return Text('Error: ${snapshot.error}'); //TODO better error display } return buildShowAccount(context, acc, snapshot.data!); } return Center(child: CircularProgressIndicator()); }), ); } }, ); } Widget buildNoAuth(BuildContext context) { return 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.userSecret, 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), FilledButton( style: FilledButton.styleFrom(textStyle: const TextStyle(fontSize: 24), padding: const EdgeInsets.fromLTRB(8, 12, 8, 12)), onPressed: () { if (loading) return; createNewAccount(); }, child: const Text('Create new account'), ), const SizedBox(height: 16), FilledButton.tonal( style: FilledButton.styleFrom(textStyle: const TextStyle(fontSize: 24), padding: const EdgeInsets.fromLTRB(8, 12, 8, 12)), onPressed: () { if (loading) return; Navigator.push(context, MaterialPageRoute(builder: (context) => AccountLoginPage())); }, child: const Text('Use existing account'), ), ], ), ); } Widget buildShowAccount(BuildContext context, UserAccount acc, User user) { //TODO better layout return Column( children: [ SingleChildScrollView( scrollDirection: Axis.vertical, child: Padding( padding: const EdgeInsets.fromLTRB(8.0, 24.0, 8.0, 8.0), child: Column( children: [ buildHeader(context, user), const SizedBox(height: 16), Text(user.username ?? user.userID, overflow: TextOverflow.ellipsis, style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20)), const SizedBox(height: 16), ...buildCards(context, user), ], ), ), ), const Expanded(child: SizedBox(height: 16)), buildFooter(context, user), SizedBox(height: 40) ], ); } Row buildHeader(BuildContext context, User user) { return Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ SizedBox( width: 80, height: 80, child: Stack( children: [ Container( width: 80, height: 80, decoration: BoxDecoration( color: Colors.grey, borderRadius: BorderRadius.circular(8), ), child: Center(child: FaIcon(FontAwesomeIcons.addressCard, size: 55, color: Colors.white))), if (user.isPro) Align( alignment: Alignment.bottomRight, child: Container( child: Text('PRO', style: TextStyle(fontSize: 14, color: Colors.white, fontWeight: FontWeight.bold)), padding: const EdgeInsets.fromLTRB(4, 1, 4, 1), decoration: BoxDecoration( color: Colors.blue, borderRadius: BorderRadius.only(topLeft: Radius.circular(8)), ), ), ), if (!user.isPro) Align( alignment: Alignment.bottomRight, child: Container( child: Text('FREE', style: TextStyle(fontSize: 14, color: Colors.white, fontWeight: FontWeight.bold)), padding: const EdgeInsets.fromLTRB(4, 1, 4, 1), decoration: BoxDecoration( color: Colors.purple, borderRadius: BorderRadius.only(topLeft: Radius.circular(8)), ), ), ), ], ), ), const SizedBox(width: 16), Expanded( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Expanded(child: Text(user.username ?? user.userID, overflow: TextOverflow.ellipsis)), IconButton( icon: FaIcon(FontAwesomeIcons.pen), iconSize: 18, padding: EdgeInsets.fromLTRB(0, 0, 4, 0), constraints: BoxConstraints(), onPressed: () {/*TODO*/}, ), ], ), const SizedBox(height: 4), Row( children: [ SizedBox(width: 80, child: Text("Quota", style: TextStyle(color: Theme.of(context).textTheme.bodyLarge?.color?.withAlpha(160)))), Expanded(child: Text('${user.quotaUsed} / ${user.quotaPerDay}')), ], ), Row( children: [ SizedBox(width: 80, child: Text("Messages", style: TextStyle(color: Theme.of(context).textTheme.bodyLarge?.color?.withAlpha(160)))), Expanded(child: Text('${user.messagesSent}')), ], ), Row( children: [ SizedBox(width: 80, child: Text("Channels", style: TextStyle(color: Theme.of(context).textTheme.bodyLarge?.color?.withAlpha(160)))), FutureBuilder( future: futureChannelAllCount, builder: (context, snapshot) { if (snapshot.connectionState == ConnectionState.done) { return Text('${snapshot.data}'); } return const SizedBox(width: 8, height: 8, child: Center(child: CircularProgressIndicator())); }, ) ], ), ], ), ), ], ); } List buildCards(BuildContext context, User user) { return [ Card.filled( margin: EdgeInsets.fromLTRB(0, 4, 0, 4), shape: BeveledRectangleBorder(borderRadius: BorderRadius.circular(0)), color: Theme.of(context).cardTheme.color, child: InkWell( splashColor: Theme.of(context).splashColor, onTap: () {/*TODO*/}, child: Padding( padding: const EdgeInsets.all(16), child: Row( children: [ FutureBuilder( future: futureSubscriptionCount, builder: (context, snapshot) { if (snapshot.connectionState == ConnectionState.done) { return Text('${snapshot.data}', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20)); } return const SizedBox(width: 12, height: 12, child: Center(child: CircularProgressIndicator())); }, ), const SizedBox(width: 12), Text('Subscriptions', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20)), ], ), ), ), ), Card.filled( margin: EdgeInsets.fromLTRB(0, 4, 0, 4), shape: BeveledRectangleBorder(borderRadius: BorderRadius.circular(0)), color: Theme.of(context).cardTheme.color, child: InkWell( splashColor: Theme.of(context).splashColor, onTap: () {/*TODO*/}, child: Padding( padding: const EdgeInsets.all(16), child: Row( children: [ FutureBuilder( future: futureClientCount, builder: (context, snapshot) { if (snapshot.connectionState == ConnectionState.done) { return Text('${snapshot.data}', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20)); } return const SizedBox(width: 12, height: 12, child: Center(child: CircularProgressIndicator())); }, ), const SizedBox(width: 12), Text('Clients', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20)), ], ), ), ), ), Card.filled( margin: EdgeInsets.fromLTRB(0, 4, 0, 4), shape: BeveledRectangleBorder(borderRadius: BorderRadius.circular(0)), color: Theme.of(context).cardTheme.color, child: InkWell( splashColor: Theme.of(context).splashColor, onTap: () {/*TODO*/}, child: Padding( padding: const EdgeInsets.all(16), child: Row( children: [ FutureBuilder( future: futureKeyCount, builder: (context, snapshot) { if (snapshot.connectionState == ConnectionState.done) { return Text('${snapshot.data}', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20)); } return const SizedBox(width: 12, height: 12, child: Center(child: CircularProgressIndicator())); }, ), const SizedBox(width: 12), Text('Keys', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20)), ], ), ), ), ), Card.filled( margin: EdgeInsets.fromLTRB(0, 4, 0, 4), shape: BeveledRectangleBorder(borderRadius: BorderRadius.circular(0)), color: Theme.of(context).cardTheme.color, child: InkWell( splashColor: Theme.of(context).splashColor, onTap: () {/*TODO*/}, child: Padding( padding: const EdgeInsets.all(16), child: Row( children: [ FutureBuilder( future: futureChannelSubscribedCount, builder: (context, snapshot) { if (snapshot.connectionState == ConnectionState.done) { return Text('${snapshot.data}', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20)); } return const SizedBox(width: 12, height: 12, child: Center(child: CircularProgressIndicator())); }, ), const SizedBox(width: 12), Text('Channels', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20)), ], ), ), ), ), Card.filled( margin: EdgeInsets.fromLTRB(0, 4, 0, 4), shape: BeveledRectangleBorder(borderRadius: BorderRadius.circular(0)), color: Theme.of(context).cardTheme.color, child: InkWell( splashColor: Theme.of(context).splashColor, onTap: () {/*TODO*/}, child: Padding( padding: const EdgeInsets.all(16), child: Row( children: [ Text('${user.messagesSent}', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20)), const SizedBox(width: 12), Text('Messages', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20)), ], ), ), ), ), ]; } Widget buildFooter(BuildContext context, User user) { return Padding( padding: const EdgeInsets.fromLTRB(8, 0, 8, 0), child: Row( children: [ Expanded(child: FilledButton(onPressed: () {/*TODO*/}, child: Text('Logout'), style: TextButton.styleFrom(backgroundColor: Colors.orange))), const SizedBox(width: 8), Expanded(child: FilledButton(onPressed: () {/*TODO*/}, child: Text('Delete Account'), style: TextButton.styleFrom(backgroundColor: Colors.red))), ], ), ); } void createNewAccount() async { setState(() => loading = true); final acc = Provider.of(context, listen: false); try { final notificationSettings = await FirebaseMessaging.instance.requestPermission(provisional: true); if (notificationSettings.authorizationStatus == AuthorizationStatus.denied) { Toaster.error("Missing Permission", 'Please allow notifications to create an account'); return; } 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; } await Globals().setPrefFCMToken(fcmToken); final user = await APIClient.createUserWithClient(null, fcmToken, Globals().platform, Globals().version, Globals().hostname, Globals().clientType); acc.setUser(user.user); acc.setToken(KeyTokenAuth(userId: user.user.userID, tokenAdmin: user.adminKey, tokenSend: user.sendKey)); acc.setClient(user.clients[0]); await acc.save(); } catch (exc, trace) { ApplicationLog.error('Failed to create user account: ' + exc.toString(), trace: trace); Toaster.error("Error", 'Failed to create user account'); } finally { setState(() => loading = false); } } }