Revision 56936
Added by Konstantina Galouni over 4 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
[mergeResultLandingPages | Library]:
resultLanding.component: small bug fixes in names used & 'Other versions' removed from accordion and added as modal which opens with a note under the title.