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 'sdc-ui/lib/react/SVGIcon.js';
   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, numOfIcons} = 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='trashO' 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                                                 {Array(numOfIcons).fill().map(() => <SVGIcon name='trashO' className='dummy-icon' />)}
  20                                         </div>
  21                                         <div className='select-action-table-body'>
  22                                                 {children}
  23                                         </div>
  24                                 </div>
  25                         </div>
  26                 );
  27         }
  28 }