D-Net

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

@Component({

    selector: 'showSubjects',

    template: `

            <dt *ngIf="(subjects != undefined && subjects.length > 0) ||

                       (otherSubjects != undefined && otherSubjects.size > 0)">

            </dt>

                       (otherSubjects == undefined || otherSubjects.size == 0) &&

                       (classifiedSubjects != undefined && classifiedSubjects.size > 0)">

                Subjects:

            </dt>

                <div *ngIf="otherSubjects != undefined && otherSubjects.size > 0">

                    <div *ngFor="let key of otherSubjects.keys()">

                        {{key}}: {{otherSubjects.get(key)}}

                    </div>

                </div>

                <div *ngIf="(subjects == undefined || subjects.length == 0) &&

                           (otherSubjects == undefined || otherSubjects.size == 0) &&

                           classifiedSubjects != undefined && classifiedSubjects.size > 0">

                    -

                </div>

                <a (click)="showClassifiedSbj = !showClassifiedSbj;">

                    <div *ngIf="!showClassifiedSbj">

                        Show additional classifications

                    <div *ngIf="showClassifiedSbj">

                        Hide additional classifications

                </a>

                        Classified by OpenAIRE into

                        <div>

                            {{key}}: {{classifiedSubjects.get(key)}}

                    </div>

    })

export class ShowSubjectsComponent {

    @Input() subjects: string[];

    private showClassifiedSbj: boolean = false;

    constructor () {

    }

    ngOnInit() {

    }

}