flutter/GitJournal
1
0
Fork 0
mirror of https://github.com/GitJournal/GitJournal.git synced 2025-07-15 07:56:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

OnBoarding ssh key screen: Make it prettier

Browse Source 
Also add a button for copying the public key. Ideally I would have liked
the text to be selectable but Flutter doesn't have a widget for that,
and it's much easier to just add a button instead -

https://github.com/flutter/flutter/issues/5422
This commit is contained in:
Vishesh Handa
2019-01-17 13:21:03 +01:00
parent e9da9a6ae8
commit 6c07510c4d
1 changed files with 99 additions and 27 deletions

126
lib/screens/onboarding_screens.dart

@ -38,7 +38,8 @@ class OnBoardingScreenState extends State<OnBoardingScreen> {
var pageController = PageController();
final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();
String publicKey = "Generating ...";
String publicKey = "";
bool _canLaunchDeployKeyPage = false;
@override
Widget build(BuildContext context) {
@ -138,6 +139,9 @@ class OnBoardingScreenState extends State<OnBoardingScreen> {
);
},
publicKey: publicKey,
copyKeyFunction: _copyKeyToClipboard,
openDeployKeyPage: _launchDeployKeyPage,
canOpenDeployKeyPage: _canLaunchDeployKeyPage,
);
}
@ -197,22 +201,27 @@ class OnBoardingScreenState extends State<OnBoardingScreen> {
}
void _generateSshKey() {
generateSSHKeys(comment: "GitJournal").then((String _publicKey) {
generateSSHKeys(comment: "GitJournal").then((String publicKey) {
setState(() {
publicKey = _publicKey;
this.publicKey = publicKey;
this._canLaunchDeployKeyPage =
_gitCloneUrl.startsWith("git@github.com:") ||
_gitCloneUrl.startsWith("git@gitlab.com:");
Clipboard.setData(ClipboardData(text: publicKey));
var text = "Public Key copied to Clipboard";
this
._scaffoldKey
.currentState
.showSnackBar(new SnackBar(content: new Text(text)));
_launchDeployKeyPage();
_copyKeyToClipboard();
});
});
}
void _copyKeyToClipboard() {
Clipboard.setData(ClipboardData(text: publicKey));
var text = "Public Key copied to Clipboard";
this
._scaffoldKey
.currentState
.showSnackBar(new SnackBar(content: new Text(text)));
}
void _launchDeployKeyPage() async {
var lastIndex = _gitCloneUrl.lastIndexOf(".git");
if (lastIndex == -1) {
@ -401,40 +410,103 @@ class OnBoardingCreateRepo extends StatelessWidget {
class OnBoardingSshKey extends StatelessWidget {
final Function doneFunction;
final Function copyKeyFunction;
final String publicKey;
final Function openDeployKeyPage;
final bool canOpenDeployKeyPage;
OnBoardingSshKey({
@required this.doneFunction,
@required this.copyKeyFunction,
@required this.openDeployKeyPage,
@required this.publicKey,
@required this.canOpenDeployKeyPage,
});
@override
Widget build(BuildContext context) {
FocusScope.of(context).requestFocus(new FocusNode());
Widget copyAndDepoyWidget;
if (this.publicKey.isEmpty) {
copyAndDepoyWidget = Container();
} else {
if (canOpenDeployKeyPage) {
copyAndDepoyWidget = Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Expanded(
child: RaisedButton(
child: Text(
"Copy Key",
textAlign: TextAlign.center,
style: Theme.of(context).textTheme.button,
),
color: Theme.of(context).primaryColor,
onPressed: copyKeyFunction,
),
),
SizedBox(width: 8.0),
Expanded(
child: RaisedButton(
child: Text(
"Open Deploy Key Webpage",
textAlign: TextAlign.center,
style: Theme.of(context).textTheme.button,
),
color: Theme.of(context).primaryColor,
onPressed: openDeployKeyPage,
),
),
],
);
} else {
copyAndDepoyWidget = OnBoardingButton(
text: "Copy Key",
onPressed: this.copyKeyFunction,
);
}
}
String publicKeyStr = "";
if (this.publicKey == null || this.publicKey.isEmpty) {
publicKeyStr = "Generating ...";
} else {
publicKeyStr = this.publicKey;
}
var publicKeyWidget = SizedBox(
width: double.infinity,
height: 160.0,
child: Container(
color: Theme.of(context).buttonColor,
child: SingleChildScrollView(
child: Container(
padding: const EdgeInsets.all(8.0),
child: Text(
publicKeyStr,
textAlign: TextAlign.left,
maxLines: null,
style: Theme.of(context).textTheme.body1,
),
),
),
),
);
return Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Padding(
padding: const EdgeInsets.all(8.0),
child: Text(
'Deploy Public Key',
style: Theme.of(context).textTheme.headline,
),
Text(
'Deploy Public Key',
style: Theme.of(context).textTheme.headline,
),
SizedBox(height: 16.0),
Container(
padding: const EdgeInsets.all(8.0),
color: Theme.of(context).buttonColor,
child: Text(
publicKey,
textAlign: TextAlign.left,
maxLines: 20,
style: Theme.of(context).textTheme.body1,
),
),
publicKeyWidget,
SizedBox(height: 8.0),
copyAndDepoyWidget,
OnBoardingButton(
text: "Clone Repo",
onPressed: this.doneFunction,