SimpleCloudNotifier/flutter/lib/pages/account/account.dart

466 lines
16 KiB
Dart
Raw Normal View History

2024-06-04 08:20:28 +02:00
import 'dart:io';
import 'package:firebase_messaging/firebase_messaging.dart';
2024-05-27 17:21:29 +02:00
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/models/user.dart';
import 'package:simplecloudnotifier/pages/account/login.dart';
import 'package:simplecloudnotifier/state/application_log.dart';
import 'package:simplecloudnotifier/state/globals.dart';
2024-06-02 17:09:57 +02:00
import 'package:simplecloudnotifier/state/app_auth.dart';
import 'package:simplecloudnotifier/utils/toaster.dart';
2024-06-08 12:55:58 +02:00
import 'package:simplecloudnotifier/utils/ui.dart';
2024-06-04 08:20:28 +02:00
import 'package:uuid/uuid.dart';
2024-05-27 17:21:29 +02:00
class AccountRootPage extends StatefulWidget {
const AccountRootPage({super.key});
@override
State<AccountRootPage> createState() => _AccountRootPageState();
}
class _AccountRootPageState extends State<AccountRootPage> {
late Future<int>? futureSubscriptionCount;
late Future<int>? futureClientCount;
late Future<int>? futureKeyCount;
late Future<int>? futureChannelAllCount;
late Future<int>? futureChannelSubscribedCount;
2024-06-02 17:09:57 +02:00
late AppAuth userAcc;
2024-05-27 17:21:29 +02:00
bool loading = false;
2024-05-27 17:21:29 +02:00
@override
void initState() {
super.initState();
2024-06-02 17:09:57 +02:00
userAcc = Provider.of<AppAuth>(context, listen: false);
2024-05-27 17:21:29 +02:00
userAcc.addListener(_onAuthStateChanged);
_onAuthStateChanged();
}
@override
void dispose() {
userAcc.removeListener(_onAuthStateChanged);
super.dispose();
}
void _onAuthStateChanged() {
futureSubscriptionCount = null;
futureClientCount = null;
futureKeyCount = null;
futureChannelAllCount = null;
futureChannelSubscribedCount = null;
2024-06-02 17:09:57 +02:00
if (userAcc.isAuth()) {
2024-05-31 23:21:24 +02:00
futureChannelAllCount = () async {
2024-06-02 17:09:57 +02:00
if (!userAcc.isAuth()) throw new Exception('not logged in');
final channels = await APIClient.getChannelList(userAcc, ChannelSelector.all);
2024-05-31 23:21:24 +02:00
return channels.length;
}();
2024-05-27 17:21:29 +02:00
2024-05-31 23:21:24 +02:00
futureChannelSubscribedCount = () async {
2024-06-02 17:09:57 +02:00
if (!userAcc.isAuth()) throw new Exception('not logged in');
final channels = await APIClient.getChannelList(userAcc, ChannelSelector.subscribed);
2024-05-31 23:21:24 +02:00
return channels.length;
}();
2024-05-27 17:21:29 +02:00
2024-05-31 23:21:24 +02:00
futureSubscriptionCount = () async {
2024-06-02 17:09:57 +02:00
if (!userAcc.isAuth()) throw new Exception('not logged in');
final subs = await APIClient.getSubscriptionList(userAcc);
2024-05-31 23:21:24 +02:00
return subs.length;
}();
2024-05-27 17:21:29 +02:00
2024-05-31 23:21:24 +02:00
futureClientCount = () async {
2024-06-02 17:09:57 +02:00
if (!userAcc.isAuth()) throw new Exception('not logged in');
final clients = await APIClient.getClientList(userAcc);
2024-05-31 23:21:24 +02:00
return clients.length;
}();
2024-05-27 17:21:29 +02:00
2024-05-31 23:21:24 +02:00
futureKeyCount = () async {
2024-06-02 17:09:57 +02:00
if (!userAcc.isAuth()) throw new Exception('not logged in');
final keys = await APIClient.getKeyTokenList(userAcc);
2024-05-31 23:21:24 +02:00
return keys.length;
}();
}
2024-05-27 17:21:29 +02:00
}
@override
Widget build(BuildContext context) {
2024-06-02 17:09:57 +02:00
return Consumer<AppAuth>(
2024-05-27 17:21:29 +02:00
builder: (context, acc, child) {
2024-06-02 17:09:57 +02:00
if (!userAcc.isAuth()) {
2024-06-01 14:00:16 +02:00
return _buildNoAuth(context);
2024-05-27 17:21:29 +02:00
} else {
return FutureBuilder(
2024-06-02 17:09:57 +02:00
future: acc.loadUser(force: false),
2024-05-27 17:21:29 +02:00
builder: ((context, snapshot) {
if (snapshot.connectionState == ConnectionState.done) {
if (snapshot.hasError) {
return Text('Error: ${snapshot.error}'); //TODO better error display
}
2024-06-01 14:00:16 +02:00
return _buildShowAccount(context, acc, snapshot.data!);
2024-05-27 17:21:29 +02:00
}
return Center(child: CircularProgressIndicator());
}),
);
}
},
);
}
2024-06-01 14:00:16 +02:00
Widget _buildNoAuth(BuildContext context) {
return 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.userSecret, size: 96, color: Theme.of(context).colorScheme.onSecondary)),
),
),
2024-06-01 14:00:16 +02:00
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)),
),
),
2024-06-01 14:00:16 +02:00
const SizedBox(height: 32),
2024-06-08 12:55:58 +02:00
UI.button(
text: 'Create new account',
2024-06-01 14:00:16 +02:00
onPressed: () {
if (loading) return;
_createNewAccount();
},
2024-06-08 12:55:58 +02:00
big: true,
),
2024-06-01 14:00:16 +02:00
const SizedBox(height: 16),
2024-06-08 12:55:58 +02:00
UI.button(
text: 'Use existing account',
2024-06-01 14:00:16 +02:00
onPressed: () {
if (loading) return;
Navigator.push(context, MaterialPageRoute<AccountLoginPage>(builder: (context) => AccountLoginPage()));
},
2024-06-08 12:55:58 +02:00
tonal: true,
big: true,
2024-06-01 14:00:16 +02:00
),
],
),
2024-05-27 17:21:29 +02:00
),
);
}
2024-06-02 17:09:57 +02:00
Widget _buildShowAccount(BuildContext context, AppAuth acc, User user) {
2024-06-08 12:55:58 +02:00
return SingleChildScrollView(
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),
SizedBox(height: 16),
_buildFooter(context, user),
SizedBox(height: 40),
],
2024-05-27 17:21:29 +02:00
),
2024-06-08 12:55:58 +02:00
),
2024-05-27 17:21:29 +02:00
);
}
2024-06-01 14:00:16 +02:00
Row _buildHeader(BuildContext context, User user) {
2024-05-27 17:21:29 +02:00
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(4)),
2024-05-27 17:21:29 +02:00
),
),
),
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(4)),
2024-05-27 17:21:29 +02:00
),
),
),
],
),
),
const SizedBox(width: 16),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(user.username ?? user.userID, overflow: TextOverflow.ellipsis),
2024-05-27 17:21:29 +02:00
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()));
},
)
],
),
],
),
),
Column(
mainAxisAlignment: MainAxisAlignment.start,
children: [
2024-06-08 12:55:58 +02:00
UI.buttonIconOnly(
onPressed: () {/*TODO*/},
2024-06-08 12:55:58 +02:00
icon: FontAwesomeIcons.pen,
),
const SizedBox(height: 4),
if (!user.isPro)
2024-06-08 12:55:58 +02:00
UI.buttonIconOnly(
onPressed: () {/*TODO*/},
2024-06-08 12:55:58 +02:00
icon: FontAwesomeIcons.cartCircleArrowUp,
),
],
),
2024-05-27 17:21:29 +02:00
],
);
}
2024-06-01 14:00:16 +02:00
List<Widget> _buildCards(BuildContext context, User user) {
2024-05-27 17:21:29 +02:00
return [
2024-06-08 12:55:58 +02:00
UI.buttonCard(
context: context,
2024-05-27 17:21:29 +02:00
margin: EdgeInsets.fromLTRB(0, 4, 0, 4),
2024-06-08 12:55:58 +02:00
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()));
},
2024-05-27 17:21:29 +02:00
),
2024-06-08 12:55:58 +02:00
const SizedBox(width: 12),
Text('Subscriptions', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20)),
],
2024-05-27 17:21:29 +02:00
),
2024-06-08 12:55:58 +02:00
onTap: () {/*TODO*/},
2024-05-27 17:21:29 +02:00
),
2024-06-08 12:55:58 +02:00
UI.buttonCard(
context: context,
2024-05-27 17:21:29 +02:00
margin: EdgeInsets.fromLTRB(0, 4, 0, 4),
2024-06-08 12:55:58 +02:00
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()));
},
2024-05-27 17:21:29 +02:00
),
2024-06-08 12:55:58 +02:00
const SizedBox(width: 12),
Text('Clients', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20)),
],
2024-05-27 17:21:29 +02:00
),
2024-06-08 12:55:58 +02:00
onTap: () {/*TODO*/},
2024-05-27 17:21:29 +02:00
),
2024-06-08 12:55:58 +02:00
UI.buttonCard(
context: context,
2024-05-27 17:21:29 +02:00
margin: EdgeInsets.fromLTRB(0, 4, 0, 4),
2024-06-08 12:55:58 +02:00
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()));
},
2024-05-27 17:21:29 +02:00
),
2024-06-08 12:55:58 +02:00
const SizedBox(width: 12),
Text('Keys', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20)),
],
2024-05-27 17:21:29 +02:00
),
2024-06-08 12:55:58 +02:00
onTap: () {/*TODO*/},
2024-05-27 17:21:29 +02:00
),
2024-06-08 12:55:58 +02:00
UI.buttonCard(
context: context,
2024-05-27 17:21:29 +02:00
margin: EdgeInsets.fromLTRB(0, 4, 0, 4),
2024-06-08 12:55:58 +02:00
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()));
},
2024-05-27 17:21:29 +02:00
),
2024-06-08 12:55:58 +02:00
const SizedBox(width: 12),
Text('Channels', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20)),
],
2024-05-27 17:21:29 +02:00
),
2024-06-08 12:55:58 +02:00
onTap: () {/*TODO*/},
2024-05-27 17:21:29 +02:00
),
2024-06-08 12:55:58 +02:00
UI.buttonCard(
context: context,
2024-05-27 17:21:29 +02:00
margin: EdgeInsets.fromLTRB(0, 4, 0, 4),
2024-06-08 12:55:58 +02:00
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)),
],
2024-05-27 17:21:29 +02:00
),
2024-06-08 12:55:58 +02:00
onTap: () {/*TODO*/},
2024-05-27 17:21:29 +02:00
),
];
}
2024-06-01 14:00:16 +02:00
Widget _buildFooter(BuildContext context, User user) {
2024-05-27 17:21:29 +02:00
return Padding(
padding: const EdgeInsets.fromLTRB(8, 0, 8, 0),
child: Row(
children: [
2024-06-08 12:55:58 +02:00
Expanded(
child: UI.button(
text: 'Logout',
onPressed: _logout,
color: Colors.orange,
)),
2024-05-27 17:21:29 +02:00
const SizedBox(width: 8),
2024-06-08 12:55:58 +02:00
Expanded(
child: UI.button(
text: 'Delete Account',
onPressed: _deleteAccount,
color: Colors.red,
)),
2024-05-27 17:21:29 +02:00
],
),
);
}
2024-06-01 14:00:16 +02:00
void _createNewAccount() async {
setState(() => loading = true);
2024-06-02 17:09:57 +02:00
final acc = Provider.of<AppAuth>(context, listen: false);
try {
2024-06-04 08:20:28 +02:00
final String? fcmToken;
if (Platform.isLinux) {
Toaster.warn("Unsupported Platform", 'Your platform is not supported by FCM - notifications will not work');
fcmToken = '(linux-' + Uuid().v4() + ')';
} else {
final notificationSettings = await FirebaseMessaging.instance.requestPermission(provisional: true);
2024-06-04 08:20:28 +02:00
if (notificationSettings.authorizationStatus == AuthorizationStatus.denied) {
Toaster.error("Missing Permission", 'Please allow notifications to create an account');
return;
}
2024-06-04 08:20:28 +02:00
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);
2024-06-02 17:09:57 +02:00
acc.set(user.user, user.clients[0], user.adminKey, user.sendKey);
2024-06-01 14:00:16 +02:00
await acc.save();
Toaster.success("Success", 'Successfully Created a new account');
} 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);
}
}
2024-06-01 14:00:16 +02:00
void _logout() async {
2024-06-02 17:09:57 +02:00
final acc = Provider.of<AppAuth>(context, listen: false);
2024-06-01 14:00:16 +02:00
//TODO clear messages/channels/etc in open views
2024-06-01 14:00:16 +02:00
acc.clear();
await acc.save();
Toaster.info('Logout', 'Successfully logged out');
}
void _deleteAccount() async {
//TODO
}
2024-05-27 17:21:29 +02:00
}