|
@@ -1,13 +1,16 @@
|
1
|
1
|
import React, { Component } from 'react'
|
2
|
2
|
import imgProfil from '../img/imgProfil.png'
|
|
3
|
+import BtnSwitch from '../component/common/input/BtnSwitch.jsx'
|
3
|
4
|
|
4
|
5
|
class AccountPage extends Component {
|
5
|
6
|
render () {
|
6
|
7
|
return (
|
7
|
|
- <div className='container-fluid nopadding'>
|
8
|
|
- <div className='account'>
|
9
|
|
- <div className='account__title ml-5'>
|
10
|
|
- Mon Compte
|
|
8
|
+ <div className='account'>
|
|
9
|
+ <div className='container-fluid nopadding'>
|
|
10
|
+ <div className='pageTitleGeneric'>
|
|
11
|
+ <div className='pageTitleGeneric__title'>
|
|
12
|
+ Mon Compte
|
|
13
|
+ </div>
|
11
|
14
|
</div>
|
12
|
15
|
|
13
|
16
|
<div className='account__userinformation mr-5 ml-5 mb-5'>
|
|
@@ -18,42 +21,39 @@ class AccountPage extends Component {
|
18
|
21
|
<div className='account__userinformation__name mb-3'>
|
19
|
22
|
Alexi Cauvin
|
20
|
23
|
</div>
|
21
|
|
- <div className='account__userinformation__email mb-3'>
|
|
24
|
+ <a href='mailto:contact@contact.fr' className='account__userinformation__email mb-3'>
|
22
|
25
|
alexi.cauvin@algoo.fr
|
23
|
|
- </div>
|
|
26
|
+ </a>
|
24
|
27
|
<div className='account__userinformation__role mb-3'>
|
25
|
28
|
Utilisateur
|
26
|
29
|
</div>
|
27
|
30
|
<div className='account__userinformation__job mb-3'>
|
28
|
31
|
Integrateur | Webdesigner
|
29
|
32
|
</div>
|
30
|
|
- <div className='account__userinformation__company'>
|
|
33
|
+ <a href='www.algoo.fr' className='account__userinformation__company'>
|
31
|
34
|
Algoo
|
32
|
|
- </div>
|
|
35
|
+ </a>
|
33
|
36
|
</div>
|
34
|
37
|
</div>
|
35
|
38
|
|
36
|
|
- <div className='account__delimiteur' />
|
|
39
|
+ <div className='account__delimiter GenericDelimiter' />
|
37
|
40
|
|
38
|
41
|
<div className='account__userpreference'>
|
39
|
42
|
|
40
|
43
|
<nav className='account__userpreference__menu navbar d-flex align-items-start'>
|
41
|
44
|
|
42
|
45
|
<div className='account__userpreference__menu__responsive d-lg-none'>
|
43
|
|
- <div className='account__userpreference__menu__responsive__burger' />
|
44
|
|
- <div className='account__userpreference__menu__responsive__burger' />
|
45
|
|
- <div className='account__userpreference__menu__responsive__burger' />
|
|
46
|
+ <i className='fa fa-bars' />
|
46
|
47
|
</div>
|
47
|
48
|
|
48
|
|
-
|
49
|
49
|
<ul className='account__userpreference__menu__list nav flex-column'>
|
50
|
50
|
|
51
|
|
- <div className='account__userpreference__menu__list__close nav-link'>
|
|
51
|
+ <li className='account__userpreference__menu__list__close nav-link'>
|
52
|
52
|
<i className='fa fa-times' />
|
53
|
|
- </div>
|
|
53
|
+ </li>
|
54
|
54
|
|
55
|
|
- <div className='account__userpreference__menu__list__disabled'>Menu
|
56
|
|
- </div>
|
|
55
|
+ <li className='account__userpreference__menu__list__disabled'>Menu
|
|
56
|
+ </li>
|
57
|
57
|
<li className='account__userpreference__menu__list__item nav-item'>
|
58
|
58
|
<div className='account__userpreference__menu__list__item__link nav-link'>Informations Compte</div>
|
59
|
59
|
</li>
|
|
@@ -69,33 +69,33 @@ class AccountPage extends Component {
|
69
|
69
|
<div className='account__userpreference__setting'>
|
70
|
70
|
|
71
|
71
|
<div className='account__userpreference__setting__personaldata d-none'>
|
72
|
|
- <div className='account__userpreference__setting__personaldata__title'>
|
|
72
|
+ <div className='account__userpreference__setting__personaldata__title subTitle ml-2 ml-sm-0'>
|
73
|
73
|
Mes informations personnelles
|
74
|
74
|
</div>
|
75
|
75
|
|
76
|
|
- <div className='account__userpreference__setting__personaldata__text'>
|
|
76
|
+ <div className='account__userpreference__setting__personaldata__text ml-2 ml-sm-0'>
|
77
|
77
|
Ut consectetur dolor et sunt nisi officia ut magna. Ut consectetur dolor et sunt nisi officia ut magna.
|
78
|
78
|
Ut consectetur dolor et sunt nisi officia ut magna.
|
79
|
79
|
</div>
|
80
|
80
|
|
81
|
81
|
<div className='account__userpreference__setting__personaldata__changeinfo'>
|
82
|
|
- <div className='account__userpreference__setting__personaldata__changeinfo__subtitle'>
|
|
82
|
+ <div className='account__userpreference__setting__personaldata__changeinfo__infotitle'>
|
83
|
83
|
Changer le mot de passe :
|
84
|
84
|
</div>
|
85
|
|
- <input className='account__userpreference__setting__personaldata__changeinfo__txtinput' type='password' placeholder='Ancien mot de passe' />
|
86
|
|
- <input className='account__userpreference__setting__personaldata__changeinfo__txtinput' type='password' placeholder='Nouveau mot de passe' />
|
87
|
|
- <div className='account__userpreference__setting__personaldata__changeinfo__button btn'>
|
|
85
|
+ <input className='account__userpreference__setting__personaldata__changeinfo__txtinput form-control' type='password' placeholder='Ancien mot de passe' />
|
|
86
|
+ <input className='account__userpreference__setting__personaldata__changeinfo__txtinput form-control' type='password' placeholder='Nouveau mot de passe' />
|
|
87
|
+ <div className='account__userpreference__setting__personaldata__changeinfo__button btn btn-primary'>
|
88
|
88
|
Envoyer
|
89
|
89
|
</div>
|
90
|
90
|
</div>
|
91
|
91
|
|
92
|
92
|
<div className='account__userpreference__setting__personaldata__changeinfo'>
|
93
|
|
- <div className='account__userpreference__setting__personaldata__changeinfo__subtitle'>
|
|
93
|
+ <div className='account__userpreference__setting__personaldata__changeinfo__infotitle'>
|
94
|
94
|
Changer d'adresse mail :
|
95
|
95
|
</div>
|
96
|
|
- <input className='account__userpreference__setting__personaldata__changeinfo__txtinput' type='email' placeholder='Ancienne adresse mail' />
|
97
|
|
- <input className='account__userpreference__setting__personaldata__changeinfo__txtinput' type='email' placeholder='Nouvelle adresse mail' />
|
98
|
|
- <div className='account__userpreference__setting__personaldata__changeinfo__button btn'>
|
|
96
|
+ <input className='account__userpreference__setting__personaldata__changeinfo__txtinput form-control' type='email' placeholder='Ancienne adresse mail' />
|
|
97
|
+ <input className='account__userpreference__setting__personaldata__changeinfo__txtinput form-control' type='email' placeholder='Nouvelle adresse mail' />
|
|
98
|
+ <div className='account__userpreference__setting__personaldata__changeinfo__button btn btn-primary'>
|
99
|
99
|
Envoyer
|
100
|
100
|
</div>
|
101
|
101
|
</div>
|
|
@@ -103,23 +103,23 @@ class AccountPage extends Component {
|
103
|
103
|
|
104
|
104
|
<div className='account__userpreference__setting__calendar d-none'>
|
105
|
105
|
|
106
|
|
- <div className='account__userpreference__setting__calendar__title'>
|
|
106
|
+ <div className='account__userpreference__setting__calendar__title subTitle ml-2 ml-sm-0'>
|
107
|
107
|
Calendrier
|
108
|
108
|
</div>
|
109
|
109
|
|
110
|
|
- <div className='account__userpreference__setting__calendar__text'>
|
|
110
|
+ <div className='account__userpreference__setting__calendar__text ml-2 ml-sm-0'>
|
111
|
111
|
Ut consectetur dolor et sunt nisi officia ut magna. Ut consectetur dolor et sunt nisi officia ut magna.
|
112
|
112
|
Ut consectetur dolor et sunt nisi officia ut magna.
|
113
|
113
|
</div>
|
114
|
114
|
|
115
|
|
- <div className='account__userpreference__setting__calendar__subtitle'>
|
|
115
|
+ <div className='account__userpreference__setting__calendar__infotitle'>
|
116
|
116
|
Accèder à votre Calendrier personnel
|
117
|
117
|
</div>
|
118
|
118
|
<div className='account__userpreference__setting__calendar__link'>
|
119
|
119
|
http://algoo.trac.im/caldav/user/262.ics/
|
120
|
120
|
</div>
|
121
|
121
|
|
122
|
|
- <div className='account__userpreference__setting__calendar__subtitle'>
|
|
122
|
+ <div className='account__userpreference__setting__calendar__infotitle'>
|
123
|
123
|
Changer de Fuseau Horaire :
|
124
|
124
|
</div>
|
125
|
125
|
|
|
@@ -138,270 +138,184 @@ class AccountPage extends Component {
|
138
|
138
|
|
139
|
139
|
<div className='account__userpreference__setting__notification'>
|
140
|
140
|
|
141
|
|
- <div className='account__userpreference__setting__notification__title'>
|
|
141
|
+ <div className='account__userpreference__setting__notification__title subTitle ml-2 ml-sm-0'>
|
142
|
142
|
Mes Espaces de Travail
|
143
|
143
|
</div>
|
144
|
144
|
|
145
|
|
- <div className='account__userpreference__setting__notification__text'>
|
|
145
|
+ <div className='account__userpreference__setting__notification__text ml-2 ml-sm-0'>
|
146
|
146
|
Ut consectetur dolor et sunt nisi officia ut magna. Ut consectetur dolor et sunt nisi officia ut magna.
|
147
|
147
|
Ut consectetur dolor et sunt nisi officia ut magna.
|
148
|
148
|
</div>
|
149
|
149
|
|
150
|
|
- <div className='container-fluid'>
|
151
|
|
- <div className='account__userpreference__setting__notification__table'>
|
152
|
|
- <div className='account__userpreference__setting__notification__table__header'>
|
153
|
|
- <div className='row'>
|
154
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
155
|
|
- <div className='account__userpreference__setting__notification__table__workspace'>
|
156
|
|
- Espace de Travail
|
157
|
|
- </div>
|
158
|
|
- </div>
|
159
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
160
|
|
- <div className='account__userpreference__setting__notification__table__role justify-content-center'>
|
161
|
|
- Role
|
162
|
|
- </div>
|
163
|
|
- </div>
|
164
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
165
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch text-right'>
|
166
|
|
- Notifiaction
|
|
150
|
+ <div className='account__userpreference__setting__notification__tableau'>
|
|
151
|
+ <table className='table'>
|
|
152
|
+ <thead>
|
|
153
|
+ <tr>
|
|
154
|
+ <th>Espace de travail</th>
|
|
155
|
+ <th>Role</th>
|
|
156
|
+ <th>Notification</th>
|
|
157
|
+ </tr>
|
|
158
|
+ </thead>
|
|
159
|
+ <tbody>
|
|
160
|
+ <tr>
|
|
161
|
+ <td>
|
|
162
|
+ <div className='account__userpreference__setting__notification__tableau__wksname'>
|
|
163
|
+ Nouvelle ligne directrice du nouveau design de Tracim v2 en date du 10 Octobre 2017
|
167
|
164
|
</div>
|
168
|
|
- </div>
|
169
|
|
- </div>
|
170
|
|
- </div>
|
171
|
|
-
|
172
|
|
- <div className='account__userpreference__setting__notification__table__line'>
|
173
|
|
- <div className='row'>
|
174
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
175
|
|
- <div className='account__userpreference__setting__notification__table__workspace'>
|
176
|
|
- Workspace 1
|
177
|
|
- </div>
|
178
|
|
- </div>
|
179
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
180
|
|
- <div className='account__userpreference__setting__notification__table__role justify-content-sm-center'>
|
181
|
|
- <div className='account__userpreference__setting__notification__table__role__icon'>
|
|
165
|
+ </td>
|
|
166
|
+ <td>
|
|
167
|
+ <div className='account__userpreference__setting__notification__tableau__role'>
|
|
168
|
+ <div className='account__userpreference__setting__notification__tableau__role__icon'>
|
182
|
169
|
<i className='fa fa-graduation-cap' />
|
183
|
170
|
</div>
|
184
|
|
- <div className='account__userpreference__setting__notification__table__role__text'>
|
185
|
|
- Gestionnaire de contenu
|
|
171
|
+ <div className='account__userpreference__setting__notification__tableau__role__text'>
|
|
172
|
+ Gestionnaire de Contenu
|
186
|
173
|
</div>
|
187
|
174
|
</div>
|
188
|
|
- </div>
|
189
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
190
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch d-flex justify-content-sm-end'>
|
191
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch__switcher'>
|
192
|
|
- <label className='switch nomarginlabel'>
|
193
|
|
- <input type='checkbox' />
|
194
|
|
- <span className='slider round' />
|
195
|
|
- </label>
|
196
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch__switcher__text'>
|
197
|
|
- On
|
198
|
|
- </div>
|
199
|
|
- </div>
|
|
175
|
+ </td>
|
|
176
|
+ <td>
|
|
177
|
+ <div className='account__userpreference__setting__notification__tableau__btnswitch'>
|
|
178
|
+ <BtnSwitch />
|
200
|
179
|
</div>
|
201
|
|
- </div>
|
202
|
|
- </div>
|
203
|
|
- </div>
|
204
|
|
-
|
205
|
|
- <div className='account__userpreference__setting__notification__table__line'>
|
206
|
|
- <div className='row'>
|
207
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
208
|
|
- <div className='account__userpreference__setting__notification__table__workspace'>
|
209
|
|
- Workspace 1
|
|
180
|
+ </td>
|
|
181
|
+ </tr>
|
|
182
|
+ <tr>
|
|
183
|
+ <td>
|
|
184
|
+ <div className='account__userpreference__setting__notification__tableau__wksname'>
|
|
185
|
+ Nouvelle ligne directrice du nouveau design de Tracim v2 en date du 10 Octobre 2017
|
210
|
186
|
</div>
|
211
|
|
- </div>
|
212
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
213
|
|
- <div className='account__userpreference__setting__notification__table__role justify-content-sm-center'>
|
214
|
|
- <div className='account__userpreference__setting__notification__table__role__icon'>
|
215
|
|
- <i className='fa fa-graduation-cap' />
|
|
187
|
+ </td>
|
|
188
|
+ <td>
|
|
189
|
+ <div className='account__userpreference__setting__notification__tableau__role'>
|
|
190
|
+ <div className='account__userpreference__setting__notification__tableau__role__icon'>
|
|
191
|
+ <i className='fa fa-eye' />
|
216
|
192
|
</div>
|
217
|
|
- <div className='account__userpreference__setting__notification__table__role__text'>
|
218
|
|
- Gestionnaire de contenu
|
|
193
|
+ <div className='account__userpreference__setting__notification__tableau__role__text'>
|
|
194
|
+ Lecteur
|
219
|
195
|
</div>
|
220
|
196
|
</div>
|
221
|
|
- </div>
|
222
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
223
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch d-flex justify-content-sm-end'>
|
224
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch__switcher'>
|
225
|
|
- <label className='switch nomarginlabel'>
|
226
|
|
- <input type='checkbox' />
|
227
|
|
- <span className='slider round' />
|
228
|
|
- </label>
|
229
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch__switcher__text'>
|
230
|
|
- On
|
231
|
|
- </div>
|
232
|
|
- </div>
|
|
197
|
+ </td>
|
|
198
|
+ <td>
|
|
199
|
+ <div className='account__userpreference__setting__notification__tableau__btnswitch'>
|
|
200
|
+ <BtnSwitch />
|
233
|
201
|
</div>
|
234
|
|
- </div>
|
235
|
|
- </div>
|
236
|
|
- </div>
|
237
|
|
-
|
238
|
|
- <div className='account__userpreference__setting__notification__table__line'>
|
239
|
|
- <div className='row'>
|
240
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
241
|
|
- <div className='account__userpreference__setting__notification__table__workspace'>
|
242
|
|
- Workspace 1
|
|
202
|
+ </td>
|
|
203
|
+ </tr>
|
|
204
|
+ <tr>
|
|
205
|
+ <td>
|
|
206
|
+ <div className='account__userpreference__setting__notification__tableau__wksname'>
|
|
207
|
+ Nouvelle ligne directrice du nouveau design de Tracim v2 en date du 10 Octobre 2017
|
243
|
208
|
</div>
|
244
|
|
- </div>
|
245
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
246
|
|
- <div className='account__userpreference__setting__notification__table__role justify-content-sm-center'>
|
247
|
|
- <div className='account__userpreference__setting__notification__table__role__icon'>
|
248
|
|
- <i className='fa fa-graduation-cap' />
|
|
209
|
+ </td>
|
|
210
|
+ <td>
|
|
211
|
+ <div className='account__userpreference__setting__notification__tableau__role'>
|
|
212
|
+ <div className='account__userpreference__setting__notification__tableau__role__icon'>
|
|
213
|
+ <i className='fa fa-pencil' />
|
249
|
214
|
</div>
|
250
|
|
- <div className='account__userpreference__setting__notification__table__role__text'>
|
251
|
|
- Gestionnaire de contenu
|
|
215
|
+ <div className='account__userpreference__setting__notification__tableau__role__text'>
|
|
216
|
+ Contributeur
|
252
|
217
|
</div>
|
253
|
218
|
</div>
|
254
|
|
- </div>
|
255
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
256
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch d-flex justify-content-sm-end'>
|
257
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch__switcher'>
|
258
|
|
- <label className='switch nomarginlabel'>
|
259
|
|
- <input type='checkbox' />
|
260
|
|
- <span className='slider round' />
|
261
|
|
- </label>
|
262
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch__switcher__text'>
|
263
|
|
- On
|
264
|
|
- </div>
|
265
|
|
- </div>
|
|
219
|
+ </td>
|
|
220
|
+ <td>
|
|
221
|
+ <div className='account__userpreference__setting__notification__tableau__btnswitch'>
|
|
222
|
+ <BtnSwitch />
|
266
|
223
|
</div>
|
267
|
|
- </div>
|
268
|
|
- </div>
|
269
|
|
- </div>
|
270
|
|
-
|
271
|
|
- <div className='account__userpreference__setting__notification__table__line'>
|
272
|
|
- <div className='row'>
|
273
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
274
|
|
- <div className='account__userpreference__setting__notification__table__workspace'>
|
275
|
|
- Workspace 1
|
|
224
|
+ </td>
|
|
225
|
+ </tr>
|
|
226
|
+ <tr>
|
|
227
|
+ <td>
|
|
228
|
+ <div className='account__userpreference__setting__notification__tableau__wksname'>
|
|
229
|
+ Nouvelle ligne directrice du nouveau design de Tracim v2 en date du 10 Octobre 2017
|
276
|
230
|
</div>
|
277
|
|
- </div>
|
278
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
279
|
|
- <div className='account__userpreference__setting__notification__table__role justify-content-sm-center'>
|
280
|
|
- <div className='account__userpreference__setting__notification__table__role__icon'>
|
281
|
|
- <i className='fa fa-graduation-cap' />
|
|
231
|
+ </td>
|
|
232
|
+ <td>
|
|
233
|
+ <div className='account__userpreference__setting__notification__tableau__role'>
|
|
234
|
+ <div className='account__userpreference__setting__notification__tableau__role__icon'>
|
|
235
|
+ <i className='fa fa-gavel' />
|
282
|
236
|
</div>
|
283
|
|
- <div className='account__userpreference__setting__notification__table__role__text'>
|
284
|
|
- Gestionnaire de contenu
|
|
237
|
+ <div className='account__userpreference__setting__notification__tableau__role__text'>
|
|
238
|
+ Responsable
|
285
|
239
|
</div>
|
286
|
240
|
</div>
|
287
|
|
- </div>
|
288
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
289
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch d-flex justify-content-sm-end'>
|
290
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch__switcher'>
|
291
|
|
- <label className='switch nomarginlabel'>
|
292
|
|
- <input type='checkbox' />
|
293
|
|
- <span className='slider round' />
|
294
|
|
- </label>
|
295
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch__switcher__text'>
|
296
|
|
- On
|
297
|
|
- </div>
|
298
|
|
- </div>
|
|
241
|
+ </td>
|
|
242
|
+ <td>
|
|
243
|
+ <div className='account__userpreference__setting__notification__tableau__btnswitch'>
|
|
244
|
+ <BtnSwitch />
|
299
|
245
|
</div>
|
300
|
|
- </div>
|
301
|
|
- </div>
|
302
|
|
- </div>
|
303
|
|
-
|
304
|
|
- <div className='account__userpreference__setting__notification__table__line'>
|
305
|
|
- <div className='row'>
|
306
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
307
|
|
- <div className='account__userpreference__setting__notification__table__workspace'>
|
308
|
|
- Workspace 1
|
|
246
|
+ </td>
|
|
247
|
+ </tr>
|
|
248
|
+ <tr>
|
|
249
|
+ <td>
|
|
250
|
+ <div className='account__userpreference__setting__notification__tableau__wksname'>
|
|
251
|
+ Nouvelle ligne directrice du nouveau design de Tracim v2 en date du 10 Octobre 2017
|
309
|
252
|
</div>
|
310
|
|
- </div>
|
311
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
312
|
|
- <div className='account__userpreference__setting__notification__table__role justify-content-sm-center'>
|
313
|
|
- <div className='account__userpreference__setting__notification__table__role__icon'>
|
|
253
|
+ </td>
|
|
254
|
+ <td>
|
|
255
|
+ <div className='account__userpreference__setting__notification__tableau__role'>
|
|
256
|
+ <div className='account__userpreference__setting__notification__tableau__role__icon'>
|
314
|
257
|
<i className='fa fa-graduation-cap' />
|
315
|
258
|
</div>
|
316
|
|
- <div className='account__userpreference__setting__notification__table__role__text'>
|
317
|
|
- Gestionnaire de contenu
|
|
259
|
+ <div className='account__userpreference__setting__notification__tableau__role__text'>
|
|
260
|
+ Gestionnaire de Contenu
|
318
|
261
|
</div>
|
319
|
262
|
</div>
|
320
|
|
- </div>
|
321
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
322
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch d-flex justify-content-sm-end'>
|
323
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch__switcher'>
|
324
|
|
- <label className='switch nomarginlabel'>
|
325
|
|
- <input type='checkbox' />
|
326
|
|
- <span className='slider round' />
|
327
|
|
- </label>
|
328
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch__switcher__text'>
|
329
|
|
- On
|
330
|
|
- </div>
|
331
|
|
- </div>
|
|
263
|
+ </td>
|
|
264
|
+ <td>
|
|
265
|
+ <div className='account__userpreference__setting__notification__tableau__btnswitch'>
|
|
266
|
+ <BtnSwitch />
|
332
|
267
|
</div>
|
333
|
|
- </div>
|
334
|
|
- </div>
|
335
|
|
- </div>
|
336
|
|
-
|
337
|
|
- <div className='account__userpreference__setting__notification__table__line'>
|
338
|
|
- <div className='row'>
|
339
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
340
|
|
- <div className='account__userpreference__setting__notification__table__workspace'>
|
341
|
|
- Workspace 1
|
|
268
|
+ </td>
|
|
269
|
+ </tr>
|
|
270
|
+ <tr>
|
|
271
|
+ <td>
|
|
272
|
+ <div className='account__userpreference__setting__notification__tableau__wksname'>
|
|
273
|
+ Nouvelle ligne directrice du nouveau design de Tracim v2 en date du 10 Octobre 2017
|
342
|
274
|
</div>
|
343
|
|
- </div>
|
344
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
345
|
|
- <div className='account__userpreference__setting__notification__table__role justify-content-sm-center'>
|
346
|
|
- <div className='account__userpreference__setting__notification__table__role__icon'>
|
|
275
|
+ </td>
|
|
276
|
+ <td>
|
|
277
|
+ <div className='account__userpreference__setting__notification__tableau__role'>
|
|
278
|
+ <div className='account__userpreference__setting__notification__tableau__role__icon'>
|
347
|
279
|
<i className='fa fa-graduation-cap' />
|
348
|
280
|
</div>
|
349
|
|
- <div className='account__userpreference__setting__notification__table__role__text'>
|
350
|
|
- Gestionnaire de contenu
|
|
281
|
+ <div className='account__userpreference__setting__notification__tableau__role__text'>
|
|
282
|
+ Gestionnaire de Contenu
|
351
|
283
|
</div>
|
352
|
284
|
</div>
|
353
|
|
- </div>
|
354
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
355
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch d-flex justify-content-sm-end'>
|
356
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch__switcher'>
|
357
|
|
- <label className='switch nomarginlabel'>
|
358
|
|
- <input type='checkbox' />
|
359
|
|
- <span className='slider round' />
|
360
|
|
- </label>
|
361
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch__switcher__text'>
|
362
|
|
- On
|
363
|
|
- </div>
|
364
|
|
- </div>
|
|
285
|
+ </td>
|
|
286
|
+ <td>
|
|
287
|
+ <div className='account__userpreference__setting__notification__tableau__btnswitch'>
|
|
288
|
+ <BtnSwitch />
|
365
|
289
|
</div>
|
366
|
|
- </div>
|
367
|
|
- </div>
|
368
|
|
- </div>
|
369
|
|
-
|
370
|
|
- <div className='account__userpreference__setting__notification__table__line'>
|
371
|
|
- <div className='row'>
|
372
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
373
|
|
- <div className='account__userpreference__setting__notification__table__workspace'>
|
374
|
|
- Workspace 1
|
|
290
|
+ </td>
|
|
291
|
+ </tr>
|
|
292
|
+ <tr>
|
|
293
|
+ <td>
|
|
294
|
+ <div className='account__userpreference__setting__notification__tableau__wksname'>
|
|
295
|
+ Nouvelle ligne directrice du nouveau design de Tracim v2 en date du 10 Octobre 2017
|
375
|
296
|
</div>
|
376
|
|
- </div>
|
377
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
378
|
|
- <div className='account__userpreference__setting__notification__table__role justify-content-sm-center'>
|
379
|
|
- <div className='account__userpreference__setting__notification__table__role__icon'>
|
|
297
|
+ </td>
|
|
298
|
+ <td>
|
|
299
|
+ <div className='account__userpreference__setting__notification__tableau__role'>
|
|
300
|
+ <div className='account__userpreference__setting__notification__tableau__role__icon'>
|
380
|
301
|
<i className='fa fa-graduation-cap' />
|
381
|
302
|
</div>
|
382
|
|
- <div className='account__userpreference__setting__notification__table__role__text'>
|
383
|
|
- Gestionnaire de contenu
|
|
303
|
+ <div className='account__userpreference__setting__notification__tableau__role__text'>
|
|
304
|
+ Gestionnaire de Contenu
|
384
|
305
|
</div>
|
385
|
306
|
</div>
|
386
|
|
- </div>
|
387
|
|
- <div className='col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
|
388
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch d-flex justify-content-sm-end'>
|
389
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch__switcher'>
|
390
|
|
- <label className='switch nomarginlabel'>
|
391
|
|
- <input type='checkbox' />
|
392
|
|
- <span className='slider round' />
|
393
|
|
- </label>
|
394
|
|
- <div className='account__userpreference__setting__notification__table__btnswitch__switcher__text'>
|
395
|
|
- On
|
396
|
|
- </div>
|
397
|
|
- </div>
|
|
307
|
+ </td>
|
|
308
|
+ <td>
|
|
309
|
+ <div className='account__userpreference__setting__notification__tableau__btnswitch'>
|
|
310
|
+ <BtnSwitch />
|
398
|
311
|
</div>
|
399
|
|
- </div>
|
400
|
|
- </div>
|
401
|
|
- </div>
|
402
|
|
- </div>
|
|
312
|
+ </td>
|
|
313
|
+ </tr>
|
|
314
|
+ </tbody>
|
|
315
|
+ </table>
|
403
|
316
|
</div>
|
404
|
317
|
</div>
|
|
318
|
+
|
405
|
319
|
</div>
|
406
|
320
|
</div>
|
407
|
321
|
</div>
|