Browse Source

https://github.com/tracim/tracim/issues/782, add a column delete workspace in adminWorkspacePage

AlexiCauvin 6 years ago
parent
commit
0e1f656d17

+ 55 - 6
frontend/src/container/AdminWorkspacePage.jsx View File

50
                     { /*
50
                     { /*
51
                       <th scope='col'>Calendar</th>
51
                       <th scope='col'>Calendar</th>
52
                     */ }
52
                     */ }
53
+                    <th scope='col'>Remove Workspace</th>
53
                   </tr>
54
                   </tr>
54
                 </thead>
55
                 </thead>
55
                 <tbody>
56
                 <tbody>
57
                     <th>1</th>
58
                     <th>1</th>
58
                     <td>Design v_2</td>
59
                     <td>Design v_2</td>
59
                     <td>Workspace about tracim v2 design</td>
60
                     <td>Workspace about tracim v2 design</td>
60
-                    <td>8 members</td>
61
                     { /*
61
                     { /*
62
                       <td className='d-flex align-items-center flex-wrap'>
62
                       <td className='d-flex align-items-center flex-wrap'>
63
                         <div className='adminWorkspacePage__workspaceTable__calendaricon mr-2'>
63
                         <div className='adminWorkspacePage__workspaceTable__calendaricon mr-2'>
66
                         Enable
66
                         Enable
67
                       </td>
67
                       </td>
68
                     */ }
68
                     */ }
69
+                    <td>8 members</td>
70
+                    <td>
71
+                      <div className='adminWorkspacePage__workspaceTable__deleteworkspace primaryColorFont primaryColorFontDarkenHover'>
72
+                        <div className='adminWorkspacePage__workspaceTable__deleteworkspace__removalicon mr-3'>
73
+                          <i className='fa fa-fw fa-trash-o' />
74
+                        </div>
75
+                        Delete
76
+                      </div>
77
+                    </td>
69
                   </tr>
78
                   </tr>
70
                   <tr>
79
                   <tr>
71
                     <th>2</th>
80
                     <th>2</th>
72
                     <td>New features</td>
81
                     <td>New features</td>
73
                     <td>Add a new features : Annotated files</td>
82
                     <td>Add a new features : Annotated files</td>
74
-                    <td>5 members</td>
75
                     { /*
83
                     { /*
76
                       <td className='d-flex align-items-center flex-wrap'>
84
                       <td className='d-flex align-items-center flex-wrap'>
77
                         <div className='adminWorkspacePage__workspaceTable__calendaricon mr-2'>
85
                         <div className='adminWorkspacePage__workspaceTable__calendaricon mr-2'>
80
                         Disable
88
                         Disable
81
                       </td>
89
                       </td>
82
                     */ }
90
                     */ }
91
+                    <td>5 members</td>
92
+                    <td>
93
+                      <div className='adminWorkspacePage__workspaceTable__deleteworkspace primaryColorFont primaryColorFontDarkenHover'>
94
+                        <div className='adminWorkspacePage__workspaceTable__deleteworkspace__removalicon mr-3'>
95
+                          <i className='fa fa-fw fa-trash-o' />
96
+                        </div>
97
+                        Delete
98
+                      </div>
99
+                    </td>
83
                   </tr>
100
                   </tr>
84
                   <tr>
101
                   <tr>
85
                     <th>3</th>
102
                     <th>3</th>
86
                     <td>Fix Backend</td>
103
                     <td>Fix Backend</td>
87
                     <td>workspace referring to multiple issues on the backend </td>
104
                     <td>workspace referring to multiple issues on the backend </td>
88
-                    <td>3 members</td>
89
                     { /*
105
                     { /*
90
                       <td className='d-flex align-items-center flex-wrap'>
106
                       <td className='d-flex align-items-center flex-wrap'>
91
                         <div className='adminWorkspacePage__workspaceTable__calendaricon mr-2'>
107
                         <div className='adminWorkspacePage__workspaceTable__calendaricon mr-2'>
94
                         Enable
110
                         Enable
95
                       </td>
111
                       </td>
96
                     */ }
112
                     */ }
113
+                    <td>3 members</td>
114
+                    <td>
115
+                      <div className='adminWorkspacePage__workspaceTable__deleteworkspace primaryColorFont primaryColorFontDarkenHover'>
116
+                        <div className='adminWorkspacePage__workspaceTable__deleteworkspace__removalicon mr-3'>
117
+                          <i className='fa fa-fw fa-trash-o' />
118
+                        </div>
119
+                        Delete
120
+                      </div>
121
+                    </td>
97
                   </tr>
