I am working with ultimang and there is a feature that I would like to modify, and it is the static menu, I would like it not to be all exposed but collapsed as in the mirageng menu.
I have searched the forum and I can't find any related information, I have compared the two templates and really the way to apply it is the same since it does not use menu components
This is my app.menu.component.html in ultima
Code: Select all
<ul class="layout-menu">
<ng-container *ngFor="let item of model; let i = index;">
<li app-menuitem *ngIf="!item.separator" [item]="item" [index]="i" [root]="true"></li>
<li *ngIf="item.separator" class="menu-separator"></li>
</ng-container>
</ul>
Code: Select all
<div class="layout-sidebar" [ngClass]="{'layout-sidebar-active': appMain.sidebarActive}"
(click)="appMain.onSidebarClick($event)" (mouseover)="appMain.sidebarActive=true"
(mouseleave)="appMain.sidebarActive=false">
<div class="sidebar-logo">
<a href="#" class="sidebar-pin" title="Toggle Menu" (click)="appMain.onToggleMenuClick($event)">
<i class="pi pi-lock" *ngIf="appMain.staticMenuActive"></i>
<i class="pi pi-lock-open" *ngIf="!appMain.staticMenuActive"></i>
</a>
<a routerLink="/">
<img alt="logo" src="assets/layout/images/logo-mirage@2x.png" />
<span class="app-name">SeeUp</span>
</a>
</div>
<div class="layout-menu-container" (click)="onMenuClick()">
<ul class="layout-menu">
<li app-menuitem *ngFor="let item of model; let i = index;" [item]="item" [index]="i" [root]="true" expanded="false"></li>
</ul>
</div>
</div>