openecomp-ui/src/sdc-app/onboarding/licenseModel/overview/summary/LicenseModelDescriptionEdit.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
  20 class LicenseModelDescriptionEdit extends React.Component {
  21         render() {
  22                 //TODO check if buttons
  23                 let {onDataChanged, description, genericFieldInfo} = this.props;
  24                 let {isValid, errorText} = genericFieldInfo.description;
  25                 let saveButtonClassName = isValid ? 'description-save' : 'description-save disabled';
  26                 return(
  27                         <div className='vendor-description-edit'>
  28
  29                                 <Input
  30                                         onChange={description => onDataChanged({description})}
  31                                         value={description}
  32                                         isValid={isValid}
  33                                         errorText={errorText}
  34                                         className='description-edit-textarea'
  35                                         type='textarea'/>
  36                                 <div className='buttons-row'>
  37                                         <div className='buttons-wrapper'>
  38                                                 <div onClick={() => this.submit()}  className={saveButtonClassName} data-test-id='vlm-summary-vendor-desc-save-btn'>{i18n('Save')}</div>
  39                                                 <div onClick={() => this.onClose()} className='description-button' data-test-id='vlm-summary-vendor-desc-cancel-btn'>{i18n('Cancel')}</div>
  40                                         </div>
  41                                 </div>
  42                         </div>
  43                 );
  44         }
  45
  46         onClose() {
  47                 this.props.onClose();
  48         }
  49
  50         submit() {
  51                 let {onSubmit, data, description} = this.props;
  52                 onSubmit({
  53                         ...data,
  54                         description: description.trim()
  55                 });
  56         }
  57 }
  58
  59 export default LicenseModelDescriptionEdit;