summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nssi-management/nssi-model/nssi-model.component.ts
blob: e20d81eda5d66aeefc76e77527c54bddc51f6b1f (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
import {Component, Input, OnInit} from '@angular/core';
import {NzModalService} from "ng-zorro-antd";
import {SlicingTaskServices} from '.././../../../../../core/services/slicingTaskServices';
import { NsiModelComponent } from '../../nsi-management/nsi-model/nsi-model.component';
@Component({
  selector: 'app-nssi-model',
  templateUrl: './nssi-model.component.html',
  styleUrls: ['./nssi-model.component.less']
})
export class NssiModelComponent implements OnInit {

    constructor(
        private myhttp: SlicingTaskServices,
        private modalService: NzModalService
    ) {
    }
    @Input() nssiId;
    nsiList: any[];
    isSpinning: boolean = true;
  ngOnInit() {
      this.getNssiDetail()
  }
    getNssiDetail(){
        this.myhttp.getSlicingNssiDetail(this.nssiId).subscribe(res => {
            this.isSpinning = false;
            const {result_header: {result_code}, result_body: {hosted_nsi_list} } = res;
            if (+result_code === 200) {
                this.nsiList = hosted_nsi_list.map((item)=>{
                    if(item.service_instance_id !==null){
                        return item
                    }
                });
            }
        })
    }
    showSingleNsiDetail(data){
        this.modalService.create({
            nzContent:NsiModelComponent,
            nzTitle:"Detail",
            nzWidth:"70%",
            nzOkText: null,
            nzCancelText: null,
            nzComponentParams:{
                nsiId:data.service_instance_id
            }
        });
    }
}