Project

General

Profile

1
import {Component, Input} from '@angular/core';
2

    
3
@Component({
4
    selector: 'showSubjects',
5
    template: `
6
        <div   *ngIf="subjects != 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">Subjects:</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 otherSubjects.keys()">
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 uk-background-muted"  >
30
                    <div *ngFor="let key of classifiedSubjects.keys()">
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
}
(10-10/13)