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

<div class="card ne-container {{ data.lemmatizedEntityType }}" (click)="tabSelected($event)" [ngClass]="{
        inList: inList, 
        contentOpened: contentOpened
    }" *ngIf="data" [evtHtmlAttributes]="data?.attributes">
    <div class="card-header ne-header" (click)="toggleContent()">
        <evt-icon *ngIf="inList && contentOpened"
            [iconInfo]="{ icon: 'caret-down', additionalClasses: 'icon toggler mr-2'}">
        </evt-icon>
        <evt-icon *ngIf="inList && !contentOpened"
            [iconInfo]="{icon: 'caret-right', additionalClasses: 'icon toggler mr-2'}"></evt-icon>
        <evt-icon *ngIf="data.lemmatizedEntityType === 'lem'"
            [iconInfo]="{icon: 'map-marker', additionalClasses: 'icon mr-1'}">
        </evt-icon>
        <evt-icon *ngIf="data.lemmatizedEntityType === 'w'"
            [iconInfo]="{icon: 'map-marker', additionalClasses: 'icon mr-1'}">
        </evt-icon>
        {{ data.label }}
        <evt-pinner [item]="data" renderer="LemmatizedEntity" pinType="LemmatizedEntities"></evt-pinner>
    </div>
    <div class="card-body ne-content" *ngIf="contentOpened">
        <ul ngbNav #lemDetails="ngbNav" class="lem-details" [activeId]="selectedSection">
            <li [ngbNavItem]="'info_'+data.id" [disabled]="data.content.length === 0">
                <a ngbNavLink class="ui-font">{{'Info' | translate}}</a>
                <ng-template ngbNavContent>
                    <div class="ne-detail-content">
                        <evt-content-viewer *ngFor="let detail of data.content" [content]="detail">
                        </evt-content-viewer>
                    </div>
                </ng-template>
            </li>
            <li [ngbNavItem]="'occurrences_'+data.id">
                <a ngbNavLink class="ui-font">{{'Occurrences' | translate}}</a>
                <ng-template ngbNavContent>
                    <div class="ne-detail-content ui-font" *ngIf="occurrences$ | async as occurrences">
                        <span *ngIf="occurrences.length === 0">{{'noLemOccurrences' | translate}}</span>
                        <evt-lemmatized-entity-occurrence *ngFor="let occurrence of occurrences" [occurrence]="occurrence" [entityLemId]="data.id"></evt-lemmatized-entity-occurrence>
                    </div>
                </ng-template>
            </li>
            <!-- <li [ngbNavItem]="'relations_'+data.id">
                <a ngbNavLink class="ui-font">{{'Relations' | translate}}</a>
                <ng-template ngbNavContent>
                    <div class="ne-detail-content" *ngIf="relations$ | async as relations">
                        <span *ngIf="relations.length === 0" class="ui-font">{{'noRelations' | translate}}</span>
                        <evt-lemmatized-entity-relation *ngFor="let relation of relations" 
                            [data]="relation" [inEntity]="true"></evt-lemmatized-entity-relation>
                    </div>
                </ng-template>
            </li> -->
            <li [ngbNavItem]="'xml_'+data.id">
                <a ngbNavLink class="ui-font">{{'XMLSource' | translate}}</a>
                <ng-template ngbNavContent>
                    <div class="ne-detail-content no-padding">
                        <evt-original-encoding-viewer [originalEncoding]="data.originalEncoding">
                        </evt-original-encoding-viewer>
                    </div>
                </ng-template>
            </li>
            <li [ngbNavItem]="'link_'+data.id">
                <a ngbNavLink class="ui-font">{{'Link' | translate}}</a>
                <ng-template ngbNavContent>
                    <div class="ne-detail-content">
                        <span (click)="openlinkLem()" class="edition-font" [class.pointer]="linkLem">Link alla voce su TLIO</span>
                            <a *ngIf="linkLem" [href]="linkLem" target="_blank"
                                class="ml-2 edition-home-link">
                                <evt-icon [iconInfo]="{icon: 'external-link-alt', iconSet: 'fas' }"></evt-icon>
                            </a>
                    </div>
                </ng-template>
            </li>
        </ul>
        <div [ngbNavOutlet]="lemDetails"></div>
    </div>
</div>