nakedobjects.spa/lib/app/action-list/action-list.component.html

Single Page Application client for a Naked Objects application.

<ng-container *ngFor="let menu of items; let i = index">

    <div *ngIf="menuName(menu)" (click)="toggleCollapsed(menu)"  class="submenu" [ngSwitch]="navCollapsed(menu)">
        {{menuName(menu)}}
        <div *ngSwitchCase="true" (keydown.enter)="toggleCollapsed(menu)" class="icon-expand" tabindex="0"></div>
        <div *ngSwitchCase="false" (keydown.enter)="toggleCollapsed(menu)" class="icon-collapse" tabindex="0"></div>
    </div>
    <div  *ngIf="!navCollapsed(menu)"  class="menuitem" [ngClass]="displayClass(menu)">
        <ng-container *ngIf="hasActions(menu)">
            <ng-container *ngFor="let action of menuActions(menu, i)">
                <nof-action [action]="action"></nof-action>
            </ng-container>
        </ng-container>
        <ng-container  *ngIf="hasItems(menu)">
            <nof-action-list [menuHolder]="menu"></nof-action-list>
        </ng-container>
    </div>
</ng-container>