@vixoniccom/news-internal 0.4.5 → 0.4.6-beta.0
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.
- package/CHANGELOG.md +7 -0
- package/build.zip +0 -0
- package/configuration/appearanceGroup/elementsInputs.ts +27 -6
- package/configuration/appearanceGroup/generalInputs.ts +2 -1
- package/configuration/index.ts +2 -2
- package/configuration/utils.ts +10 -1
- package/configuration.json +99 -57
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [0.4.6-beta.0](https://gitlab.com/mandomedio/vixonic/news-internal/compare/v0.4.5...v0.4.6-beta.0) (2021-10-13)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* **release:** gradient mode was added to internal news app ([52173ff](https://gitlab.com/mandomedio/vixonic/news-internal/commit/52173ff88bf6aed44375fe5bb52d3deb931d9fca))
|
|
11
|
+
|
|
5
12
|
### [0.4.5](https://gitlab.com/mandomedio/vixonic/news-internal/compare/v0.4.5-beta.4...v0.4.5) (2021-09-03)
|
|
6
13
|
|
|
7
14
|
### [0.4.5-beta.4](https://gitlab.com/mandomedio/vixonic/news-internal/compare/v0.4.5-beta.3...v0.4.5-beta.4) (2021-08-30)
|
package/build.zip
CHANGED
|
Binary file
|
|
@@ -17,13 +17,13 @@ export const elementsInputs = [
|
|
|
17
17
|
...createTextInputs('description', 'Descripción', ShowValidations.descriptionEnabled),
|
|
18
18
|
new NumberInput({ id: 'textSeparation', label: 'Separación de textos', description: 'En pixeles.',
|
|
19
19
|
show: ShowValidations.titleAndDescription }),
|
|
20
|
-
new Switch({ id: 'imageEnabled', label: 'Imagen', defaultValue: true }),
|
|
20
|
+
new Switch({ id: 'imageEnabled', label: 'Imagen', defaultValue: true, show: ShowValidations.isNotGradient }),
|
|
21
21
|
new SelectInput({ id: 'imageSize', required: true, label: 'Tamaño', description: 'Relación de tamaño entre la imagen y los textos.', items: [
|
|
22
22
|
{ label : 'Pequeña', value : 'small' },
|
|
23
23
|
{ label : 'Mediana', value : 'medium' },
|
|
24
24
|
{ label : 'Grande', value : 'large' },
|
|
25
25
|
{ label: 'Personalizado', value: 'custom' }
|
|
26
|
-
], show: ShowValidations.
|
|
26
|
+
], show: ShowValidations.isNotGalleryNorGradient}),
|
|
27
27
|
new NumberInput({ id: 'imageCustomSize', label: 'Tamaño personalizado', required: true, description: 'En porcentaje.',
|
|
28
28
|
range: new NumberRangeValue(1, 100), show: ShowValidations.isCustomSize }),
|
|
29
29
|
new SelectInput({ id: 'imagePosition', required: true, label: 'Posición', description: 'Posición de la imagen respecto al texto.', defaultValue: 'left', items: [
|
|
@@ -31,7 +31,7 @@ export const elementsInputs = [
|
|
|
31
31
|
{label : 'Derecha', value : 'right'},
|
|
32
32
|
{label : 'Abajo', value : 'bottom'},
|
|
33
33
|
{label : 'Izquierda', value : 'left'}
|
|
34
|
-
], show: ShowValidations.
|
|
34
|
+
], show: ShowValidations.isNotGalleryNorGradient }),
|
|
35
35
|
new SelectInput({ id: 'imageMode', required : true, label : 'Modo', description : 'Modo de ajuste de la imagen.', defaultValue : 'contain',
|
|
36
36
|
items : [
|
|
37
37
|
{label : 'Ajustar', value : 'contain'},
|
|
@@ -39,14 +39,35 @@ export const elementsInputs = [
|
|
|
39
39
|
{label : 'Estirar', value : 'fill'},
|
|
40
40
|
{label : 'No ajustar', value : 'none'}
|
|
41
41
|
],
|
|
42
|
-
show : ShowValidations.
|
|
42
|
+
show : ShowValidations.isNotGradient }),
|
|
43
43
|
new SelectInput({ id: 'imageStyle', label: 'Estilo', items: [
|
|
44
44
|
{label: 'Normal', value: 'normal'},
|
|
45
45
|
{label: 'Redondeado', value: 'rounded'},
|
|
46
46
|
{label: 'Circular', value: 'circle'},
|
|
47
47
|
{label: 'Hexagonal', value: 'hex'}
|
|
48
|
-
], show: ShowValidations.
|
|
49
|
-
new NumberInput({ label: 'Separación', id: 'imageSeparation', description: 'En pixeles. Por defecto 10.', show: ShowValidations.
|
|
48
|
+
], show: ShowValidations.isNotGalleryNorGradient }),
|
|
49
|
+
new NumberInput({ label: 'Separación', id: 'imageSeparation', description: 'En pixeles. Por defecto 10.', show: ShowValidations.isNotGalleryNorGradient }),
|
|
50
|
+
new Label({ label: 'Degradado', show: ShowValidations.isGradient }),
|
|
51
|
+
new ColorPicker({
|
|
52
|
+
id: 'gradientBackgroundColor',
|
|
53
|
+
label: 'Color de degradado',
|
|
54
|
+
show: ShowValidations.isGradient
|
|
55
|
+
}),
|
|
56
|
+
new NumberInput({
|
|
57
|
+
id: 'gradientRate', label: 'Porcentje de degradado',
|
|
58
|
+
description: 'Por defecto 50',
|
|
59
|
+
range: new NumberRangeValue(1, 100),
|
|
60
|
+
show: ShowValidations.isGradient
|
|
61
|
+
}),
|
|
62
|
+
new SelectInput({
|
|
63
|
+
id: 'gradientOrientation', label: 'Dirección de degradado',
|
|
64
|
+
defaultValue: 'left',
|
|
65
|
+
items: [
|
|
66
|
+
{ label: 'Izquierda', value: 'left' },
|
|
67
|
+
{ label: 'Derecha', value: 'right' }
|
|
68
|
+
],
|
|
69
|
+
show: ShowValidations.isGradient
|
|
70
|
+
}),
|
|
50
71
|
new Label({ label: 'Galeria', show: ShowValidations.isGallery }),
|
|
51
72
|
new SelectInput({ id: 'barSize', label: 'Tamaño de la barra', items: [
|
|
52
73
|
{ label: 'Pequeña', value: 'small' },
|
|
@@ -19,7 +19,8 @@ export const generalInputs = [
|
|
|
19
19
|
|
|
20
20
|
new SelectInput({ id: 'template', label: 'Modo', required: true, defaultValue: 'standard', items: [
|
|
21
21
|
{label: 'Estandar', value: 'standard'},
|
|
22
|
-
{label: 'Galeria', value: 'gallery'}
|
|
22
|
+
{label: 'Galeria', value: 'gallery'},
|
|
23
|
+
{label: 'Degradada', value: 'gradient'}
|
|
23
24
|
] }),
|
|
24
25
|
new NumberInput({
|
|
25
26
|
id: 'showTime', label: 'Persistencia',
|
package/configuration/index.ts
CHANGED
|
@@ -54,8 +54,8 @@ const newsList = new List({
|
|
|
54
54
|
range: new NumberRangeValue(1, 650)
|
|
55
55
|
}),
|
|
56
56
|
|
|
57
|
-
new SelectAssetKna({ id: 'image', label: '
|
|
58
|
-
extensions: ['jpg', 'jpeg', 'png', 'svg'], show: ShowValidations.
|
|
57
|
+
new SelectAssetKna({ id: 'image', label: 'Imagen', required: true,
|
|
58
|
+
extensions: ['jpg', 'jpeg', 'png', 'svg'], show: (ShowValidations.imageForceEnabled)
|
|
59
59
|
}),
|
|
60
60
|
|
|
61
61
|
new TextInput({
|
package/configuration/utils.ts
CHANGED
|
@@ -3,10 +3,15 @@ const descriptionEnabled = '{{descriptionEnabled}} === true'
|
|
|
3
3
|
const imageEnabled = '{{imageEnabled}} === true'
|
|
4
4
|
const qrCodeEnabled = '{{qrCodeEnabled}} === true'
|
|
5
5
|
|
|
6
|
+
const isGradient = `{{template}} === 'gradient'`
|
|
7
|
+
const isNotGradient = `( ( ${isGradient} ) === false )`
|
|
8
|
+
const imageForceEnabled = `${imageEnabled} || ${isGradient}`
|
|
9
|
+
|
|
6
10
|
const isGallery = `{{template}} === 'gallery'`
|
|
7
11
|
const isNotGallery = `${imageEnabled} && ( ( ${isGallery} ) === false )`
|
|
12
|
+
const isNotGalleryNorGradient = `${isNotGallery} && ${isNotGradient}`
|
|
8
13
|
const galleryIconEnabled = `${isGallery} && ({{iconVisible}} === true)`
|
|
9
|
-
const isCustomSize = `${
|
|
14
|
+
const isCustomSize = `${isNotGalleryNorGradient} && ( {{imageSize}} === 'custom' )`
|
|
10
15
|
const titleAndDescription = `${titleEnabled} && ${descriptionEnabled}`
|
|
11
16
|
|
|
12
17
|
const shortTitleEnabled = `${titleEnabled} && ({{newsSizeSelect}} === 'short')`
|
|
@@ -21,7 +26,11 @@ export const ShowValidations = {
|
|
|
21
26
|
titleEnabled,
|
|
22
27
|
descriptionEnabled,
|
|
23
28
|
imageEnabled,
|
|
29
|
+
imageForceEnabled,
|
|
24
30
|
qrCodeEnabled,
|
|
31
|
+
isGradient,
|
|
32
|
+
isNotGradient,
|
|
33
|
+
isNotGalleryNorGradient,
|
|
25
34
|
isGallery,
|
|
26
35
|
galleryIconEnabled,
|
|
27
36
|
isNotGallery,
|
package/configuration.json
CHANGED
|
@@ -2,63 +2,63 @@
|
|
|
2
2
|
"durationFormula": "({{news}} && {{news}}.length || 1) * ({{showTime}} || 10)",
|
|
3
3
|
"schema": [
|
|
4
4
|
{
|
|
5
|
-
"type": "list",
|
|
6
5
|
"id": "news",
|
|
7
6
|
"label": "Noticias",
|
|
7
|
+
"type": "list",
|
|
8
8
|
"itemSchema": [
|
|
9
9
|
{
|
|
10
|
-
"type": "text-input",
|
|
11
10
|
"id": "title",
|
|
12
11
|
"label": "Título corto",
|
|
13
12
|
"show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'short')",
|
|
13
|
+
"type": "text-input",
|
|
14
14
|
"required": true,
|
|
15
15
|
"range": "[1:20]"
|
|
16
16
|
},
|
|
17
17
|
{
|
|
18
|
-
"type": "text-input",
|
|
19
18
|
"id": "title",
|
|
20
19
|
"label": "Título mediano",
|
|
21
20
|
"show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'medium')",
|
|
21
|
+
"type": "text-input",
|
|
22
22
|
"required": true,
|
|
23
23
|
"range": "[1:50]"
|
|
24
24
|
},
|
|
25
25
|
{
|
|
26
|
-
"type": "text-input",
|
|
27
26
|
"id": "title",
|
|
28
27
|
"label": "Título largo",
|
|
29
28
|
"show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'large')",
|
|
29
|
+
"type": "text-input",
|
|
30
30
|
"required": true,
|
|
31
31
|
"range": "[1:80]"
|
|
32
32
|
},
|
|
33
33
|
{
|
|
34
|
-
"type": "text-area",
|
|
35
34
|
"id": "description",
|
|
36
35
|
"label": "Descripción corta",
|
|
37
36
|
"show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'short')",
|
|
37
|
+
"type": "text-area",
|
|
38
38
|
"required": true,
|
|
39
39
|
"range": "[1:80]"
|
|
40
40
|
},
|
|
41
41
|
{
|
|
42
|
-
"type": "text-area",
|
|
43
42
|
"id": "description",
|
|
44
43
|
"label": "Descripción mediana",
|
|
45
44
|
"show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'medium')",
|
|
45
|
+
"type": "text-area",
|
|
46
46
|
"required": true,
|
|
47
47
|
"range": "[1:350]"
|
|
48
48
|
},
|
|
49
49
|
{
|
|
50
|
-
"type": "text-area",
|
|
51
50
|
"id": "description",
|
|
52
51
|
"label": "Descripción larga",
|
|
53
52
|
"show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'large')",
|
|
53
|
+
"type": "text-area",
|
|
54
54
|
"required": true,
|
|
55
55
|
"range": "[1:650]"
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
|
-
"type": "select-asset-kna-input",
|
|
59
58
|
"id": "image",
|
|
60
|
-
"label": "
|
|
61
|
-
"show": "{{imageEnabled}} === true",
|
|
59
|
+
"label": "Imagen",
|
|
60
|
+
"show": "{{imageEnabled}} === true || {{template}} === 'gradient'",
|
|
61
|
+
"type": "select-asset-kna-input",
|
|
62
62
|
"required": true,
|
|
63
63
|
"extensions": [
|
|
64
64
|
"jpg",
|
|
@@ -69,17 +69,17 @@
|
|
|
69
69
|
"multiple": false
|
|
70
70
|
},
|
|
71
71
|
{
|
|
72
|
-
"type": "text-input",
|
|
73
72
|
"id": "qrCodeUrl",
|
|
74
73
|
"label": "URL código QR",
|
|
75
74
|
"show": "{{qrCodeEnabled}} === true",
|
|
75
|
+
"type": "text-input",
|
|
76
76
|
"required": true
|
|
77
77
|
},
|
|
78
78
|
{
|
|
79
|
-
"type": "text-input",
|
|
80
79
|
"id": "qrCodeTitle",
|
|
81
80
|
"label": "Título código QR",
|
|
82
81
|
"show": "{{qrCodeEnabled}} === true",
|
|
82
|
+
"type": "text-input",
|
|
83
83
|
"required": false
|
|
84
84
|
}
|
|
85
85
|
],
|
|
@@ -92,18 +92,18 @@
|
|
|
92
92
|
"sortable": true
|
|
93
93
|
},
|
|
94
94
|
{
|
|
95
|
-
"type": "group",
|
|
96
95
|
"id": "appaeranceGroup",
|
|
97
96
|
"label": "Apariencia",
|
|
97
|
+
"type": "group",
|
|
98
98
|
"items": [
|
|
99
99
|
{
|
|
100
100
|
"type": "label",
|
|
101
101
|
"label": "General"
|
|
102
102
|
},
|
|
103
103
|
{
|
|
104
|
-
"type": "select-input",
|
|
105
104
|
"id": "newsSizeSelect",
|
|
106
105
|
"label": "Noticia:",
|
|
106
|
+
"type": "select-input",
|
|
107
107
|
"description": "Tamaño de la noticia.",
|
|
108
108
|
"items": [
|
|
109
109
|
{
|
|
@@ -123,9 +123,9 @@
|
|
|
123
123
|
"defaultValue": "medium"
|
|
124
124
|
},
|
|
125
125
|
{
|
|
126
|
-
"type": "select-input",
|
|
127
126
|
"id": "template",
|
|
128
127
|
"label": "Modo",
|
|
128
|
+
"type": "select-input",
|
|
129
129
|
"items": [
|
|
130
130
|
{
|
|
131
131
|
"label": "Estandar",
|
|
@@ -134,22 +134,26 @@
|
|
|
134
134
|
{
|
|
135
135
|
"label": "Galeria",
|
|
136
136
|
"value": "gallery"
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
"label": "Degradada",
|
|
140
|
+
"value": "gradient"
|
|
137
141
|
}
|
|
138
142
|
],
|
|
139
143
|
"required": true,
|
|
140
144
|
"defaultValue": "standard"
|
|
141
145
|
},
|
|
142
146
|
{
|
|
143
|
-
"type": "number-input",
|
|
144
147
|
"id": "showTime",
|
|
145
148
|
"label": "Persistencia",
|
|
149
|
+
"type": "number-input",
|
|
146
150
|
"range": "[5:9999:]",
|
|
147
151
|
"description": "Tiempo en segundos por noticia. Por defecto 10"
|
|
148
152
|
},
|
|
149
153
|
{
|
|
150
|
-
"type": "slider",
|
|
151
154
|
"id": "animationSpeed",
|
|
152
155
|
"label": "Velocidad",
|
|
156
|
+
"type": "slider",
|
|
153
157
|
"required": true,
|
|
154
158
|
"min": 0.25,
|
|
155
159
|
"max": 3.25,
|
|
@@ -160,9 +164,9 @@
|
|
|
160
164
|
"description": "Rapidez de las transiciones"
|
|
161
165
|
},
|
|
162
166
|
{
|
|
163
|
-
"type": "select-input",
|
|
164
167
|
"id": "animationType",
|
|
165
168
|
"label": "Tipo de animación",
|
|
169
|
+
"type": "select-input",
|
|
166
170
|
"items": [
|
|
167
171
|
{
|
|
168
172
|
"label": "Fundido",
|
|
@@ -177,9 +181,9 @@
|
|
|
177
181
|
"defaultValue": "fade"
|
|
178
182
|
},
|
|
179
183
|
{
|
|
180
|
-
"type": "select-input",
|
|
181
184
|
"id": "textAlignment",
|
|
182
185
|
"label": "Alineado vertical",
|
|
186
|
+
"type": "select-input",
|
|
183
187
|
"description": "La posición vertical de los textos.",
|
|
184
188
|
"items": [
|
|
185
189
|
{
|
|
@@ -211,61 +215,62 @@
|
|
|
211
215
|
"label": "Elementos"
|
|
212
216
|
},
|
|
213
217
|
{
|
|
214
|
-
"type": "switch",
|
|
215
218
|
"id": "titleEnabled",
|
|
216
219
|
"label": "Título",
|
|
220
|
+
"type": "switch",
|
|
217
221
|
"defaultValue": true
|
|
218
222
|
},
|
|
219
223
|
{
|
|
220
|
-
"type": "text-format",
|
|
221
224
|
"id": "titleFormat",
|
|
222
225
|
"label": "Formato",
|
|
223
|
-
"show": "{{titleEnabled}} === true"
|
|
226
|
+
"show": "{{titleEnabled}} === true",
|
|
227
|
+
"type": "text-format"
|
|
224
228
|
},
|
|
225
229
|
{
|
|
226
|
-
"type": "number-input",
|
|
227
230
|
"id": "titleLineHeight",
|
|
228
231
|
"label": "Altura de línea",
|
|
229
232
|
"show": "{{titleEnabled}} === true",
|
|
233
|
+
"type": "number-input",
|
|
230
234
|
"range": "[0.8:100:]"
|
|
231
235
|
},
|
|
232
236
|
{
|
|
233
|
-
"type": "switch",
|
|
234
237
|
"id": "descriptionEnabled",
|
|
235
238
|
"label": "Descripción",
|
|
239
|
+
"type": "switch",
|
|
236
240
|
"defaultValue": true
|
|
237
241
|
},
|
|
238
242
|
{
|
|
239
|
-
"type": "text-format",
|
|
240
243
|
"id": "descriptionFormat",
|
|
241
244
|
"label": "Formato",
|
|
242
|
-
"show": "{{descriptionEnabled}} === true"
|
|
245
|
+
"show": "{{descriptionEnabled}} === true",
|
|
246
|
+
"type": "text-format"
|
|
243
247
|
},
|
|
244
248
|
{
|
|
245
|
-
"type": "number-input",
|
|
246
249
|
"id": "descriptionLineHeight",
|
|
247
250
|
"label": "Altura de línea",
|
|
248
251
|
"show": "{{descriptionEnabled}} === true",
|
|
252
|
+
"type": "number-input",
|
|
249
253
|
"range": "[0.8:100:]"
|
|
250
254
|
},
|
|
251
255
|
{
|
|
252
|
-
"type": "number-input",
|
|
253
256
|
"id": "textSeparation",
|
|
254
257
|
"label": "Separación de textos",
|
|
255
258
|
"show": "{{titleEnabled}} === true && {{descriptionEnabled}} === true",
|
|
259
|
+
"type": "number-input",
|
|
256
260
|
"description": "En pixeles."
|
|
257
261
|
},
|
|
258
262
|
{
|
|
259
|
-
"type": "switch",
|
|
260
263
|
"id": "imageEnabled",
|
|
261
264
|
"label": "Imagen",
|
|
265
|
+
"show": "( ( {{template}} === 'gradient' ) === false )",
|
|
266
|
+
"type": "switch",
|
|
262
267
|
"defaultValue": true
|
|
263
268
|
},
|
|
264
269
|
{
|
|
265
|
-
"type": "select-input",
|
|
266
270
|
"id": "imageSize",
|
|
267
271
|
"label": "Tamaño",
|
|
268
|
-
"show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false )",
|
|
272
|
+
"show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false ) && ( ( {{template}} === 'gradient' ) === false )",
|
|
273
|
+
"type": "select-input",
|
|
269
274
|
"description": "Relación de tamaño entre la imagen y los textos.",
|
|
270
275
|
"items": [
|
|
271
276
|
{
|
|
@@ -288,19 +293,19 @@
|
|
|
288
293
|
"required": true
|
|
289
294
|
},
|
|
290
295
|
{
|
|
291
|
-
"type": "number-input",
|
|
292
296
|
"id": "imageCustomSize",
|
|
293
297
|
"label": "Tamaño personalizado",
|
|
294
|
-
"show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false ) && ( {{imageSize}} === 'custom' )",
|
|
298
|
+
"show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false ) && ( ( {{template}} === 'gradient' ) === false ) && ( {{imageSize}} === 'custom' )",
|
|
299
|
+
"type": "number-input",
|
|
295
300
|
"range": "[1:100:]",
|
|
296
301
|
"description": "En porcentaje.",
|
|
297
302
|
"required": true
|
|
298
303
|
},
|
|
299
304
|
{
|
|
300
|
-
"type": "select-input",
|
|
301
305
|
"id": "imagePosition",
|
|
302
306
|
"label": "Posición",
|
|
303
|
-
"show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false )",
|
|
307
|
+
"show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false ) && ( ( {{template}} === 'gradient' ) === false )",
|
|
308
|
+
"type": "select-input",
|
|
304
309
|
"description": "Posición de la imagen respecto al texto.",
|
|
305
310
|
"items": [
|
|
306
311
|
{
|
|
@@ -324,10 +329,10 @@
|
|
|
324
329
|
"defaultValue": "left"
|
|
325
330
|
},
|
|
326
331
|
{
|
|
327
|
-
"type": "select-input",
|
|
328
332
|
"id": "imageMode",
|
|
329
333
|
"label": "Modo",
|
|
330
|
-
"show": "{{
|
|
334
|
+
"show": "( ( {{template}} === 'gradient' ) === false )",
|
|
335
|
+
"type": "select-input",
|
|
331
336
|
"description": "Modo de ajuste de la imagen.",
|
|
332
337
|
"items": [
|
|
333
338
|
{
|
|
@@ -351,10 +356,10 @@
|
|
|
351
356
|
"defaultValue": "contain"
|
|
352
357
|
},
|
|
353
358
|
{
|
|
354
|
-
"type": "select-input",
|
|
355
359
|
"id": "imageStyle",
|
|
356
360
|
"label": "Estilo",
|
|
357
|
-
"show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false )",
|
|
361
|
+
"show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false ) && ( ( {{template}} === 'gradient' ) === false )",
|
|
362
|
+
"type": "select-input",
|
|
358
363
|
"items": [
|
|
359
364
|
{
|
|
360
365
|
"label": "Normal",
|
|
@@ -375,22 +380,59 @@
|
|
|
375
380
|
]
|
|
376
381
|
},
|
|
377
382
|
{
|
|
378
|
-
"type": "number-input",
|
|
379
383
|
"id": "imageSeparation",
|
|
380
384
|
"label": "Separación",
|
|
381
|
-
"show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false )",
|
|
385
|
+
"show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false ) && ( ( {{template}} === 'gradient' ) === false )",
|
|
386
|
+
"type": "number-input",
|
|
382
387
|
"description": "En pixeles. Por defecto 10."
|
|
383
388
|
},
|
|
389
|
+
{
|
|
390
|
+
"type": "label",
|
|
391
|
+
"label": "Degradado",
|
|
392
|
+
"show": "{{template}} === 'gradient'"
|
|
393
|
+
},
|
|
394
|
+
{
|
|
395
|
+
"id": "gradientBackgroundColor",
|
|
396
|
+
"label": "Color de degradado",
|
|
397
|
+
"show": "{{template}} === 'gradient'",
|
|
398
|
+
"type": "color-picker",
|
|
399
|
+
"output": "auto"
|
|
400
|
+
},
|
|
401
|
+
{
|
|
402
|
+
"id": "gradientRate",
|
|
403
|
+
"label": "Porcentje de degradado",
|
|
404
|
+
"show": "{{template}} === 'gradient'",
|
|
405
|
+
"type": "number-input",
|
|
406
|
+
"range": "[1:100:]",
|
|
407
|
+
"description": "Por defecto 50"
|
|
408
|
+
},
|
|
409
|
+
{
|
|
410
|
+
"id": "gradientOrientation",
|
|
411
|
+
"label": "Dirección de degradado",
|
|
412
|
+
"show": "{{template}} === 'gradient'",
|
|
413
|
+
"type": "select-input",
|
|
414
|
+
"items": [
|
|
415
|
+
{
|
|
416
|
+
"label": "Izquierda",
|
|
417
|
+
"value": "left"
|
|
418
|
+
},
|
|
419
|
+
{
|
|
420
|
+
"label": "Derecha",
|
|
421
|
+
"value": "right"
|
|
422
|
+
}
|
|
423
|
+
],
|
|
424
|
+
"defaultValue": "left"
|
|
425
|
+
},
|
|
384
426
|
{
|
|
385
427
|
"type": "label",
|
|
386
428
|
"label": "Galeria",
|
|
387
429
|
"show": "{{template}} === 'gallery'"
|
|
388
430
|
},
|
|
389
431
|
{
|
|
390
|
-
"type": "select-input",
|
|
391
432
|
"id": "barSize",
|
|
392
433
|
"label": "Tamaño de la barra",
|
|
393
434
|
"show": "{{template}} === 'gallery'",
|
|
435
|
+
"type": "select-input",
|
|
394
436
|
"items": [
|
|
395
437
|
{
|
|
396
438
|
"label": "Pequeña",
|
|
@@ -407,97 +449,97 @@
|
|
|
407
449
|
]
|
|
408
450
|
},
|
|
409
451
|
{
|
|
410
|
-
"type": "color-picker",
|
|
411
452
|
"id": "barColor",
|
|
412
453
|
"label": "Color de la barra",
|
|
413
454
|
"show": "{{template}} === 'gallery'",
|
|
455
|
+
"type": "color-picker",
|
|
414
456
|
"output": "auto"
|
|
415
457
|
},
|
|
416
458
|
{
|
|
417
|
-
"type": "slider",
|
|
418
459
|
"id": "barOpacity",
|
|
419
460
|
"label": "Opacidad de la barra",
|
|
420
461
|
"show": "{{template}} === 'gallery'",
|
|
462
|
+
"type": "slider",
|
|
421
463
|
"min": 0,
|
|
422
464
|
"max": 1,
|
|
423
465
|
"step": 0.01
|
|
424
466
|
},
|
|
425
467
|
{
|
|
426
|
-
"type": "switch",
|
|
427
468
|
"id": "iconVisible",
|
|
428
469
|
"label": "Ícono",
|
|
429
470
|
"show": "{{template}} === 'gallery'",
|
|
471
|
+
"type": "switch",
|
|
430
472
|
"defaultValue": true
|
|
431
473
|
},
|
|
432
474
|
{
|
|
433
|
-
"type": "color-picker",
|
|
434
475
|
"id": "iconColor",
|
|
435
476
|
"label": "Color del ícono",
|
|
436
477
|
"show": "{{template}} === 'gallery' && ({{iconVisible}} === true)",
|
|
478
|
+
"type": "color-picker",
|
|
437
479
|
"output": "auto"
|
|
438
480
|
},
|
|
439
481
|
{
|
|
440
|
-
"type": "switch",
|
|
441
482
|
"id": "qrCodeEnabled",
|
|
442
483
|
"label": "Código QR",
|
|
484
|
+
"type": "switch",
|
|
443
485
|
"defaultValue": true
|
|
444
486
|
},
|
|
445
487
|
{
|
|
446
|
-
"type": "number-input",
|
|
447
488
|
"id": "qrCodeWidth",
|
|
448
489
|
"label": "Tamaño código QR",
|
|
449
490
|
"show": "{{qrCodeEnabled}} === true",
|
|
491
|
+
"type": "number-input",
|
|
450
492
|
"description": "En pixeles. Por defecto 200."
|
|
451
493
|
},
|
|
452
494
|
{
|
|
453
|
-
"type": "number-input",
|
|
454
495
|
"id": "qrCodeHeight",
|
|
455
496
|
"label": "Alto tarjeta de código QR",
|
|
456
497
|
"show": "{{qrCodeEnabled}} === true",
|
|
498
|
+
"type": "number-input",
|
|
457
499
|
"description": "En pixeles. Por defecto 220."
|
|
458
500
|
},
|
|
459
501
|
{
|
|
460
|
-
"type": "number-input",
|
|
461
502
|
"id": "qrCodePositionX",
|
|
462
503
|
"label": "Posición eje X de código QR",
|
|
463
504
|
"show": "{{qrCodeEnabled}} === true",
|
|
505
|
+
"type": "number-input",
|
|
464
506
|
"description": "En pixeles. Por defecto 0."
|
|
465
507
|
},
|
|
466
508
|
{
|
|
467
|
-
"type": "number-input",
|
|
468
509
|
"id": "qrCodePositionY",
|
|
469
510
|
"label": "Posición eje Y de código QR",
|
|
470
511
|
"show": "{{qrCodeEnabled}} === true",
|
|
512
|
+
"type": "number-input",
|
|
471
513
|
"description": "En pixeles. Por defecto 0."
|
|
472
514
|
},
|
|
473
515
|
{
|
|
474
|
-
"type": "color-picker",
|
|
475
516
|
"id": "qrCodeBackgroundColor",
|
|
476
517
|
"label": "Color fondo del código QR",
|
|
477
518
|
"show": "{{qrCodeEnabled}} === true",
|
|
519
|
+
"type": "color-picker",
|
|
478
520
|
"output": "auto"
|
|
479
521
|
},
|
|
480
522
|
{
|
|
481
|
-
"type": "color-picker",
|
|
482
523
|
"id": "qrCodeColor",
|
|
483
524
|
"label": "Color del código QR",
|
|
484
525
|
"show": "{{qrCodeEnabled}} === true",
|
|
526
|
+
"type": "color-picker",
|
|
485
527
|
"output": "auto"
|
|
486
528
|
},
|
|
487
529
|
{
|
|
488
|
-
"type": "text-format",
|
|
489
530
|
"id": "QrCodeTitleFormat",
|
|
490
531
|
"label": "Formato título código QR",
|
|
491
|
-
"show": "{{qrCodeEnabled}} === true"
|
|
532
|
+
"show": "{{qrCodeEnabled}} === true",
|
|
533
|
+
"type": "text-format"
|
|
492
534
|
},
|
|
493
535
|
{
|
|
494
536
|
"type": "label",
|
|
495
537
|
"label": "Avanzado"
|
|
496
538
|
},
|
|
497
539
|
{
|
|
498
|
-
"type": "select-asset-kna-input",
|
|
499
540
|
"id": "background",
|
|
500
541
|
"label": "Fondo",
|
|
542
|
+
"type": "select-asset-kna-input",
|
|
501
543
|
"extensions": [
|
|
502
544
|
"jpg",
|
|
503
545
|
"jpeg",
|
|
@@ -506,9 +548,9 @@
|
|
|
506
548
|
"multiple": false
|
|
507
549
|
},
|
|
508
550
|
{
|
|
509
|
-
"type": "text-input",
|
|
510
551
|
"id": "padding",
|
|
511
552
|
"label": "Márgenes",
|
|
553
|
+
"type": "text-input",
|
|
512
554
|
"description": "CSS para dar espacio arriba/derecha/abajo/izquieda.",
|
|
513
555
|
"required": false
|
|
514
556
|
}
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"author": {
|
|
8
8
|
"name": ""
|
|
9
9
|
},
|
|
10
|
-
"version": "0.4.
|
|
10
|
+
"version": "0.4.6-beta.0",
|
|
11
11
|
"scripts": {
|
|
12
12
|
"prepublishOnly": "vixonic-module-packager --mode=build",
|
|
13
13
|
"watch": "vixonic-module-packager --mode=watch",
|
|
@@ -21,17 +21,17 @@
|
|
|
21
21
|
"react": "^16.14.0",
|
|
22
22
|
"react-dom": "^16.14.0",
|
|
23
23
|
"react-qr-code": "^2.0.2",
|
|
24
|
-
"react-transition-group": "^
|
|
25
|
-
"uuid": "^3.2
|
|
24
|
+
"react-transition-group": "^4.4.2",
|
|
25
|
+
"uuid": "^8.3.2"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@types/node": "^
|
|
28
|
+
"@types/node": "^12.20.29",
|
|
29
29
|
"@types/react": "^16.14.14",
|
|
30
30
|
"@types/react-dom": "^16.9.14",
|
|
31
|
-
"@types/react-transition-group": "^
|
|
32
|
-
"@types/uuid": "^3.
|
|
33
|
-
"@vixoniccom/module-packager": "^2.
|
|
34
|
-
"@vixoniccom/modules": "^2.
|
|
31
|
+
"@types/react-transition-group": "^4.4.3",
|
|
32
|
+
"@types/uuid": "^8.3.1",
|
|
33
|
+
"@vixoniccom/module-packager": "^2.5.0",
|
|
34
|
+
"@vixoniccom/modules": "^2.12.0",
|
|
35
35
|
"standard-version": "^9.3.1"
|
|
36
36
|
}
|
|
37
37
|
}
|