login and register components added

package.json

@@ -28,8 +28,8 @@
     "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.1000.0-next.0",
-    "@angular/cli": "~10.0.0-next.0",
+    "@angular-devkit/build-angular": " 0.901.1",
+    "@angular/cli": "9.1.1",
     "@angular/compiler-cli": "~9.1.1",
     "@angular/language-service": "~9.1.1",
     "@types/jasmine": "~3.3.8",

src/app/_components/login/login.component.html

@@ -12,15 +12,15 @@
 
     <code>observable|async</code>: Time: {{ time | async }}
 
-    <code>observable|async</code>: Time: {{ times | async }}
+
 
-    <div *ngIf="usersRole | async">
+    <div *ngIf="usersRole$ | async">
         this is rediculous user role 1
     </div>
 
     <div *ngIf="usersRole$ | async">
         this is rediculous user role 2
     </div>
-{{ usersRole$.source._value }}
+{{ usersRole$.source }}
 
   </div>

src/app/_components/navbar/navbar.component.ts

@@ -12,4 +12,8 @@ export class NavbarComponent implements OnInit {
   ngOnInit() {
   }
 
+  logout(){
+
+  }
+
 }

src/app/_components/register/register.component.html

@@ -21,7 +21,7 @@
 
           <mat-form-field class="example-full-width">
             <mat-label>Choose a role...</mat-label>
-            <mat-select [(value)]="selected">
+            <mat-select>
               <mat-option [value]="roles" *ngFor="let roles of Roles">{{roles}}
               </mat-option>
             </mat-select>

src/app/_components/register/register.component.ts

@@ -9,8 +9,10 @@ import { first } from 'rxjs/operators';
   styleUrls: ['./register.component.css']
 })
 export class RegisterComponent implements OnInit {
-  ngOnInit(): void {
-    throw new Error("Method not implemented.");
+  Roles: any = ['Admin', 'Author', 'Reader'];
+
+  ngOnInit() {
+
   }
 
 }

src/app/_helpers/auth.service.ts

@@ -10,7 +10,7 @@ export class AuthService {
 
   public authenticationState = new BehaviorSubject(false)
 
-  public userRole: BehaviorSubject<any>
+  public userRole: BehaviorSubject<string>
 
   public currentUserToken: BehaviorSubject<any>