Add collaboration feature
[sdc.git] / openecomp-ui / src / sdc-app / onboarding / softwareProduct / components / network / nicEditorComponents / Acceptable.jsx
index 524b95c..0fc7404 100644 (file)
@@ -21,53 +21,53 @@ import GridItem from 'nfvo-components/grid/GridItem.jsx';
 
 const Acceptable = ({qgenericFieldInfo, dataMap, onQDataChanged}) => {
        return(
-               <GridSection>
-                               <GridItem colSpan={3}>
-                                       <div className='part-title-small packets'>{i18n('Acceptable Jitter')}</div>
-                               </GridItem>
-                               <GridItem>
-                                       <div className='part-title-small bytes'>{i18n('Allow Packet Loss')}</div>
-                               </GridItem>
-                               <GridItem>
-                                       <Input
-                                               label={i18n('Mean')}
-                                               type='number'
-                                               data-test-id='acceptableJitter-mean'
-                                               isValid={qgenericFieldInfo['sizing/acceptableJitter/mean'].isValid}
-                                               errorText={qgenericFieldInfo['sizing/acceptableJitter/mean'].errorText}
-                                               value={dataMap['sizing/acceptableJitter/mean']}
-                                               onChange={val => onQDataChanged({'sizing/acceptableJitter/mean' : val})} />
-                               </GridItem>
-                               <GridItem>
-                                       <Input
-                                               label={i18n('Max')}
-                                               type='number'
-                                               data-test-id='acceptableJitter-max'
-                                               isValid={qgenericFieldInfo['sizing/acceptableJitter/max'].isValid}
-                                               errorText={qgenericFieldInfo['sizing/acceptableJitter/max'].errorText}
-                                               value={dataMap['sizing/acceptableJitter/max']}
-                                               onChange={val => onQDataChanged({'sizing/acceptableJitter/max' : val})} />
-                               </GridItem>
-                               <GridItem>
-                                       <Input
-                                               label={i18n('Var')}
-                                               type='number'
-                                               data-test-id='acceptableJitter-variable'
-                                               isValid={qgenericFieldInfo['sizing/acceptableJitter/variable'].isValid}
-                                               errorText={qgenericFieldInfo['sizing/acceptableJitter/variable'].errorText}
-                                               value={dataMap['sizing/acceptableJitter/variable']}
-                                               onChange={val => onQDataChanged({'sizing/acceptableJitter/variable' : val})} />
-                               </GridItem>
-                               <GridItem>
-                                       <Input
-                                               label={i18n('In Percent')}
-                                               type='number'
-                                               data-test-id='acceptableJitter-acceptablePacketLoss'
-                                               isValid={qgenericFieldInfo['sizing/acceptablePacketLoss'].isValid}
-                                               errorText={qgenericFieldInfo['sizing/acceptablePacketLoss'].errorText}
-                                               value={dataMap['sizing/acceptablePacketLoss']}
-                                               onChange={val => onQDataChanged({'sizing/acceptablePacketLoss' : val})} />
-                               </GridItem>
+               <GridSection hasLastColSet>
+                       <GridItem colSpan={3}>
+                               <div className='part-title-small packets'>{i18n('Acceptable Jitter')}</div>
+                       </GridItem>
+                       <GridItem lastColInRow>
+                               <div className='part-title-small bytes'>{i18n('Allow Packet Loss')}</div>
+                       </GridItem>
+                       <GridItem>
+                               <Input
+                                       label={i18n('Mean')}
+                                       type='number'
+                                       data-test-id='acceptableJitter-mean'
+                                       isValid={qgenericFieldInfo['sizing/acceptableJitter/mean'].isValid}
+                                       errorText={qgenericFieldInfo['sizing/acceptableJitter/mean'].errorText}
+                                       value={dataMap['sizing/acceptableJitter/mean']}
+                                       onChange={val => onQDataChanged({'sizing/acceptableJitter/mean' : val})} />
+                       </GridItem>
+                       <GridItem>
+                               <Input
+                                       label={i18n('Max')}
+                                       type='number'
+                                       data-test-id='acceptableJitter-max'
+                                       isValid={qgenericFieldInfo['sizing/acceptableJitter/max'].isValid}
+                                       errorText={qgenericFieldInfo['sizing/acceptableJitter/max'].errorText}
+                                       value={dataMap['sizing/acceptableJitter/max']}
+                                       onChange={val => onQDataChanged({'sizing/acceptableJitter/max' : val})} />
+                       </GridItem>
+                       <GridItem>
+                               <Input
+                                       label={i18n('Var')}
+                                       type='number'
+                                       data-test-id='acceptableJitter-variable'
+                                       isValid={qgenericFieldInfo['sizing/acceptableJitter/variable'].isValid}
+                                       errorText={qgenericFieldInfo['sizing/acceptableJitter/variable'].errorText}
+                                       value={dataMap['sizing/acceptableJitter/variable']}
+                                       onChange={val => onQDataChanged({'sizing/acceptableJitter/variable' : val})} />
+                       </GridItem>
+                       <GridItem lastColInRow>
+                               <Input
+                                       label={i18n('In Percent')}
+                                       type='number'
+                                       data-test-id='acceptableJitter-acceptablePacketLoss'
+                                       isValid={qgenericFieldInfo['sizing/acceptablePacketLoss'].isValid}
+                                       errorText={qgenericFieldInfo['sizing/acceptablePacketLoss'].errorText}
+                                       value={dataMap['sizing/acceptablePacketLoss']}
+                                       onChange={val => onQDataChanged({'sizing/acceptablePacketLoss' : val})} />
+                       </GridItem>
                </GridSection>
        );
 };