summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/ccvpn-detail/ccvpn-detail.component.html
diff options
context:
space:
mode:
authorTao Shen <shentao@chinamobile.com>2019-05-31 10:35:26 +0000
committerGerrit Code Review <gerrit@onap.org>2019-05-31 10:35:26 +0000
commit53eb419c84adf52c321883bf33af949016a9db2a (patch)
tree1a01f2ee5395194704a08a83a10dc0f079f2c1e2 /usecaseui-portal/src/app/ccvpn-detail/ccvpn-detail.component.html
parentde16e84e7119f4f414306fea6c84f8f0d86520a5 (diff)
parentcf119161cc81a9a6eceaef288ff33c2a6a43349d (diff)
Merge "Service instance topology front-end development"2.0.1
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.html18
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 -->