1 |
50169
|
argiro.kok
|
import {Component, Input} from '@angular/core';
|
2 |
|
|
import {ActivatedRoute} from '@angular/router';
|
3 |
|
|
|
4 |
|
|
@Component({
|
5 |
|
|
selector: 'showTitle',
|
6 |
|
|
template: `
|
7 |
58723
|
k.triantaf
|
<h1 [ngClass]="classNames">
|
8 |
56969
|
konstantin
|
<div *ngIf="title != undefined" class="landingTitle">
|
9 |
58275
|
k.triantaf
|
<span *ngIf="title['url'] != undefined && title['url'] != null && title['url'] != ''"
|
10 |
56969
|
konstantin
|
class="custom-external">
|
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>
|
29 |
|
|
</div>
|
30 |
|
|
<div *ngIf="titleName">
|
31 |
|
|
<span [innerHTML]="titleName"></span>
|
32 |
|
|
</div>
|
33 |
|
|
<div *ngIf="!titleName && !title">
|
34 |
59108
|
k.triantaf
|
<span>No title available</span>
|
35 |
56969
|
konstantin
|
</div>
|
36 |
58275
|
k.triantaf
|
</h1>
|
37 |
50169
|
argiro.kok
|
`
|
38 |
|
|
|
39 |
|
|
})
|
40 |
|
|
|
41 |
|
|
export class ShowTitleComponent {
|
42 |
52606
|
konstantin
|
@Input() titleName: string;
|
43 |
50169
|
argiro.kok
|
@Input() title: { [key: string]: string };
|
44 |
|
|
@Input() iconClass:string;
|
45 |
56969
|
konstantin
|
@Input() classNames: string = "";
|
46 |
50169
|
argiro.kok
|
|
47 |
59816
|
argiro.kok
|
constructor () {}
|
48 |
50169
|
argiro.kok
|
|
49 |
|
|
}
|