https://github.com/tracim/tracim/issues/726, removing createworkspace button, removing calendar column, improvement the text

frontend/src/container/AdminWorkspacePage.jsx

@@ -1,5 +1,4 @@
 import React from 'react'
-import PropTypes from 'prop-types'
 import Sidebar from './Sidebar.jsx'
 import {
   Delimiter,
@@ -27,98 +26,116 @@ class AdminWorkspacePage extends React.Component {
               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>
+            { /*
+              Alexi Cauvin 08/08/2018 => desactivate create workspace button due to redundancy
+
+              <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'>
+              <table className='table'>
                 <thead>
                   <tr>
-                    <th scope='col'># ID</th>
+                    <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>
+                    <th scope='col'>Member's number</th>
+                    { /*
+                      <th scope='col'>Calendar</th>
+                    */ }
                   </tr>
                 </thead>
                 <tbody>
                   <tr>
-                    <th>#1</th>
+                    <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>
+                    <td>8 members</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>
+                    <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>
+                    <td>5 members</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>
+                    <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>
+                    <td>3 members</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>
+                    <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>
+                    <td>8 members</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>
+                    <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>
+                    <td>5 members</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>
+                    <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>
+                    <td>3 members</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>
@@ -131,8 +148,4 @@ class AdminWorkspacePage extends React.Component {
   }
 }
 
-AdminWorkspacePage.propTypes = {
-  availableApp: PropTypes.array.isRequired
-}
-
 export default translate()(AdminWorkspacePage)

frontend/src/css/AdminWorkspacePage.styl

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