covid19-dashboard
Version:
Dashboard App displaying COVID-19 numbers by country
130 lines (123 loc) • 5.01 kB
JavaScript
import Container from '../../../../node_modules/neo.mjs/src/container/Base.mjs';
import HeaderComponent from './HeaderComponent.mjs';
import HierarchyTreeList from './HierarchyTreeList.mjs';
import MainContainerController from './MainContainerController.mjs';
import MembersList from './MembersList.mjs';
import Panel from '../../../../node_modules/neo.mjs/src/container/Panel.mjs';
import SearchField from '../../../../node_modules/neo.mjs/src/form/field/Search.mjs';
/**
* @class Docs.view.classdetails.MainContainer
* @extends Neo.container.Base
*/
class MainContainer extends Container {
static getConfig() {return {
/**
* @member {String} className='Docs.view.classdetails.MainContainer'
* @protected
*/
className: 'Docs.view.classdetails.MainContainer',
/**
* @member {String} ntype='classdetails-maincontainer'
* @protected
*/
ntype: 'classdetails-maincontainer',
/**
* @member {String[]} cls=['neo-docs-classdetails-maincontainer', 'neo-container']
*/
cls: ['neo-docs-classdetails-maincontainer', 'neo-container'],
/**
* @member {Neo.controller.Component} controller=MainContainerController
*/
controller: MainContainerController,
/**
* @member {Object} layout={ntype: 'vbox', align: 'stretch'}
*/
layout: {ntype: 'vbox', align: 'stretch'},
/**
* @member {Object|null} structureData=null
*/
structureData: null,
/**
* @member {Array} items=[//...]]
*/
items: [{
ntype : 'container',
_cls : ['neo-docs-classdetails-headercontainer'],
flex : '0 1 auto',
layout: {ntype: 'hbox', align: 'stretch'},
items: [{
module : Panel,
cls : ['neo-docs-classdetails-headerpanel', 'neo-panel', 'neo-container'],
headers: [{
dock : 'bottom',
style: {borderWidth: 0},
items: [{
handler : 'onScrollIntoView',
reference: 'showConfigs',
style : {marginRight: '5px'},
text : 'Configs'
}, {
handler : 'onScrollIntoView',
reference: 'showMethods',
style : {marginRight: '5px'},
text : 'Methods'
}, {
handler : 'onScrollIntoView',
reference: 'showEvents',
text : 'Events'
}, {
ntype: 'component',
flex : 1
}, {
module : SearchField,
listeners : {change: 'onSearchFieldChange'},
placeholderText: 'Filter Members',
width : 160,
style: {
margin : 0,
marginRight: '5px',
paddingTop : '2px'
}
}, {
checked : true,
handler : 'onToggleMembers',
iconCls : 'fa fa-check-square',
reference: 'showPrivateMembers',
style : {marginRight: '5px'},
text : 'Private',
}, {
checked : true,
handler : 'onToggleMembers',
iconCls : 'fa fa-check-square',
reference: 'showProtectedMembers',
style : {marginRight: '5px'},
text : 'Protected',
}, {
checked : true,
handler : 'onToggleMembers',
iconCls : 'fa fa-check-square',
reference: 'showStaticMembers',
text : 'Static'
}]
}],
items: [{
module: HeaderComponent,
flex : 1,
record: '@config:structureData'
}]
}, {
module : HierarchyTreeList,
flex : '0 0 auto',
minWidth : 330,
structureData: '@config:structureData'
}]
}, {
module : MembersList,
flex : 1,
listeners: {mutateItems: 'onMutateItems'},
reference: 'classdetails-memberslist'
}]
}}
}
Neo.applyClassConfig(MainContainer);
export {MainContainer as default};