-
Notifications
You must be signed in to change notification settings - Fork 15
/
app.component.ts
88 lines (78 loc) · 1.9 KB
/
app.component.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
import { Component, OnInit } from '@angular/core';
import {BehaviorSubject, Observable, Subject} from 'rxjs';
import {HttpClient, HttpHeaders} from '@angular/common/http';
import {take} from 'rxjs/operators';
@Component({
selector: 'app-root',
template: `
<div style="text-align:center">
<img src="/assets/quarkus_logo_horizontal_rgb_1280px_reverse.svg"/>
</div>
<router-outlet></router-outlet>
`,
styles: []
})
export class AppComponent {
title = 'webapp';
}
@Component({
selector: 'app-default',
template: `
In <b>default</b> component.
<a [routerLink]="['/other']">Other</a> |
<a [routerLink]="['/rest']">Rest</a> |
<a href="{{externalUrl}}">External</a>
`,
styles: []
})
export class DefaultComponent {
externalUrl = '/servlet/make-external-call';
constructor() {
if (window.location.port === "4200") {
this.externalUrl = "http://localhost:8080" + this.externalUrl;
}
}
}
@Component({
selector: 'app-other',
template: `
In <b>other</b> component. <a [routerLink]="['/']">Default</a>
`,
styles: []
})
export class OtherComponent {
}
@Component({
selector: 'app-rest',
template: `
In <b>rest</b> component. <a [routerLink]="['/']">Default</a><br>
Message was: {{msg$ | async}}
`,
styles: []
})
export class RestComponent implements OnInit {
msg$: Subject<string> = new BehaviorSubject<string>("");
constructor(private _http: HttpClient) {
}
ngOnInit(): void {
this._http.get('/api/hello', {responseType: 'text'})
.pipe(
take(1)
)
.subscribe(
msg => this.msg$.next(msg),
err => {
console.error(err);
this.msg$.next("An error happened - see the console log for details");
});
}
}
@Component({
selector: 'app-rest',
template: `
Received callback from server! <a [routerLink]="['/']">Default</a>
`,
styles: []
})
export class ClientCallbackComponent {
}