summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/home/home.component.html
diff options
context:
space:
mode:
authorzhangab <zhanganbing@chinamobile.com>2019-01-09 16:30:41 +0800
committerzhangab <zhanganbing@chinamobile.com>2019-01-09 16:30:55 +0800
commitee500f6f43efc488033f7be223a08b0dbe087af6 (patch)
tree38e65d93bbe74ae8290ba6de8e822c71019e9947 /usecaseui-portal/src/app/home/home.component.html
parentbd4942df4f188a4ec273a5ec95c99acb1ce6bb75 (diff)
Support NS Package Query for VF-C
Change-Id: I0501df1d699baea97149a404708b55a65f15d95e Issue-ID: USECASEUI-159 Signed-off-by: zhangab <zhanganbing@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app/home/home.component.html')
-rw-r--r--usecaseui-portal/src/app/home/home.component.html33
1 files changed, 18 insertions, 15 deletions
diff --git a/usecaseui-portal/src/app/home/home.component.html b/usecaseui-portal/src/app/home/home.component.html
index c93d3f76..191c67ac 100644
--- a/usecaseui-portal/src/app/home/home.component.html
+++ b/usecaseui-portal/src/app/home/home.component.html
@@ -13,21 +13,31 @@
See the License for the specific language governing permissions and
limitations under the License.
-->
-<h3 class="title"> {{"Overall trend" | translate}}</h3>
-<hr>
+
+<!--<h3 class="title"> {{"Overall trend" | translate}}</h3>
+<hr> -->
<div class="content">
<div class="services">
<h4>{{"SERVICES" | translate}}</h4>
- <h3>{{serviceNumber}} <span>{{"services" | translate}}</span> </h3>
- <p>{{serviceNumber}} {{"services has been created" | translate}}</p>
+ <!-- <h3>{{serviceNumber}} <span>{{"services" | translate}}</span> </h3>
+ <p>{{serviceNumber}} {{"services has been created" | translate}}</p> -->
<app-pie [initData]="serviceChartInit" [chartData]="serviceChartData"></app-pie>
- <p class="tip">View the details</p>
+ <div>
+ <h5> {{serviceNumber}} <span>cutomers and</span> {{serviceNumber}} <span>service intance</span></h5>
+ </div>
+ <div class="details">
+ <li> <div class="detailstoplin" *ngFor="let item of userdata"> <div>{{item.name}}</div> <div> <app-bar [initData]="serviceBarChartInit" [chartData]="servicesBarChartData"></app-bar></div> <div>{{item.value1}}/{{item.value2}}</div></div> </li>
+ </div>
+ <p class="tip">View Details</p>
</div>
-
<div class="rightcontent">
<div class="rt-content">
+ <div class="alarm">
+ <h4>{{"ALARM" | translate}}</h4>
+ <app-pie [initData]="alarmChartInit" [chartData]="alarmChartData"></app-pie>
+ </div>
<div class="poerformance">
- <h4>{{"PERFORMANCE" | translate}}</h4>
+ <h4>{{"DEVICES" | translate}}</h4>
<div class="pfVnf">
<h3 class="pfVnfNum">{{performanceVnfNum}}</h3>
<p>Performance VNF</p>
@@ -39,14 +49,9 @@
<img src="./assets/images/VM.png" alt="VM/PM">
</div>
</div>
- <div class="alarm">
- <h4>{{"Alarm" | translate}}</h4>
- <app-pie [initData]="alarmChartInit" [chartData]="alarmChartData"></app-pie>
- </div>
</div>
-
<div class="rb-content">
- <h4>{{"Alarm" | translate}}</h4>
+ <h4>{{"VM PERFORMANCE" | translate}}</h4>
<nz-dropdown [nzTrigger]="'click'" [nzPlacement]="'bottomRight'">
<button nz-button nz-dropdown><span>{{sourceNameSelected}}</span> <i class="anticon anticon-down"></i></button>
<ul nz-menu>
@@ -58,6 +63,4 @@
<app-line [initData]="alarmLineChartInit" [chartData]="alarmLineChartData"></app-line>
</div>
</div>
-
</div>
-