johrpan/musicus_mobile
1
0
Fork 0
mirror of https://github.com/johrpan/musicus_mobile.git synced 2025-10-26 10:47:25 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

mobile: Use new account API

Browse source
This commit is contained in:
Elias Projahn 2020-05-13 16:52:39 +02:00
parent 8d1c2d3a23
commit 80259a8144
5 changed files with 425 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

261
mobile/lib/screens/account_settings.dart
View file

@ -1,103 +1,238 @@
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:musicus_client/musicus_client.dart';
import 'package:musicus_common/musicus_common.dart';
import 'email.dart';
import 'password.dart';
import 'register.dart';
/// A screen for logging in using a Musicus account.
class AccountSettingsScreen extends StatefulWidget {
@override
_AccountSettingsScreenState createState() => _AccountSettingsScreenState();
}
class _AccountSettingsScreenState extends State<AccountSettingsScreen> {
final nameController = TextEditingController();
final passwordController = TextEditingController();
final _usernameController = TextEditingController();
final _passwordController = TextEditingController();
MusicusBackendState backend;
StreamSubscription<MusicusAccountSettings> accountSubscription;
MusicusBackendState _backend;
StreamSubscription<MusicusAccountCredentials> _accountSubscription;
bool _loading = false;
bool _loggedIn = false;
String _username;
String _email;
@override
void didChangeDependencies() {
super.didChangeDependencies();
backend = MusicusBackend.of(context);
_backend = MusicusBackend.of(context);
if (accountSubscription != null) {
accountSubscription.cancel();
final credentials = _backend.settings.account.value;
if (credentials != null) {
_setCredentials(credentials);
_getDetails();
}
_settingsChanged(backend.settings.account.value);
accountSubscription = backend.settings.account.listen((settings) {
_settingsChanged(settings);
_accountSubscription = _backend.settings.account.listen((credentials) {
_setCredentials(credentials);
});
}
void _settingsChanged(MusicusAccountSettings settings) {
nameController.text = settings?.username ?? '';
passwordController.text = settings?.password ?? '';
Future<void> _setCredentials(MusicusAccountCredentials credentials) async {
if (credentials != null) {
if (mounted) {
setState(() {
_loggedIn = true;
_username = credentials.username;
});
}
}
}
Future<void> _getDetails() async {
setState(() {
_email = null;
});
final email = (await _backend.client.getAccountDetails()).email;
if (mounted) {
setState(() {
_email = email;
});
}
}
@override
Widget build(BuildContext context) {
List<Widget> children;
if (_loggedIn) {
children = [
Material(
elevation: 2.0,
child: ListTile(
title: Text('Logged in as: $_username'),
),
),
ListTile(
title: Text('E-mail address'),
subtitle: Text(
_email != null ? _email.isNotEmpty ? _email : 'Not set' : '...'),
trailing: const Icon(Icons.chevron_right),
onTap: () async {
await Navigator.push(
context,
MaterialPageRoute(
builder: (context) => EmailScreen(
email: _email,
),
),
);
_getDetails();
},
),
ListTile(
title: Text('Change password'),
trailing: const Icon(Icons.chevron_right),
onTap: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => PasswordScreen(),
),
);
},
),
ListTile(
title: Text('Logout'),
onTap: () async {
await _backend.settings.clearAccount();
Navigator.pop(context);
},
),
];
} else {
children = [
Padding(
padding: const EdgeInsets.only(
left: 16.0,
right: 16.0,
top: 16.0,
bottom: 8.0,
),
child: Text(
'Enter your Musicus account credentials:',
style: Theme.of(context).textTheme.subtitle1,
),
),
Padding(
padding: const EdgeInsets.symmetric(
horizontal: 16.0,
),
child: TextField(
controller: _usernameController,
decoration: InputDecoration(
labelText: 'User name',
),
),
),
SizedBox(
height: 16.0,
),
Padding(
padding: const EdgeInsets.symmetric(
horizontal: 16.0,
),
child: TextField(
controller: _passwordController,
obscureText: true,
decoration: InputDecoration(
labelText: 'Password',
),
),
),
SizedBox(
height: 32.0,
),
ListTile(
title: Text('Create a new account'),
onTap: () {
Navigator.pushReplacement(
context,
MaterialPageRoute(
builder: (context) => RegisterScreen(),
),
);
},
),
];
}
return Scaffold(
appBar: AppBar(
title: Text('Account settings'),
title: Text('Musicus account'),
actions: <Widget>[
FlatButton(
onPressed: () async {
await backend.settings.setAccount(MusicusAccountSettings(
username: nameController.text,
password: passwordController.text,
));
Builder(
builder: (context) {
if (_loggedIn) {
return Container();
} else if (_loading) {
return Padding(
padding: const EdgeInsets.all(16.0),
child: Center(
child: SizedBox(
width: 24.0,
height: 24.0,
child: CircularProgressIndicator(
strokeWidth: 2.0,
),
),
),
);
} else {
return FlatButton(
onPressed: () async {
setState(() {
_loading = true;
});
Navigator.pop(context);
final credentials = MusicusAccountCredentials(
username: _usernameController.text,
password: _passwordController.text,
);
_backend.client.credentials = credentials;
try {
await _backend.client.login();
await _backend.settings.setAccount(credentials);
Navigator.pop(context);
} on MusicusLoginFailedException {
Scaffold.of(context).showSnackBar(
SnackBar(
content: Text('Login failed'),
),
);
}
setState(() {
_loading = false;
});
},
child: Text('LOGIN'),
);
}
},
child: Text('LOGIN'),
),
],
),
body: ListView(
children: <Widget>[
Padding(
padding: const EdgeInsets.all(16.0),
child: TextField(
controller: nameController,
decoration: InputDecoration(
labelText: 'User name',
),
),
),
Padding(
padding: const EdgeInsets.all(16.0),
child: TextField(
controller: passwordController,
obscureText: true,
decoration: InputDecoration(
labelText: 'Password',
),
),
),
ListTile(
title: Text('Create a new account'),
onTap: () {
Navigator.pushReplacement(
context,
MaterialPageRoute(
builder: (context) => RegisterScreen(),
),
);
},
),
ListTile(
title: Text('Don\'t use an account'),
onTap: () {
backend.settings.clearAccount();
Navigator.pop(context);
},
),
],
children: children,
),
);
}
@ -105,6 +240,6 @@ class _AccountSettingsScreenState extends State<AccountSettingsScreen> {
@override
void dispose() {
super.dispose();
accountSubscription.cancel();
_accountSubscription.cancel();
}
}