diff options
Diffstat (limited to 'usecaseui-portal/src/app/app.component.html')
| -rw-r--r-- | usecaseui-portal/src/app/app.component.html | 54 |
1 files changed, 40 insertions, 14 deletions
diff --git a/usecaseui-portal/src/app/app.component.html b/usecaseui-portal/src/app/app.component.html index f5ee199c..c64bf307 100644 --- a/usecaseui-portal/src/app/app.component.html +++ b/usecaseui-portal/src/app/app.component.html @@ -19,6 +19,7 @@ <img src="assets/images/uui-logo130.png" alt=""> </div> <ul nz-menu [nzTheme]="'dark'" [nzMode]="'inline'"> + <!-- home page --> <li nz-menu-item [ngClass]="{'activeMenuBar': url === 'home'}"> <a routerLink="home"> <span title> @@ -31,6 +32,7 @@ </a> </li> <hr> + <!-- customer page --> <li nz-menu-item [ngClass]="{'activeMenuBar': url === 'management'}"> <a routerLink="management"> <span title> @@ -44,18 +46,7 @@ </a> </li> <hr> - <li nz-menu-item [ngClass]="{'activeMenuBar': url === 'fcaps'}"> - <a routerLink="fcaps"> - <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> - </a> - </li> - <hr> + <!-- service page --> <li nz-submenu [ngClass]="{'activeMenuBar': url.indexOf('services') === 0}" [nzOpen]="flag"> <span title> <i> @@ -66,15 +57,32 @@ {{"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 --> + <li nz-menu-item [ngClass]="{'activeMenuBar': url === 'onboard-vnf-vm'}"> + <a routerLink="onboard-vnf-vm"> + <span title> + <i> + <img + src="{{url === 'onboard-vnf-vm' ? 'assets/images/customer-icon-active.png':'assets/images/customer-icon.png'}}" + alt="home"> + </i> + <span>{{"i18nTextDefine_PackageManagement" | translate}} </span> + </span> + </a> + </li> + <hr> + <!-- network page --> <li nz-menu-item [ngClass]="{'activeMenuBar': url === 'network'}"> <a routerLink="network"> <span title> @@ -87,6 +95,24 @@ </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"> |