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 i18n from 'nfvo-utils/i18n/i18n.js';
  18 import Input from 'nfvo-components/input/validation/Input.jsx';
  19 import GridItem from 'nfvo-components/grid/GridItem.jsx';
  20
  21 const Format = ({ isManual, dataMap, qgenericFieldInfo, onQDataChanged }) => {
  22     return (
  23         <GridItem colSpan={2}>
  24             <Input
  25                 disabled={!isManual}
  26                 data-test-id="image-format"
  27                 type="select"
  28                 label={i18n('Format')}
  29                 className="input-options-select"
  30                 groupClassName="bootstrap-input-options"
  31                 isValid={qgenericFieldInfo['format'].isValid}
  32                 errorText={qgenericFieldInfo['format'].errorText}
  33                 value={dataMap['format']}
  34                 onChange={e => {
  35                     const selectedIndex = e.target.selectedIndex;
  36                     const val = e.target.options[selectedIndex].value;
  37                     onQDataChanged({ format: val });
  38                 }}>
  39                 <option key="placeholder" value="">
  40                     {i18n('Select...')}
  41                 </option>
  42                 {qgenericFieldInfo['format'].enum.map(hv => (
  43                     <option value={hv.enum} key={hv.enum}>
  44                         {hv.title}
  45                     </option>
  46                 ))}
  47             </Input>
  48         </GridItem>
  49     );
  50 };
  51 export default Format;