Affichage du titre des pages dans la navigation

Front/skydivelogs-app/src/app/app.component.ts

@@ -14,6 +14,7 @@ export class AppComponent implements OnInit {
   }
 
   ngOnInit() {
+    this.serviceComm.componentTitle.subscribe(title => this.title = title);
   }
 
   toggleMenu() {

Front/skydivelogs-app/src/app/list-of-aircrafts/list-of-aircrafts.component.ts

@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { AircraftResp } from '../../models/aircraft';
 import { ServiceApi } from '../../services/serviceApi';
+import { ServiceComm } from '../../services/serviceComm';
 
 @Component({
   selector: 'app-list-of-aircrafts',
@@ -10,10 +11,11 @@ import { ServiceApi } from '../../services/serviceApi';
 export class ListOfAircraftsComponent implements OnInit {
   public listOfAircrafts: Array<AircraftResp> = new Array<AircraftResp>();
 
-  constructor(private serviceApi: ServiceApi) {
+  constructor(private serviceApi: ServiceApi, private serviceComm: ServiceComm) {
   }
 
   ngOnInit() {
+    this.serviceComm.updatedComponentTitle('List of aircrafts');
     this.getListOfAircrafts();
   }
 

Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts

@@ -1,6 +1,7 @@
 import { Component, OnInit, Injectable } from '@angular/core';
 import { DropZoneResp } from '../../models/dropzone';
 import { ServiceApi } from '../../services/serviceApi';
+import { ServiceComm } from '../../services/serviceComm';
 
 @Component({
   selector: 'app-list-of-dzs',
@@ -12,10 +13,12 @@ import { ServiceApi } from '../../services/serviceApi';
 export class ListOfDzsComponent implements OnInit {
   public listOfDropZones: Array<DropZoneResp> = new Array<DropZoneResp>();
 
-  constructor(private serviceApi: ServiceApi) {
+  constructor(private serviceApi: ServiceApi,
+    private serviceComm: ServiceComm) {
   }
 
   ngOnInit() {
+    this.serviceComm.updatedComponentTitle('List of DZs');
     this.getListOfDropZones();
   }
 

Front/skydivelogs-app/src/app/list-of-jump-types/list-of-jump-types.component.ts

@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { JumpTypeResp } from '../../models/jumpType';
 import { ServiceApi } from '../../services/serviceApi';
+import { ServiceComm } from '../../services/serviceComm';
 
 @Component({
   selector: 'app-list-of-jump-types',
@@ -10,10 +11,11 @@ import { ServiceApi } from '../../services/serviceApi';
 export class ListOfJumpTypesComponent implements OnInit {
   public listOfJumpTypes: Array<JumpTypeResp> = new Array<JumpTypeResp>();
 
-  constructor(private serviceApi: ServiceApi) {
+  constructor(private serviceApi: ServiceApi, private serviceComm: ServiceComm) {
   }
 
   ngOnInit() {
+    this.serviceComm.updatedComponentTitle('List of jump types');
     this.getListOfJumpTypes();
   }
 

Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.ts

@@ -2,6 +2,8 @@ import { Component, OnInit } from '@angular/core';
 import { Observable } from 'rxjs/Observable';
 import { JumpResp } from '../../models/jump';
 import { ServiceApi } from '../../services/serviceApi';
+import { ServiceComm } from '../../services/serviceComm';
+
 
 @Component({
   selector: 'app-list-of-jumps',
@@ -11,10 +13,11 @@ import { ServiceApi } from '../../services/serviceApi';
 export class ListOfJumpsComponent implements OnInit {
   public listOfJumps: Observable<Array<JumpResp>>;
 
-  constructor(private serviceApi: ServiceApi) {
+  constructor(private serviceApi: ServiceApi, private serviceComm: ServiceComm) {
   }
 
   ngOnInit() {
+    this.serviceComm.updatedComponentTitle('List of jumps');
     this.getListOfJumps();
   }
 

Front/skydivelogs-app/src/app/new-jump/new-jump.component.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { ServiceComm } from '../../services/serviceComm';
 
 @Component({
   selector: 'app-new-jump',
@@ -7,9 +8,10 @@ import { Component, OnInit } from '@angular/core';
 })
 export class NewJumpComponent implements OnInit {
 
-  constructor() { }
+  constructor(private serviceComm: ServiceComm) { }
 
   ngOnInit() {
+    this.serviceComm.updatedComponentTitle('Add a new jump');
   }
 
 }

Front/skydivelogs-app/src/app/summary/summary.component.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { ServiceComm } from '../../services/serviceComm';
 
 @Component({
   selector: 'app-summary',
@@ -7,9 +8,10 @@ import { Component, OnInit } from '@angular/core';
 })
 export class SummaryComponent implements OnInit {
 
-  constructor() { }
+  constructor(private serviceComm: ServiceComm) { }
 
   ngOnInit() {
+    this.serviceComm.updatedComponentTitle('Summary');
   }
 
 }

Front/skydivelogs-app/src/services/serviceComm.ts

@@ -1,6 +1,14 @@
 import { Injectable } from '@angular/core';
+import { BehaviorSubject } from 'rxjs/BehaviorSubject';
 
 @Injectable()
 export class ServiceComm {
+  private componentTitleSource = new BehaviorSubject<string>("");
+  componentTitle = this.componentTitleSource.asObservable();
+
   constructor() { }
+
+  updatedComponentTitle(title: string) {
+    this.componentTitleSource.next(title);
+  }
 }