impaktapps-ui-builder 0.0.382-alpha.4 → 0.0.382-alpha.40
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/dist/impaktapps-ui-builder.es.js +800 -862
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +12 -12
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.d.ts +1 -0
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +35 -2
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +15 -18
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +53 -102
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +17 -2
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
- package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
- package/dist/src/impaktapps-ui-builder/runtime/services/service.d.ts +1 -0
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +1 -0
- package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +3 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +50 -27
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +30 -49
- package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +16 -36
- package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +1 -6
- package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +78 -51
- package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +2 -12
- package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -6
- package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +84 -56
- package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -6
- package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
- package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +99 -55
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +200 -203
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +415 -284
- package/src/impaktapps-ui-builder/builder/services/component.ts +2 -2
- package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
- package/src/impaktapps-ui-builder/runtime/services/service.ts +6 -3
|
@@ -11,7 +11,7 @@ export const APISection = {
|
|
|
11
11
|
widget: "SelectInputField",
|
|
12
12
|
},
|
|
13
13
|
config: {
|
|
14
|
-
layout: { xs: 11, sm:
|
|
14
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
15
15
|
main: {
|
|
16
16
|
label: "Method",
|
|
17
17
|
type: "text",
|
|
@@ -26,7 +26,7 @@ export const APISection = {
|
|
|
26
26
|
widget: "InputField",
|
|
27
27
|
},
|
|
28
28
|
config: {
|
|
29
|
-
layout: { xs: 11, sm:
|
|
29
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
30
30
|
main: {
|
|
31
31
|
label: "Path",
|
|
32
32
|
type: "text",
|
|
@@ -35,6 +35,28 @@ export const APISection = {
|
|
|
35
35
|
},
|
|
36
36
|
},
|
|
37
37
|
},
|
|
38
|
+
{
|
|
39
|
+
type: "Control",
|
|
40
|
+
scope: "#/properties/emptyBox",
|
|
41
|
+
|
|
42
|
+
options: {
|
|
43
|
+
widget: "EmptyBox",
|
|
44
|
+
},
|
|
45
|
+
config: {
|
|
46
|
+
layout: { xs: 0, sm: 4, md: 4, lg: 4 },
|
|
47
|
+
},
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
type: "Control",
|
|
51
|
+
scope: "#/properties/emptyBox",
|
|
52
|
+
|
|
53
|
+
options: {
|
|
54
|
+
widget: "EmptyBox",
|
|
55
|
+
},
|
|
56
|
+
config: {
|
|
57
|
+
layout: { xs: 0, sm: 4, md: 4, lg: 4 },
|
|
58
|
+
},
|
|
59
|
+
},
|
|
38
60
|
{
|
|
39
61
|
type: "Control",
|
|
40
62
|
scope: "#/properties/headers",
|
|
@@ -51,12 +73,7 @@ export const APISection = {
|
|
|
51
73
|
widget: "InputField",
|
|
52
74
|
},
|
|
53
75
|
config: {
|
|
54
|
-
layout: {
|
|
55
|
-
xs: 11,
|
|
56
|
-
sm: 11,
|
|
57
|
-
md: 5.5,
|
|
58
|
-
lg: 5.5,
|
|
59
|
-
},
|
|
76
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
60
77
|
main: {
|
|
61
78
|
label: "Key",
|
|
62
79
|
},
|
|
@@ -70,17 +87,23 @@ export const APISection = {
|
|
|
70
87
|
widget: "InputField",
|
|
71
88
|
},
|
|
72
89
|
config: {
|
|
73
|
-
layout: {
|
|
74
|
-
xs: 11,
|
|
75
|
-
sm: 11,
|
|
76
|
-
md: 5.5,
|
|
77
|
-
lg: 5.5,
|
|
78
|
-
},
|
|
90
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
79
91
|
main: {
|
|
80
92
|
label: "Value",
|
|
81
93
|
},
|
|
82
94
|
},
|
|
83
95
|
},
|
|
96
|
+
{
|
|
97
|
+
type: "Control",
|
|
98
|
+
scope: "#/properties/emptyBox",
|
|
99
|
+
|
|
100
|
+
options: {
|
|
101
|
+
widget: "EmptyBox",
|
|
102
|
+
},
|
|
103
|
+
config: {
|
|
104
|
+
layout: { xs: 0, sm: 4, md: 4, lg: 4 },
|
|
105
|
+
},
|
|
106
|
+
},
|
|
84
107
|
],
|
|
85
108
|
},
|
|
86
109
|
},
|
|
@@ -101,12 +124,7 @@ export const APISection = {
|
|
|
101
124
|
widget: "InputField",
|
|
102
125
|
},
|
|
103
126
|
config: {
|
|
104
|
-
layout: {
|
|
105
|
-
xs: 11,
|
|
106
|
-
sm: 11,
|
|
107
|
-
md: 5.5,
|
|
108
|
-
lg: 5.5,
|
|
109
|
-
},
|
|
127
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
110
128
|
main: {
|
|
111
129
|
label: "Key",
|
|
112
130
|
},
|
|
@@ -120,18 +138,23 @@ export const APISection = {
|
|
|
120
138
|
widget: "InputField",
|
|
121
139
|
},
|
|
122
140
|
config: {
|
|
123
|
-
layout: {
|
|
124
|
-
xs: 11,
|
|
125
|
-
sm: 11,
|
|
126
|
-
md: 5.5,
|
|
127
|
-
lg: 5.5,
|
|
128
|
-
},
|
|
141
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
129
142
|
main: {
|
|
130
143
|
label: "Value",
|
|
131
144
|
},
|
|
132
145
|
},
|
|
133
146
|
},
|
|
134
|
-
|
|
147
|
+
{
|
|
148
|
+
type: "Control",
|
|
149
|
+
scope: "#/properties/emptyBox",
|
|
150
|
+
|
|
151
|
+
options: {
|
|
152
|
+
widget: "EmptyBox",
|
|
153
|
+
},
|
|
154
|
+
config: {
|
|
155
|
+
layout: { xs: 0, sm: 4, md: 4, lg: 4 },
|
|
156
|
+
},
|
|
157
|
+
},
|
|
135
158
|
],
|
|
136
159
|
},
|
|
137
160
|
},
|
|
@@ -8,12 +8,7 @@ const EmptyBox = {
|
|
|
8
8
|
widget: "EmptyBox",
|
|
9
9
|
},
|
|
10
10
|
config: {
|
|
11
|
-
layout: {
|
|
12
|
-
xs: 11,
|
|
13
|
-
sm: 11,
|
|
14
|
-
md: 5.5,
|
|
15
|
-
lg: 5.5,
|
|
16
|
-
},
|
|
11
|
+
layout: { xs: 0, sm: 4, md: 4, lg: 4 },
|
|
17
12
|
main: {
|
|
18
13
|
|
|
19
14
|
},
|
|
@@ -34,12 +29,7 @@ const cardLayout = {
|
|
|
34
29
|
widget: "SelectInputField",
|
|
35
30
|
},
|
|
36
31
|
config: {
|
|
37
|
-
layout: {
|
|
38
|
-
xs: 11,
|
|
39
|
-
sm: 11,
|
|
40
|
-
md: 5.5,
|
|
41
|
-
lg: 5.5,
|
|
42
|
-
},
|
|
32
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
43
33
|
main: {
|
|
44
34
|
label: "Screen Size",
|
|
45
35
|
|
|
@@ -54,12 +44,7 @@ const cardLayout = {
|
|
|
54
44
|
widget: "InputField",
|
|
55
45
|
},
|
|
56
46
|
config: {
|
|
57
|
-
layout: {
|
|
58
|
-
xs: 11,
|
|
59
|
-
sm: 11,
|
|
60
|
-
md: 5.5,
|
|
61
|
-
lg: 5.5,
|
|
62
|
-
},
|
|
47
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
63
48
|
main: {
|
|
64
49
|
label: "Value",
|
|
65
50
|
type:"number",
|
|
@@ -70,6 +55,7 @@ const cardLayout = {
|
|
|
70
55
|
},
|
|
71
56
|
},
|
|
72
57
|
},
|
|
58
|
+
EmptyBox,
|
|
73
59
|
],
|
|
74
60
|
},
|
|
75
61
|
},
|
|
@@ -92,17 +78,13 @@ const getArrayControl = (parentScope: string, childScope: string, childLabel?: s
|
|
|
92
78
|
widget: "InputField",
|
|
93
79
|
},
|
|
94
80
|
config: {
|
|
95
|
-
layout: {
|
|
96
|
-
xs: 11,
|
|
97
|
-
sm: 11,
|
|
98
|
-
md: 5.5,
|
|
99
|
-
lg: 5.5,
|
|
100
|
-
},
|
|
81
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
101
82
|
main: {
|
|
102
83
|
label: childLabel || "Labels for Tab",
|
|
103
84
|
},
|
|
104
85
|
},
|
|
105
86
|
},
|
|
87
|
+
EmptyBox,
|
|
106
88
|
EmptyBox
|
|
107
89
|
],
|
|
108
90
|
},
|
|
@@ -118,12 +100,7 @@ sizeHolder.options.detail.elements[1] = {
|
|
|
118
100
|
widget: "InputField",
|
|
119
101
|
},
|
|
120
102
|
config: {
|
|
121
|
-
layout: {
|
|
122
|
-
xs: 11,
|
|
123
|
-
sm: 11,
|
|
124
|
-
md: 5.5,
|
|
125
|
-
lg: 5.5,
|
|
126
|
-
},
|
|
103
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
127
104
|
main: {
|
|
128
105
|
label: "Size",
|
|
129
106
|
},
|
|
@@ -138,12 +115,7 @@ const getInputField = (scope: String, label: String) => {
|
|
|
138
115
|
widget: "InputField",
|
|
139
116
|
},
|
|
140
117
|
config: {
|
|
141
|
-
layout: {
|
|
142
|
-
xs: 11,
|
|
143
|
-
sm: 11,
|
|
144
|
-
md: 5.5,
|
|
145
|
-
lg: 5.5,
|
|
146
|
-
},
|
|
118
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
147
119
|
main: {
|
|
148
120
|
label: label,
|
|
149
121
|
},
|
|
@@ -160,12 +132,7 @@ const getRadioInputField = (scope: String, label: String, options: string[]) =>
|
|
|
160
132
|
widget: "RadioInputField",
|
|
161
133
|
},
|
|
162
134
|
config: {
|
|
163
|
-
layout: {
|
|
164
|
-
xs: 11,
|
|
165
|
-
sm: 11,
|
|
166
|
-
md: 5.5,
|
|
167
|
-
lg: 5.5,
|
|
168
|
-
},
|
|
135
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
169
136
|
main: {
|
|
170
137
|
label: label,
|
|
171
138
|
|
|
@@ -216,7 +183,7 @@ export const getSelectField = (scope: string, label: string, options: { label: s
|
|
|
216
183
|
widget: "SelectInputField",
|
|
217
184
|
},
|
|
218
185
|
config: {
|
|
219
|
-
layout: { xs: 11, sm:
|
|
186
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
220
187
|
main: {
|
|
221
188
|
label: label,
|
|
222
189
|
type: "text",
|
|
@@ -241,6 +208,8 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
241
208
|
getInputField("elevation", "Card Elevation"),
|
|
242
209
|
getInputField("height", "Grid height"),
|
|
243
210
|
getInputField("justifyContent", "justifyContent"),
|
|
211
|
+
EmptyBox,
|
|
212
|
+
EmptyBox,
|
|
244
213
|
cardLayout,
|
|
245
214
|
]
|
|
246
215
|
break;
|
|
@@ -254,7 +223,7 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
254
223
|
{ label: "Horizontal", value: "horizontal" },
|
|
255
224
|
{ label: "Vertical", value: "vertical" },
|
|
256
225
|
]),
|
|
257
|
-
|
|
226
|
+
EmptyBox,
|
|
258
227
|
getArrayControl("sectionLabels", "label")
|
|
259
228
|
|
|
260
229
|
]
|
|
@@ -271,13 +240,15 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
271
240
|
uiSchema.elements = [
|
|
272
241
|
getInputField("placeholder", "Placeholder"),
|
|
273
242
|
EmptyBox,
|
|
243
|
+
EmptyBox,
|
|
274
244
|
getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
|
|
275
245
|
]
|
|
276
246
|
break;
|
|
277
247
|
case "TextArea":
|
|
278
248
|
uiSchema.elements = [
|
|
279
249
|
getInputField("placeholder", "Placeholder"),
|
|
280
|
-
EmptyBox,
|
|
250
|
+
EmptyBox,
|
|
251
|
+
EmptyBox]
|
|
281
252
|
break;
|
|
282
253
|
|
|
283
254
|
case "SpeedoMeter":
|
|
@@ -286,7 +257,8 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
286
257
|
getInputField("heading", "Container Heading"),
|
|
287
258
|
getInputField("heading", "Container Heading"),
|
|
288
259
|
getInputField("speedoCaption", "Speedometer Caption"),
|
|
289
|
-
getInputField("width", "Speedometer Width")
|
|
260
|
+
getInputField("width", "Speedometer Width"),
|
|
261
|
+
EmptyBox
|
|
290
262
|
]
|
|
291
263
|
break;
|
|
292
264
|
case "RankCard":
|
|
@@ -294,7 +266,10 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
294
266
|
getInputField("rank", "Rank"),
|
|
295
267
|
getInputField("image", "Image Url"),
|
|
296
268
|
getInputField("title", "Card Title"),
|
|
297
|
-
getInputField("description", "Card Description")
|
|
269
|
+
getInputField("description", "Card Description"),
|
|
270
|
+
EmptyBox,
|
|
271
|
+
EmptyBox
|
|
272
|
+
];
|
|
298
273
|
break;
|
|
299
274
|
case "LeaderBoard":
|
|
300
275
|
uiSchema.elements = [
|
|
@@ -302,6 +277,8 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
302
277
|
getInputField("firstImage", "First Image url"),
|
|
303
278
|
getInputField("secondImage", "Second Image url"),
|
|
304
279
|
getInputField("thirdImage", "Third Image url"),
|
|
280
|
+
EmptyBox,
|
|
281
|
+
EmptyBox,
|
|
305
282
|
getTextArea("functionCode", "Write Compare Code", false)
|
|
306
283
|
];
|
|
307
284
|
break;
|
|
@@ -315,7 +292,9 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
315
292
|
getInputField("heading", "Heading"),
|
|
316
293
|
getInputField("bottomLabel_1", "First BottomLabel"),
|
|
317
294
|
getInputField("bottomLabel_2", "Second BottomLabel"),
|
|
318
|
-
getInputField("bottomLabel_3", "Third BottomLabel")
|
|
295
|
+
getInputField("bottomLabel_3", "Third BottomLabel"),
|
|
296
|
+
EmptyBox,
|
|
297
|
+
EmptyBox
|
|
319
298
|
];
|
|
320
299
|
break;
|
|
321
300
|
case "card":
|
|
@@ -358,7 +337,7 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
358
337
|
];
|
|
359
338
|
break;
|
|
360
339
|
case "WrapperSection":
|
|
361
|
-
uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), EmptyBox]
|
|
340
|
+
uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), getRadioInputField("isAccordion", "Accordion", ["YES", "No"]), EmptyBox]
|
|
362
341
|
break;
|
|
363
342
|
|
|
364
343
|
case "TabSection":
|
|
@@ -388,11 +367,13 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
388
367
|
uiSchema.elements = [
|
|
389
368
|
getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
|
|
390
369
|
getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
|
|
370
|
+
EmptyBox
|
|
391
371
|
]
|
|
392
372
|
break;
|
|
393
373
|
case "MultipleSelect":
|
|
394
374
|
uiSchema.elements = [
|
|
395
375
|
getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
|
|
376
|
+
EmptyBox,
|
|
396
377
|
EmptyBox
|
|
397
378
|
]
|
|
398
379
|
break;
|
|
@@ -9,7 +9,7 @@ export const CoreSection = {
|
|
|
9
9
|
widget: "SelectInputField",
|
|
10
10
|
},
|
|
11
11
|
config: {
|
|
12
|
-
layout: { xs:
|
|
12
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
13
13
|
main: {
|
|
14
14
|
label: "Type",
|
|
15
15
|
type: "text",
|
|
@@ -24,12 +24,7 @@ export const CoreSection = {
|
|
|
24
24
|
widget: "InputField",
|
|
25
25
|
},
|
|
26
26
|
config: {
|
|
27
|
-
layout: {
|
|
28
|
-
xs: 12,
|
|
29
|
-
sm: 12,
|
|
30
|
-
md: 6,
|
|
31
|
-
lg: 6,
|
|
32
|
-
},
|
|
27
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
33
28
|
main: {
|
|
34
29
|
label: "Name",
|
|
35
30
|
},
|
|
@@ -43,31 +38,16 @@ export const CoreSection = {
|
|
|
43
38
|
widget: "InputField",
|
|
44
39
|
},
|
|
45
40
|
config: {
|
|
46
|
-
layout: {
|
|
47
|
-
xs: 12,
|
|
48
|
-
sm: 12,
|
|
49
|
-
md: 6,
|
|
50
|
-
lg: 6,
|
|
51
|
-
},
|
|
41
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
52
42
|
main: {
|
|
53
43
|
label: "Label",
|
|
54
44
|
},
|
|
55
45
|
},
|
|
56
46
|
},
|
|
57
|
-
{
|
|
58
|
-
type: "Control",
|
|
59
|
-
scope: "#/properties/proc",
|
|
60
|
-
config: {
|
|
61
|
-
layout: { xs: 11, sm: 11, md: 6, lg: 6 },
|
|
62
|
-
},
|
|
63
|
-
options: {
|
|
64
|
-
widget: "EmptyBox",
|
|
65
|
-
},
|
|
66
|
-
},
|
|
67
47
|
{
|
|
68
48
|
type: "Control",
|
|
69
49
|
scope: "#/properties/layout",
|
|
70
|
-
layout:
|
|
50
|
+
layout: 12,
|
|
71
51
|
options: {
|
|
72
52
|
"elementLabelProp": "key",
|
|
73
53
|
detail: {
|
|
@@ -81,12 +61,7 @@ export const CoreSection = {
|
|
|
81
61
|
widget: "SelectInputField",
|
|
82
62
|
},
|
|
83
63
|
config: {
|
|
84
|
-
layout: {
|
|
85
|
-
xs: 11,
|
|
86
|
-
sm: 11,
|
|
87
|
-
md: 5.5,
|
|
88
|
-
lg: 5.5,
|
|
89
|
-
},
|
|
64
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
90
65
|
main: {
|
|
91
66
|
label: "Screen Size",
|
|
92
67
|
|
|
@@ -101,12 +76,7 @@ export const CoreSection = {
|
|
|
101
76
|
widget: "InputField",
|
|
102
77
|
},
|
|
103
78
|
config: {
|
|
104
|
-
layout: {
|
|
105
|
-
xs: 11,
|
|
106
|
-
sm: 11,
|
|
107
|
-
md: 5.5,
|
|
108
|
-
lg: 5.5,
|
|
109
|
-
},
|
|
79
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
110
80
|
main: {
|
|
111
81
|
label: "Value",
|
|
112
82
|
type:"number",
|
|
@@ -116,6 +86,16 @@ export const CoreSection = {
|
|
|
116
86
|
},
|
|
117
87
|
},
|
|
118
88
|
},
|
|
89
|
+
{
|
|
90
|
+
type: 'Control',
|
|
91
|
+
scope: '#/properties/emptyBox',
|
|
92
|
+
options: {
|
|
93
|
+
widget: "EmptyBox"
|
|
94
|
+
},
|
|
95
|
+
config: {
|
|
96
|
+
layout: {xs: 0, sm: 4}
|
|
97
|
+
}
|
|
98
|
+
}
|
|
119
99
|
],
|
|
120
100
|
},
|
|
121
101
|
},
|
|
@@ -1,58 +1,58 @@
|
|
|
1
1
|
export const EventSection = {
|
|
2
2
|
type: "HorizontalLayout",
|
|
3
3
|
elements: [
|
|
4
|
-
{
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
4
|
+
// {
|
|
5
|
+
// type: "WrapperLayout",
|
|
6
|
+
// config: {
|
|
7
|
+
// main: {
|
|
8
|
+
// // label: "Table Columns",
|
|
9
|
+
// divider: true,
|
|
10
|
+
// },
|
|
11
|
+
// wrapperStyle: {
|
|
12
|
+
// border:"1px solid gray"
|
|
13
|
+
// },
|
|
14
|
+
// },
|
|
15
|
+
// elements: [
|
|
16
|
+
// {
|
|
17
|
+
// type: "Control",
|
|
18
|
+
// scope: "#/properties/programType",
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
20
|
+
// options: {
|
|
21
|
+
// widget: "Box",
|
|
22
|
+
// },
|
|
23
|
+
// config: {
|
|
24
|
+
// layout: 8,
|
|
25
|
+
// main: {
|
|
26
|
+
// heading: "Event Table",
|
|
27
|
+
// },
|
|
28
|
+
// style: {
|
|
29
|
+
// fontFamily: "Roboto",
|
|
30
|
+
// fontWeight: "500",
|
|
31
|
+
// paddingLeft:"-10px",
|
|
32
|
+
// fontSize: "20px",},
|
|
33
|
+
// },
|
|
34
|
+
// },
|
|
35
|
+
// {
|
|
36
|
+
// type: "Control",
|
|
37
|
+
// scope: "#/properties/Back_Button",
|
|
38
38
|
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
39
|
+
// options: {
|
|
40
|
+
// widget: "IconButton",
|
|
41
|
+
// },
|
|
42
|
+
// config: {
|
|
43
|
+
// layout: 3,
|
|
44
|
+
// main: {
|
|
45
|
+
// icon: "AddIcon",
|
|
46
|
+
// styleDefault: true,
|
|
47
|
+
// size: "small",
|
|
48
|
+
// onClick: "eventAddHandler",
|
|
49
|
+
// tooltipMessage: "Back",
|
|
50
|
+
// },
|
|
51
|
+
// style: {
|
|
52
|
+
// float: "right",
|
|
53
|
+
// },
|
|
54
|
+
// },
|
|
55
|
+
// },
|
|
56
56
|
{
|
|
57
57
|
type: "Control",
|
|
58
58
|
scope: "#/properties/events",
|
|
@@ -61,6 +61,33 @@ export const EventSection = {
|
|
|
61
61
|
},
|
|
62
62
|
config: {
|
|
63
63
|
main: {
|
|
64
|
+
headerIcons: {
|
|
65
|
+
elements: [
|
|
66
|
+
{
|
|
67
|
+
widget: {
|
|
68
|
+
type: "Control",
|
|
69
|
+
scope: "#/properties/New_Record",
|
|
70
|
+
|
|
71
|
+
options: {
|
|
72
|
+
widget: "IconButton",
|
|
73
|
+
},
|
|
74
|
+
config: {
|
|
75
|
+
main: {
|
|
76
|
+
color: "info",
|
|
77
|
+
onClick: "eventAddHandler",
|
|
78
|
+
size: "small",
|
|
79
|
+
icon: "AddIcon",
|
|
80
|
+
iconLabel: "Add New",
|
|
81
|
+
styleDefault: true,
|
|
82
|
+
},
|
|
83
|
+
style: {
|
|
84
|
+
mt: "6px",
|
|
85
|
+
},
|
|
86
|
+
},
|
|
87
|
+
}
|
|
88
|
+
},
|
|
89
|
+
]
|
|
90
|
+
},
|
|
64
91
|
disableAction: true,
|
|
65
92
|
disableSelection: true,
|
|
66
93
|
enableDrag: true,
|
|
@@ -124,7 +151,7 @@ export const EventSection = {
|
|
|
124
151
|
},
|
|
125
152
|
]
|
|
126
153
|
}]}
|
|
127
|
-
]}
|
|
154
|
+
// ]}
|
|
128
155
|
|
|
129
156
|
export const EventSectionSchema = {
|
|
130
157
|
events: {
|
|
@@ -19,12 +19,7 @@ export const refreshSectionUiSchema = {
|
|
|
19
19
|
widget: "InputField",
|
|
20
20
|
},
|
|
21
21
|
config: {
|
|
22
|
-
layout: {
|
|
23
|
-
xs: 11,
|
|
24
|
-
sm: 11,
|
|
25
|
-
md: 5.5,
|
|
26
|
-
lg: 5.5,
|
|
27
|
-
},
|
|
22
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
28
23
|
main: {
|
|
29
24
|
label: "Value",
|
|
30
25
|
},
|
|
@@ -38,12 +33,7 @@ export const refreshSectionUiSchema = {
|
|
|
38
33
|
widget: "EmptyBox",
|
|
39
34
|
},
|
|
40
35
|
config: {
|
|
41
|
-
layout: {
|
|
42
|
-
xs: 11,
|
|
43
|
-
sm: 11,
|
|
44
|
-
md: 5.5,
|
|
45
|
-
lg: 5.5,
|
|
46
|
-
},
|
|
36
|
+
layout: { xs: 0, sm: 4, md: 4, lg: 4 },
|
|
47
37
|
main: {
|
|
48
38
|
|
|
49
39
|
},
|