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

   1 import { Component, OnInit } from '@angular/core';
   2 import {BUSINESS_STATUS} from '../../../../../../../constants/constants';
   3 import {SlicingTaskServices} from "../../../../../../core/services/slicingTaskServices";
   4 import { NzModalService } from 'ng-zorro-antd';
   5 import {NssiModelComponent} from "../nssi-model/nssi-model.component";
   6 @Component({
   7   selector: 'app-nssi-table',
   8   templateUrl: './nssi-table.component.html',
   9   styleUrls: ['./nssi-table.component.less']
  10 })
  11 export class NssiTableComponent implements OnInit {
  12
  13     constructor(
  14         private myhttp: SlicingTaskServices,
  15         private modalService: NzModalService
  16     ) {
  17     }
  18
  19   ngOnInit() {
  20       this.getNssiList()
  21   }
  22     selectedValue:string = BUSINESS_STATUS[0];
  23     listOfData: any[] = [];
  24     pageIndex: number = 1;
  25     pageSize: number = 10;
  26     total: number = 0;
  27     loading = false;
  28     isSelect: boolean = false;
  29     statusOptions: any[] = BUSINESS_STATUS;
  30
  31     getNssiList (): void{
  32         this.loading = true;
  33         this.isSelect = false;
  34         this.listOfData = [];
  35         let paramsObj = {
  36             pageNo: this.pageIndex,
  37             pageSize: this.pageSize
  38         };
  39         if(this.selectedValue !== BUSINESS_STATUS[0]){
  40             paramsObj["instanceStatus"] = this.selectedValue;
  41             this.isSelect = true;
  42         }
  43         this.myhttp.getSlicingNssiList(paramsObj,this.isSelect).subscribe (res => {
  44             const { result_header: { result_code }, result_body: { nssi_service_instances,record_number } } = res;
  45             this.loading = false;
  46             if (+result_code === 200) {
  47                 this.total = record_number;
  48                 this.loading = false;
  49                 if(nssi_service_instances !== null && nssi_service_instances.length >0) {
  50                     this.listOfData = nssi_service_instances;
  51                 }
  52             }
  53         },(res) => {
  54             this.loading = false;
  55             console.error(res);
  56         })
  57     }
  58     getListOfProcessingStatus(){
  59         this.pageIndex = 1;
  60         this.pageSize = 10;
  61         this.getNssiList();
  62     }
  63     searchData(reset: boolean = false) {
  64         this.getNssiList();
  65     }
  66     showdetail(data) {
  67         const nssiModal = this.modalService.create({
  68             nzTitle:"Detail",
  69             nzContent: NssiModelComponent,
  70             nzWidth:"70%",
  71             nzOkText: null,
  72             nzCancelText: null,
  73             nzComponentParams:{
  74                 nssiId:data.service_instance_id
  75             }
  76         })
  77     }
  78 }