Mobile

src/app/account/account.module.tns.ts

@@ -34,6 +34,8 @@ import {
   ChangePasswordComponent,
   ChangePasswordContainer
 } from "./change-password";
+import { TNSLoginEffects } from "./login/tns-login-effects";
+import { MobileMenuModule } from "../mobile-menu";
 
 export const COMPONENTS = [
   LoginContainer,
@@ -60,9 +62,11 @@ export const SERVICES = [BackupCodePdfService, UserService, ConfirmEmailGuard];
     NgrxFormsModule,
     SharedModule,
     ProgressIndicatorModule,
+    MobileMenuModule,
     StoreModule.forFeature("account", reducers),
     EffectsModule.forFeature([
       LoginEffects,
+      TNSLoginEffects,
       LoginFormEffects,
       RegisterEffects,
       ConfirmEmailEffects,

src/app/account/login/login.component.tns.html

@@ -31,7 +31,6 @@
                     returnKeyType="next"
                     [isFormSubmitted]="form.isSubmitted"
                     [ngrxFormControl]="form.controls.email"
-                    (returnPress)="focusPassword()"
                 ></app-text-field>
 
                 <Label

src/app/account/login/login.component.tns.ts

+import {
+  Component,
+  EventEmitter,
+  Input,
+  Output,
+  ViewChild,
+  ElementRef
+} from "@angular/core";
+import { FormGroupState, MarkAsSubmittedAction } from "ngrx-forms";
+import { ActionsSubject } from "@ngrx/store";
+
+import { ILoginForm } from "./interfaces";
+
+@Component({
+  selector: "login-component",
+  moduleId: module.id,
+  templateUrl: "./login.component.html",
+  styleUrls: ["../shared/auth.styles.css"]
+})
+export class LoginComponent {
+  @Input() form: FormGroupState<ILoginForm>;
+  @Input() errorMessage: string;
+  @Input() hasLoginStarted: boolean;
+  @Input() hasLoginFinished: boolean;
+  @Output() login = new EventEmitter<ILoginForm>();
+  @Output() goToRegister = new EventEmitter();
+
+  @ViewChild("password") password: ElementRef;
+
+  constructor(private actionsSubject: ActionsSubject) {}
+
+  onSubmit() {
+    if (this.form.isValid) {
+      this.login.emit();
+    } else if (this.form.isUnsubmitted) {
+      this.actionsSubject.next(new MarkAsSubmittedAction(this.form.id));
+    }
+  }
+}

src/app/account/login/tns-login-effects.tns.ts

+import { Injectable } from "@angular/core";
+import { Effect, Actions, ofType } from "@ngrx/effects";
+import { AccountActionTypes } from "../account.actions";
+import { RouterExtensions } from "nativescript-angular/router";
+import { tap } from "rxjs/operators";
+
+@Injectable()
+export class TNSLoginEffects {
+  @Effect({ dispatch: false })
+  loginSuccess$ = this.actions$.pipe(
+    ofType(AccountActionTypes.LOGIN_SUCCESS),
+    tap(() => {
+      this.router.navigate(["/list"], { clearHistory: true });
+    })
+  );
+
+  constructor(private actions$: Actions, private router: RouterExtensions) {}
+}