imbric-theme 0.6.5 → 0.6.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (20) hide show
  1. package/.storybook/main.js +1 -1
  2. package/.storybook/preview.js +16 -0
  3. package/atoms/Button/Button.module.css +10 -0
  4. package/atoms/Check/Check.js +6 -4
  5. package/atoms/Input/Input.module.css +11 -0
  6. package/atoms/Toggle/Toggle.js +7 -6
  7. package/layout/Sidebar/Sidebar.js +10 -4
  8. package/molecules/ColumnTable/ColumnTable.js +101 -95
  9. package/molecules/ColumnTable/ColumnTable.module.css +12 -0
  10. package/molecules/InputAutocomplete/InputAutocomplete.js +8 -5
  11. package/molecules/RowTable/RowTable.js +481 -479
  12. package/molecules/RowTable/RowTable.module.css +4 -2
  13. package/package.json +2 -1
  14. package/pages/Login/Login.js +3 -3
  15. package/public/static/taxisvalencia_logod.png +0 -0
  16. package/styles/GrupoMutua.css +391 -0
  17. package/styles/globals.css +3 -0
  18. package/styles/radiotaxiaragon.css +391 -0
  19. package/styles/spartan.css +391 -0
  20. package/styles/taxisvalencia.css +391 -0
package/molecules/RowTable/RowTable.js CHANGED
@@ -9,7 +9,6 @@ import withStyles from '../../hocs/withStyles'
9
9
  import Moment from 'react-moment'
10
10
  import Icon from '../../atoms/Icon'
11
11
  import Picture from '../../atoms/Picture'
12
- import Check from '../../atoms/Check'
13
12
  import Toggle from '../../atoms/Toggle'
14
13
 
15
14
 
