UltimaNG Static Menu colapsed like MirageNG

[jfgomez]

Hello everyone,

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>

And this is my app.menu.component.html in mirageng

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>