From 83c56f99f08810126fca49e291a9c3bc6000bb72 Mon Sep 17 00:00:00 2001 From: cyuamber Date: Fri, 14 Feb 2020 10:53:56 +0800 Subject: feat: add toolTips to Forms of csmf slicing page Change-Id: I08b8785d1c318fc12918eabb21940701c0560fa2 Issue-ID: USECASEUI-368 Signed-off-by: cyuamber --- .../business-order/business-order.component.ts | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) (limited to 'usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.ts') diff --git a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.ts index 28f99336..47578b52 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.ts +++ b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.ts @@ -38,6 +38,7 @@ export class BusinessOrderComponent implements OnInit { isSpinning: boolean = false; validateRules: any[] = []; rulesText: any[] = []; + tooltipText: string = 'Scope: 1-100000'; AreaFormatting() { let areaList = ['Beijing;Beijing;Haidian District;Wanshoulu Street']; this.areaList = areaList.map((item: any) => { @@ -160,6 +161,18 @@ export class BusinessOrderComponent implements OnInit { }; } + changeTooltipText(title){ + if(title === 'Max Number of UEs'){ + this.tooltipText = 'Scope: 1-100000' + }else if(title === 'Data Rate Downlink (Mbps)' || title === 'Data Rate Uplink (Mbps)'){ + this.tooltipText = 'Scope: 100-3000' + }else if(title === 'Latency'){ + this.tooltipText = 'Scope: 10-200' + }else if(title === 'Use Interval (Month)'){ + this.tooltipText = 'Scope: ≥1' + } + } + getRulesText = (words,title,val,index) => { return this.rulesText[index] = words + title }; @@ -209,7 +222,7 @@ export class BusinessOrderComponent implements OnInit { return false }else if(key === 'useInterval' && !/^[1-9]\d*$/.test(val) && !isNaN(val)){ this.validateRules[i] = true; - this.getRulesText('Scope: >=1','','',i); + this.getRulesText('Scope: ≥1','','',i); return false }else { this.validateRules[i] = false; -- cgit 1.2.3-korg