Revision 56969
Added by Konstantina Galouni almost 5 years ago
showTitle.component.ts | ||
---|---|---|
4 | 4 |
@Component({ |
5 | 5 |
selector: 'showTitle', |
6 | 6 |
template: ` |
7 |
<h2 *ngIf="title != undefined" class="landingTitle"> |
|
8 |
<span *ngIf="title['url'] != undefined && title['url'] != null && title['url'] != ''" |
|
9 |
class="custom-external"> |
|
10 |
|
|
11 |
<a *ngIf="title['name'] != undefined && title['name'] != ''" |
|
12 |
href="{{title['url']}}" target="_blank" |
|
13 |
[innerHTML]="title['name']"> |
|
14 |
</a> |
|
15 |
<a *ngIf="title['name'] == undefined || title['name'] == ''" |
|
16 |
href="{{title['url']}}" target="_blank"> |
|
17 |
[no title available] |
|
18 |
</a> |
|
19 |
</span> |
|
20 |
<span *ngIf="(title['name'] != undefined && title['name'] != '') && |
|
21 |
(title['url'] == undefined || title['url'] == null || title['url'] == '')" |
|
22 |
[innerHTML]="title['name']"> |
|
23 |
</span> |
|
24 |
<span *ngIf="(title['name'] == undefined || title['name'] == '') && |
|
25 |
(title['url'] == undefined || title['url'] == null || title['url'] == '')" |
|
26 |
> |
|
27 |
[no title available] |
|
28 |
</span> |
|
7 |
<h2 [class]="classNames"> |
|
8 |
<div *ngIf="title != undefined" class="landingTitle"> |
|
9 |
<span *ngIf="title['url'] != undefined && title['url'] != null && title['url'] != ''" |
|
10 |
class="custom-external"> |
|
11 |
|
|
12 |
<a *ngIf="title['name'] != undefined && title['name'] != ''" |
|
13 |
href="{{title['url']}}" target="_blank" |
|
14 |
[innerHTML]="title['name']"> |
|
15 |
</a> |
|
16 |
<a *ngIf="title['name'] == undefined || title['name'] == ''" |
|
17 |
href="{{title['url']}}" target="_blank"> |
|
18 |
[no title available] |
|
19 |
</a> |
|
20 |
</span> |
|
21 |
<span *ngIf="(title['name'] != undefined && title['name'] != '') && |
|
22 |
(title['url'] == undefined || title['url'] == null || title['url'] == '')" |
|
23 |
[innerHTML]="title['name']"> |
|
24 |
</span> |
|
25 |
<span *ngIf="(title['name'] == undefined || title['name'] == '') && |
|
26 |
(title['url'] == undefined || title['url'] == null || title['url'] == '')" |
|
27 |
> |
|
28 |
[no title available] |
|
29 |
</span> |
|
30 |
</div> |
|
31 |
<div *ngIf="titleName"> |
|
32 |
<span [innerHTML]="titleName"></span> |
|
33 |
</div> |
|
34 |
<div *ngIf="!titleName && !title"> |
|
35 |
<span>[no title available]</span> |
|
36 |
</div> |
|
29 | 37 |
</h2> |
30 |
<h2 *ngIf="titleName"> |
|
31 |
<span [innerHTML]="titleName"></span> |
|
32 |
</h2> |
|
33 |
<h2 *ngIf="!titleName && !title"> |
|
34 |
<span>[no title available]</span> |
|
35 |
</h2> |
|
36 | 38 |
` |
37 | 39 |
|
38 | 40 |
}) |
... | ... | |
41 | 43 |
@Input() titleName: string; |
42 | 44 |
@Input() title: { [key: string]: string }; |
43 | 45 |
@Input() iconClass:string; |
46 |
@Input() classNames: string = ""; |
|
44 | 47 |
|
45 | 48 |
sub: any; |
46 | 49 |
|
Also available in: Unified diff
[Trunk | Library]: Merging branch "mergeResultLandingPages" into Trunk 56883:56968