neo.mjs 8.0.0-alpha.2 → 8.0.0-beta.1
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/.github/CODING_GUIDELINES.md +5 -5
- package/.github/CONCEPT.md +10 -10
- package/apps/ServiceWorker.mjs +2 -2
- package/apps/covid/view/MainContainer.mjs +14 -14
- package/apps/covid/view/TableContainer.mjs +2 -2
- package/apps/portal/index.html +1 -1
- package/apps/portal/view/ViewportController.mjs +2 -2
- package/apps/portal/view/examples/TabContainer.mjs +11 -11
- package/apps/portal/view/home/FooterContainer.mjs +1 -1
- package/apps/portal/view/home/parts/MainNeo.mjs +6 -2
- package/apps/realworld/view/article/CreateComponent.mjs +1 -1
- package/apps/realworld2/view/HomeContainer.mjs +7 -7
- package/apps/sharedcovid/view/MainContainer.mjs +17 -17
- package/apps/sharedcovid/view/TableContainer.mjs +2 -2
- package/buildScripts/createApp.mjs +2 -2
- package/buildScripts/createClass.mjs +4 -6
- package/docs/app/view/ContentTabContainer.mjs +1 -1
- package/docs/app/view/MainContainer.mjs +3 -3
- package/docs/app/view/MainContainerController.mjs +9 -9
- package/examples/ServiceWorker.mjs +2 -2
- package/examples/component/mwc/buttons/MainContainer.mjs +2 -2
- package/examples/component/mwc/textFields/MainContainer.mjs +2 -2
- package/examples/fields/MainContainer.mjs +197 -228
- package/examples/preloadingAssets/view/MainContainer.mjs +2 -2
- package/examples/tab/container/MainContainer.mjs +7 -9
- package/examples/tabs/MainContainer.mjs +3 -3
- package/examples/tabs/MainContainer2.mjs +4 -4
- package/examples/videoMove/MainContainer.mjs +14 -7
- package/examples/viewport/MainContainer.mjs +3 -3
- package/package.json +6 -6
- package/resources/data/deck/learnneo/pages/benefits/FormsEngine.md +13 -13
- package/resources/data/deck/training/pages/2022-12-27T21-55-23-144Z.md +2 -2
- package/resources/data/deck/training/pages/2022-12-28T17-11-34-653Z.md +6 -6
- package/resources/data/deck/training/pages/2022-12-29T18-36-08-226Z.md +2 -2
- package/resources/data/deck/training/pages/2022-12-29T18-36-56-893Z.md +2 -2
- package/resources/data/deck/training/pages/2022-12-29T20-37-08-919Z.md +2 -2
- package/resources/data/deck/training/pages/2022-12-29T20-37-20-344Z.md +2 -2
- package/resources/data/deck/training/pages/2023-01-01T21-11-58-025Z.md +3 -3
- package/resources/data/deck/training/pages/2023-01-16T20-24-09-690Z.md +4 -4
- package/resources/data/deck/training/pages/2023-02-05T17-44-53-815Z.md +3 -3
- package/resources/data/deck/training/pages/2023-02-05T17-45-40-114Z.md +1 -1
- package/src/DefaultConfig.mjs +2 -2
- package/src/calendar/view/SettingsContainer.mjs +13 -28
- package/src/calendar/view/calendars/ColorsList.mjs +5 -0
- package/src/code/LivePreview.mjs +10 -10
- package/src/component/Base.mjs +46 -44
- package/src/container/Base.mjs +1 -1
- package/src/form/field/Text.mjs +1 -1
- package/src/form/field/Time.mjs +5 -3
- package/src/form/field/trigger/Time.mjs +2 -1
- package/src/list/Base.mjs +7 -1
- package/src/list/Color.mjs +3 -3
- package/src/main/DomEvents.mjs +1 -1
- package/src/main/DomUtils.mjs +39 -36
- package/src/tab/Container.mjs +3 -5
- package/src/toolbar/Base.mjs +26 -8
- package/src/util/VNode.mjs +6 -8
|
@@ -272,16 +272,16 @@ items: [HeaderContainer, {
|
|
|
272
272
|
style : {margin: '10px', marginTop: 0},
|
|
273
273
|
|
|
274
274
|
items: [{
|
|
275
|
-
module
|
|
276
|
-
reference
|
|
277
|
-
|
|
275
|
+
module : () => import('./TableContainer.mjs'),
|
|
276
|
+
reference: 'table-container',
|
|
277
|
+
header : {
|
|
278
278
|
iconCls: 'fa fa-table',
|
|
279
279
|
route : 'mainview=table',
|
|
280
280
|
text : 'Table'
|
|
281
281
|
}
|
|
282
282
|
}, {
|
|
283
|
-
module
|
|
284
|
-
|
|
283
|
+
module: () => import('./mapboxGl/Container.mjs'),
|
|
284
|
+
header: {
|
|
285
285
|
iconCls: 'fa fa-globe-americas',
|
|
286
286
|
route : 'mainview=mapboxglmap',
|
|
287
287
|
text : 'Mapbox GL Map'
|
package/.github/CONCEPT.md
CHANGED
|
@@ -368,7 +368,7 @@ items: [HeaderContainer, {
|
|
|
368
368
|
listeners: {leafItemClick: 'onApiListLeafClick'},
|
|
369
369
|
reference: 'api-treelist',
|
|
370
370
|
|
|
371
|
-
|
|
371
|
+
header: {
|
|
372
372
|
iconCls: 'fa fa-code',
|
|
373
373
|
text : 'API'
|
|
374
374
|
}
|
|
@@ -377,7 +377,7 @@ items: [HeaderContainer, {
|
|
|
377
377
|
listeners: {leafItemClick: 'onTutorialListLeafClick'},
|
|
378
378
|
reference: 'tutorials-treelist',
|
|
379
379
|
|
|
380
|
-
|
|
380
|
+
header: {
|
|
381
381
|
iconCls: 'fa fa-hands-helping',
|
|
382
382
|
text : 'Tutorials'
|
|
383
383
|
}
|
|
@@ -386,7 +386,7 @@ items: [HeaderContainer, {
|
|
|
386
386
|
listeners: {leafItemClick: 'onExamplesListLeafClick'},
|
|
387
387
|
reference: 'examples-treelist',
|
|
388
388
|
|
|
389
|
-
|
|
389
|
+
header: {
|
|
390
390
|
iconCls: 'fa fa-desktop',
|
|
391
391
|
text : 'Examples'
|
|
392
392
|
}
|
|
@@ -437,14 +437,14 @@ items: [{
|
|
|
437
437
|
flex : 3,
|
|
438
438
|
|
|
439
439
|
items: [{
|
|
440
|
-
ntype
|
|
441
|
-
cls
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
vdom
|
|
440
|
+
ntype : 'component',
|
|
441
|
+
cls : ['neo-examples-tab-component'],
|
|
442
|
+
header: {iconCls: 'fa fa-user-ninja', text: 'Your Feed'},
|
|
443
|
+
style : {padding: '20px'},
|
|
444
|
+
vdom : {innerHTML: 'todo'}
|
|
445
445
|
}, {
|
|
446
|
-
module
|
|
447
|
-
|
|
446
|
+
module: PreviewList,
|
|
447
|
+
header: {iconCls: 'fa fa-globe-europe', text: 'Global Feed'}
|
|
448
448
|
}]
|
|
449
449
|
}, {
|
|
450
450
|
module: TagListComponent,
|
package/apps/ServiceWorker.mjs
CHANGED
|
@@ -36,45 +36,45 @@ class MainContainer extends Viewport {
|
|
|
36
36
|
style : {margin: '10px', marginTop: 0},
|
|
37
37
|
|
|
38
38
|
items: [{
|
|
39
|
-
module
|
|
40
|
-
reference
|
|
41
|
-
|
|
39
|
+
module : () => import('./TableContainer.mjs'),
|
|
40
|
+
reference: 'table-container',
|
|
41
|
+
header : {
|
|
42
42
|
iconCls: 'fa fa-table',
|
|
43
43
|
route : 'mainview=table',
|
|
44
44
|
text : 'Table'
|
|
45
45
|
}
|
|
46
46
|
}, {
|
|
47
|
-
module
|
|
48
|
-
|
|
47
|
+
module: () => import('./mapboxGl/Container.mjs'),
|
|
48
|
+
header: {
|
|
49
49
|
iconCls: 'fa fa-globe-americas',
|
|
50
50
|
route : 'mainview=mapboxglmap',
|
|
51
51
|
text : 'Mapbox GL Map'
|
|
52
52
|
}
|
|
53
53
|
}, {
|
|
54
|
-
module
|
|
55
|
-
|
|
54
|
+
module: () => import('./WorldMapContainer.mjs'),
|
|
55
|
+
header: {
|
|
56
56
|
iconCls: 'fa fa-globe-americas',
|
|
57
57
|
route : 'mainview=worldmap',
|
|
58
58
|
text : 'World Map'
|
|
59
59
|
}
|
|
60
60
|
}, {
|
|
61
|
-
module
|
|
62
|
-
|
|
61
|
+
module: () => import('./GalleryContainer.mjs'),
|
|
62
|
+
header: {
|
|
63
63
|
iconCls: 'fa fa-images',
|
|
64
64
|
route : 'mainview=gallery',
|
|
65
65
|
text : 'Gallery'
|
|
66
66
|
}
|
|
67
67
|
}, {
|
|
68
|
-
module
|
|
69
|
-
|
|
68
|
+
module: () => import('./HelixContainer.mjs'),
|
|
69
|
+
header: {
|
|
70
70
|
iconCls: 'fa fa-dna',
|
|
71
71
|
route : 'mainview=helix',
|
|
72
72
|
text : 'Helix'
|
|
73
73
|
}
|
|
74
74
|
}, {
|
|
75
|
-
module
|
|
76
|
-
reference
|
|
77
|
-
|
|
75
|
+
module : () => import('./AttributionComponent.mjs'),
|
|
76
|
+
reference: 'attribution',
|
|
77
|
+
header : {
|
|
78
78
|
iconCls: 'fa fa-copyright',
|
|
79
79
|
route : 'mainview=attribution',
|
|
80
80
|
text : 'Attribution'
|
|
@@ -127,7 +127,7 @@ class TableContainer extends Container {
|
|
|
127
127
|
reference: 'line-chart',
|
|
128
128
|
}],
|
|
129
129
|
|
|
130
|
-
|
|
130
|
+
header: {
|
|
131
131
|
iconCls: 'fa fa-chart-line',
|
|
132
132
|
text : 'Chart'
|
|
133
133
|
}
|
|
@@ -150,7 +150,7 @@ class TableContainer extends Container {
|
|
|
150
150
|
parentId : me.id,
|
|
151
151
|
reference: 'historical-data-table',
|
|
152
152
|
|
|
153
|
-
|
|
153
|
+
header: {
|
|
154
154
|
iconCls: 'fa fa-table',
|
|
155
155
|
text : 'Table'
|
|
156
156
|
},
|
package/apps/portal/index.html
CHANGED
|
@@ -355,14 +355,14 @@ class ViewportController extends Controller {
|
|
|
355
355
|
NeoArray.toggle(cls, 'separate-bar', vertical)
|
|
356
356
|
}
|
|
357
357
|
|
|
358
|
-
headerSocialIcons.cls = cls
|
|
358
|
+
headerSocialIcons.cls = cls;
|
|
359
359
|
|
|
360
360
|
|
|
361
361
|
if (hidden && vertical) {
|
|
362
362
|
await me.timeout(200)
|
|
363
363
|
}
|
|
364
364
|
|
|
365
|
-
headerSocialIcons.hidden = hidden
|
|
365
|
+
headerSocialIcons.hidden = hidden
|
|
366
366
|
}
|
|
367
367
|
}
|
|
368
368
|
}
|
|
@@ -42,27 +42,27 @@ class TabContainer extends Container {
|
|
|
42
42
|
* @member {Object[]} items
|
|
43
43
|
*/
|
|
44
44
|
items: [{
|
|
45
|
-
reference
|
|
46
|
-
store
|
|
47
|
-
|
|
45
|
+
reference: 'examples-devmode-list',
|
|
46
|
+
store : {module: ExampleStore, url: '../../apps/portal/resources/data/examples_devmode.json'},
|
|
47
|
+
header : {
|
|
48
48
|
iconCls: 'fa fa-chess-knight',
|
|
49
49
|
route : '/examples/devmode',
|
|
50
50
|
text : 'DevMode'
|
|
51
51
|
}
|
|
52
52
|
}, {
|
|
53
|
-
environment
|
|
54
|
-
reference
|
|
55
|
-
store
|
|
56
|
-
|
|
53
|
+
environment: 'dist/development',
|
|
54
|
+
reference : 'examples-dist-dev-list',
|
|
55
|
+
store : {module: ExampleStore, url: '../../apps/portal/resources/data/examples_dist_dev.json'},
|
|
56
|
+
header : {
|
|
57
57
|
iconCls: 'fa fa-chess-queen',
|
|
58
58
|
route : '/examples/dist_dev',
|
|
59
59
|
text : 'dist/dev'
|
|
60
60
|
}
|
|
61
61
|
}, {
|
|
62
|
-
environment
|
|
63
|
-
reference
|
|
64
|
-
store
|
|
65
|
-
|
|
62
|
+
environment: 'dist/production',
|
|
63
|
+
reference : 'examples-dist-prod-list',
|
|
64
|
+
store : {module: ExampleStore, url: '../../apps/portal/resources/data/examples_dist_prod.json'},
|
|
65
|
+
header : {
|
|
66
66
|
iconCls: 'fa fa-chess-king',
|
|
67
67
|
route : '/examples/dist_prod',
|
|
68
68
|
text : 'dist/prod'
|
|
@@ -40,8 +40,12 @@ class MainNeo extends BaseContainer {
|
|
|
40
40
|
}, {
|
|
41
41
|
cls : ['neo-h3'],
|
|
42
42
|
flex: 'none',
|
|
43
|
-
|
|
44
|
-
|
|
43
|
+
tag : 'h3',
|
|
44
|
+
|
|
45
|
+
html: [
|
|
46
|
+
'Neo.mjs provides a new approach for building feature-rich web applications. Increase productivity by leveraging ',
|
|
47
|
+
'a vast component library and harness the power of multi-threading for extreme real-time performance.'
|
|
48
|
+
].join('')
|
|
45
49
|
}, {
|
|
46
50
|
ntype: 'container',
|
|
47
51
|
cls : ['button-group'],
|
|
@@ -190,7 +190,7 @@ class CreateComponent extends Component {
|
|
|
190
190
|
id : event.target.id,
|
|
191
191
|
attributes: 'value'
|
|
192
192
|
}).then(data => {
|
|
193
|
-
VNodeUtil.
|
|
193
|
+
VNodeUtil.find(me.vnode, {className: 'field-tags'}).vnode.attributes.value = data.value;
|
|
194
194
|
me.tagList = [...me._tagList, data.value];
|
|
195
195
|
});
|
|
196
196
|
}
|
|
@@ -56,14 +56,14 @@ class HomeContainer extends Container {
|
|
|
56
56
|
flex : 3,
|
|
57
57
|
|
|
58
58
|
items: [{
|
|
59
|
-
ntype
|
|
60
|
-
cls
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
vdom
|
|
59
|
+
ntype : 'component',
|
|
60
|
+
cls : ['neo-examples-tab-component'],
|
|
61
|
+
header: {iconCls: 'fa fa-user-ninja', text: 'Your Feed'},
|
|
62
|
+
style : {padding: '20px'},
|
|
63
|
+
vdom : {innerHTML: 'todo'}
|
|
64
64
|
}, {
|
|
65
|
-
module
|
|
66
|
-
|
|
65
|
+
module: PreviewList,
|
|
66
|
+
header: {iconCls: 'fa fa-globe-europe', text: 'Global Feed'}
|
|
67
67
|
}]
|
|
68
68
|
}, {
|
|
69
69
|
module: TagListComponent,
|
|
@@ -36,48 +36,48 @@ class MainContainer extends Viewport {
|
|
|
36
36
|
style : {margin: '10px', marginTop: 0},
|
|
37
37
|
|
|
38
38
|
items: [{
|
|
39
|
-
module
|
|
40
|
-
reference
|
|
41
|
-
|
|
39
|
+
module : () => import('./TableContainer.mjs'),
|
|
40
|
+
reference: 'table-container',
|
|
41
|
+
header : {
|
|
42
42
|
iconCls: 'fa fa-table',
|
|
43
43
|
route : 'mainview=table',
|
|
44
44
|
text : 'Table'
|
|
45
45
|
}
|
|
46
46
|
}, {
|
|
47
|
-
module
|
|
48
|
-
reference
|
|
49
|
-
|
|
47
|
+
module : () => import('./mapboxGl/Container.mjs'),
|
|
48
|
+
reference: 'mapbox-gl-container',
|
|
49
|
+
header : {
|
|
50
50
|
iconCls: 'fa fa-globe-americas',
|
|
51
51
|
route : 'mainview=mapboxglmap',
|
|
52
52
|
text : 'Mapbox GL Map'
|
|
53
53
|
}
|
|
54
54
|
}, {
|
|
55
|
-
module
|
|
56
|
-
|
|
55
|
+
module: () => import('./WorldMapContainer.mjs'),
|
|
56
|
+
header: {
|
|
57
57
|
iconCls: 'fa fa-globe-americas',
|
|
58
58
|
route : 'mainview=worldmap',
|
|
59
59
|
text : 'World Map'
|
|
60
60
|
}
|
|
61
61
|
}, {
|
|
62
|
-
module
|
|
63
|
-
reference
|
|
64
|
-
|
|
62
|
+
module : () => import('./GalleryContainer.mjs'),
|
|
63
|
+
reference: 'gallery-container',
|
|
64
|
+
header : {
|
|
65
65
|
iconCls: 'fa fa-images',
|
|
66
66
|
route : 'mainview=gallery',
|
|
67
67
|
text : 'Gallery'
|
|
68
68
|
}
|
|
69
69
|
}, {
|
|
70
|
-
module
|
|
71
|
-
reference
|
|
72
|
-
|
|
70
|
+
module : () => import('./HelixContainer.mjs'),
|
|
71
|
+
reference: 'helix-container',
|
|
72
|
+
header : {
|
|
73
73
|
iconCls: 'fa fa-dna',
|
|
74
74
|
route : 'mainview=helix',
|
|
75
75
|
text : 'Helix'
|
|
76
76
|
}
|
|
77
77
|
}, {
|
|
78
|
-
module
|
|
79
|
-
reference
|
|
80
|
-
|
|
78
|
+
module : () => import('./AttributionComponent.mjs'),
|
|
79
|
+
reference: 'attribution',
|
|
80
|
+
header : {
|
|
81
81
|
iconCls: 'fa fa-copyright',
|
|
82
82
|
route : 'mainview=attribution',
|
|
83
83
|
text : 'Attribution'
|
|
@@ -132,7 +132,7 @@ class TableContainer extends Container {
|
|
|
132
132
|
reference: 'line-chart',
|
|
133
133
|
}],
|
|
134
134
|
|
|
135
|
-
|
|
135
|
+
header: {
|
|
136
136
|
iconCls: 'fa fa-chart-line',
|
|
137
137
|
text : 'Chart'
|
|
138
138
|
}
|
|
@@ -156,7 +156,7 @@ class TableContainer extends Container {
|
|
|
156
156
|
reference: 'historical-data-table',
|
|
157
157
|
windowId : me.windowId,
|
|
158
158
|
|
|
159
|
-
|
|
159
|
+
header: {
|
|
160
160
|
iconCls: 'fa fa-table',
|
|
161
161
|
text : 'Table'
|
|
162
162
|
},
|
|
@@ -232,13 +232,13 @@ if (programOpts.info) {
|
|
|
232
232
|
" },",
|
|
233
233
|
"",
|
|
234
234
|
" items: [{",
|
|
235
|
-
"
|
|
235
|
+
" header: {",
|
|
236
236
|
" iconCls: 'fa fa-home',",
|
|
237
237
|
" text : 'Tab 1'",
|
|
238
238
|
" },",
|
|
239
239
|
" vdom: {innerHTML: 'Welcome to your new Neo App.'}",
|
|
240
240
|
" }, {",
|
|
241
|
-
"
|
|
241
|
+
" header: {",
|
|
242
242
|
" iconCls: 'fa fa-play-circle',",
|
|
243
243
|
" text : 'Tab 2'",
|
|
244
244
|
" },",
|
|
@@ -649,16 +649,14 @@ if (programOpts.info) {
|
|
|
649
649
|
" * @member {Object[]} items",
|
|
650
650
|
" */",
|
|
651
651
|
" items: [{",
|
|
652
|
-
" ntype: 'component',",
|
|
653
|
-
"",
|
|
654
|
-
" tabButtonConfig: {",
|
|
652
|
+
" ntype : 'component',",
|
|
653
|
+
" header: {",
|
|
655
654
|
" iconCls: 'fa fa-home',",
|
|
656
655
|
" text : 'Tab 1'",
|
|
657
656
|
" }",
|
|
658
657
|
" }, {",
|
|
659
|
-
" ntype: 'component',",
|
|
660
|
-
"",
|
|
661
|
-
" tabButtonConfig: {",
|
|
658
|
+
" ntype : 'component',",
|
|
659
|
+
" header: {",
|
|
662
660
|
" iconCls: 'fa fa-play-circle',",
|
|
663
661
|
" text : 'Tab 2'",
|
|
664
662
|
" }",
|
|
@@ -71,7 +71,7 @@ class MainContainer extends Viewport {
|
|
|
71
71
|
listeners: {leafItemClick: 'onApiListLeafClick'},
|
|
72
72
|
reference: 'api-treelist',
|
|
73
73
|
|
|
74
|
-
|
|
74
|
+
header: {
|
|
75
75
|
iconCls: 'fa fa-code',
|
|
76
76
|
text : 'API'
|
|
77
77
|
}
|
|
@@ -80,7 +80,7 @@ class MainContainer extends Viewport {
|
|
|
80
80
|
listeners: {leafItemClick: 'onExamplesListLeafClick'},
|
|
81
81
|
reference: 'examples-treelist',
|
|
82
82
|
|
|
83
|
-
|
|
83
|
+
header: {
|
|
84
84
|
iconCls: 'fa fa-desktop',
|
|
85
85
|
text : 'Examples'
|
|
86
86
|
}
|
|
@@ -118,7 +118,7 @@ class MainContainer extends Viewport {
|
|
|
118
118
|
}
|
|
119
119
|
|
|
120
120
|
// Disable the examples Tab for dist versions until the webpack builds can handle this (see: #140)
|
|
121
|
-
me.items[1].items[0].items[1].
|
|
121
|
+
me.items[1].items[0].items[1].header.disabled = Neo.config.environment !== 'development'
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
/**
|
|
@@ -57,7 +57,7 @@ class MainContainerController extends Component {
|
|
|
57
57
|
id : record.className,
|
|
58
58
|
structureData: record,
|
|
59
59
|
|
|
60
|
-
|
|
60
|
+
header: {
|
|
61
61
|
iconCls: record.singleton ? 'fa fa-arrow-alt-circle-right' : 'fa fa-copyright',
|
|
62
62
|
text : record.name
|
|
63
63
|
}
|
|
@@ -74,7 +74,7 @@ class MainContainerController extends Component {
|
|
|
74
74
|
pathArray = [],
|
|
75
75
|
store = me.getReference('examples-treelist').store,
|
|
76
76
|
tmpRecord = record,
|
|
77
|
-
|
|
77
|
+
header;
|
|
78
78
|
|
|
79
79
|
while (tmpRecord.parentId !== null) {
|
|
80
80
|
tmpRecord = store.get(tmpRecord.parentId);
|
|
@@ -83,7 +83,7 @@ class MainContainerController extends Component {
|
|
|
83
83
|
|
|
84
84
|
name = 'examples_' + name;
|
|
85
85
|
|
|
86
|
-
|
|
86
|
+
header = {
|
|
87
87
|
iconCls: 'fa fa-desktop',
|
|
88
88
|
text : record.name
|
|
89
89
|
};
|
|
@@ -94,8 +94,8 @@ class MainContainerController extends Component {
|
|
|
94
94
|
record.path).then((module) => {
|
|
95
95
|
contentTabContainer.add({
|
|
96
96
|
module: module.default,
|
|
97
|
-
|
|
98
|
-
|
|
97
|
+
header,
|
|
98
|
+
id : name
|
|
99
99
|
})
|
|
100
100
|
}
|
|
101
101
|
)
|
|
@@ -115,10 +115,10 @@ class MainContainerController extends Component {
|
|
|
115
115
|
|
|
116
116
|
contentTabContainer.add({
|
|
117
117
|
ntype: 'container',
|
|
118
|
+
header,
|
|
118
119
|
id : name,
|
|
119
120
|
items,
|
|
120
|
-
style: {padding: '10px'}
|
|
121
|
-
tabButtonConfig
|
|
121
|
+
style: {padding: '10px'}
|
|
122
122
|
})
|
|
123
123
|
})
|
|
124
124
|
}
|
|
@@ -212,7 +212,7 @@ class MainContainerController extends Component {
|
|
|
212
212
|
fileType: record.type,
|
|
213
213
|
id : record.name,
|
|
214
214
|
|
|
215
|
-
|
|
215
|
+
header: {
|
|
216
216
|
iconCls: 'fa fa-hands-helping',
|
|
217
217
|
text : record.name
|
|
218
218
|
}
|
|
@@ -240,7 +240,7 @@ class MainContainerController extends Component {
|
|
|
240
240
|
line : lineNumber,
|
|
241
241
|
structureData: record,
|
|
242
242
|
|
|
243
|
-
|
|
243
|
+
header: {
|
|
244
244
|
iconCls: 'fa fa-code',
|
|
245
245
|
text : record.name
|
|
246
246
|
}
|
|
@@ -45,7 +45,7 @@ class MainContainer extends Viewport {
|
|
|
45
45
|
label: 'dense'
|
|
46
46
|
}],
|
|
47
47
|
|
|
48
|
-
|
|
48
|
+
header: {
|
|
49
49
|
iconCls: 'fa fa-home',
|
|
50
50
|
text : 'Tab 1'
|
|
51
51
|
}
|
|
@@ -78,7 +78,7 @@ class MainContainer extends Viewport {
|
|
|
78
78
|
label: 'dense'
|
|
79
79
|
}],
|
|
80
80
|
|
|
81
|
-
|
|
81
|
+
header: {
|
|
82
82
|
iconCls: 'fa fa-play-circle',
|
|
83
83
|
text : 'Tab 2'
|
|
84
84
|
}
|
|
@@ -38,7 +38,7 @@ class MainContainer extends Viewport {
|
|
|
38
38
|
helper: 'Helper Text'
|
|
39
39
|
}],
|
|
40
40
|
|
|
41
|
-
|
|
41
|
+
header: {
|
|
42
42
|
iconCls: 'fa fa-home',
|
|
43
43
|
text : 'Filled'
|
|
44
44
|
}
|
|
@@ -64,7 +64,7 @@ class MainContainer extends Viewport {
|
|
|
64
64
|
helper: 'Helper Text'
|
|
65
65
|
}],
|
|
66
66
|
|
|
67
|
-
|
|
67
|
+
header: {
|
|
68
68
|
iconCls: 'fa fa-play-circle',
|
|
69
69
|
text : 'Outlined'
|
|
70
70
|
}
|