https://github.com/tracim/tracim/issues/726, integration of the admin page of the workspaces

frontend/src/container/AdminWorkspacePage.jsx

@@ -0,0 +1,138 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import Sidebar from './Sidebar.jsx'
+import {
+  Delimiter,
+  PageWrapper,
+  PageTitle,
+  PageContent
+} from 'tracim_frontend_lib'
+import { translate } from 'react-i18next'
+
+class AdminWorkspacePage extends React.Component {
+  render () {
+    return (
+      <div className='sidebarpagecontainer'>
+        <Sidebar />
+
+        <PageWrapper customClass='adminWorkspacePage'>
+          <PageTitle
+            parentClass={'adminWorkspacePage'}
+            title={'Workspace management'}
+          />
+
+          <PageContent parentClass='adminWorkspacePage'>
+
+            <div className='adminWorkspacePage__description'>
+              This page informs all workspaces of the instances
+            </div>
+
+            <div className='adminWorkspacePage__createworkspace'>
+              <button className='adminWorkspacePage__createworkspace__btncreate btn btn-primary primaryColorBg primaryColorBorder primaryColorBorderDarkenHover'>
+                {this.props.t('Create a workspace')}
+              </button>
+            </div>
+
+            <Delimiter customClass={'adminWorkspacePage__delimiter'} />
+
+            <div className='adminWorkspacePage__workspaceTable'>
+
+              <table class='table'>
+                <thead>
+                  <tr>
+                    <th scope='col'># ID</th>
+                    <th scope='col'>Workspace</th>
+                    <th scope='col'>Description</th>
+                    <th scope='col'>Users</th>
+                    <th scope='col'>Calendar</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr>
+                    <th>#1</th>
+                    <td>Design v_2</td>
+                    <td>Workspace about tracim v2 design</td>
+                    <td>8 users</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>
+                  </tr>
+                  <tr>
+                    <th>#2</th>
+                    <td>New features</td>
+                    <td>Add a new features : Annotated files</td>
+                    <td>5 users</td>
+                    <td className='d-flex align-items-center flex-wrap'>
+                      <div className='adminWorkspacePage__workspaceTable__calendaricon mr-2'>
+                        <i className='fa fa-fw fa-square-o' />
+                      </div>
+                      Disable
+                    </td>
+                  </tr>
+                  <tr>
+                    <th>#3</th>
+                    <td>Fix Backend</td>
+                    <td>workspace referring to multiple issues on the backend </td>
+                    <td>3 users</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>
+                  </tr>
+                  <tr>
+                    <th>#4</th>
+                    <td>Design v_2</td>
+                    <td>Workspace about tracim v2 design</td>
+                    <td>8 users</td>
+                    <td className='d-flex align-items-center flex-wrap'>
+                      <div className='adminWorkspacePage__workspaceTable__calendaricon mr-2'>
+                        <i className='fa fa-fw fa-square-o' />
+                      </div>
+                      Disable
+                    </td>
+                  </tr>
+                  <tr>
+                    <th>#5</th>
+                    <td>New features</td>
+                    <td>Add a new features : Annotated files</td>
+                    <td>5 users</td>
+                    <td className='d-flex align-items-center flex-wrap'>
+                      <div className='adminWorkspacePage__workspaceTable__calendaricon mr-2'>
+                        <i className='fa fa-fw fa-square-o' />
+                      </div>
+                      Disable
+                    </td>
+                  </tr>
+                  <tr>
+                    <th>#6</th>
+                    <td>Fix Backend</td>
+                    <td>workspace referring to multiple issues on the backend </td>
+                    <td>3 users</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>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+
+          </PageContent>
+        </PageWrapper>
+      </div>
+    )
+  }
+}
+
+AdminWorkspacePage.propTypes = {
+  availableApp: PropTypes.array.isRequired
+}
+
+export default translate()(AdminWorkspacePage)

frontend/src/container/Tracim.jsx

@@ -5,6 +5,7 @@ import Sidebar from './Sidebar.jsx'
 import Header from './Header.jsx'
 import Login from './Login.jsx'
 import Account from './Account.jsx'
+import AdminWorkspacePage from './AdminWorkspacePage.jsx'
 import AppFullscreenManager from './AppFullscreenManager.jsx'
 import FlashMessage from '../component/FlashMessage.jsx'
 import WorkspaceContent from './WorkspaceContent.jsx'
@@ -96,8 +97,8 @@ class Tracim extends React.Component {
 
                   <Route exact path={PAGE.WORKSPACE.ROOT} render={() => props.workspaceList.length === 0 // handle '/' and redirect to first workspace
                     ? null
-                    : <Redirect to={{pathname: `/workspaces/${props.workspaceList[0].id}/contents`, state: {from: props.location}}} />
-                  } />
+
+          <PrivateRoute path='/admin_temp/workspace' component={AdminWorkspacePage} />
 
                   <Route exact path={`${PAGE.WORKSPACE.ROOT}/:idws`} render={props2 => // handle '/workspaces/:id' and add '/contents'
                     <Redirect to={{pathname: `/workspaces/${props2.match.params.idws}/contents`, state: {from: props.location}}} />

frontend/src/css/AdminWorkspacePage.styl

@@ -0,0 +1,11 @@
+.adminWorkspacePage
+  &__createworkspace
+    &__btncreate
+      margin 25px 15px
+  &__description
+    margin 25px 15px
+    font-size 20px
+  &__delimiter
+    margin 25px auto 65px auto
+  &__workspaceTable
+    margin 25px 15px