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

389 lines
16 KiB
Dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/widgets.dart';
import 'package:flutter_gen/gen_l10n/S.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/avatar.dart';
import '../widgets/link.dart';
import '../widgets/loading.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();
Widget _buildAccountItem(int index) {
final theme = Provider.of<ThemeModel>(context);
final auth = Provider.of<AuthModel>(context);
final account = auth.accounts![index];
return LinkWidget(
onTap: () {
auth.setActiveAccountAndReload(index);
},
onLongPress: () {
theme.showActions(context, [
ActionItem(
text: AppLocalizations.of(context)!.removeAccount,
danger: 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),
const 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),
),
const Padding(padding: EdgeInsets.only(top: 6)),
Text(
account.domain,
style: TextStyle(color: theme.palette.secondaryText),
)
],
),
),
(index == auth.activeAccountIndex)
? const Icon(Ionicons.checkmark)
: Container(),
],
),
),
);
}
Widget _buildAddItem(
{IconData? brand, required String text, Function? onTap}) {
final theme = Provider.of<ThemeModel>(context);
return LinkWidget(
onTap: onTap,
child: Container(
padding: const EdgeInsets.symmetric(vertical: 20),
decoration: BoxDecoration(
border: Border(bottom: BorderSide(color: theme.palette.border)),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
const Icon(Ionicons.add),
const SizedBox(width: 4),
Icon(brand),
const SizedBox(width: 8),
Text(text, style: const TextStyle(fontSize: 16)),
],
),
),
);
}
Widget _buildPopup(
BuildContext context, {
List<Widget>? notes,
bool showDomain = false,
}) {
return Column(
children: <Widget>[
if (showDomain)
MyTextField(controller: _domainController, placeholder: 'Domain'),
const SizedBox(height: 8),
MyTextField(placeholder: 'Access token', controller: _tokenController),
const SizedBox(height: 8),
if (notes != null) ...notes,
],
);
}
void showError(err) {
context.read<ThemeModel>().showConfirm(context,
Text('${AppLocalizations.of(context)!.somethingBadHappens}$err'));
}
@override
Widget build(BuildContext context) {
final auth = Provider.of<AuthModel>(context);
final theme = Provider.of<ThemeModel>(context);
return SingleScaffold(
title: AppBarTitle(AppLocalizations.of(context)!.selectAccount),
body: auth.loading
? const Center(child: Loading())
: Container(
child: Column(
children: [
...List.generate(auth.accounts!.length, _buildAccountItem),
_buildAddItem(
text: AppLocalizations.of(context)!.githubAccount,
brand: Ionicons.logo_github,
onTap: () async {
theme.showActions(context, [
ActionItem(
text: 'via OAuth',
onTap: (_) {
auth.redirectToGithubOauth();
},
),
ActionItem(
text: 'via OAuth (Public repos only)',
onTap: (_) {
auth.redirectToGithubOauth(true);
},
),
ActionItem(
text: 'via Personal token',
onTap: (_) async {
final result = await theme.showConfirm(
context,
_buildPopup(context, notes: [
Text(
AppLocalizations.of(context)!
.permissionRequiredMessage,
style: const TextStyle(
fontSize: 14,
fontWeight: FontWeight.w400),
),
const 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: AppLocalizations.of(context)!.gitlabAccount,
brand: Ionicons.git_branch_outline,
onTap: () async {
_domainController.text = 'https://gitlab.com';
final result = await theme.showConfirm(
context,
_buildPopup(
context,
showDomain: true,
notes: [
Text(
AppLocalizations.of(context)!
.permissionRequiredMessage,
style: const TextStyle(
fontSize: 14, fontWeight: FontWeight.w400),
),
const 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: AppLocalizations.of(context)!.bitbucketAccount,
brand: Ionicons.logo_bitbucket,
onTap: () async {
_domainController.text = 'https://bitbucket.org';
final result = await theme.showConfirm(
context,
Column(
children: <Widget>[
MyTextField(
controller: _domainController,
placeholder: 'Domain'),
const SizedBox(height: 8),
MyTextField(
placeholder: 'Username',
controller: _usernameController),
const SizedBox(height: 8),
MyTextField(
placeholder: 'App password',
controller: _passwordController),
const SizedBox(height: 8),
Text.rich(
TextSpan(children: [
const TextSpan(
text:
'Note: App password is different with the password. Follow ',
),
TextSpan(
text: 'this guide',
style:
TextStyle(color: theme.palette.primary),
recognizer: TapGestureRecognizer()
..onTap = () {
theme.push(context,
'https://support.atlassian.com/bitbucket-cloud/docs/app-passwords/');
},
),
const TextSpan(text: ' to create one.')
]),
),
const SizedBox(height: 8),
Text(
AppLocalizations.of(context)!
.permissionRequiredMessage,
style: const TextStyle(
fontSize: 14, fontWeight: FontWeight.w400),
),
const SizedBox(height: 8),
Text(
'Account: read\nTeam membership: read\nProjects: read\nRepositories: read\nPull requests: read\nIssues: read\nSnippets: read',
style: TextStyle(
fontSize: 16, color: theme.palette.primary),
)
],
),
);
if (result == true) {
try {
await auth.loginToBb(
_domainController.text,
_usernameController.text,
_passwordController.text);
} catch (err) {
showError(err);
}
}
},
),
_buildAddItem(
text: AppLocalizations.of(context)!.giteaAccount,
brand: Ionicons.git_branch_outline, // TODO: brand icon
onTap: () async {
_domainController.text = 'https://gitea.com';
final result = await theme.showConfirm(
context,
Column(
children: [
_buildPopup(context, showDomain: true),
const Text.rich(TextSpan(children: [
TextSpan(
text:
'Note: To login with Codeberg change the domain name to: ',
),
])),
const SizedBox(height: 8),
Text(
'https://codeberg.org',
style: TextStyle(
fontSize: 16, color: theme.palette.primary),
),
],
));
if (result == true) {
try {
await auth.loginToGitea(
_domainController.text, _tokenController.text);
_tokenController.clear();
} catch (err) {
showError(err);
}
}
},
),
_buildAddItem(
text: '${AppLocalizations.of(context)!.giteeAccount}(码云)',
brand: Ionicons.git_branch_outline, // TODO: brand icon
onTap: () async {
final result = await theme.showConfirm(
context,
_buildPopup(context),
);
if (result == true) {
try {
await auth.loginToGitee(_tokenController.text);
_tokenController.clear();
} catch (err) {
showError(err);
}
}
},
),
_buildAddItem(
text: 'Gogs Account',
brand: Ionicons.git_branch_outline, // TODO: brand icon
onTap: () async {
_domainController.text = 'https://gogs.com';
final result = await theme.showConfirm(
context,
_buildPopup(context, showDomain: true),
);
if (result == true) {
try {
await auth.loginToGogs(
_domainController.text, _tokenController.text);
_tokenController.clear();
} catch (err) {
showError(err);
}
}
},
),
Container(
padding: CommonStyle.padding,
child: Text(
AppLocalizations.of(context)!.longPressToRemoveAccount,
style: TextStyle(
fontSize: 16,
color: theme.palette.secondaryText,
),
),
)
],
),
),
);
}
}