neo.mjs 6.20.1 → 6.22.0

package/apps/website/model/Example.mjs

@@ -1,48 +0,0 @@
-import Model  from '../../../src/data/Model.mjs';
-
-/**
- * @class Website.model.Example
- * @extends Neo.data.Model
- */
-class Example extends Model {
-    static config = {
-        /**
-         * @member {String} className='Website.model.Example'
-         * @protected
-         */
-        className: 'BlogPost.model.Example',
-        /**
-         * @member {Object[]} fields
-         * @protected
-         */
-        fields: [{
-            name: 'backgroundColor',
-            type: 'String'
-        }, {
-            name: 'browsers',
-            type: 'Array'
-        }, {
-            name: 'environments',
-            type: 'Array'
-        }, {
-            name: 'id',
-            type: 'Integer'
-        }, {
-            name: 'image',
-            type: 'String'
-        }, {
-            name: 'name',
-            type: 'String'
-        }, {
-            name: 'sourceUrl',
-            type: 'String'
-        }, {
-            name: 'url',
-            type: 'String'
-        }]
-    }
-}
-
-Neo.setupClass(Example);
-
-export default Example;

package/apps/website/neo-config.json

@@ -1,7 +0,0 @@
-{
-    "appPath"         : "apps/website/app.mjs",
-    "basePath"        : "../../",
-    "environment"     : "development",
-    "mainPath"        : "./Main.mjs",
-    "mainThreadAddons": ["DragDrop", "Navigator", "Stylesheet"]
-}

package/apps/website/store/BlogPosts.mjs

@@ -1,39 +0,0 @@
-import BlogPost from '../model/BlogPost.mjs';
-import Store    from '../../../src/data/Store.mjs';
-
-/**
- * @class Website.store.BlogPosts
- * @extends Neo.data.Store
- */
-class BlogPosts extends Store {
-    static config = {
-        /**
-         * @member {String} className='Website.store.BlogPosts'
-         * @protected
-         */
-        className: 'Website.store.BlogPosts',
-        /**
-         * @member {String} keyProperty='id'
-         */
-        keyProperty: 'id',
-        /**
-         * @member {Neo.data.Model} model=BlogPost
-         */
-        model: BlogPost,
-        /**
-         * @member {Object[]} sorters=[{property: 'id', direction: 'DESC'}]
-         */
-        sorters: [{
-            property : 'id',
-            direction: 'DESC'
-        }],
-        /**
-         * @member {String} url='../../apps/website/data/blog.json'
-         */
-        url: '../../apps/website/data/blog.json'
-    }
-}
-
-Neo.setupClass(BlogPosts);
-
-export default BlogPosts;

package/apps/website/store/Examples.mjs

@@ -1,35 +0,0 @@
-import Example from '../model/Example.mjs';
-import Store   from '../../../src/data/Store.mjs';
-
-/**
- * @class Website.store.Examples
- * @extends Neo.data.Store
- */
-class Examples extends Store {
-    static config = {
-        /**
-         * @member {String} className='Website.store.Examples'
-         * @protected
-         */
-        className: 'Website.store.Examples',
-        /**
-         * @member {String} keyProperty='id'
-         */
-        keyProperty: 'id',
-        /**
-         * @member {Neo.data.Model} model=Example
-         */
-        model: Example,
-        /**
-         * @member {Object[]} sorters=[{property: 'id', direction: 'ASC'}]
-         */
-        sorters: [{
-            property : 'id',
-            direction: 'DESC'
-        }]
-    }
-}
-
-Neo.setupClass(Examples);
-
-export default Examples;

package/apps/website/view/HeaderContainer.mjs

