2 * ============LICENSE_START=======================================================
4 * ================================================================================
5 * Copyright (C) 2019 AT&T Intellectual Property. All rights reserved.
6 * ================================================================================
7 * Licensed under the Apache License, Version 2.0 (the "License");
8 * you may not use this file except in compliance with the License.
9 * You may obtain a copy of the License at
11 * http://www.apache.org/licenses/LICENSE-2.0
13 * Unless required by applicable law or agreed to in writing, software
14 * distributed under the License is distributed on an "AS IS" BASIS,
15 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 * See the License for the specific language governing permissions and
17 * limitations under the License.
18 * ============LICENSE_END============================================
19 * ===================================================================
23 import React from 'react'
24 import Button from 'react-bootstrap/Button';
25 import Modal from 'react-bootstrap/Modal';
26 import Form from 'react-bootstrap/Form';
27 import styled from 'styled-components';
28 import LoopService from '../../api/LoopService';
30 const ModalStyled = styled(Modal)`
31 background-color: transparent;
34 export default class LoopProperties extends React.Component {
38 loopCache: this.props.loopCache,
41 constructor(props, context) {
42 super(props, context);
44 this.handleClose = this.handleClose.bind(this);
45 this.handleSave = this.handleSave.bind(this);
46 this.renderDcaeParameters = this.renderDcaeParameters.bind(this);
47 this.renderAllParameters = this.renderAllParameters.bind(this);
48 this.getDcaeParameters = this.getDcaeParameters.bind(this);
51 componentWillReceiveProps(newProps) {
53 loopCache: newProps.loopCache,
58 this.props.history.push('/');
62 // translate the deploymentParameter into jsonFormat at submit time
70 renderAllParameters() {
73 {this.renderDcaeParameters()}
80 if (typeof (this.state.loopCache.getGlobalProperties()) !== "undefined") {
81 return JSON.stringify(this.state.loopCache.getGlobalProperties()["dcaeDeployParameters"]);
88 renderDcaeParameters() {
91 <Form.Label>Deploy Parameters</Form.Label>
92 <Form.Control as="textarea" rows="3" name="dcaeDeployParameters">{this.getDcaeParameters()}</Form.Control>
99 <ModalStyled size="lg" show={this.state.show} onHide={this.handleClose} >
100 <Modal.Header closeButton>
101 <Modal.Title>Model Properties</Modal.Title>
103 {this.renderAllParameters()}
105 <Button variant="secondary" type="null" onClick={this.handleClose}>Cancel</Button>
106 <Button variant="primary" type="submit" onClick={this.handleSave}>Save Changes</Button>