ente/lib/ui/passphrase_entry_page.dart

import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:photos/user_authenticator.dart';
import 'package:photos/utils/dialog_util.dart';

class PassphraseEntryPage extends StatefulWidget {
  PassphraseEntryPage({Key key}) : super(key: key);

  @override
  _PassphraseEntryPageState createState() => _PassphraseEntryPageState();
}

class _PassphraseEntryPageState extends State<PassphraseEntryPage> {
  final _passphraseController1 = TextEditingController(),
      _passphraseController2 = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: Icon(Icons.lock),
        title: Text("Encryption Passphrase"),
      ),
      body: _getBody(),
    );
  }

  Widget _getBody() {
    return SingleChildScrollView(
      child: Container(
        padding: EdgeInsets.fromLTRB(16, 40, 16, 16),
        child: Column(
          children: [
            Image.asset(
              "assets/vault.png",
              width: 196,
              height: 196,
            ),
            Padding(padding: EdgeInsets.all(12)),
            Text(
              "Please enter a passphrase that we can use to encrypt your data.",
              textAlign: TextAlign.center,
            ),
            Padding(padding: EdgeInsets.all(4)),
            Text.rich(
              TextSpan(
                children: <TextSpan>[
                  TextSpan(
                      text:
                          "We don't store your passphrase, so if you forget, "),
                  TextSpan(
                      text: "we will not be able to help you",
                      style: TextStyle(
                        decoration: TextDecoration.underline,
                        fontWeight: FontWeight.bold,
                      )),
                  TextSpan(text: " recover your data."),
                ],
              ),
              textAlign: TextAlign.center,
            ),
            Padding(padding: EdgeInsets.all(12)),
            TextFormField(
              decoration: InputDecoration(
                hintText: "something you'll never forget",
                contentPadding: EdgeInsets.all(20),
              ),
              controller: _passphraseController1,
              autofocus: false,
              autocorrect: false,
              keyboardType: TextInputType.visiblePassword,
              onChanged: (_) {
                setState(() {});
              },
            ),
            Padding(padding: EdgeInsets.all(8)),
            TextFormField(
              decoration: InputDecoration(
                hintText: "something you'll never ever forget",
                contentPadding: EdgeInsets.all(20),
              ),
              controller: _passphraseController2,
              autofocus: false,
              autocorrect: false,
              obscureText: true,
              keyboardType: TextInputType.visiblePassword,
              onChanged: (_) {
                setState(() {});
              },
            ),
            Padding(padding: EdgeInsets.all(8)),
            SizedBox(
                width: double.infinity,
                child: RaisedButton(
                  onPressed: _passphraseController1.text.isNotEmpty &&
                          _passphraseController2.text.isNotEmpty
                      ? () {
                          if (_passphraseController1.text !=
                              _passphraseController2.text) {
                            showErrorDialog(context, "Uhm...",
                                "The passphrases you entered don't match.");
                          } else {
                            _showPassphraseConfirmationDialog();
                          }
                        }
                      : null,
                  padding: const EdgeInsets.fromLTRB(8, 12, 8, 12),
                  child: Text("Set Passphrase"),
                  color: Theme.of(context).buttonColor,
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(18.0),
                  ),
                )),
          ],
        ),
      ),
    );
  }

  void _showPassphraseConfirmationDialog() {
    AlertDialog alert = AlertDialog(
      title: Text("Confirmation"),
      content: SingleChildScrollView(
        child: Column(children: [
          Text("The passphrase you are promising to never forget is"),
          Padding(padding: EdgeInsets.all(8)),
          Text(_passphraseController1.text,
              style: TextStyle(
                fontWeight: FontWeight.bold,
                fontSize: 28,
              )),
        ]),
      ),
      actions: [
        FlatButton(
          child: Text("Change"),
          onPressed: () {
            Navigator.of(context).pop();
          },
        ),
        FlatButton(
          child: Text("Confirm"),
          onPressed: () {
            Navigator.of(context).pop();
            UserAuthenticator.instance
                .setupKey(context, _passphraseController1.text);
          },
        ),
      ],
    );

    showDialog(
      context: context,
      builder: (BuildContext context) {
        return alert;
      },
    );
  }
}