evt-angular-ovi/src/app/components/lemmatized-entity/lemmatized-entity-detail/lemmatized-entity-detail.component.html

<div [title]="'&lt;' + data.label + '&gt;' | lowercase">
    <span class="icon">
        <evt-icon [iconInfo]="iconData[data.label] || defaultIcon"></evt-icon>
    </span>
    <span class="label" *ngIf="data.label=='lem'">Lemma: </span>
    <span class="text">
        <ng-container *ngFor="let element of data.content">
            <evt-content-viewer [content]="element"></evt-content-viewer>
            <ul class="attributes-list">
                <div *ngFor="let item of element.attributes | keyvalue">
                    <li *ngIf="item.key!=='lemmaRef'">
                        <span *ngIf="item.key==='norm' && item.key!=='lemmaRef'" class="label">Forma normalizzata: </span>
                        <span *ngIf="item.key==='type' && item.key!=='lemmaRef'" class="label">Iperlemma: </span>
                        <span *ngIf="item.key==='pos' && item.key!=='lemmaRef'" class="label">Categoria grammaticale: </span> 
                        <span *ngIf="item.key!=='lemmaRef'">{{ item.value }}</span>
                    </li>
                </div>
            </ul>
        </ng-container>
        <span class="icon">
            <evt-icon [iconInfo]="iconData['relations'] || defaultIcon"></evt-icon>
        </span>
        <span class="label" *ngIf="data.label=='lem'">Risorse esterne</span>
        <span class="text">
            <ng-container *ngFor="let element of data.content">
                <ul *ngFor="let item of element.attributes | keyvalue" class="attributes-list">
                    <li *ngIf="item.key ==='lemmaRef'">
                        <div>
                            <span (click)="openlinkLem()" [class.pointer]="linkLem">
                                <a *ngIf="linkLem" [href]="linkLem" target="_blank" class="ml-2 external-link-alt">
                                Consulta la voce su TLIO
                                <evt-icon [iconInfo]="{icon: 'external-link-alt', iconSet: 'fas'}"></evt-icon>
                                </a>
                            </span> 
                        </div>
                    </li>
                </ul>
            </ng-container>
        </span>
    </span>
</div>