summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/components
diff options
context:
space:
mode:
authorguochuyicmri <guochuyi@chinamobile.com>2019-05-08 16:44:52 +0800
committerguochuyicmri <guochuyi@chinamobile.com>2019-05-08 16:45:03 +0800
commitab666b4dce8aef2a370cba529c2db8b8cebc9ff5 (patch)
tree8908892469cc8bc0469fa35fef275453e66e2a5b /usecaseui-portal/src/app/components
parent9173c17032ab2bb7c2a5f82d67c3d1ef94849471 (diff)
User and service type management interface front
Change-Id: I75fa65bb1b929e7b78588dafc86ea024e9d7fb23 Issue-ID: USECASEUI-212 Signed-off-by: guochuyicmri <guochuyi@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app/components')
-rw-r--r--usecaseui-portal/src/app/components/customer/customer.component.html44
1 files changed, 24 insertions, 20 deletions
diff --git a/usecaseui-portal/src/app/components/customer/customer.component.html b/usecaseui-portal/src/app/components/customer/customer.component.html
index db5b67ef..4b6651b9 100644
--- a/usecaseui-portal/src/app/components/customer/customer.component.html
+++ b/usecaseui-portal/src/app/components/customer/customer.component.html
@@ -16,26 +16,30 @@
<div class="content">
<div class="chearts">
<div class="Cu">
- <p>Instance Count of Customer</p>
+ <p> {{"i18nTextDefine_Instance_Count_of_Customer" | translate}} </p>
<app-pie [initData]="CUChartInit" [chartData]="CUChartData"></app-pie>
- <div class="legend"></div><span>users</span>
+ <div class="legend"></div><span> {{"i18nTextDefine_users" | translate}} </span>
</div>
<div class="type">
- <p>Instance Count of Service Type</p>
+ <p> {{"i18nTextDefine_Instance_Count_of_ServiceType" | translate}} </p>
<app-bar [initData]="serviceInit" [chartData]="serviceData"></app-bar>
+ <div class="footname" style="width: 100%;height: 40px;line-height: 40px;text-align: center;color: #3C4F8C;margin-top: 20px">
+ <img src="../../../../assets/images/customerBarUser.png" alt="customerName" style="margin-right: 5px;margin-bottom: 3px;">
+ {{this.serviceInit["customer"]}}
+ </div>
</div>
</div>
<div class="customer">
<div class="customer_title">
<div class="customers">
- <span>Customer</span>
+ <span> {{"i18nTextDefine_Customer" | translate}} </span>
<img src="./assets/images/customer04.png" alt="" (click)="this.customeradd = !this.customeradd" style="cursor: pointer">
</div>
</div>
<div class="customer_detail">
<div class="customer_add" *ngIf="customeradd">
- <input nz-input placeholder="Input customer name" class="customer_name" nzSize="default" [(ngModel)]="addNewCustomer">
- <button nz-button nzType="primary" class="customer_addbut" (click) = "createNewCustomer()">Add</button>
+ <input nz-input placeholder=" {{'i18nTextDefine_Input_customerName' | translate}} " class="customer_name" nzSize="default" [(ngModel)]="addNewCustomer">
+ <button nz-button nzType="primary" class="customer_addbut" (click) = "createNewCustomer()">{{"i18nTextDefine_Add" | translate}}</button>
</div>
<div class="customer_list">
<ul>
@@ -51,14 +55,14 @@
<div class="services_type">
<div class="services_type_title">
<div class="servicess">
- <span>Services Type</span>
+ <span> {{"i18nTextDefine_ServiceType" | translate}} </span>
<img src="./assets/images/customer03.png" alt="" (click)="this.servicesadd = !this.servicesadd " style="cursor: pointer">
</div>
</div>
<div class="services_type_detail">
<div class="services_add" *ngIf="servicesadd">
- <input nz-input placeholder="Input services type" class="services_name" nzSize="default">
- <button nz-button nzType="primary" class="services_addbut" (click) = "createNewServiceType()">Add</button>
+ <input nz-input placeholder=" {{'i18nTextDefine_Input_ServicesType' | translate}} " class="services_name" nzSize="default">
+ <button nz-button nzType="primary" class="services_addbut" (click) = "createNewServiceType()">{{"i18nTextDefine_Add" | translate}}</button>
</div>
<div class="services_list">
<div class="border_size"></div>
@@ -74,31 +78,31 @@
</div>
</div>
- <nz-modal nzWidth="428" [(nzVisible)]="deleteCustomerModelVisible" nzTitle="Delete" (nzOnCancel)="deleteCustomerCancel()"
- (nzOnOk)="deleteCustomerOk()" nzClassName="deleteModel">
- <h3><span style="color: red">*&nbsp;</span>Are you sure delete this Customer ?</h3>
+ <nz-modal nzWidth="428" [(nzVisible)]="deleteCustomerModelVisible" nzTitle=" {{'i18nTextDefine_delete' | translate}} " (nzOnCancel)="deleteCustomerCancel()"
+ (nzOnOk)="deleteCustomerOk()" nzClassName="deleteModel" nzCancelText=" {{'i18nTextDefine_Cancel' | translate}} " nzOkText=" {{'i18nTextDefine_modelOk' | translate}} ">
+ <h3><span style="color: red">*&nbsp;</span> {{"i18nTextDefine_Input_Sure_deleteCustomer" | translate}} </h3>
<div class="question">
- <h4>Customer Name:</h4>
+ <h4> {{"i18nTextDefine_CustomerName" | translate}} :</h4>
<div class="deleteModelContent">{{thisdeleteCustomer["name"]}}</div>
</div>
<div class="question">
- <h4>Customer ID:</h4>
+ <h4> {{"i18nTextDefine_CustomerID" | translate}} :</h4>
<div class="deleteModelContent">{{thisdeleteCustomer["id"]}}</div>
</div>
</nz-modal>
- <nz-modal nzWidth="428" [(nzVisible)]="deleteServiceTypeModelVisible" nzTitle="Delete" (nzOnCancel)="deleteServiceTypeCancel()"
- (nzOnOk)="deleteServiceTypeOk()" nzClassName="deleteModel deleteServiceTypeModel">
- <h3><span style="color: red">*&nbsp;</span>Are you sure delete this Service Type ?</h3>
+ <nz-modal nzWidth="428" [(nzVisible)]="deleteServiceTypeModelVisible" nzTitle=" {{'i18nTextDefine_delete' | translate}} " (nzOnCancel)="deleteServiceTypeCancel()"
+ (nzOnOk)="deleteServiceTypeOk()" nzClassName="deleteModel deleteServiceTypeModel" nzCancelText=" {{'i18nTextDefine_Cancel' | translate}} " nzOkText=" {{'i18nTextDefine_modelOk' | translate}} ">
+ <h3><span style="color: red">*&nbsp;</span> {{"i18nTextDefine_Input_Sure_deleteServiceType" | translate}} </h3>
<div class="question">
- <h4>Customer Name:</h4>
+ <h4> {{"i18nTextDefine_CustomerName" | translate}} :</h4>
<div class="deleteModelContent">{{selectCustomer.name}}</div>
</div>
<div class="question">
- <h4>Customer ID:</h4>
+ <h4> {{"i18nTextDefine_CustomerID" | translate}} :</h4>
<div class="deleteModelContent">{{selectCustomer.id}}</div>
</div>
<div class="question">
- <h4>Service Type:</h4>
+ <h4> {{"i18nTextDefine_ServiceType" | translate}} :</h4>
<div class="deleteModelContent">{{thisdeleteServiceType["type"]}}</div>
</div>
</nz-modal>