Function createMainContainer

buildScripts/create/example.mjs:97–158

(classFolder, componentPath, componentChunk, name)

function createMainContainer(classFolder, componentPath, componentChunk, name) {
    const template = [];

    template.push(
        "import ConfigurationViewport from '../../ConfigurationViewport.mjs';",
        "import NumberField           from '../../../src/form/field/Number.mjs';",
        `import ${name}               from '../../../src/${componentPath}.mjs';`,
        "",
        "/**",
        ` * @class Neo.examples.${componentChunk.toLowerCase()}.MainContainer`,
        " * @extends Neo.examples.ConfigurationViewport",
        " */",
        "class MainContainer extends ConfigurationViewport {",
        "    static config = {",
        `        className: 'Neo.examples.${componentChunk.toLowerCase()}.MainContainer',`,
        "        autoMount: true,",
        "        configItemLabelWidth: 110,",
        "        configItemWidth: 230,",
        "        layout: { ntype: 'hbox', align: 'stretch' }",
        "    }",
        "",
        "   createConfigurationComponents() {",
        "       let me = this;",
        "",
        "       return [{",
        "           module: NumberField,",
        "           clearable: true,",
        "           labelText: 'height',",
        "           listeners: { change: me.onConfigChange.bind(me, 'height') },",
        "           maxValue: 100,",
        "           minValue: 20,",
        "           stepSize: 2,",
        "           style: { marginTop: '10px' },",
        "           value: me.exampleComponent.height",
        "       }, {",
        "           module: NumberField,",
        "           clearable: true,",
        "           labelText: 'width',",
        "           listeners: { change: me.onConfigChange.bind(me, 'width') },",
        "           maxValue: 300,",
        "           minValue: 100,",
        "           stepSize: 5,",
        "           style: { marginTop: '10px' },",
        "           value: me.exampleComponent.width",
        "       }]",
        "   }",
        "",
        "   createExampleComponent() {",
        "       return Neo.create({",
        `           module: ${name},`,
        "           height: 30,",
        "           width:  100",
        "           // property_xy: <value>",
        "       })",
        "   }",
        "}",
        "",
        "export default Neo.setupClass(MainContainer);"