Added ID to menu item angular

frontend/angular/src/app/oneit/components/header/header.component.html

@@ -19,7 +19,7 @@
 
     <div class="layout-topbar-menu-wrapper" *ngIf="showMenu">
         <ul class="topbar-menu fadeInDown" [ngClass]="{'topbar-menu-active': app.topbarMenuActive}" (click)="app.onTopbarMenuClick($event)">
-            <li *ngFor="let menuItem of mainMenuItems; let i = index" [ngClass]="{'active-topmenuitem': app.activeTopbarItem === menuItem, 'user-menu': (i===0)}"
+            <li *ngFor="let menuItem of mainMenuItems; let i = index" [attr.id]="menuItem.id" [ngClass]="{'active-topmenuitem': app.activeTopbarItem === menuItem, 'user-menu': (i===0)}"
                 (click)="app.onTopbarRootItemClick($event, menuItem)">
                 <a href="{{menuItem.url}}" *ngIf="menuItem.url && (menuItem.Badge == undefined || menuItem.Badge > 0)" title="{{menuItem.title ? menuItem.title : menuItem.label}}">
                     <i [ngClass]="{'topbar-icon': true, 'material-icons': true, 'badge-icon': menuItem.Badge}" *ngIf="menuItem.icon">{{menuItem.icon}}</i>
@@ -39,7 +39,7 @@
                 </a>
                 <ul class="fadeInDown" *ngIf="(menuItem && menuItem.items && menuItem.items.length > 0 && !menuItem.url && !menuItem.routerLink)">
                     <ng-container *ngFor="let subMenuItem of menuItem.items">
-                        <li role="menuitem" *ngIf="subMenuItem.routerLink || subMenuItem.url">
+                        <li role="menuitem" *ngIf="subMenuItem.routerLink || subMenuItem.url" [attr.id]="subMenuItem.id">
                             <a [routerLink]="subMenuItem.routerLink" *ngIf="subMenuItem.routerLink">
                                 <i class="material-icons" *ngIf="subMenuItem.icon">{{subMenuItem.icon}}</i>
                                 <span [innerHTML]="subMenuItem.label | safe: 'html'"></span>
@@ -57,7 +57,7 @@
                                 <i class="material-icons" *ngIf="subMenuItem.icon">{{subMenuItem.icon}}</i>
                                 <span [innerHTML]="subMenuItem.label | safe: 'html'"></span>
                             </li>
-                            <li role="menuitem" *ngFor="let subSubMenuItem of subMenuItem.items">
+                            <li role="menuitem" *ngFor="let subSubMenuItem of subMenuItem.items" [attr.id]="subSubMenuItem.id">
                                 <a [routerLink]="subSubMenuItem.routerLink" *ngIf="subSubMenuItem.routerLink">
                                     <i class="material-icons" *ngIf="subSubMenuItem.icon">{{subSubMenuItem.icon}}</i>
                                     <span [innerHTML]="subSubMenuItem.label | safe: 'html'"></span>

frontend/angular/src/app/oneit/services/menu.service.ts

@@ -91,6 +91,13 @@ export class MenuService {
                     menu[i].label = menu[i].Description;
                     delete menu[i].Description;
                 }
+                
+                if (menu[i].Tag) {
+                    menu[i].id = menu[i].Tag.replace('.', '_');
+                    delete menu[i].Tag;
+                } else {
+                    menu[i].id = 'MenuItem_' + (menu.id || '') + i;
+                }
 
                 if (menu[i].RouterLink !== undefined) {
                     menu[i].routerLink = menu[i].RouterLink;