aboutsummaryrefslogtreecommitdiffstats
path: root/sdc-workflow-designer-ui/src/app/components/menus/microservice/microservice-detail/microservice-detail.component.ts
blob: bffaef42c56b740b755cdc6c230ce9c25e65168b (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
89
90
91
92
93
94
95
96
97
98
99
100
/**
 * Copyright (c) 2017 ZTE Corporation.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * and the Apache License 2.0 which both accompany this distribution,
 * and are available at http://www.eclipse.org/legal/epl-v10.html
 * and http://www.apache.org/licenses/LICENSE-2.0
 *
 * Contributors:
 *     ZTE - initial API and implementation and/or initial documentation
 */

import { Component, Input, OnChanges, ViewChild } from '@angular/core';
import { ModalDirective } from 'ngx-bootstrap/modal';

import { Microservice } from '../../../../model/workflow/microservice';
import { WorkflowConfigService } from '../../../../services/workflow-config.service';
import { Swagger } from "../../../../model/swagger";
import { RestConfig } from '../../../../model/rest-config';

/**
 * toolbar component contains some basic operations(save) and all of the supported workflow nodes.
 * The supported nodes can be dragged to container component. which will add a new node to the workflow.
 */
@Component({
    selector: 'b4t-microservice-detail',
    templateUrl: 'microservice-detail.component.html',
})
export class MicroserviceDetailComponent implements OnChanges {
    @Input() microservice: RestConfig;

    public detail: string;
    public dynamic = false;

    constructor(private configService: WorkflowConfigService) {
    }

    public ngOnChanges() {
        if(this.microservice == null) {
            this.microservice = new RestConfig('', '', null, '');
        }
        this.checkDynamic();
        this.parseSwagger2String();
    }

    private checkDynamic() {
        if(this.microservice.url) {
            this.dynamic = true;
        } else {
            this.dynamic = false;
        }
    }

    private parseSwagger2String() {
        if (this.microservice.swagger) {
            this.detail = JSON.stringify(this.microservice.swagger);
        } else {
            this.detail = '';
        }
    }

    public onDetailChanged(detail: string) {
        try {
            if(detail) {
                const swagger = new Swagger(JSON.parse(detail));
                this.detail = detail;
                console.log(swagger);
                this.microservice.swagger = swagger;
            } else {
                this.detail = '';
                this.microservice.swagger = null;
            }
        } catch (e) {
            // if detail is not a json object, then not change the swagger
        }
    }

    public toggleDynamic(dynamic: boolean) {
        this.dynamic = dynamic;
        this.onDetailChanged(null);

        if(!dynamic) {
            this.microservice.url = null;
        }
    }

    private loadDynamicInfo() {
        this.configService.loadDynamicInfo(this.microservice.url)
        .subscribe(response => {
            try {

                this.microservice.swagger = response;
                this.parseSwagger2String();
            } catch (e) {
                console.log('detail transfer error');
                console.error(e);
            }
        });
    }
}