openecomp-ui/src/sdc-app/onboarding/softwareProduct/components/compute/computeComponents/computeFlavor/VmSizing.jsx

   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 i18n from 'nfvo-utils/i18n/i18n.js';
  18 import Input from 'nfvo-components/input/validation/Input.jsx';
  19 import GridSection from 'nfvo-components/grid/GridSection.jsx';
  20 import GridItem from 'nfvo-components/grid/GridItem.jsx';
  21 const VmSizing = ({qgenericFieldInfo, dataMap, onQDataChanged}) => {
  22         return(
  23                 <GridSection title={i18n('VM Sizing')}>
  24                         <GridItem>
  25                                 <Input
  26                                         data-test-id='numOfCPUs'
  27                                         type='number'
  28                                         label={i18n('Number of CPUs')}
  29                                         onChange={(tools) => onQDataChanged({'vmSizing/numOfCPUs' : tools})}
  30                                         isValid={qgenericFieldInfo['vmSizing/numOfCPUs'].isValid}
  31                                         errorText={qgenericFieldInfo['vmSizing/numOfCPUs'].errorText}
  32                                         value={dataMap['vmSizing/numOfCPUs']} />
  33                         </GridItem>
  34                         <GridItem>
  35                                 <Input
  36                                         data-test-id='fileSystemSizeGB'
  37                                         type='number'
  38                                         label={i18n('File System Size (GB)')}
  39                                         onChange={(tools) => onQDataChanged({'vmSizing/fileSystemSizeGB' : tools})}
  40                                         isValid={qgenericFieldInfo['vmSizing/fileSystemSizeGB'].isValid}
  41                                         errorText={qgenericFieldInfo['vmSizing/fileSystemSizeGB'].errorText}
  42                                         value={dataMap['vmSizing/fileSystemSizeGB']} />
  43                         </GridItem>
  44                         <GridItem>
  45                                 <Input
  46                                         data-test-id='persistentStorageVolumeSize'
  47                                         type='number'
  48                                         label={i18n('Persistent Storage/Volume Size (GB)')}
  49                                         onChange={(tools) => onQDataChanged({'vmSizing/persistentStorageVolumeSize' : tools})}
  50                                         isValid={qgenericFieldInfo['vmSizing/persistentStorageVolumeSize'].isValid}
  51                                         errorText={qgenericFieldInfo['vmSizing/persistentStorageVolumeSize'].errorText}
  52                                         value={dataMap['vmSizing/persistentStorageVolumeSize']} />
  53                         </GridItem>
  54                         <GridItem>
  55                                 <Input
  56                                         data-test-id='ioOperationsPerSec'
  57                                         type='number'
  58                                         label={i18n('I/O Operations (per second)')}
  59                                         onChange={(tools) => onQDataChanged({'vmSizing/ioOperationsPerSec' : tools})}
  60                                         isValid={qgenericFieldInfo['vmSizing/ioOperationsPerSec'].isValid}
  61                                         errorText={qgenericFieldInfo['vmSizing/ioOperationsPerSec'].errorText}
  62                                         value={dataMap['vmSizing/ioOperationsPerSec']} />
  63                         </GridItem>
  64                         <GridItem>
  65                                 <Input
  66                                         data-test-id='numOfVMs-cpuOverSubscriptionRatio'
  67                                         label={i18n('CPU Oversubscription Ratio')}
  68                                         type='select'
  69                                         groupClassName='bootstrap-input-options'
  70                                         className='input-options-select'
  71                                         isValid={qgenericFieldInfo['vmSizing/cpuOverSubscriptionRatio'].isValid}
  72                                         errorText={qgenericFieldInfo['vmSizing/cpuOverSubscriptionRatio'].errorText}
  73                                         value={dataMap['vmSizing/cpuOverSubscriptionRatio']}
  74                                         onChange={(e) => {
  75                                                 const selectedIndex = e.target.selectedIndex;
  76                                                 const val = e.target.options[selectedIndex].value;
  77                                                 onQDataChanged({'vmSizing/cpuOverSubscriptionRatio' : val});}
  78                                         }>
  79                                         <option key='placeholder' value=''>{i18n('Select...')}</option>
  80                                         {qgenericFieldInfo['vmSizing/cpuOverSubscriptionRatio'].enum.map(cpuOSR => <option value={cpuOSR.enum} key={cpuOSR.enum}>{cpuOSR.title}</option>)}
  81                                 </Input>
  82                         </GridItem>
  83                         <GridItem>
  84                                 <Input
  85                                         data-test-id='numOfVMs-memoryRAM'
  86                                         type='select'
  87                                         label={i18n('Memory - RAM')}
  88                                         groupClassName='bootstrap-input-options'
  89                                         className='input-options-select'
  90                                         isValid={qgenericFieldInfo['vmSizing/memoryRAM'].isValid}
  91                                         errorText={qgenericFieldInfo['vmSizing/memoryRAM'].errorText}
  92                                         value={dataMap['vmSizing/memoryRAM']}
  93                                         onChange={(e) => {
  94                                                 const selectedIndex = e.target.selectedIndex;
  95                                                 const val = e.target.options[selectedIndex].value;
  96                                                 onQDataChanged({'vmSizing/memoryRAM' : val});}
  97                                         }>
  98                                         <option key='placeholder' value=''>{i18n('Select...')}</option>
  99                                         {qgenericFieldInfo['vmSizing/memoryRAM'].enum.map(mRAM => <option value={mRAM.enum} key={mRAM.enum}>{mRAM.title}</option>)}
 100                                 </Input>
 101                         </GridItem>
 102                 </GridSection>
 103         );
 104 };
 105
 106 export default VmSizing;