122
                   </tr>
98
                   <tr>
123
                   <tr>
99
                     <th>4</th>
124
                     <th>4</th>
100
                     <td>Design v_2</td>
125
                     <td>Design v_2</td>
101
                     <td>Workspace about tracim v2 design</td>
126
                     <td>Workspace about tracim v2 design</td>
102
-                    <td>8 members</td>
103
                     { /*
127
                     { /*
104
                       <td className='d-flex align-items-center flex-wrap'>
128
                       <td className='d-flex align-items-center flex-wrap'>
105
                         <div className='adminWorkspacePage__workspaceTable__calendaricon mr-2'>
129
                         <div className='adminWorkspacePage__workspaceTable__calendaricon mr-2'>
108
                         Disable
132
                         Disable
109
                       </td>
133
                       </td>
110
                     */ }
134
                     */ }
135
+                    <td>8 members</td>
136
+                    <td>
137
+                      <div className='adminWorkspacePage__workspaceTable__deleteworkspace primaryColorFont primaryColorFontDarkenHover'>
138
+                        <div className='adminWorkspacePage__workspaceTable__deleteworkspace__removalicon mr-3'>
139
+                          <i className='fa fa-fw fa-trash-o' />
140
+                        </div>
141
+                        Delete
142
+                      </div>
143
+                    </td>
111
                   </tr>
144
                   </tr>
112
                   <tr>
145
                   <tr>
113
                     <th>5</th>
146
                     <th>5</th>
114
                     <td>New features</td>
147
                     <td>New features</td>
115
                     <td>Add a new features : Annotated files</td>
148
                     <td>Add a new features : Annotated files</td>
116
-                    <td>5 members</td>
117
                     { /*
149
                     { /*
118
                       <td className='d-flex align-items-center flex-wrap'>
150
                       <td className='d-flex align-items-center flex-wrap'>
119
                         <div className='adminWorkspacePage__workspaceTable__calendaricon mr-2'>
151
                         <div className='adminWorkspacePage__workspaceTable__calendaricon mr-2'>
122
                         Disable
154
                         Disable
123
                       </td>
155
                       </td>
124
                     */ }
156
                     */ }
157
+                    <td>5 members</td>
158
+                    <td>
159
+                      <div className='adminWorkspacePage__workspaceTable__deleteworkspace primaryColorFont primaryColorFontDarkenHover'>
160
+                        <div className='adminWorkspacePage__workspaceTable__deleteworkspace__removalicon mr-3'>
161
+                          <i className='fa fa-fw fa-trash-o' />
162
+                        </div>
163
+                        Delete
164
+                      </div>
165
+                    </td>
125
                   </tr>
166
                   </tr>
126
                   <tr>
167
                   <tr>
127
                     <th>6</th>
168
                     <th>6</th>
128
                     <td>Fix Backend</td>
169
                     <td>Fix Backend</td>
129
                     <td>workspace referring to multiple issues on the backend </td>
170
                     <td>workspace referring to multiple issues on the backend </td>
130
-                    <td>3 members</td>
131
                     { /*
171
                     { /*
132
                       <td className='d-flex align-items-center flex-wrap'>
172
                       <td className='d-flex align-items-center flex-wrap'>
133
                         <div className='adminWorkspacePage__workspaceTable__calendaricon mr-2'>
173
                         <div className='adminWorkspacePage__workspaceTable__calendaricon mr-2'>
136
                         Enable
176
                         Enable
137
                       </td>
177
                       </td>
138
                     */ }
178
                     */ }
179
+                    <td>3 members</td>
180
+                    <td>
181
+                      <div className='adminWorkspacePage__workspaceTable__deleteworkspace primaryColorFont primaryColorFontDarkenHover'>
182
+                        <div className='adminWorkspacePage__workspaceTable__deleteworkspace__removalicon mr-3'>
183
+                          <i className='fa fa-fw fa-trash-o' />
184
+                        </div>
185
+                        Delete
186
+                      </div>
187
+                    </td>
139
                   </tr>
188
                   </tr>
140
                 </tbody>
189
                 </tbody>
141
               </table>
190
               </table>

+ 7 - 0
frontend/src/css/AdminWorkspacePage.styl View File

12
     margin 65px auto
12
     margin 65px auto
13
   &__workspaceTable
13
   &__workspaceTable
14
     margin 25px 15px
14
     margin 25px 15px
15
+    &__deleteworkspace
16
+      display flex
17
+      align-items center
18
+      flex-wrap wrap
19
+      cursor pointer
20
+
21
+