<mdb-accordion-item *ngFor="let item of menuitems" [ngClass]="{'no-collase': item.submenu.length == 0}">

<mdb-accordion-item-headmdbWavesEffect>

<fa-icon[icon]="item.icon"class="icon"></fa-icon> {{ 'webapp.menu.' + item.key | translate:lang }}

</mdb-accordion-item-head>

<mdb-accordion-item-body*ngIf="item.submenu.length != 0">

<ul>

<li*ngFor="let subitem of item.submenu">

<aclass="nav-link waves-light"mdbWavesEffectrouterLink="{{subitem.routerlink}}">

<fa-icon[icon]="subitem.icon"class="icon"></fa-icon>

<spanclass="clearfix d-none d-sm-inline-block">{{ 'webapp.menu.' + subitem.key | translate:lang }}</span>

</a>

</li>

</ul>

</mdb-accordion-item-body>

</mdb-accordion-item>

menuitems:any[] = [

{key: "dashboard", routerlink: "/settings", icon: this.faDashboard, submenu: []},

{key: "settings", routerlink: "/settings", icon: this.faCog, submenu: []}

];