@@ -1,72 +0,0 @@
-import Container from '../../../src/container/Base.mjs';
-
-/**
- * @class Website.view.HeaderContainer
- * @extends Neo.container.Base
- */
-class HeaderContainer extends Container {
-    static config = {
-        /**
-         * @member {String} className='Website.view.HeaderContainer'
-         * @protected
-         */
-        className: 'Website.view.HeaderContainer',
-        /**
-         * @member {String[]} baseCls=['website-header-container']
-         */
-        baseCls: ['website-header-container'],
-        /**
-         * @member {Object} layout={ntype: 'hbox', align: 'stretch'}
-         */
-        layout: {ntype: 'fit'},
-        /**
-         * @member {Array} items
-         */
-        items: [{
-            ntype    : 'component',
-            reference: 'logo',
-
-            vdom:
-            {cn: [
-                {cls: ['neo-full-size', 'neo-logo']},
-                {cls: ['neo-relative'], cn: [
-                    {cls: ['neo-absolute', 'neo-item-bottom-position'], cn: [
-                        {cls: ['neo-title'], html: 'neo.mjs'},
-                        {cls: ['neo-inner-content'], cn: [
-                            {cls : ['neo-inner-details'], html: 'Create multithreaded Web Apps'}
-                        ]}
-                    ]}
-                ]}
-            ]}
-        }, {
-            ntype : 'container',
-            cls   : ['website-header-buttons'],
-            layout: {ntype: 'hbox', align: 'stretch'},
-
-            itemDefaults: {
-                ntype: 'button'
-            },
-
-            items: [{
-                handler: 'onSwitchThemeButtonClick',
-                iconCls: 'fa fa-moon'
-            }, {
-                iconCls: 'fab fa-github',
-                url    : 'https://github.com/neomjs/neo'
-            }, {
-                iconCls: 'fab fa-facebook-f',
-                url    : 'https://www.facebook.com/Neomjs-101788847886539/'
-            }, {
-                iconCls: 'fab fa-linkedin-in',
-                url    : 'https://www.linkedin.com/company/26254666/'
-            }, {
-                iconCls: 'fab fa-twitter',
-                url    : 'https://twitter.com/UhligTobias'
-            }]
-        }]
-    }
-}
-
-Neo.setupClass(HeaderContainer);
-
-export default HeaderContainer;

package/apps/website/view/MainContainer.mjs

@@ -1,95 +0,0 @@
-import Container               from '../../../src/container/Base.mjs';
-import HeaderContainer         from './HeaderContainer.mjs';
-import MainContainerController from './MainContainerController.mjs';
-import TabContainer            from '../../../src/tab/Container.mjs';
-import Viewport                from '../../../src/container/Viewport.mjs';
-
-/**
- * @class Website.view.MainContainer
- * @extends Neo.container.Viewport
- */
-class MainContainer extends Viewport {
-    static config = {
-        /**
-         * @member {String} className='Website.view.MainContainer'
-         * @protected
-         */
-        className: 'Website.view.MainContainer',
-        /**
-         * @member {String[]} baseCls=['website-main-container','neo-viewport']
-         */
-        baseCls: ['website-main-container', 'neo-viewport'],
-        /**
-         * @member {Neo.controller.Component} controller=MainContainerController
-         */
-        controller: MainContainerController,
-        /**
-         * @member {Object} layout={ntype: 'hbox',align: 'stretch'}
-         */
-        layout: {ntype: 'hbox', align: 'stretch'},
-        /**
-         * @member {Array} items
-         */
-        items: [{
-            module: Container,
-            cls   : ['website-center-region'],
-            layout: {ntype: 'vbox', align: 'stretch'},
-            items : [{
-                module   : HeaderContainer,
-                flex     : 'none',
-                reference: 'header-container'
-            }, {
-                module     : TabContainer,
-                activeIndex: null, // render no items initially
-                cls        : ['website-main-tabcontainer', 'neo-tab-container'],
-                flex       : 1,
-                reference  : 'main-tab-container',
-                sortable   : true,
-
-                items: [{
-                    module         : () => import('./home/TabContainer.mjs'),
-                    reference      : 'home',
-                    tabButtonConfig: {
-                        editRoute: false,
-                        iconCls  : 'fa fa-home',
-                        route    : 'mainview=home',
-                        text     : 'Home'
-                    }
-                }, {
-                    module         : () => import('./blog/Container.mjs'),
-                    reference      : 'blog',
-                    tabButtonConfig: {
-                        editRoute: false,
-                        iconCls  : 'fa fa-rss',
-                        reference: 'blog-header-button',
-                        route    : 'mainview=blog',
-                        text     : 'Blog'
-                    }
-                }, {
-                    module         : () => import('./examples/TabContainer.mjs'),
-                    reference      : 'examples',
-                    tabButtonConfig: {
-                        editRoute: false,
-                        iconCls  : 'fa fa-images',
-                        route    : 'mainview=examples',
-                        text     : 'Examples'
-                    }
-                }, {
-                    module         : () => import('./examples/List.mjs'),
-                    reference      : 'docs',
-                    storeUrl       : '../../apps/website/data/docs.json',
-                    tabButtonConfig: {
-                        editRoute: false,
-                        iconCls  : 'fa fa-hands-helping',
-                        route    : 'mainview=docs',
-                        text     : 'Docs'
-                    }
-                }]
-            }]
-        }]
-    }
-}
-
-Neo.setupClass(MainContainer);
-
-export default MainContainer;

