capibara 1.1.19 → 1.1.23

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 (18) hide show
  1. package/config_cuarteles.js +128 -122
  2. package/cuarteles.html +21 -10
  3. package/data_cuarteles.js +36 -0
  4. package/dist/cuarteles.html +21 -10
  5. package/dist/index.js +4 -4
  6. package/package.json +1 -1
  7. package/src/lib/capibara.js +184 -31
  8. package/src/scss/components/_floatbox.scss +47 -3
  9. package/src/scss/components/_input_nav.scss +11 -0
  10. package/src/scss/layout/_contextMenu.scss +81 -0
  11. package/src/scss/layout/_detail_day.scss +1 -1
  12. package/src/scss/layout/_header.scss +11 -0
  13. package/src/scss/layout/_selectContainer.scss +20 -0
  14. package/src/scss/style.scss +1 -0
  15. package/src/scss/themes/_color_themes.scss +20 -4
  16. package/src/scss/themes/_themes.scss +12 -0
  17. package/src/util/domUtils.js +6 -0
  18. package/src/util/tableElements.js +171 -5
package/config_cuarteles.js CHANGED
@@ -5,7 +5,53 @@ var config = {
5
5
  "end": "2021-12-31",
6
6
  "dark": false,
7
7
  "withDarkToggle": true,
8
+ dateSelectable: true,
8
9
  "loading": false,
10
+
11
+ contextMenu:{
12
+ options:[
13
+ {
14
+ icon :"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",
15
+ label:"Copiar",
16
+ onClick:({evt}) => {
17
+ alert("copiado");
18
+ },
19
+ showIf:({name}) => name == "onTable",
20
+ enabler: ({item, date}) => {
21
+ if(item && item.data.find(d => d.date == date)){
22
+ return true;
23
+ }
24
+ return false;
25
+ }
26
+ },
27
+ {
28
+ label:"Pegar",
29
+ showIf:({name}) => name == "onTable",
30
+ onClick:() => {
31
+ alert("pegado")
32
+ }
33
+ },
34
+
35
+ {
36
+ label:"copiar dia",
37
+ showIf:({name}) => name == "onDateHeader",
38
+ onClick:() => {
39
+ alert("pegado")
40
+ }
41
+ },
42
+
43
+ {
44
+ label:"Pegar dia",
45
+ showIf:({name}) => name == "onDateHeader",
46
+ onClick:() => {
47
+ alert("pegado")
48
+ }
49
+ },
50
+ ]
51
+ },
52
+
53
+
54
+
9
55
  "plots": {
10
56
  "vertical": [],
11
57
  "horizontal": []
@@ -14,161 +60,120 @@ var config = {
14
60
  {
15
61
  "id": 1,
16
62
  "key": "foliar",
17
- "label": "Fert. Foliar",
63
+ "label": "Aplicaciones",
18
64
  "color": "c-green",
19
65
  "floatBox": {
20
66
  "nums": [
21
67
  {
22
68
  "varName": "foliar.value",
23
- "color": "c-green"
69
+ "color": "c-green",
70
+ "shape": "bar"
24
71
  },
25
72
  {
26
73
  "varName": "next.foliar.value",
27
74
  "color": "c-green",
28
- "outlined": true
29
- }
30
- ],
31
- "dots": [
75
+ "shape":"bar-outlined"
76
+ },
77
+
32
78
  {
33
79
  "varName": "insecticida.value",
34
- "color": "c-red"
80
+ "color": "c-red",
81
+ "shape": "bar"
82
+ },
83
+ {
84
+ "varName": "next.insecticida.value",
85
+ "color": "c-red",
86
+ "shape": "bar-outlined"
35
87
  },
36
88
  {
37
89
  "varName": "herbicida.value",
38
- "color": "c-orange"
90
+ "color": "c-amber",
91
+ "shape": "bar"
39
92
  },
40
93
  {
41
94
  "varName": "fungicida.value",
42
- "color": "c-blue"
95
+ "color": "c-blue",
96
+ "shape": "bar"
43
97
  },
44
98
  {
45
99
  "varName": "next.herbicida.value",
46
- "color": "c-green",
47
- "shape": "outlined"
100
+ "color": "c-amber",
101
+ "shape": "bar-outlined"
102
+ },
103
+ {
104
+ "varName": "next.fungicida.value",
105
+ "color": "c-blue",
106
+ "shape": "bar-outlined"
48
107
  }
49
- ]
108
+ ],
50
109
  },
51
110
  "inputs": [
52
111
  {
53
- "label": "Aplicación Foliar",
112
+ "label": "Mojamiento ¿?",
54
113
  "type": "number",
55
114
  "suffix": " suffix",
56
115
  "key": "input_foliar",
57
116
  "varName": "values.foliar.value"
58
- }
59
- ]
60
- },
61
- {
62
- "id": 2,
63
- "key": "insecticida",
64
- "label": "Insecticida",
65
- "color": "c-red",
66
- "floatBox": {
67
- "nums": [
68
- {
69
- "varName": "insecticida.value",
70
- "color": "c-red"
71
- }
72
- ],
73
- "dots": [
74
- {
75
- "varName": "foliar.value",
76
- "color": "c-green"
77
- },
78
- {
79
- "varName": "herbicida.value",
80
- "color": "c-orange"
81
- },
82
- {
83
- "varName": "fungicida.value",
84
- "color": "c-blue"
85
- }
86
- ]
87
- },
88
- "inputs": [
117
+ },
118
+
89
119
  {
90
- "label": "Aplicación de Insecticida",
91
- "type": "number",
120
+ "label": "Aplicaciones Dosis",
121
+ "type": "title",
92
122
  "suffix": " suffix",
93
- "key": "input_insecticida",
94
- "varName": "values.insecticida.value"
95
- }
96
- ]
97
- },
98
- {
99
- "id": 3,
100
- "key": "herbicida",
101
- "label": "Herbicidas",
102
- "color": "c-orange",
103
- "floatBox": {
104
- "nums": [
105
- {
106
- "varName": "herbicida.value",
107
- "color": "c-orange"
108
- }
109
- ],
110
- "dots": [
111
- {
112
- "varName": "foliar.value",
113
- "color": "c-green"
114
- },
115
- {
116
- "varName": "insecticida.value",
117
- "color": "c-red"
118
- },
119
- {
120
- "varName": "fungicida.value",
121
- "color": "c-blue"
122
- }
123
- ]
124
- },
125
- "inputs": [
123
+ },
126
124
  {
127
- "label": "Aplicación de Herbicida",
128
- "type": "number",
129
- "suffix": " suffix",
130
- "key": "input_herbicida",
131
- "varName": "values.herbicida.value"
132
- }
125
+ label: "Aplicacionesi Dosis",
126
+ type: "input-box",
127
+ key: "productos_list",
128
+ varName: "values.aplicaciones",
129
+ inputs: [
130
+ {
131
+ id: 1,
132
+ label: "Producto numero 1 con un nombre largo",
133
+ tooltip: "Producto numero 1 con un nombre largo ______",
134
+ colorIcon: "c-green",
135
+ key: "producto_1",
136
+ },
137
+ {
138
+ id: 2,
139
+ label: "P 2",
140
+ colorIcon: "c-green",
141
+ key: "producto_2",
142
+ },
143
+ {
144
+ id: 3,
145
+ label: "P 3",
146
+ colorIcon: "c-green",
147
+ key: "producto_3",
148
+ },
149
+ {
150
+ id: 4,
151
+ label: "P 3",
152
+ colorIcon: "c-red",
153
+ key: "producto_3",
154
+ },
155
+ {
156
+ id: 5,
157
+ label: "P 3",
158
+ colorIcon: "c-red",
159
+ key: "producto_3",
160
+ },
161
+ {
162
+ id: 6,
163
+ label: "P 3",
164
+ colorIcon: "c-blue",
165
+ key: "producto_3",
166
+ },
167
+ {
168
+ id: 7,
169
+ label: "P 3",
170
+ colorIcon: "c-orange",
171
+ key: "producto_3",
172
+ },
173
+ ],
174
+ },
133
175
  ]
