161 lines
4.9 KiB
Dart
161 lines
4.9 KiB
Dart
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/gestures.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
import 'package:photos/core/configuration.dart';
|
|
import 'package:photos/services/user_service.dart';
|
|
import 'package:photos/ui/common/report_bug_popup.dart';
|
|
import 'package:photos/ui/common_elements.dart';
|
|
import 'package:photos/ui/web_page.dart';
|
|
import 'package:photos/utils/dialog_util.dart';
|
|
import 'package:photos/utils/email_util.dart';
|
|
|
|
class LoginPage extends StatefulWidget {
|
|
LoginPage({Key key}) : super(key: key);
|
|
|
|
@override
|
|
_LoginPageState createState() => _LoginPageState();
|
|
}
|
|
|
|
class _LoginPageState extends State<LoginPage> {
|
|
final _config = Configuration.instance;
|
|
String _email;
|
|
|
|
@override
|
|
void initState() {
|
|
_email = _config.getEmail();
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: Hero(
|
|
tag: "log_in",
|
|
child: Material(
|
|
type: MaterialType.transparency,
|
|
child: Text(
|
|
"log in",
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
letterSpacing: 0.6,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
actions: <Widget>[reportBugPopupMenu(context)]),
|
|
body: _getBody(),
|
|
);
|
|
}
|
|
|
|
Widget _getBody() {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.fromLTRB(40, 40, 40, 0),
|
|
child: TextFormField(
|
|
autofillHints: [AutofillHints.email],
|
|
decoration: InputDecoration(
|
|
hintText: 'email',
|
|
hintStyle: TextStyle(
|
|
color: Colors.white30,
|
|
),
|
|
contentPadding: EdgeInsets.all(12),
|
|
),
|
|
onChanged: (value) {
|
|
setState(() {
|
|
_email = value.trim();
|
|
});
|
|
},
|
|
autocorrect: false,
|
|
keyboardType: TextInputType.emailAddress,
|
|
initialValue: _email,
|
|
autofocus: true,
|
|
),
|
|
),
|
|
Padding(padding: EdgeInsets.all(8)),
|
|
Padding(
|
|
padding: const EdgeInsets.all(12),
|
|
child: RichText(
|
|
text: TextSpan(
|
|
children: [
|
|
TextSpan(
|
|
text: "by clicking log in, I agree to the ",
|
|
),
|
|
TextSpan(
|
|
text: "terms of service",
|
|
style: TextStyle(
|
|
color: Colors.blue,
|
|
fontFamily: 'Ubuntu',
|
|
),
|
|
recognizer: TapGestureRecognizer()
|
|
..onTap = () {
|
|
Navigator.of(context).push(
|
|
MaterialPageRoute(
|
|
builder: (BuildContext context) {
|
|
return WebPage("terms", "https://ente.io/terms");
|
|
},
|
|
),
|
|
);
|
|
},
|
|
),
|
|
TextSpan(text: " and "),
|
|
TextSpan(
|
|
text: "privacy policy",
|
|
style: TextStyle(
|
|
color: Colors.blue,
|
|
fontFamily: 'Ubuntu',
|
|
),
|
|
recognizer: TapGestureRecognizer()
|
|
..onTap = () {
|
|
Navigator.of(context).push(
|
|
MaterialPageRoute(
|
|
builder: (BuildContext context) {
|
|
return WebPage(
|
|
"privacy", "https://ente.io/privacy");
|
|
},
|
|
),
|
|
);
|
|
},
|
|
),
|
|
],
|
|
style: TextStyle(
|
|
height: 1.25,
|
|
fontSize: 12,
|
|
fontFamily: 'Ubuntu',
|
|
color: Colors.white70,
|
|
),
|
|
),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
),
|
|
Padding(padding: EdgeInsets.all(8)),
|
|
Container(
|
|
width: double.infinity,
|
|
height: 64,
|
|
padding: const EdgeInsets.fromLTRB(80, 0, 80, 0),
|
|
child: button(
|
|
"log in",
|
|
onPressed: _email != null && _email.isNotEmpty
|
|
? () {
|
|
if (!isValidEmail(_email)) {
|
|
showErrorDialog(context, "invalid email address",
|
|
"please enter a valid email address.");
|
|
return;
|
|
}
|
|
_config.setEmail(_email);
|
|
UserService.instance.getOtt(context, _email);
|
|
}
|
|
: null,
|
|
fontSize: 18,
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|