2016-12-23 01:42:58 +03:00
|
|
|
<li *ngFor="let item of items; let idx = index" class="menu-item"
|
2017-01-06 13:55:35 +03:00
|
|
|
ngClass="menu-item-depth-{{item.depth}} {{item.active ? 'active' : ''}} menu-item-for-{{item.metadata?.type}}">
|
2017-04-18 16:10:34 +03:00
|
|
|
<label class="menu-item-header" [ngClass]="{disabled: !item.ready}" (click)="activateItem(item)">
|
2017-04-19 13:43:17 +03:00
|
|
|
<span class="operation-type" [ngClass]="item?.metadata?.operation" *ngIf="item?.metadata?.operation"> {{item?.metadata?.operation}} </span><!--
|
|
|
|
|
--><span class="menu-item-title">{{item.name}}</span>
|
2017-04-30 14:24:24 +03:00
|
|
|
<svg *ngIf="item.items?.length" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve">
|
|
|
|
|
<polygon points="17.3 8.3 12 13.6 6.7 8.3 5.3 9.7 12 16.4 18.7 9.7 "/>
|
|
|
|
|
</svg>
|
2017-04-18 16:10:34 +03:00
|
|
|
</label>
|
2017-01-06 14:14:47 +03:00
|
|
|
<ul *ngIf="item.items" class="menu-subitems" [@itemAnimation]="(item.active || item.isGroup) ? 'expanded' : 'collapsed'">
|
2016-12-23 01:42:58 +03:00
|
|
|
<side-menu-items [items]="item.items" (activate)="activateItem($event)"> </side-menu-items>
|
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
