moxxy/lib/ui/pages/login/login.dart

import 'package:flutter/material.dart';
import 'package:moxxyv2/ui/widgets/topbar.dart';
import 'package:moxxyv2/ui/widgets/textfield.dart';
import 'package:moxxyv2/ui/constants.dart';
import "package:moxxyv2/redux/state.dart";
import "package:moxxyv2/redux/login/actions.dart";
// TODO: REMOVE
import "package:moxxyv2/redux/account/actions.dart";
// TODO END
import "package:moxxyv2/helpers.dart";

import 'package:flutter_redux/flutter_redux.dart';
import 'package:redux/redux.dart';

class _LoginPageViewModel {
  final void Function() togglePasswordVisibility;
  final void Function() performLogin;
  final void Function(String text) setJidError;
  final void Function(String text) setPasswordError;
  final void Function() resetErrors;
  final bool doingWork;
  final bool showPassword;
  final String? passwordError;
  final String? jidError;
  // --- START ---
  // TODO: REMOVE
  final void Function(String jid) setAccountJid;
  final void Function(String displayName) setAccountDisplayName;
  // --- END ---

  _LoginPageViewModel({ required this.togglePasswordVisibility, required this.performLogin, required this.doingWork, required this.showPassword, required this.setJidError, required this.setPasswordError, this.passwordError, this.jidError, required this.resetErrors, required this.setAccountJid, required this.setAccountDisplayName });
}

class LoginPage extends StatelessWidget {
  final TextEditingController jidController = TextEditingController();
  final TextEditingController passwordController = TextEditingController();

  void _navigateToConversations(BuildContext context) {
    Navigator.pushNamedAndRemoveUntil(
      context,
      "/conversations",
      (route) => false
    );
  }

  void _performLogin(BuildContext context, _LoginPageViewModel viewModel) {
    viewModel.resetErrors();

    String jid = this.jidController.text;
    String password = this.passwordController.text;
    
    // Validate first
    switch (validateJid(jid)) {
      case JidFormatError.EMPTY: {
        viewModel.setJidError("XMPP-Address cannot be empty");
        return;
      }
      break;
      case JidFormatError.NO_SEPARATOR:
      case JidFormatError.TOO_MANY_SEPARATORS: {
        viewModel.setJidError("XMPP-Address must contain exactly one @");
        return;
      }
      break;
      case JidFormatError.NO_DOMAIN: {
        // TODO: Find a better text
        viewModel.setJidError("A domain must follow the @");
        return;
      }
      break;
      case JidFormatError.NO_LOCALPART: {
        viewModel.setJidError("Your username must preceed the @");
        return;
      }
      case JidFormatError.NONE: break;
    }

    if (password.isEmpty) {
      viewModel.setPasswordError("Password cannot be empty");
      return;
    }
    
    // TODO: Remove
    Future.delayed(Duration(seconds: 3), () {
        viewModel.setAccountJid(jid);
        viewModel.setAccountDisplayName(jid.split("@")[0]);
        this._navigateToConversations(context);
    });

    viewModel.performLogin();
  }
  
  @override
  Widget build(BuildContext context) {
    return StoreConnector<MoxxyState, _LoginPageViewModel>(
      converter: (store) => _LoginPageViewModel(
        togglePasswordVisibility: () => store.dispatch(TogglePasswordVisibilityAction()),
        performLogin: () => store.dispatch(PerformLoginAction()),
        doingWork: store.state.loginPageState.doingWork,
        showPassword: store.state.loginPageState.showPassword,
        passwordError: store.state.loginPageState.passwordError,
        jidError: store.state.loginPageState.jidError,
        setJidError: (text) => store.dispatch(LoginSetJidErrorAction(text: text)),
        setPasswordError: (text) => store.dispatch(LoginSetPasswordErrorAction(text: text)),
        resetErrors: () => store.dispatch(LoginResetErrorsAction()),
        setAccountJid: (jid) => store.dispatch(SetJidAction(jid: jid)),
        setAccountDisplayName: (displayName) => store.dispatch(SetDisplayNameAction(displayName: displayName))
      ),
      builder: (context, viewModel) => WillPopScope(
        onWillPop: () async => !viewModel.doingWork,
        child: Scaffold(
          appBar: BorderlessTopbar.simple(title: "Login"),
          body: Column(
            children: [
              Visibility(
                visible: viewModel.doingWork,
                child: LinearProgressIndicator(
                  value: null,
                  valueColor: AlwaysStoppedAnimation<Color>(PRIMARY_COLOR)
                )
              ),
              Padding(
                padding: EdgeInsets.symmetric(horizontal: PADDING_VERY_LARGE).add(EdgeInsets.only(top: 8.0)),
                child: CustomTextField(
                  errorText: viewModel.jidError,
                  labelText: "XMPP-Address",
                  enabled: !viewModel.doingWork,
                  controller: this.jidController,
                  maxLines: 1,
                  cornerRadius: TEXTFIELD_RADIUS_REGULAR
                )
              ),
              Padding(
                padding: EdgeInsets.symmetric(horizontal: PADDING_VERY_LARGE).add(EdgeInsets.only(top: 8.0)),
                child: CustomTextField(
                  errorText: viewModel.passwordError,
                  labelText: "Password",
                  controller: this.passwordController,
                  suffixIcon: Padding(
                    padding: EdgeInsetsDirectional.only(end: 8.0),
                    child: InkWell(
                      onTap: () => viewModel.togglePasswordVisibility(),
                      child: Icon(
                        viewModel.showPassword ? Icons.visibility : Icons.visibility_off
                      )
                    )
                  ),
                  enabled: !viewModel.doingWork,
                  obscureText: true,
                  maxLines: 1,
                  cornerRadius: TEXTFIELD_RADIUS_REGULAR
                )
              ),
              Padding(
                padding: EdgeInsets.symmetric(horizontal: PADDING_VERY_LARGE).add(EdgeInsets.only(top: 8.0)),
                child: ExpansionTile(
                  title: Text("Advanced options"),
                  children: [
                    Column(
                      children: [
                        SwitchListTile(
                          title: Text("Create account on server"),
                          value: false,
                          // TODO
                          onChanged: viewModel.doingWork ? null : (value) {}
                        )
                      ]
                    )
                  ]
                )
              ), 
              Row(
                children: [
                  Expanded(
                    child: Padding(
                      padding: EdgeInsets.symmetric(horizontal: PADDING_VERY_LARGE).add(EdgeInsets.only(top: 8.0)),
                      child: ElevatedButton(
                        child: Text("Login"),
                        onPressed: viewModel.doingWork ? null : () => this._performLogin(context, viewModel)
                      )
                    )
                  )
                ]
              )
            ]
          )
        )
      )
    );
  }
}