package/apps/website/view/MainContainerController.mjs

@@ -1,230 +0,0 @@
-import ComponentController from '../../../src/controller/Component.mjs';
-import NeoArray            from '../../../src/util/Array.mjs';
-
-/**
- * @class Website.view.MainContainerController
- * @extends Neo.controller.Component
- */
-class MainContainerController extends ComponentController {
-    static config = {
-        /**
-         * @member {String} className='Website.view.MainContainerController'
-         * @protected
-         */
-        className: 'Website.view.MainContainerController',
-        /**
-         * @member {String[]} examplesTabs=['devmode','dist_dev','dist_prod']
-         * @protected
-         */
-        examplesTabs: ['devmode', 'dist_dev', 'dist_prod'],
-        /**
-         * @member {String[]} homeTabs=['developers','executives']
-         * @protected
-         */
-        homeTabs: ['developers', 'executives'],
-        /**
-         * @member {String[]} mainTabs=['home','blog','examples','docs']
-         * @protected
-         */
-        mainTabs: ['home', 'blog', 'examples', 'docs'],
-        /**
-         * @member {String[]} mainTabsListeners=[]
-         * @protected
-         */
-        mainTabsListeners: []
-    }
-
-    /**
-     * @param {Number} tabIndex
-     * @returns {Neo.component.Base}
-     */
-    getView(tabIndex) {
-        return this.getReference(this.mainTabs[tabIndex]);
-    }
-
-    /**
-     * @param {Object[]} records
-     */
-    onBlogPostStoreLoad(records) {
-        this.getReference('blog-header-button').badgeText = records.length + ''
-    }
-
-    /**
-     *
-     */
-    onComponentConstructed() {
-        let me = this;
-
-        me.getReference('main-tab-container').on('moveTo', me.onTabMove.bind(me, 'mainTabs'));
-    }
-
-    /**
-     *
-     */
-    onConstructed() {
-        super.onConstructed();
-
-        if (!Neo.config.hash) {
-            this.onHashChange({
-                hash      : {mainview: 'home'},
-                hashString: 'mainview=home'
-            }, null);
-        }
-    }
-
-    /**
-     * @param {Object} value
-     * @param {Object} oldValue
-     */
-    onHashChange(value, oldValue) {
-        let me           = this,
-            hash         = value?.hash,
-            tabContainer = me.getReference('main-tab-container'),
-            activeIndex  = me.mainTabs.indexOf(hash.mainview),
-            activeView   = me.getView(activeIndex),
-            listeners    = me.mainTabsListeners,
-            store;
-
-        if (tabContainer && activeIndex > -1) {
-            tabContainer.activeIndex = activeIndex;
-        }
-
-        if (!activeView || !activeView.isConstructed) {
-            setTimeout(() => {
-                me.onHashChange(value, oldValue);
-            }, 10);
-
-            return;
-        }
-
-        switch (hash.mainview) {
-            case 'home': {
-                if (!listeners['home']) {
-                    listeners.push('home');
-                    activeView.on('moveTo', me.onTabMove.bind(me, 'homeTabs'));
-                }
-
-                if (hash.childview) {
-                    activeView.activeIndex = me.homeTabs.indexOf(hash.childview);
-                }
-                break;
-            }
-            case 'blog': {
-                store = me.getReference('blog-list').store;
-                break;
-            }
-            case 'examples': {
-                if (!listeners['examples']) {
-                    listeners.push('examples');
-                    activeView.on('moveTo', me.onTabMove.bind(me, 'examplesTabs'));
-                }
-
-                switch (hash.childview) {
-                    case 'devmode':
-                        store = me.getReference('examples-devmode-list').store;
-                        break;
-                    case 'dist_dev':
-                        store = me.getReference('examples-dist-dev-list').store;
-                        break;
-                    default:
-                        store = me.getReference('examples-dist-prod-list').store;
-                        break;
-                }
-
-                if (hash.childview) {
-                    activeView.activeIndex = me.examplesTabs.indexOf(hash.childview);
-                }
-                break;
-            }
-            case 'docs': {
-                store = me.getReference('docs').store;
-                break;
-            }
-        }
-
-        if (store?.getCount() < 1) {
-            setTimeout(() => {
-                store.load();
-            }, 50);
-        }
-    }
-
-    /**
-     * @param {Object} data
-     */
-    onNavLinkClick(data) {
-        const targetId = data.target.data.target;
-
-        Neo.main.DomAccess.scrollIntoView({
-            id: targetId
-        }).then(() => {
-            setTimeout(() => {
-                Neo.main.DomAccess.setStyle({
-                    id: targetId,
-                    style: {
-                        color: 'red'
-                    }
-                }).then(() => {
-                    setTimeout(() => {
-                        Neo.main.DomAccess.setStyle({
-                            id: targetId,
-                            style: {
-                                color: null
-                            }
-                        });
-                    }, 300)
-                });
-            }, 900)
-        });
-    }
-
-    /**
-     * @param {Object} data
-     */
-    onSearchFieldChange(data) {
-        this.getReference('blog-list').filterItems(data);
-    }
-
-    /**
-     * @param {Object} data
-     */
-    onSwitchThemeButtonClick(data) {
-        let me        = this,
-            button    = data.component,
-            component = me.component,
-            cls, iconCls, theme;
-
-        if (button.iconCls === 'fa fa-sun') {
-            iconCls = 'fa fa-moon';
-            theme   = 'neo-theme-light';
-        } else {
-            iconCls = 'fa fa-sun';
-            theme   = 'neo-theme-dark';
-        }
-
-        cls = [...component.cls];
-
-        component.cls.forEach(item => {
-            if (item.includes('neo-theme')) {
-                NeoArray.remove(cls, item);
-            }
-        });
-
-        NeoArray.add(cls, theme);
-        component.cls = cls;
-
-        button.iconCls = iconCls;
-    }
-
-    /**
-     * @param {String} target examplesTabs, homeTabs, mainTabs
-     * @param {Object} data
-     */
-    onTabMove(target, data) {
-        NeoArray.move(this[target], data.fromIndex, data.toIndex);
-    }
-}
-
-Neo.setupClass(MainContainerController);
-
-export default MainContainerController;

