12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 |
- import React from 'react'
- import { translate } from 'react-i18next'
- import {
- Delimiter,
- PageWrapper,
- PageTitle,
- PageContent
- } from 'tracim_frontend_lib'
-
- const AdminWorkspace = props =>
- <PageWrapper customClass='adminWorkspacePage'>
- <PageTitle
- parentClass={'adminWorkspacePage'}
- title={'Workspace management'}
- />
-
- <PageContent parentClass='adminWorkspacePage'>
- <div className='adminWorkspacePage__description'>
- {props.t('List of every workspaces')}
- </div>
-
- <Delimiter customClass={'adminWorkspacePage__delimiter'} />
-
- <div className='adminWorkspacePage__workspaceTable'>
-
- <table className='table'>
- <thead>
- <tr>
- <th scope='col'>Id</th>
- <th scope='col'>{props.t('Workspace')}</th>
- <th scope='col'>{props.t('Description')}</th>
- <th scope='col'>{props.t('Member count')}</th>
- {/* <th scope='col'>Calendar</th> */}
- <th scope='col'>{props.t('Delete workspace')}</th>
- </tr>
- </thead>
-
- <tbody>
- {props.workspaceList/* .sort((a, b) => a.workspace_id > b.workspace_id) */.map(ws =>
- <tr key={ws.slug}>
- <th>{ws.workspace_id}</th>
- <td>{ws.label}</td>
- <td>"(nyi) blocked by backend"</td>
- {/*
- <td className='d-flex align-items-center flex-wrap'>
- <div className='adminWorkspacePage__workspaceTable__calendaricon mr-2'>
- <i className='fa fa-fw fa-check-square-o' />
- </div>
- Enable
- </td>
- */}
- <td>{ws.memberList.length}</td>
- <td>
- <div className='adminWorkspacePage__table__delete primaryColorFont primaryColorFontDarkenHover'>
- <button
- type='button'
- className='adminWorkspacePage__table__delete__icon btn mr-3'
- onClick={() => props.onClickDeleteWorkspace(ws.workspace_id)}
- >
- <i className='fa fa-fw fa-trash-o' />
- </button>
- </div>
- </td>
- </tr>
- )}
- </tbody>
- </table>
- </div>
- </PageContent>
- </PageWrapper>
-
- export default translate()(AdminWorkspace)
|