134
176
  },
135
- {
136
- "id": 4,
137
- "key": "fungicida",
138
- "label": "Fungicida",
139
- "color": "c-blue",
140
- "floatBox": {
141
- "nums": [
142
- {
143
- "varName": "fungicida.value",
144
- "color": "c-blue"
145
- }
146
- ],
147
- "dots": [
148
- {
149
- "varName": "foliar.value",
150
- "color": "c-green"
151
- },
152
- {
153
- "varName": "insecticida.value",
154
- "color": "c-red"
155
- },
156
- {
157
- "varName": "herbicida.value",
158
- "color": "c-green"
159
- }
160
- ]
161
- },
162
- "inputs": [
163
- {
164
- "label": "Aplicación de Fungicida",
165
- "type": "number",
166
- "suffix": " suffix",
167
- "key": "input_fungicida",
168
- "varName": "values.fungicida.value"
169
- }
170
- ]
171
- }
172
177
  ],
173
178
  "corner": {
174
179
  "left": {
@@ -246,6 +251,7 @@ var config = {
246
251
  {
247
252
  "title": "Foliar",
248
253
  "color": "c-green",
254
+ shape: "outlined",
249
255
  "values": [
250
256
  {
251
257
  "name": "foliar",
package/cuarteles.html CHANGED
@@ -1,19 +1,30 @@
1
-
2
1
  <html lang="es">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
2
+ <head>
3
+ <meta charset="UTF-8" />
4
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
5
+ <meta http-equiv="X-UA-Compatible" content="ie=edge" />
7
6
  <title>Capibara</title>
8
- <style> html, body { margin: 0px; padding: 0px; } </style>
9
- </head>
7
+ <style>
8
+ html,
9
+ body {
10
+ margin: 0px;
11
+ padding: 0px;
12
+ }
13
+ .test-header {
14
+ display: block;
15
+ width: 100%;
16
+ height: 80px;
17
+ background-color: red;
18
+ }
19
+ </style>
20
+ </head>
10
21
 
11
- <body>
22
+ <body>
23
+ <div class="test-header"></div>
12
24
  <div id="timeline"></div>
13
25
  <!-- plugin initialization -->
14
26
  <script src="config_cuarteles.js"></script>
15
27
  <script src="data_cuarteles.js"></script>
16
28
  <script src="app_cuarteles.js"></script>
17
- </body>
18
-
29
+ </body>
19
30
  </html>
package/data_cuarteles.js CHANGED
@@ -32,6 +32,42 @@ var data = [
32
32
  }
33
33
  }
34
34
  },
35
+ {
36
+ "date": "2021-12-02",
37
+ "errors": [],
38
+ "values": {
39
+ "foliar": {
40
+ "value": 1
41
+ },
42
+ "insecticida": {
43
+ "value": 1
44
+ },
45
+ "fungicida": {
46
+ "value": 1
47
+ }
48
+ }
49
+ },
50
+ {
51
+ "date": "2021-12-03",
52
+ "errors": [],
53
+ "values": {
54
+ "foliar": {
55
+ "value": 1
56
+ },
57
+ "insecticida": {
58
+ "value": 1
59
+ },
60
+ }
61
+ },
62
+ {
63
+ "date": "2021-12-04",
64
+ "errors": [],
65
+ "values": {
66
+ "insecticida": {
67
+ "value": 1
68
+ },
69
+ }
70
+ },
35
71
  {
36
72
  "date": "2021-12-07",
37
73
  "errors": [],
package/dist/cuarteles.html CHANGED
@@ -1,19 +1,30 @@
1
-
2
1
  <html lang="es">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
2
+ <head>
3
+ <meta charset="UTF-8" />
4
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
5
+ <meta http-equiv="X-UA-Compatible" content="ie=edge" />
7
6
  <title>Capibara</title>
8
- <style> html, body { margin: 0px; padding: 0px; } </style>
9
- </head>
7
+ <style>
8
+ html,
9
+ body {
10
+ margin: 0px;
11
+ padding: 0px;
12
+ }
13
+ .test-header {
14
+ display: block;
15
+ width: 100%;
16
+ height: 80px;
17
+ background-color: red;
18
+ }
19
+ </style>
20
+ </head>
10
21
 
11
- <body>
22
+ <body>
23
+ <div class="test-header"></div>
12
24
  <div id="timeline"></div>
13
25
  <!-- plugin initialization -->
14
26
  <script src="config_cuarteles.js"></script>
15
27
  <script src="data_cuarteles.js"></script>
16
28
  <script src="app_cuarteles.js"></script>
17
- <script type="text/javascript" src="/index.js"></script></body>
18
-
29
+ <script type="text/javascript" src="/index.js"></script></body>
19
30
  </html>