diff options
Diffstat (limited to 'usecaseui-portal/src/app/app.component.html')
| -rw-r--r-- | usecaseui-portal/src/app/app.component.html | 53 |
1 files changed, 24 insertions, 29 deletions
diff --git a/usecaseui-portal/src/app/app.component.html b/usecaseui-portal/src/app/app.component.html index e0051383..26e736de 100644 --- a/usecaseui-portal/src/app/app.component.html +++ b/usecaseui-portal/src/app/app.component.html @@ -19,66 +19,61 @@ <img src="assets/images/uui-logo130.png" alt=""> </div> <ul nz-menu [nzTheme]="'dark'" [nzMode]="'inline'"> - <li nz-menu-item [ngClass]="{'activeMenuBar':activeMenuBar[0] == true}" (click)="thisActive(0)"> + <li nz-menu-item [ngClass]="{'activeMenuBar': url === 'home'}"> <a routerLink="home"> <span title> <i> - <img - src="{{activeMenuBar[0] == true ? 'assets/images/home-icon-active.png':'assets/images/home-icon.png'}}" - alt="home"> + <img src="{{ url === 'home' ? 'assets/images/home-icon-active.png':'assets/images/home-icon.png'}}" alt="home"> </i> <span> {{"i18nTextDefine_Home" | translate}} </span> </span> </a> </li> <hr> - <li nz-menu-item [ngClass]="{'activeMenuBar':activeMenuBar[1] == true}" (click)="thisActive(1)"> + <li nz-menu-item [ngClass]="{'activeMenuBar': url === 'management'}"> <a routerLink="management"> <span title> - <i> - <img - src="{{activeMenuBar[1] == true ? 'assets/images/customer-icon-active.png':'assets/images/customer-icon.png'}}" - alt="home"> + <i> + <img src="{{url === 'management' ? 'assets/images/customer-icon-active.png':'assets/images/customer-icon.png'}}" alt="home"> </i> <span> {{"i18nTextDefine_Customer" | translate}} </span> </span> </a> </li> <hr> - <li nz-menu-item [ngClass]="{'activeMenuBar':activeMenuBar[2]== true}" (click)="thisActive(2)"> - <a href="#" onclick="window.open('http://172.30.1.80:5601/app/kibana#/dashboards')"> + <li nz-menu-item [ngClass]="{'activeMenuBar': url === 'fcaps'}"> + <a routerLink="fcaps"> <span title> <i> - <img - src="{{activeMenuBar[2] == true ? 'assets/images/monitor-icon-active.png':'assets/images/monitor-icon.png'}}" - alt="home"> + <img src="{{ url === 'fcaps' ? 'assets/images/monitor-icon-active.png':'assets/images/monitor-icon.png'}}" alt="home"> </i> <span> {{"i18nTextDefine_Monitor" | translate}} </span> </span> </a> </li> <hr> - <li nz-submenu [ngClass]="{'activeMenuBar':activeMenuBar[3] == true}" (click)="thisActive(3)"> - <span title> <i> - <img - src="{{activeMenuBar[3] == true ? 'assets/images/Services-icon-active.png':'assets/images/Services-icon.png'}}" - alt="home"> - </i> {{"i18nTextDefine_Services" | translate}} </span> + <li nz-submenu [ngClass]="{'activeMenuBar': url.indexOf('services') === 0}" [nzOpen]="flag"> + <span title> + <i> + <img src="{{url.indexOf('services') === 0 ? 'assets/images/Services-icon-active.png':'assets/images/Services-icon.png'}}" alt="home"> + </i> + {{"i18nTextDefine_Services" | translate}} + </span> <ul> - <li nz-menu-item [ngClass]="{'activeMenuList':activeMenuList[0] == true}" (click)="thisListActive(0)"><a - routerLink='services/services-list'> {{"i18nTextDefine_ServicesList" | translate}} </a></li> - <li nz-menu-item [ngClass]="{'activeMenuList':activeMenuList[1] == true}" (click)="thisListActive(1)"><a - routerLink='services/onboard-vnf-vm'> {{"i18nTextDefine_PackageManagement" | translate}} </a></li> + <li nz-menu-item [ngClass]="{'activeMenuList': url === 'services/services-list'}"> + <a routerLink='services/services-list'> {{"i18nTextDefine_ServicesList" | translate}} </a> + </li> + <li nz-menu-item [ngClass]="{'activeMenuList': url === 'services/onboard-vnf-vm'}"> + <a routerLink='services/onboard-vnf-vm'> {{"i18nTextDefine_PackageManagement" | translate}} </a> + </li> </ul> </li> <hr> - <li nz-menu-item [ngClass]="{'activeMenuBar':activeMenuBar[4] == true}" (click)="thisActive(4)"> + <li nz-menu-item [ngClass]="{'activeMenuBar': url === 'network'}"> <a routerLink="network"> <span title> - <i> - <img - src="{{activeMenuBar[4] == true ? 'assets/images/network-icon-active.png':'assets/images/network-icon.png'}}" - alt="home"> + <i> + <img src="{{url === 'network' ? 'assets/images/network-icon-active.png':'assets/images/network-icon.png'}}" alt="home"> </i> <span> {{"i18nTextDefine_NetworkTopology" | translate}} </span> </span> |