summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/app.component.html
diff options
context:
space:
mode:
Diffstat (limited to 'usecaseui-portal/src/app/app.component.html')
-rw-r--r--usecaseui-portal/src/app/app.component.html43
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">