openecomp-ui/src/nfvo-components/table/SelectActionTable.jsx

   1 import React from 'react';
   2 import i18n from 'nfvo-utils/i18n/i18n.js';
   3 import SVGIcon from 'nfvo-components/icon/SVGIcon.jsx';
   4 import uuid from 'uuid-js';
   5
   6 export default class SelectActionTable extends React.Component {
   7
   8         render() {
   9                 let {columns, onAdd, isReadOnlyMode, children, onAddItem} = this.props;
  10                 return (
  11                         <div className={`select-action-table-view ${isReadOnlyMode ? 'disabled' : ''}`}>
  12                                 <div className='select-action-table-controllers'>
  13                                         {onAdd && onAddItem && <div data-test-id='select-action-table-add' onClick={onAdd}>{onAddItem}</div>}
  14                                         <SVGIcon name='trash-o' className='dummy-icon' />
  15                                 </div>
  16                                 <div className='select-action-table'>
  17                                         <div className='select-action-table-headers'>
  18                                                 {columns.map(column => <div key={uuid.create()} className='select-action-table-header'>{i18n(column)}</div>)}
  19                                                 <SVGIcon name='trash-o' className='dummy-icon' />
  20                                                 <SVGIcon name='trash-o' className='dummy-icon' />
  21                                         </div>
  22                                         <div className='select-action-table-body'>
  23                                                 {children}
  24                                         </div>
  25                                 </div>
  26                         </div>
  27                 );
  28         }
  29 }