gerrit.onap Code Review - sdc.git/blob

   1 /*!
   2  * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
   3  *
   4  * Licensed under the Apache License, Version 2.0 (the "License");
   5  * you may not use this file except in compliance with the License.
   6  * You may obtain a copy of the License at
   7  *
   8  * http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Unless required by applicable law or agreed to in writing, software
  11  * distributed under the License is distributed on an "AS IS" BASIS,
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
  13  * or implied. See the License for the specific language governing
  14  * permissions and limitations under the License.
  15  */
  16 import React from 'react';
  17 import Form from 'nfvo-components/input/validation/Form.jsx';
  18 import Acceptable from './nicEditorComponents/Acceptable.jsx';
  19 import FlowLength from './nicEditorComponents/FlowLength.jsx';
  20 import OutFlowTraffic from './nicEditorComponents/OutFlowTraffic.jsx';
  21 import InFlowTraffic from './nicEditorComponents/InFlowTraffic.jsx';
  22 import Sizing from './nicEditorComponents/Sizing.jsx';
  23 import Network from './nicEditorComponents/Network.jsx';
  24 import IpConfig from './nicEditorComponents/IpConfig.jsx';
  25 import Protocols from './nicEditorComponents/Protocols.jsx';
  26 import NameAndPurpose from './nicEditorComponents/NameAndPurpose.jsx';
  27
  28 class SoftwareProductComponentsNetworkEditorView extends React.Component {
  29     render() {
  30         let {
  31             onCancel,
  32             onValidateForm,
  33             isReadOnlyMode,
  34             isFormValid,
  35             formReady,
  36             data = {},
  37             qgenericFieldInfo,
  38             dataMap,
  39             onDataChanged,
  40             protocols,
  41             onQDataChanged,
  42             isManual,
  43             genericFieldInfo
  44         } = this.props;
  45         let {
  46             name,
  47             description,
  48             networkName,
  49             networkType,
  50             networkDescription
  51         } = data;
  52         let netWorkValues = [
  53             {
  54                 enum: networkName,
  55                 title: networkName
  56             }
  57         ];
  58         return (
  59             <div>
  60                 {qgenericFieldInfo && (
  61                     <Form
  62                         ref={form => {
  63                             this.form = form;
  64                         }}
  65                         hasButtons={true}
  66                         onSubmit={() => this.submit()}
  67                         onReset={() => onCancel()}
  68                         labledButtons={true}
  69                         isReadOnlyMode={isReadOnlyMode}
  70                         isValid={isFormValid}
  71                         formReady={formReady}
  72                         onValidateForm={() => onValidateForm()}
  73                         className="vsp-components-network-editor">
  74                         <div className="editor-data">
  75                             <NameAndPurpose
  76                                 isManual={isManual}
  77                                 name={name}
  78                                 description={description}
  79                                 onDataChanged={onDataChanged}
  80                                 isReadOnlyMode={isReadOnlyMode}
  81                                 genericFieldInfo={genericFieldInfo}
  82                             />
  83                             <Protocols
  84                                 protocols={protocols}
  85                                 qgenericFieldInfo={qgenericFieldInfo}
  86                                 dataMap={dataMap}
  87                                 onQDataChanged={onQDataChanged}
  88                             />
  89                             <IpConfig
  90                                 dataMap={dataMap}
  91                                 onQDataChanged={onQDataChanged}
  92                             />
  93                             <Network
  94                                 networkDescription={networkDescription}
  95                                 onDataChanged={onDataChanged}
  96                                 networkValues={netWorkValues}
  97                                 isReadOnlyMode={isReadOnlyMode}
  98                                 networkType={networkType}
  99                             />
 100                             <Sizing
 101                                 qgenericFieldInfo={qgenericFieldInfo}
 102                                 dataMap={dataMap}
 103                                 onQDataChanged={onQDataChanged}
 104                             />
 105                             <InFlowTraffic
 106                                 qgenericFieldInfo={qgenericFieldInfo}
 107                                 dataMap={dataMap}
 108                                 onQDataChanged={onQDataChanged}
 109                             />
 110                             <OutFlowTraffic
 111                                 qgenericFieldInfo={qgenericFieldInfo}
 112                                 dataMap={dataMap}
 113                                 onQDataChanged={onQDataChanged}
 114                             />
 115                             <FlowLength
 116                                 qgenericFieldInfo={qgenericFieldInfo}
 117                                 dataMap={dataMap}
 118                                 onQDataChanged={onQDataChanged}
 119                             />
 120                             <Acceptable
 121                                 qgenericFieldInfo={qgenericFieldInfo}
 122                                 dataMap={dataMap}
 123                                 onQDataChanged={onQDataChanged}
 124                             />
 125                         </div>
 126                     </Form>
 127                 )}
 128             </div>
 129         );
 130     }
 131
 132     submit() {
 133         let { data, qdata, onSubmit } = this.props;
 134         onSubmit({ data, qdata });
 135     }
 136 }
 137
 138 export default SoftwareProductComponentsNetworkEditorView;