covid19-dashboard
Version:
Dashboard App displaying COVID-19 numbers by country
73 lines (69 loc) • 2.34 kB
JavaScript
import Container from '../../../node_modules/neo.mjs/src/container/Base.mjs';
import Button from '../../../node_modules/neo.mjs/src/button/Base.mjs';
import SearchField from '../../../node_modules/neo.mjs/src/form/field/Search.mjs';
/**
* @class Docs.view.HeaderContainer
* @extends Neo.container.Base
*/
class HeaderContainer extends Container {
static getConfig() {return {
/**
* @member {String} className='Docs.view.HeaderContainer'
* @protected
*/
className: 'Docs.view.HeaderContainer',
/**
* @member {String} ntype='header-container'
* @protected
*/
ntype: 'neo-docs-header-container',
/**
* @member {String[]} cls=['neo-docs-header-container']
*/
cls: ['neo-docs-header-container'],
/**
* @member {Number} height=55
*/
height: 55,
/**
* @member {Object} layout={ntype: 'hbox', align: 'stretch'}
*/
layout: {ntype: 'hbox', align: 'stretch'},
/**
* @member {Array} items=[//...]
*/
items: [{
module : SearchField,
listeners : {change: 'onNavigationSearchFieldChange'},
placeholderText: 'Filter Navigation',
style : {padding: '10px'},
width : 240
}, {
module : Button,
domListeners: {click: 'onSwitchThemeButtonClick'},
flex : 'none',
height : 27,
reference : 'theme-button',
style : {marginTop: '5px'},
text : 'Theme Dark'
}, {
module : Button,
domListeners: {click: 'onSwitchSourceViewThemeButtonClick'},
flex : 'none',
height : 27,
reference : 'source-view-theme-button',
style : {marginLeft: '10px', marginTop: '5px'},
text : 'Source View Theme Dark'
}, {
ntype: 'component',
flex : 1
}, {
ntype: 'component',
cls : ['neo-logo-text'],
html : 'neo.mjs docs',
width: 210
}]
}}
}
Neo.applyClassConfig(HeaderContainer);
export {HeaderContainer as default};