[Monitor Dashboard]: Fix a bug on menu item of sidebar
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-monitor-portal/trunk/monitor_dashboard@57811 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
parent
2b3e56959d
commit
0ea71ad361
|
@ -24,8 +24,8 @@
|
||||||
</a>
|
</a>
|
||||||
<ul [style.display]="(item.open?'block':'none')">
|
<ul [style.display]="(item.open?'block':'none')">
|
||||||
<ng-template ngFor [ngForOf]="item.items" let-subItem let-j="index">
|
<ng-template ngFor [ngForOf]="item.items" let-subItem let-j="index">
|
||||||
<li *ngIf="subItem.route" [class.act_item]="isTheActiveMenuItem(subItem, true)">
|
<li *ngIf="subItem.route" [class.act_item]="isTheActiveMenuItem(item, subItem)">
|
||||||
<a [routerLink]="!isTheActiveMenuItem(subItem, true)?subItem.route:null">
|
<a [routerLink]="!isTheActiveMenuItem(item, subItem)?subItem.route:null">
|
||||||
<span *ngIf="subItem.icon" class="menu_icon"><i class="material-icons">{{subItem.icon}}</i></span>
|
<span *ngIf="subItem.icon" class="menu_icon"><i class="material-icons">{{subItem.icon}}</i></span>
|
||||||
<span class="menu_title">{{subItem.name}}</span>
|
<span class="menu_title">{{subItem.name}}</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -1,5 +1,4 @@
|
||||||
import {Component, Input, OnInit} from '@angular/core';
|
import {Component, Input, OnInit} from '@angular/core';
|
||||||
import {Router} from "@angular/router";
|
|
||||||
import {Header, Item} from "../../../utils/entities/sidebar";
|
import {Header, Item} from "../../../utils/entities/sidebar";
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
|
@ -13,15 +12,14 @@ export class SideBarComponent implements OnInit {
|
||||||
@Input() activeItem: string = '';
|
@Input() activeItem: string = '';
|
||||||
@Input() activeSubItem: string = '';
|
@Input() activeSubItem: string = '';
|
||||||
|
|
||||||
constructor(private router: Router) {
|
constructor() {}
|
||||||
}
|
|
||||||
|
|
||||||
ngOnInit(): void {
|
ngOnInit(): void {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
isTheActiveMenuItem(item: Item, subItem = false): boolean {
|
isTheActiveMenuItem(item: Item, subItem: Item = null): boolean {
|
||||||
return (!subItem && this.activeItem === item.id) ||
|
return (!subItem && this.activeItem === item.id) ||
|
||||||
(subItem && this.activeSubItem === item.id);
|
(subItem && this.activeItem === item.id && this.activeSubItem === subItem.id);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -44,6 +44,7 @@ html .dashboard {
|
||||||
|
|
||||||
.dashboard #sidebar_main .menu_section > ul li > a {
|
.dashboard #sidebar_main .menu_section > ul li > a {
|
||||||
font-size: var(--sidebar-font-size);
|
font-size: var(--sidebar-font-size);
|
||||||
|
line-height: 19px;
|
||||||
color: rgba(0, 0, 0, 0.7);
|
color: rgba(0, 0, 0, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue