Flugnr. #{{item.id}}
+Datum: {{item.date | date:'dd.MM.yyyy HH:mm'}}
+ ++ + + +
+Flugnr. #{{item.id}}
+Datum: {{item.date | date:'dd.MM.yyyy HH:mm'}}
+ +
+
+
+
Hier könnte auch der Datensatz mit der Id {{id}} stehen!
+ + + + + + + ` +}) +export class FlightEditComponent implements OnInit { + + public id: string; + + constructor(private route: ActivatedRoute) { + + route.params.subscribe(p => { + this.id = p['id']; + }); + } + + ngOnInit() { } + + exitWarning = { + show: false, + resolve: null + } + + decide(decision: boolean) { + this.exitWarning.show = false; + this.exitWarning.resolve(decision); + } + + canDeactivate() { + this.exitWarning.show = true; + return new Promise((resolve) => { + this.exitWarning.resolve = resolve; + }); + } + +} \ No newline at end of file diff --git a/sample - Kopie/src/app/flight-booking/flight-search-reactive/flight-search-reactive.component.css b/sample - Kopie/src/app/flight-booking/flight-search-reactive/flight-search-reactive.component.css new file mode 100644 index 00000000..58633484 --- /dev/null +++ b/sample - Kopie/src/app/flight-booking/flight-search-reactive/flight-search-reactive.component.css @@ -0,0 +1,13 @@ + + +input.ng-valid { + border-left-style: solid; + border-left-color: forestgreen; + border-left-width: 5px; +} + +input.ng-invalid { + border-left-style: solid; + border-left-color: hotpink; + border-left-width: 5px; +} \ No newline at end of file diff --git a/sample - Kopie/src/app/flight-booking/flight-search-reactive/flight-search-reactive.component.html b/sample - Kopie/src/app/flight-booking/flight-search-reactive/flight-search-reactive.component.html new file mode 100644 index 00000000..b07bd6db --- /dev/null +++ b/sample - Kopie/src/app/flight-booking/flight-search-reactive/flight-search-reactive.component.html @@ -0,0 +1,95 @@ +Warenkorb
+----------------------
+{{selectedFlight | json}}
+
+Warenkorb
+----------------------
+{{selectedFlight | json}}
+
+Platzhalter-Seite. Hier könnte auch Ihre Werbung stehen ;-)
+ + + ` +}) +export class PassengerSearchComponent implements OnInit { + constructor(private oauthService: OAuthService) { } + ngOnInit() { } + + refresh() { + this.oauthService.silentRefresh(); + } +} diff --git a/sample - Kopie/src/app/flight-booking/services/flight.service.ts b/sample - Kopie/src/app/flight-booking/services/flight.service.ts new file mode 100644 index 00000000..4cf0c8d0 --- /dev/null +++ b/sample - Kopie/src/app/flight-booking/services/flight.service.ts @@ -0,0 +1,44 @@ +import { Injectable, Inject} from '@angular/core'; +import {Http, Headers, URLSearchParams} from '@angular/http'; +import {BASE_URL} from "../../app.tokens"; +import {Observable} from "rxjs"; +import {Flight} from "../../entities/flight"; +import {OAuthService} from "angular-oauth2-oidc"; + +@Injectable() +export class FlightService { + + constructor( + private oauthService: OAuthService, + private http: Http, + @Inject(BASE_URL) private baseUrl: string + ) { + } + + public flights: ArrayLogin with Authorization Server
++ access_token_expiration: {{access_token_expiration}} +
++ id_token_expiration: {{id_token_expiration}} +
++ access_token: {{access_token}} +
++ id_token: {{id_token}} +
+{{userProfile | json}}
+ Login with Username/Password
+ ++ Login wasn't successfull. +
+ ++ access_token_expiration: {{access_token_expiration}} +
++ access_token: {{access_token}} +
+{{userProfile | json}}
+