diff options
Diffstat (limited to 'usecaseui-portal/src/app/app.component.html')
| -rw-r--r-- | usecaseui-portal/src/app/app.component.html | 43 |
1 files changed, 31 insertions, 12 deletions
diff --git a/usecaseui-portal/src/app/app.component.html b/usecaseui-portal/src/app/app.component.html index 385c4990..c64bf307 100644 --- a/usecaseui-portal/src/app/app.component.html +++ b/usecaseui-portal/src/app/app.component.html @@ -57,43 +57,62 @@ {{"i18nTextDefine_Services" | translate}} </span> <ul> + <!-- all kinds of package management --> <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> + <!-- 5g slicing management --> + <li nz-menu-item [ngClass]="{'activeMenuList': url === 'services/slicing-management'}"> + <a routerLink='services/slicing-management'> {{"i18nTextDefine_Mangement_5g" | translate}} </a> </li> </ul> </li> <hr> <!-- package page --> - <!-- network page --> - <li nz-menu-item [ngClass]="{'activeMenuBar': url === 'network'}"> - <a routerLink="network"> + <li nz-menu-item [ngClass]="{'activeMenuBar': url === 'onboard-vnf-vm'}"> + <a routerLink="onboard-vnf-vm"> <span title> <i> <img - src="{{url === 'network' ? 'assets/images/network-icon-active.png':'assets/images/network-icon.png'}}" + src="{{url === 'onboard-vnf-vm' ? 'assets/images/customer-icon-active.png':'assets/images/customer-icon.png'}}" alt="home"> </i> - <span> {{"i18nTextDefine_NetworkTopology" | translate}} </span> + <span>{{"i18nTextDefine_PackageManagement" | translate}} </span> </span> </a> </li> <hr> - <!-- monitor page --> - <li nz-menu-item [ngClass]="{'activeMenuBar': url === 'fcaps'}"> - <a routerLink="fcaps"> + <!-- network page --> + <li nz-menu-item [ngClass]="{'activeMenuBar': url === 'network'}"> + <a routerLink="network"> <span title> <i> - <img src="{{ url === 'fcaps' ? 'assets/images/monitor-icon-active.png':'assets/images/monitor-icon.png'}}" + <img + src="{{url === 'network' ? 'assets/images/network-icon-active.png':'assets/images/network-icon.png'}}" alt="home"> </i> - <span> {{"i18nTextDefine_Monitor" | translate}} </span> + <span> {{"i18nTextDefine_NetworkTopology" | translate}} </span> </span> </a> </li> <hr> + <!-- monitor page --> + <li nz-submenu [ngClass]="{'activeMenuBar': url.indexOf('fcaps') === 0}" [nzOpen]="monitorflag"> + <span title> + <i> + <img src="{{ url === 'fcaps' ? 'assets/images/monitor-icon-active.png':'assets/images/monitor-icon.png'}}" + alt="home"> + </i> + <span> {{"i18nTextDefine_Monitor" | translate}} </span> + </span> + <ul> + <li nz-menu-item [ngClass]="{'activeMenuList': url === 'fcaps/5gslicing'}"> + <a routerLink='fcaps/5gslicing'> {{"i18nTextDefine_Monitor_5g" | translate}} </a> + </li> + </ul> + + </li> + <hr> </ul> </nz-sider> <nz-layout class="main"> |