Login undefined lowercase fixed (fixes #523) (#525)

src/app/configuration/configuration.component.html

@@ -3,7 +3,7 @@
     <ng-template matStepLabel i18n>Create Admin</ng-template>
     <form [formGroup]="loginForm">
       <mat-form-field>
-        <input matInput i18n-placeholder placeholder="Username" formControlName="username" required>
+        <input matInput i18n-placeholder placeholder="Username" formControlName="username" required planetLowercase>
         <mat-error><planet-form-error-messages [control]="loginForm.controls.username"></planet-form-error-messages></mat-error>
       </mat-form-field>
       <mat-form-field>

src/app/login/login-form.component.ts

@@ -77,13 +77,13 @@ export class LoginFormComponent {
   }
 
   login({ name, password }: {name: string, password: string}, isCreate: boolean) {
-    this.couchService.post('_session', { 'name': name.toLowerCase(), 'password': password }, { withCredentials: true })
+    this.couchService.post('_session', { 'name': name, 'password': password }, { withCredentials: true })
       .pipe(switchMap((data) => {
         // Post new session info to login_activity
         return this.userService.newSessionLog();
       })).subscribe((res) => {
         if (isCreate) {
-          this.router.navigate( [ 'users/update/' + name.toLowerCase() ]);
+          this.router.navigate( [ 'users/update/' + name ]);
         } else {
           this.reRoute();
         }

src/app/shared/lowercase.directive.ts

@@ -1,15 +1,15 @@
-import { Directive, Input, HostBinding, HostListener } from '@angular/core';
+import { Directive, HostListener } from '@angular/core';
+import { NgControl } from '@angular/forms';
 
+// For use on input elements within Reactive forms to force text lowercase
 @Directive({
   selector: '[planetLowercase]'
 })
 export class LowercaseDirective {
-  @Input() lowercase: string;
-  @HostBinding('value') value = '';
 
-  constructor() {}
+  constructor(private controlRef: NgControl) {}
 
-  @HostListener('keyup') onMouseEnter() {
-    this.value = this.lowercase.toLowerCase();
+  @HostListener('input', [ '$event' ]) onInput($event) {
+    this.controlRef.control.setValue($event.target.value.toLowerCase());
   }
 }