gerrit.onap Code Review - usecase-ui.git/blob

   1 import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
   2 import {COMMUNICATION_FORM_ITEMS, COMMUNICATION_FORM_ADDRESS} from "../../../../../../constants/constants";
   3 import {SlicingTaskServices} from "../../../../../core/services/slicingTaskServices";
   4 import {NzMessageService} from "ng-zorro-antd";
   5 @Component({
   6   selector: 'app-business-order',
   7   templateUrl: './business-order.component.html',
   8   styleUrls: ['./business-order.component.less']
   9 })
  10 export class BusinessOrderComponent implements OnInit {
  11
  12     constructor(
  13         private myhttp: SlicingTaskServices,
  14         private message: NzMessageService
  15         ) {
  16     }
  17
  18     ngOnInit() {
  19     }
  20     ngOnChanges() {
  21         this.AreaFormatting();
  22     }
  23     @Input() showModel: boolean;
  24     @Output() cancel = new EventEmitter<boolean>();
  25     comunicationFormItems = COMMUNICATION_FORM_ITEMS;
  26     slicing_order_info = {
  27         name: null,
  28         maxNumberofUEs: null,
  29         expDataRateDL: null,
  30         latency: null,
  31         expDataRateUL: null,
  32         resourceSharingLevel: "shared",
  33         uEMobilityLevel: "stationary",
  34         useInterval: null,
  35         coverageArea: ''
  36     };
  37     areaList: any[] = [];
  38     isSpinning: boolean = false;
  39     validateRules: any[] = [];
  40     rulesText: any[] = [];
  41     AreaFormatting() {
  42         let areaList = ['Beijing;Beijing;Haidian District;Wanshoulu Street'];
  43         this.areaList = areaList.map((item: any) => {
  44             let arr = item.split(';');
  45             item = arr.map((ite, index) => {
  46                 let key: string;
  47                 if (!index) {
  48                     key = 'province';
  49                 } else if (index === 1) {
  50                     key = 'city'
  51                 } else if (index === 2) {
  52                     key = 'district'
  53                 } else {
  54                     key = 'street'
  55                 }
  56                 const obj: any = {};
  57                 obj.key = key;
  58                 obj.selected = ite
  59                 obj.options = [{name: ite, id: ite}]
  60                 return obj
  61             })
  62             return item;
  63         })
  64     }
  65
  66     creatAreaList (): void {
  67         let arr = [
  68             {
  69                 key: 'province',
  70                 selected: '',
  71                 options: []
  72             },
  73             {
  74                 key: 'city',
  75                 selected: '',
  76                 options: []
  77             },
  78             {
  79                 key: 'district',
  80                 selected: '',
  81                 options: []
  82             },
  83             {
  84                 key: 'street',
  85                 selected: '',
  86                 options: []
  87             }
  88         ]
  89         this.areaList.push(arr)
  90     }
  91
  92     deleteAreaList (index: number): void {
  93         this.areaList.splice(index,1);
  94     }
  95
  96     handleChange(area: any[], areaItem: any): void{
  97         if (areaItem.key === 'province' && areaItem.options.length <= 1) {
  98             areaItem.options = COMMUNICATION_FORM_ADDRESS;
  99         } else if (areaItem.key === 'city' && areaItem.options.length <= 1) {
 100             COMMUNICATION_FORM_ADDRESS.forEach( item => {
 101                 if(item.name === area[0].selected) {
 102                     areaItem.options = item.city;
 103                 }
 104             })
 105         }else if (areaItem.key === 'district' && areaItem.options.length <= 1) {
 106             COMMUNICATION_FORM_ADDRESS.forEach( (item: any) => {
 107                 item.city.forEach(city => {
 108                     if (city.name === area[1].selected) {
 109                         areaItem.options = city.county;
 110                     }
 111                 })
 112             })
 113         }else if (areaItem.key === 'street' && areaItem.options.length <= 1) {
 114             COMMUNICATION_FORM_ADDRESS.forEach( (item: any) => {
 115                 item.city.forEach(city => {
 116                     if (city.name === area[1].selected) {
 117                         city.county.forEach(county => {
 118                             if (county.name === area[2].selected) {
 119                                 areaItem.options = county.street;
 120                             }
 121                         })
 122                     }
 123                 })
 124             })
 125         }
 126     }
 127
 128     handleChangeSelected(area: any[], areaItem: any) {
 129         if (areaItem.key === 'province') {
 130             area[1].selected = ''
 131             area[1].options = [];
 132             area[2].selected = '';
 133             area[2].options = [];
 134             area[3].selected = '';
 135             area[3].options = [];
 136         } else if (areaItem.key === 'city') {
 137             area[2].selected = '';
 138             area[2].options = [];
 139             area[3].selected = '';
 140             area[3].options = [];
 141         }else if (areaItem.key === 'district') {
 142             area[3].selected = '';
 143             area[3].options = [];
 144         }
 145     }
 146
 147     handleCancel() {
 148         this.showModel = false;
 149         this.cancel.emit(this.showModel);
 150         this.slicing_order_info = {
 151             name: null,
 152             maxNumberofUEs: null,
 153             expDataRateDL: null,
 154             latency: null,
 155             expDataRateUL: null,
 156             resourceSharingLevel: "shared",
 157             uEMobilityLevel: "stationary",
 158             useInterval: null,
 159             coverageArea: ''
 160         };
 161     }
 162
 163     getRulesText = (words,title,val,index) => {
 164         return this.rulesText[index] = words + title
 165     };
 166
 167     validator(key,val,i){
 168         if(val === null || val.replace(/\s*/g,'').length<=0){
 169             this.validateRules[i] = true;
 170             this.getRulesText('Please enter',key,val,i,);
 171             return false
 172         }else {
 173             this.validateRules[i] = false;
 174         }
 175         if(key === 'maxNumberofUEs' && !/^([1-9]\d{0,4}|100000)$/.test(val) && isNaN(val)){
 176             this.validateRules[i] = true;
 177             this.getRulesText('Only numbers can be entered','','',i);
 178             return false
 179         }else if(key === 'maxNumberofUEs' && !/^([1-9]\d{0,4}|100000)$/.test(val) && !isNaN(val)){
 180             console.log("-----maxNumberofUEs")
 181             this.validateRules[i] = true;
 182             this.getRulesText('Scope: 1-100000','','',i);
 183             return false
 184         }else {
 185             this.validateRules[i] = false;
 186         }if((key === 'expDataRateDL' || key === 'expDataRateUL') && !/^([1-9]\d{2}|[1-3]\d{3}|3000)$/.test(val) && isNaN(val)){
 187             this.validateRules[i] = true;
 188             this.getRulesText('Only numbers can be entered','','',i);
 189             return false
 190         }else if((key === 'expDataRateDL' || key === 'expDataRateUL') && !/^([1-9]\d{2}|[1-3]\d{3}|3000)$/.test(val) && !isNaN(val)){
 191             this.validateRules[i] = true;
 192             this.getRulesText('Scope: 100-3000','','',i);
 193             return false
 194         }else {
 195             this.validateRules[i] = false;
 196         }if(key === 'latency' && !/^1[0-9]$|^[2-9]\d$|^1\d{2}$|^200$/.test(val) && isNaN(val)){
 197             this.validateRules[i] = true;
 198             this.getRulesText('Only numbers can be entered','','',i);
 199             return false
 200         }else if(key === 'latency' && !/^1[0-9]$|^[2-9]\d$|^1\d{2}$|^200$/.test(val) && !isNaN(val)){
 201             this.validateRules[i] = true;
 202             this.getRulesText('Scope: 10-200','','',i);
 203             return false
 204         }else {
 205             this.validateRules[i] = false;
 206         }if(key === 'useInterval' && !/^[1-9]\d*$/.test(val) && isNaN(val)){
 207             this.validateRules[i] = true;
 208             this.getRulesText('Only numbers can be entered','','',i);
 209             return false
 210         }else if(key === 'useInterval' && !/^[1-9]\d*$/.test(val) && !isNaN(val)){
 211             this.validateRules[i] = true;
 212             this.getRulesText('Scope: >=1','','',i);
 213             return false
 214         }else {
 215             this.validateRules[i] = false;
 216         }
 217     }
 218
 219     handleOk(): void {
 220         Object.keys(this.slicing_order_info).forEach((item,index)=>{
 221             if(item !== 'resourceSharingLevel' && item !== 'uEMobilityLevel' && item !== 'coverageArea'){
 222                 this.validator(item,this.slicing_order_info[item],index)
 223             }
 224         });
 225         if(this.validateRules.indexOf(true)>-1){
 226             return
 227         };
 228             const coverage_list: string[] = [];
 229             this.areaList.forEach( item => {
 230                 let str: string = '';
 231                 item.forEach( area => {
 232                     str += area.selected + ';';
 233                 });
 234                 coverage_list.push(str.substring(0, str.length-1));
 235             });
 236             if(coverage_list.length>1){
 237                 this.slicing_order_info.coverageArea = coverage_list.join('|')
 238             }else {
 239                 this.slicing_order_info.coverageArea = coverage_list.toString();
 240             }
 241         let paramsObj = {
 242             slicing_order_info:this.slicing_order_info
 243         };
 244         console.log(paramsObj,"-----paramsObj");
 245         this.isSpinning = true;
 246         this.myhttp.csmfSlicingPurchase(paramsObj).subscribe(res => {
 247             const { result_header: { result_code, result_message }, result_body: { service_id,operation_id } } = res;
 248             if (+result_code === 200) {
 249                 this.isSpinning = false;
 250                 this.handleCancel();
 251             }
 252         }, (err) => {
 253             this.message.error(err);
 254             this.handleCancel();
 255             this.isSpinning = false;
 256         })
 257     }
 258 }