MaDgIK
/
monitor-dashboard
13
0
Fork 0
Code Issues Pull Requests Projects Releases 17 Wiki Activity

[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:
Konstantinos Triantafyllou 2019-12-04 14:36:42 +00:00
parent 2b3e56959d
commit 0ea71ad361
3 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/library/sharedComponents/sidebar/sideBar.component.html
View File

@ -24,8 +24,8 @@
</a>
<ul [style.display]="(item.open?'block':'none')">
<ng-template ngFor [ngForOf]="item.items" let-subItem let-j="index">
<li *ngIf="subItem.route" [class.act_item]="isTheActiveMenuItem(subItem, true)">
<a [routerLink]="!isTheActiveMenuItem(subItem, true)?subItem.route:null">
<li *ngIf="subItem.route" [class.act_item]="isTheActiveMenuItem(item, subItem)">
<a [routerLink]="!isTheActiveMenuItem(item, subItem)?subItem.route:null">
<span *ngIf="subItem.icon" class="menu_icon"><i class="material-icons">{{subItem.icon}}</i></span>
<span class="menu_title">{{subItem.name}}</span>
</a>

8
src/app/library/sharedComponents/sidebar/sideBar.component.ts
View File

@ -1,5 +1,4 @@
import {Component, Input, OnInit} from '@angular/core';
import {Router} from "@angular/router";
import {Header, Item} from "../../../utils/entities/sidebar";
@Component({
@ -13,15 +12,14 @@ export class SideBarComponent implements OnInit {
@Input() activeItem: string = '';
@Input() activeSubItem: string = '';
constructor(private router: Router) {
}
constructor() {}
ngOnInit(): void {
}
isTheActiveMenuItem(item: Item, subItem = false): boolean {
isTheActiveMenuItem(item: Item, subItem: Item = null): boolean {
return (!subItem && this.activeItem === item.id) ||
(subItem && this.activeSubItem === item.id);
(subItem && this.activeItem === item.id && this.activeSubItem === subItem.id);
}
}

1
src/assets/theme-assets/dashboard-custom.css
View File

@ -44,6 +44,7 @@ html .dashboard {
.dashboard #sidebar_main .menu_section > ul li > a {
font-size: var(--sidebar-font-size);
line-height: 19px;
color: rgba(0, 0, 0, 0.7);
}