1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 |
- import React, { Component } from 'react'
-
- class ExtandedAction extends Component {
- render () {
- return (
- <div className='extandedaction dropdown'>
- <button
- className='extandedaction__button btn btn-outline-primary dropdown-toggle'
- onClick={this.props.onClickStopEvent}
- type='button'
- id='dropdownMenuButton'
- data-toggle='dropdown'
- aria-haspopup='true'
- aria-expanded='false'
- >
- <i className='fa fa-fw fa-ellipsis-h' />
- </button>
- <div className='extandedaction__subdropdown dropdown-menu' aria-labelledby='dropdownMenuButton'>
- <div className='subdropdown__item dropdown-item d-flex align-items-center'>
- <div className='subdropdown__item__icon mr-3'>
- <i className='fa fa-fw fa-pencil' />
- </div>
- <div className='subdropdown__item__text'>
- Modifier
- </div>
- </div>
-
- <div className='subdropdown__item dropdown-item d-flex align-items-center'>
- <div className='subdropdown__item__icon mr-3'>
- <i className='fa fa-fw fa-arrows-alt' />
- </div>
- <div className='subdropdown__item__text'>
- Déplacer
- </div>
- </div>
-
- <div className='subdropdown__item dropdown-item d-flex align-items-center'>
- <div className='subdropdown__item__icon mr-3'>
- <i className='fa fa-fw fa-download' />
- </div>
- <div className='subdropdown__item__text'>
- Télécharger
- </div>
- </div>
-
- <div className='subdropdown__item dropdown-item d-flex align-items-center'>
- <div className='subdropdown__item__icon mr-3'>
- <i className='fa fa-fw fa-archive' />
- </div>
- <div className='subdropdown__item__text'>
- Archiver
- </div>
- </div>
-
- <div className='subdropdown__item dropdown-item d-flex align-items-center'>
- <div className='subdropdown__item__icon mr-3'>
- <i className='fa fa-fw fa-trash-o' />
- </div>
- <div className='subdropdown__item__text'>
- Supprimer
- </div>
- </div>
-
- </div>
- </div>
- )
- }
- }
-
- export default ExtandedAction
|