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 Input from 'nfvo-components/input/validation/Input.jsx';
  18
  19 class LicenseModelDescriptionEdit extends React.Component {
  20         render() {
  21                 let {onDataChanged, description, genericFieldInfo} = this.props;
  22                 let saveButtonClassName = (genericFieldInfo.description.isValid) ? 'description-save' : 'description-save disabled';
  23                 return(
  24                         <div className='vendor-description-edit'>
  25
  26                                 <Input
  27                                         onChange={description => onDataChanged({description})}
  28                                         value={description}
  29                                         isValid={genericFieldInfo.description.isValid}
  30                                         errorText={genericFieldInfo.description.errorText}
  31                                         className='description-edit-textarea'
  32                                         type='textarea'/>
  33                                 <div className='buttons-row'>
  34                                         <div className='buttons-wrapper'>
  35                                                 <div onClick={() => this.onClose()} className='description-button' data-test-id='vlm-summary-vendor-desc-cancel-btn'>cancel</div>
  36                                                 <div onClick={() => this.submit()}  className={saveButtonClassName} data-test-id='vlm-summary-vendor-desc-save-btn'>save</div>
  37                                         </div>
  38                                 </div>
  39                         </div>
  40                 );
  41         }
  42
  43         onClose() {
  44                 this.props.onClose();
  45         }
  46
  47         submit() {
  48                 let {onSubmit, data, description} = this.props;
  49                 onSubmit({
  50                         ...data,
  51                         description: description
  52                 });
  53         }
  54 }
  55
  56 export default LicenseModelDescriptionEdit;