@@ -39,9 +38,6 @@ export const RowTable = ({
39
38
  txtTootipIconSendEmail,
40
39
  txtTootipIconDelete,
41
40
  txtTootipIconLink,
42
-
43
- isCheckedCheckbox,
44
- onClickCheckbox,
45
41
  }) => {
46
42
 
47
43
 
@@ -99,242 +95,215 @@ export const RowTable = ({
99
95
 
100
96
 
101
97
  return (
102
- <div className={getStyles('tbl-content')}>
103
- <table className={getStyles('table')} cellPadding="0" cellSpacing="0" border="0">
98
+ // <div className={getStyles('tbl-content')}>
99
+ // <table className={getStyles('table')} cellPadding="0" cellSpacing="0" border="0">
104
100
 
105
101
 
106
- <tbody>
107
- {slice.map((item, index) => (
102
+ <tbody>
103
+ {slice.map((item, index) => (
108
104
 
109
- <tr className={getStyles({ 'tr-content': isClickRow })} onClick={(e) => { onClickRow(e, item) }} key={index}>
105
+ <tr className={getStyles({ 'tr-content': isClickRow })} onClick={(e) => { onClickRow(e, item) }} key={index}>
110
106
 
111
- {columnsData.map((itemTd) => (
112
- itemTd.activeView ?
113
- (
107
+ {columnsData.map((itemTd, indexTd) => (
108
+ itemTd.activeView ?
109
+ (
114
110
 
115
- itemTd.isCheckbox
111
+ itemTd.isCheckbox
116
112
 
117
- ?
118
- !loading ? (
119
- <td
120
- className={getStyles('td', 'tdacction')}
121
- key={[itemTd.accessor]}
122
- >
113
+ ?
114
+ !loading ? (
115
+ <td
116
+ className={getStyles('td', 'tdacction')}
117
+ key={[itemTd.accessor] + (indexTd + index)}
118
+ >
123
119
 
124
- {/* <Check id={item[itemTd.accessor]} isChecked={item.isSelected} /> */}
120
+ {/* <Check id={item[itemTd.accessor]} isChecked={item.isSelected} /> */}
125
121
 
126
- <Toggle
127
- id={'idToggle' + item.id}
128
- checked={item.isSelected}
129
- label=""
130
- onChangeCheckbox={(e) => { handleClickCheckbox(e, item) }}
131
- />
122
+ <Toggle
123
+ id={'idToggle' + item.id}
124
+ checked={item.isSelected}
125
+ label=""
126
+ onChangeCheckbox={(e) => { handleClickCheckbox(e, item) }}
127
+ />
132
128
 
133
- </td>
134
- )
135
- : null
136
- :
129
+ </td>
130
+ )
131
+ : null
132
+ :
137
133
 
138
134
 
139
- itemTd.isArrayObject
135
+ itemTd.isArrayObject
140
136
 
141
- ?
137
+ ?
142
138
 
143
- <td className={getStyles('td')} key={[itemTd.accessor]}>
139
+ <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>
144
140
 
145
- {item[itemTd.accessor].map((itemTdObj, index, array) => (
141
+ {console.log('TD: ' + [itemTd.accessor] + (indexTd + index))}
146
142
 
147
- <>
143
+ {item[itemTd.accessor].map((itemTdObj, indexAcc, array) => (
148
144
 
149
- <span className={getStyles('tdlabelAlt')} key={itemTdObj.id + 'label'}>
145
+ <>
150
146
 
151
- {itemTdObj[itemTd.subAccessorAlt]}
147
+ <span className={getStyles('tdlabelAlt')} key={itemTdObj.id + 'label' + (indexAcc + index)}>
148
+ {console.log('A: ' + itemTdObj.id + 'label' + (indexAcc + index))}
152
149
 
153
- {array.length - 1 !== index ?
154
- <span>, </span> : null}
155
- :&nbsp;
156
- </span>
150
+ {itemTdObj[itemTd.subAccessorAlt]}
157
151
 
158
- <span key={itemTdObj.id}>
152
+ {array.length - 1 !== indexAcc ?
153
+ <span>, </span> : null}
154
+ :&nbsp;
155
+ </span>
159
156
 
160
- {itemTdObj[itemTd.subAccessor]}
157
+ <span key={itemTdObj.id + 'Tdlabel' + (indexAcc + index)}>
161
158
 
162
- {array.length - 1 !== index ?
163
- <span>, </span> : null}
159
+ {console.log('B: ' + itemTdObj.id + 'Tdlabel' + (indexAcc + index))}
164
160
 
165
- </span>
161
+ {itemTdObj[itemTd.subAccessor]}
166
162
 
167
- </>
163
+ {array.length - 1 !== indexAcc ?
164
+ <span>, </span> : null}
168
165
 
169
- ))}
166
+ </span>
170
167
 
171
- </td>
168
+ </>
172
169
 
173
- :
170
+ ))}
174
171
 
172
+ </td>
175
173
 
176
- itemTd.isPicture
174
+ :
177
175
 
178
- ?
179
- <td className={getStyles('td', 'tdacction')} key={[itemTd.accessor]}>
180
- <Picture
181
- src={item[itemTd.accessor]}
182
- width={50}
183
- />
184
- </td>
185
- :
186
176
 
187
- itemTd.subAccessor === 'action'
177
+ itemTd.isPicture
188
178
 
189
- ?
179
+ ?
180
+ <td className={getStyles('td', 'tdacction')} key={[itemTd.accessor] + (indexTd + index)}>
181
+ <Picture
182
+ src={item[itemTd.accessor]}
183
+ width={50}
184
+ />
185
+ </td>
186
+ :
187
+
188
+ itemTd.subAccessor === 'action'
190
189
 
191
- <td className={getStyles('td', 'tdacctionIcons')} key={[itemTd.accessor]}>
190
+ ?
192
191
 
193
- {itemTd.viewUserView ?
192
+ <td className={getStyles('td', 'tdacctionIcons')} key={[itemTd.accessor] + (indexTd + index)}>
194
193
 
195
- item.viewUserView === undefined ?
194
+ {itemTd.viewUserView ?
196
195
 
196
+ item.viewUserView === undefined ?
197
+
198
+ <>
199
+ <span
200
+ data-tip
201
+ data-for='userView'
202
+ onMouseEnter={handleMouseEnter}
203
+ onMouseLeave={handleMouseLeave}
204
+ >
197
205
  <>
198
- <span
199
- data-tip
200
- data-for='userView'
201
- onMouseEnter={handleMouseEnter}
202
- onMouseLeave={handleMouseLeave}
203
- >
204
- <>
205
- <Icon
206
- id="userView"
207
- background="base"
208
- name="userView"
209
- onClick={(e) => { onClickActionUserView(e, item) }}
210
- />
211
- <Horizontal size="xs" />
212
- </>
213
-
214
- </span>
215
-
216
- {isToolTipMounted ? (
217
- <ReactTooltip id='userView' type='error'>
218
- <span>{txtTootipIconUserView}</span>
219
- </ReactTooltip>
220
- ) : null}
206
+ <Icon
207
+ id="userView"
208
+ background="base"
209
+ name="userView"
210
+ onClick={(e) => { onClickActionUserView(e, item) }}
211
+ />
212
+ <Horizontal size="xs" />
221
213
  </>
222
214
 
223
- :
215
+ </span>
216
+
217
+ {isToolTipMounted ? (
218
+ <ReactTooltip id='userView' type='error'>
219
+ <span>{txtTootipIconUserView}</span>
220
+ </ReactTooltip>
221
+ ) : null}
222
+ </>
223
+
224
+ :
224
225
 
225
- item.viewUserView ?
226
+ item.viewUserView ?
226
227
 
228
+ <>
229
+ <span
230
+ data-tip
231
+ data-for='userView'
232
+ onMouseEnter={handleMouseEnter}
233
+ onMouseLeave={handleMouseLeave}
234
+ >
227
235
  <>
228
- <span
229
- data-tip
230
- data-for='userView'
231
- onMouseEnter={handleMouseEnter}
232
- onMouseLeave={handleMouseLeave}
233
- >
234
- <>
235
- <Icon
236
- id="userView"
237
- background="base"
238
- name="userView"
239
- onClick={(e) => { onClickActionUserView(e, item) }}
240
- />
241
- <Horizontal size="xs" />
242
- </>
243
-
244
- </span>
245
-
246
- {isToolTipMounted ? (
247
- <ReactTooltip id='userView' type='error'>
248
- <span>{txtTootipIconUserView}</span>
249
- </ReactTooltip>
250
- ) : null}
236
+ <Icon
237
+ id="userView"
238
+ background="base"
239
+ name="userView"
240
+ onClick={(e) => { onClickActionUserView(e, item) }}
241
+ />
242
+ <Horizontal size="xs" />
251
243
  </>
252
244
 
253
- : null
245
+ </span>
246
+
247
+ {isToolTipMounted ? (
248
+ <ReactTooltip id='userView' type='error'>
249
+ <span>{txtTootipIconUserView}</span>
250
+ </ReactTooltip>
251
+ ) : null}
252
+ </>
253
+
254
+ : null
254
255
 
255
- : null}
256
+ : null}
256
257
 
257
258
 
258
- {itemTd.viewListInvoice ?
259
+ {itemTd.viewListInvoice ?
259
260
 
260
261
 
261
- item.viewListInvoice === undefined ?
262
+ item.viewListInvoice === undefined ?
262
263
 
264
+ <>
265
+ <span
266
+ data-tip
267
+ data-for='listInvoice'
268
+ onMouseEnter={handleMouseEnter}
269
+ onMouseLeave={handleMouseLeave}
270
+ >
263
271
  <>
264
- <span
265
- data-tip
266
- data-for='listInvoice'
267
- onMouseEnter={handleMouseEnter}
268
- onMouseLeave={handleMouseLeave}
269
- >
270
- <>
271
- <Icon
272
- id={"listInvoice" + index}
273
- background="base"
274
- name="listInvoice"
275
- onClick={(e) => { onClickActionListInvoice(e, item) }}
276
- />
277
- <Horizontal size="xs" />
278
- </>
279
-
280
- </span>
281
-
282
- {isToolTipMounted ? (
283
- <ReactTooltip id='listInvoice' type='error' place='left'>
284
- <span>{txtTootipIconListInvoice}</span>
285
- </ReactTooltip>
286
- ) : null}
272
+ <Icon
273
+ id={"listInvoice" + (indexTd + index)}
274
+ background="base"
275
+ name="listInvoice"
276
+ onClick={(e) => { onClickActionListInvoice(e, item) }}
277
+ />
278
+ <Horizontal size="xs" />
287
279
  </>
288
280
 
289
- :
290
-
291
- item.viewListInvoice ?
292
-
293
- <>
294
- <span
295
- data-tip
296
- data-for='listInvoice'
297
- onMouseEnter={handleMouseEnter}
298
- onMouseLeave={handleMouseLeave}
299
- >
300
- <>
301
- <Icon
302
- id={"listInvoice" + index}
303
- background="base"
304
- name="listInvoice"
305
- onClick={(e) => { onClickActionListInvoice(e, item) }}
306
- />
307
- <Horizontal size="xs" />
308
- </>
309
-
310
- </span>
311
-
312
- {isToolTipMounted ? (
313
- <ReactTooltip id='listInvoice' type='error'>
314
- <span>{txtTootipIconListInvoice}</span>
315
- </ReactTooltip>
316
- ) : null}
317
- </>
281
+ </span>
318
282
 
319
- : null
283
+ {isToolTipMounted ? (
284
+ <ReactTooltip id='listInvoice' type='error' place='left'>
285
+ <span>{txtTootipIconListInvoice}</span>
286
+ </ReactTooltip>
287
+ ) : null}
288
+ </>
320
289
 
321
- : null}
290
+ :
322
291
 
323
- {itemTd.viewListXLS && item.fileType === 'xls' ?
292
+ item.viewListInvoice ?
324
293
 
325
294
  <>
326
295
  <span
327
296
  data-tip
328
- data-for='listXLS'
297
+ data-for='listInvoice'
329
298
  onMouseEnter={handleMouseEnter}
330
299
  onMouseLeave={handleMouseLeave}
331
300
  >
332
301
  <>
333
302
  <Icon
334
- id={"listXLS" + index}
303
+ id={"listInvoice" + (indexTd + index)}
335
304
  background="base"
336
- name="listXLS"
337
- onClick={(e) => { onClickActionListXLS(e, item) }}
305
+ name="listInvoice"
306
+ onClick={(e) => { onClickActionListInvoice(e, item) }}
338
307
  />
339
308
  <Horizontal size="xs" />
340
309
  </>
@@ -342,29 +311,151 @@ export const RowTable = ({
342
311
  </span>
343
312
 
344
313
  {isToolTipMounted ? (
345
- <ReactTooltip id='listXLS' type='error'>
346
- <span>{txtTootipIconListListXLS}</span>
314
+ <ReactTooltip id='listInvoice' type='error'>
315
+ <span>{txtTootipIconListInvoice}</span>
347
316
  </ReactTooltip>
348
317
  ) : null}
349
318
  </>
350
319
 
351
- : null}
320
+ : null
321
+
322
+ : null}
323
+
324
+ {itemTd.viewListXLS && item.fileType === 'xls' ?
325
+
326
+ <>
327
+ <span
328
+ data-tip
329
+ data-for='listXLS'
330
+ onMouseEnter={handleMouseEnter}
331
+ onMouseLeave={handleMouseLeave}
332
+ >
333
+ <>
334
+ <Icon
335
+ id={"listXLS" + (indexTd + index)}
336
+ background="base"
337
+ name="listXLS"
338
+ onClick={(e) => { onClickActionListXLS(e, item) }}
339
+ />
340
+ <Horizontal size="xs" />
341
+ </>
342
+
343
+ </span>
344
+
345
+ {isToolTipMounted ? (
346
+ <ReactTooltip id='listXLS' type='error'>
347
+ <span>{txtTootipIconListListXLS}</span>
348
+ </ReactTooltip>
349
+ ) : null}
350
+ </>
351
+
352
+ : null}
353
+
354
+ {itemTd.viewListCSV && item.fileType === 'xml' ?
355
+
356
+ <>
357
+ <span
358
+ data-tip
359
+ data-for='listCSV'
360
+ onMouseEnter={handleMouseEnter}
361
+ onMouseLeave={handleMouseLeave}
362
+ >
363
+ <>
364
+ <Icon
365
+ id={"listCSV" + (indexTd + index)}
366
+ background="base"
367
+ name="listCSV"
368
+ onClick={(e) => { onClickActionListCSV(e, item) }}
369
+ />
370
+ <Horizontal size="xs" />
371
+ </>
372
+
373
+ </span>
374
+
375
+ {isToolTipMounted ? (
376
+ <ReactTooltip id='listCSV' type='error'>
377
+ <span>{txtTootipIconListListCSV}</span>
378
+ </ReactTooltip>
379
+ ) : null}
380
+ </>
381
+
382
+ : null}
383
+
384
+ {itemTd.viewListPDF && item.fileType === 'pdf' ?
385
+
386
+ <>
387
+ <span
388
+ data-tip
389
+ data-for='listPDF'
390
+ onMouseEnter={handleMouseEnter}
391
+ onMouseLeave={handleMouseLeave}
392
+ >
393
+ <>
394
+ <Icon
395
+ id={"listPDF" + (indexTd + index)}
396
+ background="base"
397
+ name="listPDF"
398
+ onClick={(e) => { onClickActionListPDF(e, item) }}
399
+ />
400
+ <Horizontal size="xs" />
401
+ </>
402
+
403
+ </span>
404
+
405
+ {isToolTipMounted ? (
406
+ <ReactTooltip id='listPDF' type='error'>
407
+ <span>{txtTootipIconListListPDF}</span>
408
+ </ReactTooltip>
409
+ ) : null}
410
+ </>
411
+
412
+ : null}
413
+
414
+ {itemTd.viewEdit ?
352
415
 
353
- {itemTd.viewListCSV && item.fileType === 'xml' ?
416
+ item.viewEdit === undefined ?
417
+ <>
418
+ <span
419
+ data-tip
420
+ data-for='edit'
421
+ onMouseEnter={handleMouseEnter}
422
+ onMouseLeave={handleMouseLeave}
423
+ >
424
+ <>
425
+ <Icon
426
+ id={"edit" + (indexTd + index)}
427
+ background="base"
428
+ name="edit"
429
+ onClick={(e) => { onClickActionEdit(e, item) }}
430
+ />
431
+ <Horizontal size="xs" />
432
+ </>
433
+
434
+ </span>
435
+
436
+ {isToolTipMounted ? (
437
+ <ReactTooltip id='edit' type='error'>
438
+ <span>{txtTootipIconEdit}</span>
439
+ </ReactTooltip>
440
+ ) : null}
441
+ </>
442
+ :
443
+
444
+ item.viewEdit ?
354
445
 
355
446
  <>
356
447
  <span
357
448
  data-tip
358
- data-for='listCSV'
449
+ data-for='edit'
359
450
  onMouseEnter={handleMouseEnter}
360
451
  onMouseLeave={handleMouseLeave}
361
452
  >
362
453
  <>
363
454
  <Icon
364
- id={"listCSV" + index}
455
+ id={"edit" + (indexTd + index)}
365
456
  background="base"
366
- name="listCSV"
367
- onClick={(e) => { onClickActionListCSV(e, item) }}
457
+ name="edit"
458
+ onClick={(e) => { onClickActionEdit(e, item) }}
368
459
  />
369
460
  <Horizontal size="xs" />
370
461
  </>
@@ -372,29 +463,61 @@ export const RowTable = ({
372
463
  </span>
373
464
 
374
465
  {isToolTipMounted ? (
375
- <ReactTooltip id='listCSV' type='error'>
376
- <span>{txtTootipIconListListCSV}</span>
466
+ <ReactTooltip id='edit' type='error'>
467
+ <span>{txtTootipIconEdit}</span>
377
468
  </ReactTooltip>
378
469
  ) : null}
379
470
  </>
380
471
 
381
- : null}
472
+ : null
473
+
474
+ : null}
475
+
476
+ {itemTd.viewEmailSend ?
477
+
478
+ item.viewEmailSend === undefined ?
479
+
480
+ <>
481
+ <span
482
+ data-tip
483
+ data-for='sendEmail'
484
+ onMouseEnter={handleMouseEnter}
485
+ onMouseLeave={handleMouseLeave}
486
+ >
487
+ <>
488
+ <Icon
489
+ background="base"
490
+ name="sendEmail"
491
+ onClick={e => { onClickActionSendEmail(e, item) }}
492
+ />
493
+ <Horizontal size="xs" />
494
+ </>
495
+
496
+ </span>
497
+
498
+ {isToolTipMounted ? (
499
+ <ReactTooltip id='sendEmail' type='error'>
500
+ <span>{txtTootipIconSendEmail}</span>
501
+ </ReactTooltip>
502
+ ) : null}
503
+ </>
382
504
 
383
- {itemTd.viewListPDF && item.fileType === 'pdf' ?
505
+ :
506
+
507
+ item.viewEmailSend ?
384
508
 
385
509
  <>
386
510
  <span
387
511
  data-tip
388
- data-for='listPDF'
512
+ data-for='sendEmail'
389
513
  onMouseEnter={handleMouseEnter}
390
514
  onMouseLeave={handleMouseLeave}
391
515
  >
392
516
  <>
393
517
  <Icon
394
- id={"listPDF" + index}
395
518
  background="base"
396
- name="listPDF"
397
- onClick={(e) => { onClickActionListPDF(e, item) }}
519
+ name="sendEmail"
520
+ onClick={e => { onClickActionSendEmail(e, item) }}
398
521
  />
399
522
  <Horizontal size="xs" />
400
523
  </>
@@ -402,368 +525,247 @@ export const RowTable = ({
402
525
  </span>
403
526
 
404
527
  {isToolTipMounted ? (
405
- <ReactTooltip id='listPDF' type='error'>
406
- <span>{txtTootipIconListListPDF}</span>
528
+ <ReactTooltip id='sendEmail' type='error'>
529
+ <span>{txtTootipIconSendEmail}</span>
407
530
  </ReactTooltip>
408
531
  ) : null}
409
532
  </>
410
533
 
411
- : null}
534
+ : null
412
535
 
413
- {itemTd.viewEdit ?
536
+ : null}
414
537
 
415
- item.viewEdit === undefined ?
416
- <>
417
- <span
418
- data-tip
419
- data-for='edit'
420
- onMouseEnter={handleMouseEnter}
421
- onMouseLeave={handleMouseLeave}
422
- >
423
- <>
424
- <Icon
425
- id={"edit" + index}
426
- background="base"
427
- name="edit"
428
- onClick={(e) => { onClickActionEdit(e, item) }}
429
- />
430
- <Horizontal size="xs" />
431
- </>
432
-
433
- </span>
434
-
435
- {isToolTipMounted ? (
436
- <ReactTooltip id='edit' type='error'>
437
- <span>{txtTootipIconEdit}</span>
438
- </ReactTooltip>
439
- ) : null}
440
- </>
441
- :
538
+ {itemTd.viewTrash ?
442
539
 
443
- item.viewEdit ?
540
+ item.viewTrash === undefined ?
444
541
 
445
- <>
446
- <span
447
- data-tip
448
- data-for='edit'
449
- onMouseEnter={handleMouseEnter}
450
- onMouseLeave={handleMouseLeave}
451
- >
452
- <>
453
- <Icon
454
- id={"edit" + index}
455
- background="base"
456
- name="edit"
457
- onClick={(e) => { onClickActionEdit(e, item) }}
458
- />
459
- <Horizontal size="xs" />
460
- </>
461
-
462
- </span>
463
-
464
- {isToolTipMounted ? (
465
- <ReactTooltip id='edit' type='error'>
466
- <span>{txtTootipIconEdit}</span>
467
- </ReactTooltip>
468
- ) : null}
469
- </>
542
+ <>
543
+ <span
544
+ data-tip
545
+ data-for='trash'
546
+ onMouseEnter={handleMouseEnter}
547
+ onMouseLeave={handleMouseLeave}
548
+ >
549
+ <>
550
+ <Icon
551
+ background="base"
552
+ name="trash"
553
+ onClick={e => { onClickActionDelete(e, item) }}
554
+ />
555
+ <Horizontal size="xs" />
556
+ </>
470
557
 
471
- : null
558
+ </span>
472
559
 
473
- : null}
560
+ {isToolTipMounted ? (
561
+ <ReactTooltip id='trash' type='error'>
562
+ <span>{txtTootipIconDelete}</span>
563
+ </ReactTooltip>
564
+ ) : null}
565
+ </>
474
566
 
475
- {itemTd.viewEmailSend ?
567
+ :
476
568
 
477
- item.viewEmailSend === undefined ?
569
+ item.viewTrash ?
478
570
 
479
- <>
480
- <span
481
- data-tip
482
- data-for='sendEmail'
483
- onMouseEnter={handleMouseEnter}
484
- onMouseLeave={handleMouseLeave}
485
- >
486
- <>
487
- <Icon
488
- background="base"
489
- name="sendEmail"
490
- onClick={e => { onClickActionSendEmail(e, item) }}
491
- />
492
- <Horizontal size="xs" />
493
- </>
494
-
495
- </span>
496
-
497
- {isToolTipMounted ? (
498
- <ReactTooltip id='sendEmail' type='error'>
499
- <span>{txtTootipIconSendEmail}</span>
500
- </ReactTooltip>
501
- ) : null}
502
- </>
571
+ <>
572
+ <span
573
+ data-tip
574
+ data-for='trash'
575
+ onMouseEnter={handleMouseEnter}
576
+ onMouseLeave={handleMouseLeave}
577
+ >
578
+ <>
579
+ <Icon
580
+ background="base"
581
+ name="trash"
582
+ onClick={e => { onClickActionDelete(e, item) }}
583
+ />
584
+ <Horizontal size="xs" />
585
+ </>
503
586
 
504
- :
587
+ </span>
505
588
 
506
- item.viewEmailSend ?
589
+ {isToolTipMounted ? (
590
+ <ReactTooltip id='trash' type='error'>
591
+ <span>{txtTootipIconDelete}</span>
592
+ </ReactTooltip>
593
+ ) : null}
594
+ </>
507
595
 
508
- <>
509
- <span
510
- data-tip
511
- data-for='sendEmail'
512
- onMouseEnter={handleMouseEnter}
513
- onMouseLeave={handleMouseLeave}
514
- >
515
- <>
516
- <Icon
517
- background="base"
518
- name="sendEmail"
519
- onClick={e => { onClickActionSendEmail(e, item) }}
520
- />
521
- <Horizontal size="xs" />
522
- </>
523
-
524
- </span>
525
-
526
- {isToolTipMounted ? (
527
- <ReactTooltip id='sendEmail' type='error'>
528
- <span>{txtTootipIconSendEmail}</span>
529
- </ReactTooltip>
530
- ) : null}
531
- </>
596
+ : null
532
597
 
533
- : null
598
+ : null}
534
599
 
535
- : null}
536
600
 
537
- {itemTd.viewTrash ?
601
+ {itemTd.viewLink ?
538
602
 
539
- item.viewTrash === undefined ?
603
+ item.viewLink === undefined ?
540
604
 
605
+ <>
606
+ <span
607
+ data-tip
608
+ data-for='linkUser'
609
+ onMouseEnter={handleMouseEnter}
610
+ onMouseLeave={handleMouseLeave}
611
+ >
541
612
  <>
542
- <span
543
- data-tip
544
- data-for='trash'
545
- onMouseEnter={handleMouseEnter}
546
- onMouseLeave={handleMouseLeave}
547
- >
548
- <>
549
- <Icon
550
- background="base"
551
- name="trash"
552
- onClick={e => { onClickActionDelete(e, item) }}
553
- />
554
- <Horizontal size="xs" />
555
- </>
556
-
557
- </span>
558
-
559
- {isToolTipMounted ? (
560
- <ReactTooltip id='trash' type='error'>
561
- <span>{txtTootipIconDelete}</span>
562
- </ReactTooltip>
563
- ) : null}
613
+ <Icon
614
+ background="base"
615
+ name="linkUser"
616
+ // onClick={(e) => onClickEdit(e, item)}
617
+ onClick={e => { onClickActionLink(e, item) }}
618
+ />
619
+ <Horizontal size="xs" />
564
620
  </>
565
621
 
566
- :
622
+ </span>
623
+
624
+ {isToolTipMounted ? (
625
+ <ReactTooltip id='linkUser' type='error'>
626
+ <span>{txtTootipIconLink}</span>
627
+ </ReactTooltip>
628
+ ) : null}
629
+ </>
567
630
 
568
- item.viewTrash ?
631
+ :
632
+
633
+ item.viewLink ?
569
634
 
635
+ <>
636
+ <span
637
+ data-tip
638
+ data-for='linkUser'
639
+ onMouseEnter={handleMouseEnter}
640
+ onMouseLeave={handleMouseLeave}
641
+ >
570
642
  <>
571
- <span
572
- data-tip
573
- data-for='trash'
574
- onMouseEnter={handleMouseEnter}
575
- onMouseLeave={handleMouseLeave}
576
- >
577
- <>
578
- <Icon
579
- background="base"
580
- name="trash"
581
- onClick={e => { onClickActionDelete(e, item) }}
582
- />
583
- <Horizontal size="xs" />
584
- </>
585
-
586
- </span>
587
-
588
- {isToolTipMounted ? (
589
- <ReactTooltip id='trash' type='error'>
590
- <span>{txtTootipIconDelete}</span>
591
- </ReactTooltip>
592
- ) : null}
643
+ <Icon
644
+ background="base"
645
+ name="linkUser"
646
+ // onClick={(e) => onClickEdit(e, item)}
647
+ onClick={e => { onClickActionLink(e, item) }}
648
+ />
649
+ <Horizontal size="xs" />
593
650
  </>
594
651
 
595
- : null
652
+ </span>
596
653
 
597
- : null}
654
+ {isToolTipMounted ? (
655
+ <ReactTooltip id='linkUser' type='error'>
656
+ <span>{txtTootipIconLink}</span>
657
+ </ReactTooltip>
658
+ ) : null}
659
+ </>
598
660
 
661
+ : null
599
662
 
600
- {itemTd.viewLink ?
663
+ : null}
601
664
 
602
- item.viewLink === undefined ?
665
+ </td>
603
666
 
604
- <>
605
- <span
606
- data-tip
607
- data-for='linkUser'
608
- onMouseEnter={handleMouseEnter}
609
- onMouseLeave={handleMouseLeave}
610
- >
611
- <>
612
- <Icon
613
- background="base"
614
- name="linkUser"
615
- // onClick={(e) => onClickEdit(e, item)}
616
- onClick={e => { onClickActionLink(e, item) }}
617
- />
618
- <Horizontal size="xs" />
619
- </>
620
-
621
- </span>
622
-
623
- {isToolTipMounted ? (
624
- <ReactTooltip id='linkUser' type='error'>
625
- <span>{txtTootipIconLink}</span>
626
- </ReactTooltip>
627
- ) : null}
628
- </>
667
+ :
629
668
 
630
- :
669
+ itemTd.subAccessor !== ''
631
670
 
632
- item.viewLink ?
671
+ ?
633
672
 
634
- <>
635
- <span
636
- data-tip
637
- data-for='linkUser'
638
- onMouseEnter={handleMouseEnter}
639
- onMouseLeave={handleMouseLeave}
640
- >
641
- <>
642
- <Icon
643
- background="base"
644
- name="linkUser"
645
- // onClick={(e) => onClickEdit(e, item)}
646
- onClick={e => { onClickActionLink(e, item) }}
647
- />
648
- <Horizontal size="xs" />
649
- </>
650
-
651
- </span>
652
-
653
- {isToolTipMounted ? (
654
- <ReactTooltip id='linkUser' type='error'>
655
- <span>{txtTootipIconLink}</span>
656
- </ReactTooltip>
657
- ) : null}
658
- </>
673
+ <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>{item[itemTd.accessor][itemTd.subAccessor]}</td>
659
674
 
660
- : null
675
+ :
676
+
677
+ itemTd.typeFilter === 'date'
661
678
 
662
- : null}
679
+ ?
663
680
 
681
+ <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>
682
+ <Moment format="DD/MM/YYYY hh:mm:ss">
683
+ {item[itemTd.accessor]}
684
+ </Moment>
664
685
  </td>
665
686
 
666
687
  :
667
688
 
668
- itemTd.subAccessor !== ''
689
+ itemTd.typeFilter === 'select'
669
690
 
670
691
  ?
671
692
 
672
- <td className={getStyles('td')} key={[itemTd.accessor]}>{item[itemTd.accessor][itemTd.subAccessor]}</td>
673
-
674
- :
675
-
676
- itemTd.typeFilter === 'date'
677
-
678
- ?
679
-
680
- <td className={getStyles('td')} key={[itemTd.accessor]}>
681
- <Moment format="DD/MM/YYYY hh:mm:ss">
682
- {item[itemTd.accessor]}
683
- </Moment>
684
- </td>
693
+ itemTd.optionsSelect.map((itemSelect, indexSelect) => (
685
694
 
686
- :
687
695
 
688
- itemTd.typeFilter === 'select'
696
+ item[itemTd.accessor] === itemSelect.value ?
689
697
 
690
- ?
691
-
692
- itemTd.optionsSelect.map((itemSelect) => (
698
+ <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index) + indexSelect}>
699
+ {itemSelect.label}
700
+ </td>
693
701
 
702
+ :
694
703
 
695
- item[itemTd.accessor] === itemSelect.value ?
704
+ null
705
+ ))
696
706
 
697
- <td className={getStyles('td')} key={[itemTd.accessor]}>
698
- {itemSelect.label}
699
- </td>
707
+ :
700
708
 
701
- :
709
+ itemTd.typeFilter === 'number'
702
710
 
703
- null
704
- ))
711
+ ?
705
712
 
706
- :
713
+ itemTd.subTypeFilter
707
714
 
708
- itemTd.typeFilter === 'number'
715
+ ?
709
716
 
717
+ itemTd.characterExtra === 'km'
710
718
  ?
711
-
712
- itemTd.subTypeFilter
713
-
714
- ?
715
-
716
- itemTd.characterExtra === 'km'
717
- ?
718
- <td className={getStyles('td')} key={[itemTd.accessor]}>{(item[itemTd.accessor] / 1000).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
719
- :
720
- <td className={getStyles('td')} key={[itemTd.accessor]}>{item[itemTd.accessor].toFixed(2).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
721
- :
722
- <td className={getStyles('td')} key={[itemTd.accessor]}>{item[itemTd.accessor]}</td>
723
-
719
+ <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>{(item[itemTd.accessor] / 1000).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
724
720
  :
721
+ <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>{item[itemTd.accessor].toFixed(2).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
722
+ :
723
+ <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>{item[itemTd.accessor]}</td>
725
724
 
726
- itemTd.subTypeFilter
727
-
728
- ?
729
- <td className={getStyles('td')} key={[itemTd.accessor]}>{Number(item[itemTd.accessor]).toFixed(2).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
730
- :
725
+ :
731
726
 
732
- <>
727
+ itemTd.subTypeFilter
733
728
 
734
- <td
735
- data-tip
736
- data-for={'td' + [itemTd.accessor] + index}
737
- onMouseEnter={handleMouseEnter}
738
- onMouseLeave={handleMouseLeave}
739
- className={getStyles('td')}
740
- key={[itemTd.accessor]}
741
- >
742
- {item[itemTd.accessor]}
729
+ ?
730
+ <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>{Number(item[itemTd.accessor]).toFixed(2).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
731
+ :
732
+ <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>{item[itemTd.accessor]}</td>
743
733
 
734
+ // <>
744
735
 
745
- {isToolTipMounted ? (
746
- <ReactTooltip id={'td' + [itemTd.accessor] + index} type='info'>
747
- <span>{item[itemTd.accessor]}</span>
748
- </ReactTooltip>
749
- ) : null}
736
+ // <td
737
+ // data-tip
738
+ // data-for={'td' + [itemTd.accessor] + index}
739
+ // onMouseEnter={handleMouseEnter}
740
+ // onMouseLeave={handleMouseLeave}
741
+ // className={getStyles('td')}
742
+ // key={[itemTd.accessor] + (indexTd + index)}
743
+ // >
744
+ // {item[itemTd.accessor]}
750
745
 
751
- </td>
746
+ // {/*
747
+ // {isToolTipMounted ? (
748
+ // <ReactTooltip id={'td' + [itemTd.accessor] + index} type='info'>
749
+ // <span>{item[itemTd.accessor]}</span>
750
+ // </ReactTooltip>
751
+ // ) : null} */}
752
752
 
753
- </>
753
+ // </td>
754
754
 
755
+ // </>
755
756
 
756
757
 
757
758
 
758
- ) : null
759
- ))}
760
- </tr>
761
759
 
760
+ ) : null
762
761
  ))}
763
- </tbody>
764
- </table>
762
+ </tr>
763
+
764
+ ))}
765
+ </tbody>
766
+ // </table>
765
767
 
766
- </div>
768
+ // </div>
767
769
  )
768
770
  }
769
771