capibara 1.1.21 → 1.1.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/config_cuarteles.js +393 -153
  2. package/cuarteles.html +0 -1
  3. package/dist/cuarteles.html +0 -1
  4. package/dist/index.js +3 -3
  5. package/package.json +1 -1
  6. package/src/lib/capibara.js +115 -31
  7. package/src/scss/abstracts/_colors.scss +1 -1
  8. package/src/scss/components/_floatbox.scss +15 -10
  9. package/src/scss/layout/_contextMenu.scss +25 -2
  10. package/src/scss/layout/_detail_day.scss +1 -1
  11. package/src/scss/layout/_headerTop.scss +41 -1
  12. package/src/scss/layout/_selectContainer.scss +9 -8
  13. package/src/scss/layout/_table.scss +1 -0
  14. package/src/scss/themes/_color_themes.scss +3 -3
  15. package/src/scss/themes/_themes.scss +2 -2
  16. package/src/util/tableElements.js +202 -47
package/config_cuarteles.js CHANGED
@@ -1,96 +1,327 @@
1
1
  var config = {
2
- "selector": "#timeline",
3
- "timeline": {
4
- "start": "2021-10-29",
5
- "end": "2021-12-31",
6
- "dark": false,
7
- "withDarkToggle": true,
2
+ selector: "#timeline",
3
+ timeline: {
4
+ start: "2021-10-29",
5
+ end: "2021-12-31",
6
+ dark: false,
7
+ withDarkToggle: true,
8
8
  dateSelectable: true,
9
- "loading": false,
9
+ loading: false,
10
10
 
11
- contextMenu:{
12
- options:[
11
+ contextMenu: {
12
+ options: [
13
13
  {
14
- label:"Copiar",
15
- onClick:({evt}) => {
14
+ icon:
15
+ "M19,3L13,9L15,11L22,4V3M12,12.5A0.5,0.5 0 0,1 11.5,12A0.5,0.5 0 0,1 12,11.5A0.5,0.5 0 0,1 12.5,12A0.5,0.5 0 0,1 12,12.5M6,20A2,2 0 0,1 4,18C4,16.89 4.9,16 6,16A2,2 0 0,1 8,18C8,19.11 7.1,20 6,20M6,8A2,2 0 0,1 4,6C4,4.89 4.9,4 6,4A2,2 0 0,1 8,6C8,7.11 7.1,8 6,8M9.64,7.64C9.87,7.14 10,6.59 10,6A4,4 0 0,0 6,2A4,4 0 0,0 2,6A4,4 0 0,0 6,10C6.59,10 7.14,9.87 7.64,9.64L10,12L7.64,14.36C7.14,14.13 6.59,14 6,14A4,4 0 0,0 2,18A4,4 0 0,0 6,22A4,4 0 0,0 10,18C10,17.41 9.87,16.86 9.64,16.36L12,14L19,21H22V20L9.64,7.64Z",
16
+ label: "Copiar",
17
+ onClick: ({ evt }) => {
16
18
  alert("copiado");
17
19
  },
18
- enabler: ({item, date}) => {
19
- if(item && item.data.find(d => d.date == date)){
20
+ showIf: ({ name }) => name == "onTable",
21
+ enabler: ({ item, date }) => {
22
+ if (item && item.data.find((d) => d.date == date)) {
20
23
  return true;
21
24
  }
22
25
  return false;
23
- }
26
+ },
24
27
  },
25
28
  {
26
- label:"Pegar",
27
- onClick:() => {
28
- alert("pegado")
29
- }
29
+ label: "Pegar",
30
+ showIf: ({ name }) => name == "onTable",
31
+ onClick: () => {
32
+ alert("pegado");
33
+ },
30
34
  },
31
- ]
32
- },
33
35
 
36
+ {
37
+ label: "copiar dia",
38
+ showIf: ({ name }) => name == "onDateHeader",
39
+ onClick: () => {
40
+ alert("pegado");
41
+ },
42
+ },
34
43
 
44
+ {
45
+ label: "Pegar dia",
46
+ showIf: ({ name }) => name == "onDateHeader",
47
+ onClick: () => {
48
+ alert("pegado");
49
+ },
50
+ },
51
+ ],
52
+ },
35
53
 
36
- "plots": {
37
- "vertical": [],
38
- "horizontal": []
54
+ plots: {
55
+ vertical: [],
56
+ horizontal: [],
39
57
  },
40
- "tabs": [
58
+ tabs: [
41
59
  {
42
- "id": 1,
43
- "key": "foliar",
44
- "label": "Aplicaciones",
45
- "color": "c-green",
46
- "floatBox": {
47
- "nums": [
60
+ id: 1,
61
+ key: "foliar",
62
+ label: "Aplicaciones",
63
+ isHidden: true,
64
+ color: "c-green",
65
+ legends: [
66
+ {
67
+ id: 1,
68
+ key: "foliar",
69
+ color: "c-green",
70
+ label: "foliar",
71
+ shape: "circle",
72
+ active: true,
73
+ },
74
+ {
75
+ id: 2,
76
+ key: "insecticida",
77
+ color: "c-red",
78
+ label: "insecticida",
79
+ shape: "circle",
80
+ active: false,
81
+ },
82
+ {
83
+ id: 3,
84
+ key: "herbicida",
85
+ color: "c-amber",
86
+ label: "herbicida",
87
+ shape: "circle",
88
+ active: true,
89
+ },
90
+ {
91
+ id: 4,
92
+ key: "fungicida",
93
+ color: "c-blue",
94
+ label: "fungicida",
95
+ shape: "circle",
96
+ active: true,
97
+ },
98
+ ],
99
+ floatBox: {
100
+ nums: [
48
101
  {
49
- "varName": "foliar.value",
50
- "color": "c-green",
51
- "shape": "bar"
102
+ varName: "foliar.value",
103
+ tabKey: "foliar",
104
+ color: "c-green",
105
+ shape: "bar",
52
106
  },
53
107
  {
54
- "varName": "next.foliar.value",
55
- "color": "c-green",
56
- "shape":"bar-outlined"
108
+ varName: "next.foliar.value",
109
+ tabKey: "foliar",
110
+ color: "c-green",
111
+ shape: "bar-outlined",
57
112
  },
58
113
 
59
114
  {
60
- "varName": "insecticida.value",
61
- "color": "c-red",
62
- "shape": "bar"
115
+ varName: "insecticida.value",
116
+ tabKey: "insecticida",
117
+ color: "c-red",
118
+ shape: "bar",
63
119
  },
64
120
  {
65
- "varName": "next.insecticida.value",
66
- "color": "c-red",
67
- "shape": "bar-outlined"
121
+ varName: "next.insecticida.value",
122
+ tabKey: "insecticida",
123
+ color: "c-red",
124
+ shape: "bar-outlined",
68
125
  },
69
126
  {
70
- "varName": "herbicida.value",
71
- "color": "c-yellow",
72
- "shape": "bar"
127
+ varName: "herbicida.value",
128
+ tabKey: "herbicida",
129
+ color: "c-amber",
130
+ shape: "bar",
73
131
  },
74
132
  {
75
- "varName": "fungicida.value",
76
- "color": "c-blue",
77
- "shape": "bar"
78
- }
133
+ varName: "fungicida.value",
134
+ tabKey: "fungicida",
135
+ color: "c-blue",
136
+ shape: "bar",
137
+ },
138
+ {
139
+ varName: "next.herbicida.value",
140
+ tabKey: "herbicida",
141
+ color: "c-amber",
142
+ shape: "bar-outlined",
143
+ },
144
+ {
145
+ varName: "next.fungicida.value",
146
+ tabKey: "fungicida",
147
+ color: "c-blue",
148
+ shape: "bar-outlined",
149
+ },
150
+ ],
151
+ },
152
+ inputs: [
153
+ {
154
+ label: "Mojamiento l",
155
+ type: "number",
156
+ suffix: " ltrs/ha",
157
+ key: "input_foliar",
158
+ varName: "values.foliar.value",
159
+ },
160
+
161
+ {
162
+ label: "Aplicaciones Dosis",
163
+ type: "title",
164
+ suffix: " suffix",
165
+ },
166
+ {
167
+ label: "Aplicacionesi Dosis",
168
+ type: "input-box",
169
+ key: "productos_list",
170
+ varName: "values.aplicaciones",
171
+ inputs: [
172
+ {
173
+ id: 1,
174
+ label: "Producto numero 1 con un nombre largo",
175
+ tooltip: "Producto numero 1 con un nombre largo ______",
176
+ colorIcon: "c-green",
177
+ key: "producto_1",
178
+ },
179
+ {
180
+ id: 2,
181
+ label: "P 2",
182
+ colorIcon: "c-green",
183
+ key: "producto_2",
184
+ },
185
+ {
186
+ id: 3,
187
+ label: "P 3",
188
+ colorIcon: "c-green",
189
+ key: "producto_3",
190
+ },
191
+ {
192
+ id: 4,
193
+ label: "P 3",
194
+ colorIcon: "c-red",
195
+ key: "producto_3",
196
+ },
197
+ {
198
+ id: 5,
199
+ label: "P 3",
200
+ colorIcon: "c-red",
201
+ key: "producto_3",
202
+ },
203
+ {
204
+ id: 6,
205
+ label: "P 3",
206
+ colorIcon: "c-blue",
207
+ key: "producto_3",
208
+ },
209
+ {
210
+ id: 7,
211
+ label: "P 3",
212
+ colorIcon: "c-orange",
213
+ key: "producto_3",
214
+ },
215
+ ],
216
+ },
217
+ ],
218
+ },
219
+ {
220
+ id: 2,
221
+ key: "insecticida",
222
+ label: "Insecticida",
223
+ //isHidden: true,
224
+ color: "c-blue",
225
+ legends: [
226
+ {
227
+ id: 1,
228
+ key: "foliar",
229
+ color: "c-green",
230
+ label: "foliar",
231
+ //shape: "circle",
232
+ active: true,
233
+ },
234
+ {
235
+ id: 2,
236
+ key: "insecticida",
237
+ color: "c-red",
238
+ label: "insecticida",
239
+ //shape: "circle",
240
+ active: false,
241
+ },
242
+ {
243
+ id: 3,
244
+ key: "herbicida",
245
+ color: "c-amber",
246
+ label: "herbicida",
247
+ shape: "circle",
248
+ active: true,
249
+ },
250
+ {
251
+ id: 4,
252
+ key: "fungicida",
253
+ color: "c-blue",
254
+ label: "fungicida",
255
+ shape: "circle",
256
+ active: true,
257
+ },
258
+ ],
259
+ floatBox: {
260
+ nums: [
261
+ {
262
+ varName: "foliar.value",
263
+ tabKey: "foliar",
264
+ color: "c-green",
265
+ shape: "bar",
266
+ },
267
+ {
268
+ varName: "next.foliar.value",
269
+ tabKey: "foliar",
270
+ color: "c-green",
271
+ shape: "bar-outlined",
272
+ },
273
+
274
+ {
275
+ varName: "insecticida.value",
276
+ tabKey: "insecticida",
277
+ color: "c-red",
278
+ shape: "bar",
279
+ },
280
+ {
281
+ varName: "next.insecticida.value",
282
+ tabKey: "insecticida",
283
+ color: "c-red",
284
+ shape: "bar-outlined",
285
+ },
286
+ {
287
+ varName: "herbicida.value",
288
+ tabKey: "herbicida",
289
+ color: "c-amber",
290
+ shape: "bar",
291
+ },
292
+ {
293
+ varName: "fungicida.value",
294
+ tabKey: "fungicida",
295
+ color: "c-blue",
296
+ shape: "bar",
297
+ },
298
+ {
299
+ varName: "next.herbicida.value",
300
+ tabKey: "herbicida",
301
+ color: "c-amber",
302
+ shape: "bar-outlined",
303
+ },
304
+ {
305
+ varName: "next.fungicida.value",
306
+ tabKey: "fungicida",
307
+ color: "c-blue",
308
+ shape: "bar-outlined",
309
+ },
79
310
  ],
80
311
  },
81
- "inputs": [
312
+ inputs: [
82
313
  {
83
- "label": "Mojamiento ¿?",
84
- "type": "number",
85
- "suffix": " suffix",
86
- "key": "input_foliar",
87
- "varName": "values.foliar.value"
314
+ label: "Mojamiento ¿?",
315
+ type: "number",
316
+ suffix: " suffix",
317
+ key: "input_foliar",
318
+ varName: "values.foliar.value",
88
319
  },
89
320
 
90
321
  {
91
- "label": "Aplicaciones Dosis",
92
- "type": "title",
93
- "suffix": " suffix",
322
+ label: "Aplicaciones Dosis",
323
+ type: "title",
324
+ suffix: " suffix",
94
325
  },
95
326
  {
96
327
  label: "Aplicacionesi Dosis",
@@ -143,140 +374,149 @@ var config = {
143
374
  },
144
375
  ],
145
376
  },
146
- ]
377
+ ],
147
378
  },
148
379
  ],
149
- "corner": {
150
- "left": {
151
- "label": "Cuarteles"
380
+ corner: {
381
+ left: {
382
+ label: "Cuarteles",
383
+ },
384
+ initial: {},
385
+ extend: {},
386
+ right: {
387
+ label: "",
152
388
  },
153
- "initial": {},
154
- "extend": {},
155
- "right": {
156
- "label": ""
157
- }
158
389
  },
159
- "footer": {
160
- "enabled": false
390
+ footer: {
391
+ enabled: false,
161
392
  },
162
- "nav": {
163
- "left": {
164
- "initial": {
165
- "mobile": {
166
- "width": 150
393
+ nav: {
394
+ left: {
395
+ initial: {
396
+ mobile: {
397
+ width: 150,
167
398
  },
168
- "vars": []
399
+ vars: [],
169
400
  },
170
- "extend": {
171
- "enabled": false,
172
- "vars": [
401
+ extend: {
402
+ enabled: false,
403
+ vars: [
173
404
  {
174
- "label": "Clon",
175
- "key": "clon",
176
- "varName": "clon"
405
+ label: "Clon",
406
+ key: "clon",
407
+ varName: "clon",
177
408
  },
178
409
  {
179
- "label": "ha",
180
- "varName": "ha",
181
- "round": 2
410
+ label: "ha",
411
+ varName: "ha",
412
+ round: 2,
182
413
  },
183
414
  {
184
- "label": "freq",
185
- "varName": "freq",
415
+ label: "freq",
416
+ varName: "freq",
186
417
  input: "number",
187
- "round": 2
418
+ round: 2,
188
419
  },
189
420
  {
190
- "label": "freq foliar",
191
- "varName": "freq",
421
+ label: "freq foliar",
422
+ varName: "freq",
192
423
  input: "number",
193
- "round": 2,
194
- onlyTab: "foliar"
424
+ round: 2,
425
+ onlyTab: "foliar",
195
426
  },
196
- ]
427
+ ],
428
+ },
429
+ buttons: {
430
+ enabled: false,
431
+ vars: [],
197
432
  },
198
- "buttons": {
199
- "enabled": false,
200
- "vars": []
201
- }
202
433
  },
203
- "right": {}
434
+ right: {},
204
435
  },
205
- "header": {
436
+ header: {
206
437
  height: 70,
207
- "extend": {
208
- "enabled": false,
209
- "data": []
210
- }
438
+ extend: {
439
+ enabled: false,
440
+ data: [],
441
+ },
442
+ rightButtons:[
443
+ {
444
+ icon:
445
+ "M19,3L13,9L15,11L22,4V3M12,12.5A0.5,0.5 0 0,1 11.5,12A0.5,0.5 0 0,1 12,11.5A0.5,0.5 0 0,1 12.5,12A0.5,0.5 0 0,1 12,12.5M6,20A2,2 0 0,1 4,18C4,16.89 4.9,16 6,16A2,2 0 0,1 8,18C8,19.11 7.1,20 6,20M6,8A2,2 0 0,1 4,6C4,4.89 4.9,4 6,4A2,2 0 0,1 8,6C8,7.11 7.1,8 6,8M9.64,7.64C9.87,7.14 10,6.59 10,6A4,4 0 0,0 6,2A4,4 0 0,0 2,6A4,4 0 0,0 6,10C6.59,10 7.14,9.87 7.64,9.64L10,12L7.64,14.36C7.14,14.13 6.59,14 6,14A4,4 0 0,0 2,18A4,4 0 0,0 6,22A4,4 0 0,0 10,18C10,17.41 9.87,16.86 9.64,16.36L12,14L19,21H22V20L9.64,7.64Z",
446
+ onClick: ({ evt }) => {
447
+ alert("test");
448
+ },
449
+ },
450
+ ]
211
451
  },
212
- "day": {
213
- "width": 40,
214
- "height": 40,
215
- "mobile": {
216
- "width": 30,
217
- "height": 35
218
- }
452
+ day: {
453
+ width: 40,
454
+ height: 40,
455
+ mobile: {
456
+ width: 30,
457
+ height: 35,
458
+ },
219
459
  },
220
- "detailDay": {
221
- "capsules": [
460
+ detailDay: {
461
+ capsules: [
222
462
  {
223
- "title": "Foliar",
224
- "color": "c-green",
463
+ title: "Foliar",
464
+ color: "c-green",
225
465
  shape: "outlined",
226
- "values": [
466
+ values: [
227
467
  {
228
- "name": "foliar",
229
- "varName": "foliar.value",
230
- "suffix": " ltrs ¿?"
468
+ name: "foliar",
469
+ varName: "foliar.value",
470
+ suffix: " ltrs ¿?",
231
471
  },
232
- ]
472
+ ],
233
473
  },
234
474
  {
235
- "title": "Prox. Aplicación Foliar",
236
- "color": "c-green",
475
+ title: "Prox. Aplicación Foliar",
476
+ color: "c-green",
237
477
  shape: "outlined",
238
- "values": [
478
+ values: [
239
479
  {
240
- "name": "Próxima Foliar",
241
- "varName": "next.foliar.value",
242
- "suffix": " ltrs ¿?"
243
- }
244
- ]
480
+ name: "Próxima Foliar",
481
+ varName: "next.foliar.value",
482
+ suffix: " ltrs ¿?",
483
+ },
484
+ ],
245
485
  },
246
486
  {
247
- "title": "Insecticida",
248
- "color": "c-red",
249
- "values": [
487
+ title: "Insecticida",
488
+ color: "c-red",
489
+ values: [
250
490
  {
251
- "name": "insecticida",
252
- "varName": "insecticida.value",
253
- "suffix": " ltrs ¿?"
254
- }
255
- ]
491
+ name: "insecticida",
492
+ varName: "insecticida.value",
493
+ suffix: " ltrs ¿?",
494
+ },
495
+ ],
256
496
  },
257
497
  {
258
- "title": "Herbicida",
259
- "color": "c-orange",
260
- "values": [
498
+ title: "Herbicida",
499
+ color: "c-orange",
500
+ values: [
261
501
  {
262
- "name": "herbicida",
263
- "varName": "herbicida.value",
264
- "suffix": " ltrs ¿?"
265
- }
266
- ]
502
+ name: "herbicida",
503
+ varName: "herbicida.value",
504
+ suffix: " ltrs ¿?",
505
+ },
506
+ ],
267
507
  },
268
508
  {
269
- "title": "Fungicida",
270
- "color": "c-blue",
271
- "values": [
509
+ title: "Fungicida",
510
+ color: "c-blue",
511
+ values: [
272
512
  {
273
- "name": "fungicida",
274
- "varName": "fungicida.value",
275
- "suffix": " ltrs ¿?"
276
- }
277
- ]
278
- }
279
- ]
513
+ name: "fungicida",
514
+ varName: "fungicida.value",
515
+ suffix: " ltrs ¿?",
516
+ },
517
+ ],
518
+ },
519
+ ],
280
520
  },
281
521
  },
282
- }
522
+ };
package/cuarteles.html CHANGED
@@ -20,7 +20,6 @@
20
20
  </head>
21
21
 
22
22
  <body>
23
- <div class="test-header"></div>
24
23
  <div id="timeline"></div>
25
24
  <!-- plugin initialization -->
26
25
  <script src="config_cuarteles.js"></script>
package/dist/cuarteles.html CHANGED
@@ -20,7 +20,6 @@
20
20
  </head>
21
21
 
22
22
  <body>
23
- <div class="test-header"></div>
24
23
  <div id="timeline"></div>
25
24
  <!-- plugin initialization -->
26
25
  <script src="config_cuarteles.js"></script>