D-Net

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

@Component({

    selector: 'showSubjects',

    template: `

        <span class="uk-description-list-horizontal" *ngIf="subjects != undefined">

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

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

                Subjects:

            </dt>

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

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

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

                Subjects:

            </dt>

            <dd>

                <div *ngIf="subjects != undefined && subjects.length > 0"> {{subjects}} </div>

                <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>

            </dd>

            <dd *ngIf="classifiedSubjects != undefined && classifiedSubjects.size > 0">

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

                    <div *ngIf="!showClassifiedSbj">

                        Show additional classifications

                      <span uk-icon="icon: plus"></span>

                    </div>

                    <div *ngIf="showClassifiedSbj">

                        Hide additional classifications

                        <span uk-icon="icon: minus"></span>

                    </div>

                </a>

                <div class="uk-panel uk-padding uk-background-muted" *ngIf="showClassifiedSbj">

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

                        Classified by OpenAIRE into

                        <div>

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

                        </div>

                    </div>

                </div>

            </dd>

        </span>

    `

    })

export class ShowSubjectsComponent {

    @Input() subjects: string[];

    @Input() otherSubjects: Map<string, string[]>;

    @Input() classifiedSubjects: Map<string, string[]>;

    private showClassifiedSbj: boolean = false;

    constructor () {

    }

    ngOnInit() {

    }

}