git-touch-android-ios-app/lib/screens/login.dart

301 lines
11 KiB
Dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:git_touch/models/auth.dart';
import 'package:git_touch/models/theme.dart';
import 'package:git_touch/scaffolds/single.dart';
import 'package:git_touch/utils/utils.dart';
import 'package:git_touch/widgets/action_button.dart';
import 'package:git_touch/widgets/app_bar_title.dart';
import 'package:git_touch/widgets/text_field.dart';
import 'package:provider/provider.dart';
import '../widgets/link.dart';
import '../widgets/loading.dart';
import '../widgets/avatar.dart';
class LoginScreen extends StatefulWidget {
@override
_LoginScreenState createState() => _LoginScreenState();
}
class _LoginScreenState extends State<LoginScreen> {
final _tokenController = TextEditingController();
final _domainController = TextEditingController();
// For Bitbucket
final _usernameController = TextEditingController();
final _passwordController = TextEditingController();
// @override
// initState() {
// super.initState();
// _tokenController.addListener(() {
// print(_tokenController.text);
// });
// }
Widget _buildAccountItem(int index) {
final theme = Provider.of<ThemeModel>(context);
final auth = Provider.of<AuthModel>(context);
final account = auth.accounts[index];
return Link(
onTap: () {
auth.setActiveAccountAndReload(index);
},
onLongPress: () {
theme.showActions(context, [
ActionItem(
text: 'Remove account',
isDestructiveAction: true,
onTap: (_) {
auth.removeAccount(index);
},
),
]);
},
child: Container(
padding: CommonStyle.padding,
decoration: BoxDecoration(
border: Border(bottom: BorderSide(color: theme.palette.border)),
),
child: Row(
children: <Widget>[
Avatar(url: account.avatarUrl, size: AvatarSize.large),
Padding(padding: EdgeInsets.only(left: 10)),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text(
account.login,
style: TextStyle(fontSize: 20, color: theme.palette.text),
),
Padding(padding: EdgeInsets.only(top: 6)),
Text(
account.domain,
style: TextStyle(color: theme.palette.secondaryText),
)
],
),
),
(index == auth.activeAccountIndex)
? Icon(Icons.check)
: Container(),
],
),
),
);
}
Widget _buildAddItem({IconData brand, String text, Function onTap}) {
final theme = Provider.of<ThemeModel>(context);
return Link(
child: Container(
padding: EdgeInsets.symmetric(vertical: 20),
decoration: BoxDecoration(
border: Border(bottom: BorderSide(color: theme.palette.border)),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Icon(Icons.add),
SizedBox(width: 4),
Icon(brand),
SizedBox(width: 8),
Text(text, style: TextStyle(fontSize: 16)),
],
),
),
onTap: onTap,
);
}
Widget _buildPopup(
BuildContext context, {
List<Widget> notes,
bool showDomain = false,
}) {
return Column(
children: <Widget>[
if (showDomain)
MyTextField(controller: _domainController, placeholder: 'Domain'),
SizedBox(height: 8),
MyTextField(placeholder: 'Access token', controller: _tokenController),
SizedBox(height: 8),
if (notes != null) ...notes,
],
);
}
void showError(err) {
final theme = Provider.of<ThemeModel>(context);
theme.showConfirm(context, Text('Something bad happens: $err'));
}
@override
Widget build(BuildContext context) {
final auth = Provider.of<AuthModel>(context);
final theme = Provider.of<ThemeModel>(context);
return SingleScaffold(
title: AppBarTitle('Select account'),
body: auth.loading
? Center(child: Loading())
: Container(
child: Column(
children: [
...List.generate(auth.accounts.length, _buildAccountItem),
_buildAddItem(
text: 'GitHub Account',
brand: FontAwesome5Brands.github,
onTap: () async {
theme.showActions(context, [
ActionItem(
text: 'via OAuth',
onTap: (_) {
auth.redirectToGithubOauth();
},
),
ActionItem(
text: 'via Personal token',
onTap: (_) async {
final result = await theme.showConfirm(
context,
_buildPopup(context, notes: [
Text(
'GitTouch needs these permissions',
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w400),
),
SizedBox(height: 8),
Text(
'user, repo, read:org, notifications',
style: TextStyle(
fontSize: 16,
color: theme.palette.primary),
)
]),
);
if (result == true) {
try {
await auth
.loginWithToken(_tokenController.text);
_tokenController.clear();
} catch (err) {
showError(err);
}
}
},
),
]);
},
),
_buildAddItem(
text: 'GitLab Account',
brand: FontAwesome5Brands.gitlab,
onTap: () async {
_domainController.text = 'https://gitlab.com';
final result = await theme.showConfirm(
context,
_buildPopup(
context,
showDomain: true,
notes: [
Text(
'GitTouch needs these permissions',
style: TextStyle(
fontSize: 14, fontWeight: FontWeight.w400),
),
SizedBox(height: 8),
Text(
'api, read_user, read_repository',
style: TextStyle(
fontSize: 16, color: theme.palette.primary),
)
],
),
);
if (result == true) {
try {
await auth.loginToGitlab(
_domainController.text, _tokenController.text);
_tokenController.clear();
} catch (err) {
showError(err);
}
}
},
),
_buildAddItem(
text: 'Bitbucket Account',
brand: FontAwesome5Brands.bitbucket,
onTap: () async {
_domainController.text = 'https://bitbucket.org';
final result = await theme.showConfirm(
context,
Column(
children: <Widget>[
MyTextField(
controller: _domainController,
placeholder: 'Domain'),
SizedBox(height: 8),
MyTextField(
placeholder: 'Username',
controller: _usernameController),
SizedBox(height: 8),
MyTextField(
placeholder: 'App password',
controller: _passwordController),
SizedBox(height: 8),
// TODO: permissions
],
),
);
if (result == true) {
try {
await auth.loginToBb(
_domainController.text,
_usernameController.text,
_passwordController.text);
} catch (err) {
showError(err);
}
}
},
),
_buildAddItem(
text: 'Gitea Account',
brand: Octicons.git_branch, // TODO: brand icon
onTap: () async {
_domainController.text = 'https://try.gitea.io';
final result = await theme.showConfirm(
context,
_buildPopup(context, showDomain: true),
);
if (result == true) {
try {
await auth.loginToGitea(
_domainController.text, _tokenController.text);
_tokenController.clear();
} catch (err) {
showError(err);
}
}
},
),
Container(
padding: CommonStyle.padding,
child: Text(
'Note: Long press to remove account',
style: TextStyle(
fontSize: 16,
color: theme.palette.secondaryText,
),
),
)
],
),
),
);
}
}