summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.ts
blob: 3c08463d02a456f1fd608e2f7fc9ee80d77e206f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
import {Component, Input, OnInit,SimpleChanges} from '@angular/core';
import {BUSINESS_STATUS} from '../../../../../../../constants/constants';
import {SlicingTaskServices} from "../../../../../../core/services/slicingTaskServices";
import {NsiModelComponent} from "../nsi-model/nsi-model.component";
import {NzModalService} from 'ng-zorro-antd';

@Component({
    selector: 'app-nsi-table',
    templateUrl: './nsi-table.component.html',
    styleUrls: ['./nsi-table.component.less']
})
export class NsiTableComponent implements OnInit {

    constructor(
        private myhttp: SlicingTaskServices,
        private modalService: NzModalService
    ) {
    }

    @Input() currentTabName;

    ngOnChanges(changes: SimpleChanges) {
        if (changes.currentTabName.currentValue === 'Slicing Instance Management') {
            this.getNsiList()
        }
    }
    ngOnInit() {}

    selectedValue: string = BUSINESS_STATUS[0];
    listOfData: any[] = [];
    pageIndex: number = 1;
    pageSize: number = 10;
    total: number = 0;
    loading = false;
    isSelect: boolean = false;
    statusOptions: any[] = BUSINESS_STATUS;

    getNsiList(): void {
        this.loading = true;
        this.isSelect = false;
        this.listOfData = [];
        let paramsObj = {
            pageNo: this.pageIndex,
            pageSize: this.pageSize
        };
        if (this.selectedValue !== BUSINESS_STATUS[0]) {
            paramsObj["instanceStatus"] = this.selectedValue.toLocaleLowerCase();
            this.isSelect = true;
        }
        this.myhttp.getSlicingNsiList(paramsObj, this.isSelect).subscribe(res => {
            const {result_header: {result_code}, result_body: {nsi_service_instances, record_number}} = res;
            this.loading = false;
            if (+result_code === 200) {
                this.total = record_number;
                this.loading = false;
                if (nsi_service_instances !== null && nsi_service_instances.length > 0) {
                    this.listOfData = nsi_service_instances;
                }
            }
        }, (res) => {
            this.loading = false;
            console.error(res);
        })
    }

    getListOfProcessingStatus() {
        this.pageIndex = 1;
        this.pageSize = 10;
        this.getNsiList();
    }

    searchData(reset: boolean = false) {
        this.getNsiList();
    }

    showdetail(data) {
        const nsiModal = this.modalService.create({
            nzTitle: "Detail",
            nzContent: NsiModelComponent,
            nzWidth: "70%",
            nzOkText: null,
            nzCancelText: null,
            nzComponentParams: {
                nsiId: data.service_instance_id
            }
        })
    }
}