updated

frontend/src/app/app.component.html

@@ -1 +1,4 @@
+<nav class="navbar navbar-expand-xl navbar-dark bg-dark">
+  <a [routerLink]="['/']" class="navbar-brand" >Chat Polytech</a>
+</nav>
 <router-outlet></router-outlet>

frontend/src/app/app.component.ts

@@ -1,10 +1,22 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import {Title} from '@angular/platform-browser';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.scss']
 })
-export class AppComponent {
-  title = 'frontend';
+export class AppComponent implements OnInit{
+
+  constructor(private titleService: Title, private router: Router) {
+  }
+
+  ngOnInit(): void {
+    this.setTitle('Chat Polytech');
+  }
+
+  public setTitle(newTitle: string): void {
+    this.titleService.setTitle(newTitle);
+  }
 }

frontend/src/app/app.module.ts

@@ -9,6 +9,9 @@ import {CommonModule, DatePipe} from "@angular/common";
 import { PrivateComponent } from './private/private.component';
 import { ChatComponent } from './chat/chat.component';
 import { MessageComponent } from './message/message.component';
+import { RegisterComponent } from './register/register.component';
+import { ChangePasswordComponent } from './change-password/change-password.component';
+import { NavbarComponent } from './navbar/navbar.component';
 
 
 @NgModule({
@@ -17,10 +20,14 @@ import { MessageComponent } from './message/message.component';
     LoginComponent,
     PrivateComponent,
     ChatComponent,
-    MessageComponent
+    MessageComponent,
+    RegisterComponent,
+    ChangePasswordComponent,
+    NavbarComponent
   ],
   imports: [
     BrowserModule,
+    AppRoutingModule,
     HttpClientModule,
     FormsModule,
     CommonModule,

frontend/src/app/login/login.component.html

@@ -7,8 +7,8 @@
       <div class="row">
         <div class="col-md-10">
           <div class="form-group mb-0">
-            <input class="form-control" type="text" required="" [(ngModel)]="login" autocomplete="login" name="login">
-            <input class="form-control" type="password" required="" [(ngModel)]="password" autocomplete="password" name="password">
+            <input class="form-control" type="text" required="" [(ngModel)]="login" autocomplete="login" id="login" name="login" placeholder="login">
+            <input class="form-control" type="password" required="" [(ngModel)]="password" autocomplete="password" id="password" name="password" placeholder="password">
           </div>
         </div>
       </div>
@@ -20,3 +20,4 @@
   <br>
   <div class="alert alert-danger" *ngIf="errorMessage!==''">{{errorMessage}}</div>
 </div>
+<app-register></app-register>