1
|
import {Component, Input} from '@angular/core';
|
2
|
|
3
|
@Component({
|
4
|
selector: 'showSubjects',
|
5
|
template: `
|
6
|
<div *ngIf="subjects != undefined || otherSubjects != undefined || classifiedSubjects != undefined ">
|
7
|
|
8
|
<div *ngIf="(subjects != undefined && subjects.length > 0) ||
|
9
|
(otherSubjects != undefined && otherSubjects.size > 0) ||
|
10
|
(classifiedSubjects != undefined && classifiedSubjects.size > 0)">
|
11
|
<span class="uk-text-bold">Subject:</span>
|
12
|
|
13
|
<span *ngIf="subjects != undefined && subjects.length > 0"> {{subjects.join(" | ")}} </span>
|
14
|
<ul class="uk-list">
|
15
|
<li *ngIf="otherSubjects != undefined && otherSubjects.size > 0">
|
16
|
<div *ngFor="let key of getKeys(otherSubjects)">
|
17
|
<span class="uk-text-bold">{{key}}:</span> {{otherSubjects.get(key).join(" | ")}}
|
18
|
</div>
|
19
|
</li>
|
20
|
<!--li *ngIf="(subjects == undefined || subjects.length == 0) &&
|
21
|
(otherSubjects == undefined || otherSubjects.size == 0) &&
|
22
|
classifiedSubjects != undefined && classifiedSubjects.size > 0">
|
23
|
-
|
24
|
</li-->
|
25
|
</ul>
|
26
|
</div>
|
27
|
|
28
|
<div *ngIf="classifiedSubjects != undefined && classifiedSubjects.size > 0">
|
29
|
<div class="uk-panel uk-padding-small uk-background-muted" >
|
30
|
<div *ngFor="let key of getKeys(classifiedSubjects)">
|
31
|
<span class="uk-text-bold">Classified by OpenAIRE into</span>
|
32
|
<div>
|
33
|
<span class="uk-text-bold">{{key}}:</span> {{classifiedSubjects.get(key).join(" | ")}}
|
34
|
</div>
|
35
|
</div>
|
36
|
</div>
|
37
|
</div>
|
38
|
</div>
|
39
|
`
|
40
|
|
41
|
})
|
42
|
|
43
|
export class ShowSubjectsComponent {
|
44
|
@Input() subjects: string[];
|
45
|
@Input() otherSubjects: Map<string, string[]>;
|
46
|
@Input() classifiedSubjects: Map<string, string[]>;
|
47
|
// private showClassifiedSbj: boolean = false;
|
48
|
|
49
|
constructor () {
|
50
|
}
|
51
|
|
52
|
ngOnInit() {
|
53
|
}
|
54
|
public getKeys( map) {
|
55
|
return Array.from(map.keys());
|
56
|
}
|
57
|
}
|