package/apps/website/view/blog/Container.mjs

@@ -1,50 +0,0 @@
-import BaseContainer from '../../../../src/container/Base.mjs';
-import List          from './List.mjs';
-import SearchField   from '../../../../src/form/field/Search.mjs';
-
-/**
- * @class Website.view.blog.Container
- * @extends Neo.container.Base
- */
-class Container extends BaseContainer {
-    static config = {
-        /**
-         * @member {String} className='Website.view.blog.Container'
-         * @protected
-         */
-        className: 'Website.view.blog.Container',
-        /**
-         * @member {String[]} baseCls=['website-blog-container','neo-container']
-         */
-        baseCls: ['website-blog-container', 'neo-container'],
-        /**
-         * @member {Array} items
-         */
-        items: [{ //#323232
-            module: BaseContainer,
-            cls   : ['website-blog-toolbar', 'neo-container'],
-            flex  : 'none',
-            layout: {ntype: 'hbox', align: 'stretch'},
-
-            items: [{
-                module         : SearchField,
-                cls            : ['website-blog-searchfield', 'neo-searchfield', 'neo-textfield'],
-                listeners      : {change: 'onSearchFieldChange'},
-                placeholderText: 'Filter Items',
-                width          : 240
-            }]
-        }, {
-            module   : List,
-            flex     : 1,
-            reference: 'blog-list'
-        }],
-        /**
-         * @member {Object} layout={ntype: 'vbox', align: 'stretch'}
-         */
-        layout: {ntype: 'vbox', align: 'stretch'}
-    }
-}
-
-Neo.setupClass(Container);
-
-export default Container;