diff options
| author |   guochuyicmri <guochuyi@chinamobile.com> | 2019-05-31 15:50:46 +0800 |
|---|---|---|
| committer | guochuyicmri <guochuyi@chinamobile.com> | 2019-05-31 15:50:53 +0800 |
| commit | cf119161cc81a9a6eceaef288ff33c2a6a43349d (patch) | |
| tree | c9ea7819baafe9b60af81b05c35415861f46ca96 /usecaseui-portal/src/app/ccvpn-detail/ccvpn-detail.component.html | |
| parent | 89bd8b5842a3e1849c1888f2456e7c18f7551bf0 (diff) | |
Service instance topology front-end development
Change-Id: I6b42ffa8dbaf3dd41a0543c35597dd52f1338e81
Issue-ID: USECASEUI-224
Signed-off-by: guochuyicmri <guochuyi@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app/ccvpn-detail/ccvpn-detail.component.html')
| -rw-r--r-- | usecaseui-portal/src/app/ccvpn-detail/ccvpn-detail.component.html | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/usecaseui-portal/src/app/ccvpn-detail/ccvpn-detail.component.html b/usecaseui-portal/src/app/ccvpn-detail/ccvpn-detail.component.html index 8a3a73a1..b8d0ce3a 100644 --- a/usecaseui-portal/src/app/ccvpn-detail/ccvpn-detail.component.html +++ b/usecaseui-portal/src/app/ccvpn-detail/ccvpn-detail.component.html @@ -30,7 +30,7 @@ <div id="detailChart"> <svg width="100%" height="100%" style="position: relative"> <!--local domain--> - <g class="clouds"> + <g class="clouds" *ngIf="vpns[0].domain!=''"> <image xlink:href="./assets/images/domain1.png" id="domain1" width="14%" @@ -51,7 +51,7 @@ </text> </g> <!--domain1 tp--> - <g class="clouds"> + <g class="clouds" *ngIf="vpns[0].sitetpname!=''"> <image xlink:href="./assets/images/tp.png" class="tp" id="tp1" @@ -62,7 +62,7 @@ {{vpns[0].sitetpname}} </text> </g> - <g class="clouds"> + <g class="clouds" *ngIf="vpns[0].othertpname!=''"> <image xlink:href="./assets/images/tp.png" class="tp" id="tp2" @@ -108,7 +108,7 @@ </text> </g> <!--local site--> - <g class="clouds"> + <g class="clouds" *ngIf="localSite.length>0"> <image xlink:href="./assets/images/site.png" id="site1" height="59" width="100" @@ -118,7 +118,7 @@ {{localSite[0] && localSite[0]["service-instance-name"]}} </text> </g> - <g *ngIf="!detailSites" class="clouds"> + <g *ngIf="!detailSites && localSite.length>0" class="clouds"> <image xlink:href="./assets/images/site.png" id="site2" height="59" width="100" @@ -139,24 +139,24 @@ </text> </g> <!--cloud site--> - <g *ngIf="!detailSites" class="clouds"> + <g *ngIf="!detailSites && outerSite.length>0" class="clouds"> <image xlink:href="./assets/images/site.png" id="site3" height="59" width="100" x="89%" y="10%" ></image> <text dx="90%" dy="7%" style="font-size: 14px; fill: #666;width: 20px;"> - {{outerSite[1]["service-instance-name"]}} + {{outerSite[1] && outerSite[1]["service-instance-name"]}} </text> </g> - <g class="clouds"> + <g class="clouds" *ngIf="outerSite.length>0"> <image xlink:href="./assets/images/site.png" id="site4" height="59" width="100" x="89%" y="40%" ></image> <text dx="90%" dy="37%" style="font-size: 14px; fill: #666;width: 20px;"> - {{outerSite[0]["service-instance-name"]}} + {{outerSite[0] && outerSite[0]["service-instance-name"]}} </text> </g> <!--tp,site,domain---line --> |