neo.mjs 2.3.14 → 2.3.18

package/apps/website/view/MainContainerController.mjs

@@ -35,7 +35,6 @@ class MainContainerController extends ComponentController {
     }}
 
     /**
-     *
      * @param {Number} tabIndex
      * @returns {Neo.component.Base}
      */
@@ -67,7 +66,6 @@ class MainContainerController extends ComponentController {
     }
 
     /**
-     *
      * @param {Object} value
      * @param {Object} oldValue
      */
@@ -145,7 +143,6 @@ class MainContainerController extends ComponentController {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onNavLinkClick(data) {
@@ -175,7 +172,6 @@ class MainContainerController extends ComponentController {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onSearchFieldChange(data) {

package/buildScripts/webpack/development/webpack.config.main.js

@@ -15,6 +15,7 @@ module.exports = {
     output: {
         chunkFilename: 'chunks/main/[id].js',
         filename     : filenameConfig.mainOutput,
-        path         : path.resolve(processRoot, buildTarget.folder)
+        path         : path.resolve(processRoot, buildTarget.folder),
+        publicPath   : ''
     }
 };

package/buildScripts/webpack/production/webpack.config.main.js

@@ -14,6 +14,7 @@ module.exports = {
     output: {
         chunkFilename: 'chunks/main/[id].js',
         filename     : filenameConfig.mainOutput,
-        path         : path.resolve(processRoot, buildTarget.folder)
+        path         : path.resolve(processRoot, buildTarget.folder),
+        publicPath   : ''
     }
 };

package/examples/ConfigurationViewport.mjs

@@ -144,7 +144,6 @@ class ConfigurationViewport extends Viewport {
     }
 
     /**
-     *
      * @param {Object} data
      */
     logInstance(data) {
@@ -152,7 +151,6 @@ class ConfigurationViewport extends Viewport {
     }
 
     /**
-     *
      * @param {String} config
      * @param {Object} opts
      */
@@ -161,7 +159,6 @@ class ConfigurationViewport extends Viewport {
     }
 
     /**
-     *
      * @param {String} config
      * @param {String} value
      * @param {Object} opts
@@ -173,7 +170,6 @@ class ConfigurationViewport extends Viewport {
     }
 
     /**
-     *
      * @param {String} target
      */
     onSwitchTheme(target) {

package/examples/calendar/basic/MainContainerController.mjs

@@ -15,7 +15,6 @@ class MainContainerController extends ComponentController {
     }}
 
     /**
-     *
      * @param {Object} data
      */
     onSwitchThemeButtonClick(data) {

package/examples/component/coronaGallery/CountryGallery.mjs

@@ -123,7 +123,6 @@ class CountryGallery extends Gallery {
     }
 
     /**
-     *
      * @param {String} name
      * @returns {String} url
      */
@@ -189,7 +188,6 @@ class CountryGallery extends Gallery {
     }
 
     /**
-     *
      * @param {String} vnodeId
      * @returns {String} itemId
      */
@@ -198,7 +196,6 @@ class CountryGallery extends Gallery {
     }
 
     /**
-     *
      * @param {Array} items
      */
     onStoreLoad(items) {
@@ -213,4 +210,4 @@ class CountryGallery extends Gallery {
 
 Neo.applyClassConfig(CountryGallery);
 
-export {CountryGallery as default};
+export {CountryGallery as default};

package/examples/component/coronaGallery/MainContainer.mjs

@@ -331,7 +331,6 @@ class MainContainer extends Viewport {
     }}
 
     /**
-     *
      * @param {Object} config
      */
     constructor(config) {
@@ -375,7 +374,6 @@ class MainContainer extends Viewport {
     }
 
     /**
-     *
      * @returns {Neo.data.Store}
      */
     getStore() {

package/examples/component/coronaHelix/CountryHelix.mjs

@@ -105,7 +105,6 @@ class CountryHelix extends Helix {
     }}
 
     /**
-     *
      * @param {Object} vdomItem
      * @param {Object} record
      * @param {Number} index
@@ -133,7 +132,6 @@ class CountryHelix extends Helix {
     }
 
     /**
-     *
      * @param {String} name
      * @returns {String} url
      */
@@ -198,7 +196,6 @@ class CountryHelix extends Helix {
         return 'https://raw.githubusercontent.com/neomjs/pages/master/resources/images/flaticon/country_flags/png/' + imageName + '.png'
     }
     /**
-     *
      * @returns {String}
      */
     getCloneTransform() {
@@ -211,7 +208,6 @@ class CountryHelix extends Helix {
     }
 
     /**
-     *
      * @param {String} vnodeId
      * @returns {String}
      */

package/examples/component/coronaHelix/MainContainer.mjs

@@ -406,7 +406,6 @@ class MainContainer extends Viewport {
     }}
 
     /**
-     *
      * @param {Object} config
      */
     constructor(config) {
@@ -444,7 +443,6 @@ class MainContainer extends Viewport {
     }
 
     /**
-     *
      * @returns {Neo.data.Store}
      */
     getStore() {

package/examples/component/gallery/MainContainer.mjs

@@ -218,7 +218,6 @@ class MainContainer extends Viewport {
     }}
 
     /**
-     *
      * @param {Object} config
      */
     constructor(config) {
@@ -246,7 +245,6 @@ class MainContainer extends Viewport {
     }
 
     /**
-     *
      * @returns {Neo.data.Store}
      */
     getStore() {

package/examples/component/helix/MainContainer.mjs

@@ -302,7 +302,6 @@ class MainContainer extends Viewport {
     }}
 
     /**
-     *
      * @param {Object} config
      */
     constructor(config) {
@@ -330,7 +329,6 @@ class MainContainer extends Viewport {
     }
 
     /**
-     *
      * @returns {Neo.data.Store}
      */
     getStore() {

package/examples/component/splitter/MainContainer.mjs

@@ -65,7 +65,6 @@ class MainContainer extends ConfigurationViewport {
     }
 
     /**
-     *
      * @param {Object} data
      */
     logInstance(data) {
@@ -73,7 +72,6 @@ class MainContainer extends ConfigurationViewport {
     }
 
     /**
-     *
      * @param {Object} data
      */
     switchDirection(data) {

package/examples/core/config/MainContainer.mjs

@@ -33,7 +33,6 @@ class MainContainer extends Viewport {
     }}
 
     /**
-     *
      * @param {Object} config
      */
     constructor(config) {
@@ -75,7 +74,6 @@ class MainContainer extends Viewport {
     }
 
     /**
-     *
      * @param {Object} data
      */
     changeConfig(data) {
@@ -124,4 +122,4 @@ class MainContainer extends Viewport {
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export {MainContainer as default};

package/examples/dialog/MainContainer.mjs

@@ -29,7 +29,6 @@ class MainContainer extends Viewport {
     }}
 
     /**
-     *
      * @param {Object} config
      */
     constructor(config) {
@@ -62,7 +61,6 @@ class MainContainer extends Viewport {
     }
 
     /**
-     *
      * @param {Object} data
      */
     createDialog(data) {
@@ -79,7 +77,6 @@ class MainContainer extends Viewport {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onDragLimitChange(data) {
@@ -98,7 +95,6 @@ class MainContainer extends Viewport {
     }
 
     /**
-     *
      * @param {Object} data
      */
     switchTheme(data) {
@@ -137,4 +133,4 @@ class MainContainer extends Viewport {
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export {MainContainer as default};

package/examples/list/animate/List.mjs

@@ -0,0 +1,50 @@
+import BaseList from '../../../src/list/Base.mjs';
+
+/**
+ * @class Neo.examples.list.animate.List
+ * @extends Neo.list.Base
+ */
+class List extends BaseList {
+    static getConfig() {return {
+        /**
+         * @member {String} className='Neo.examples.list.animate.List'
+         * @protected
+         */
+        className: 'Neo.examples.list.animate.List',
+        /**
+         * @member {Boolean} animate=true
+         */
+        animate: true,
+        /**
+         * @member {String[]} cls=['neo-examples-list-animate','neo-list-container','neo-list']
+         */
+        cls: ['neo-examples-list-animate', 'neo-list-container', 'neo-list'],
+        /**
+         * @member {String} itemTagName='div'
+         */
+        itemTagName: 'div'
+    }}
+
+    /**
+     * Override this method for custom renderers
+     * @param {Object} record
+     * @param {Number} index
+     * @returns {Object|Object[]|String} Either a config object to assign to the item, a vdom cn array or a html string
+     */
+    createItemContent(record, index) {
+        return [
+            {cls: ['neo-list-item-content'], cn: [
+                {tag: 'img', src: `../../../resources/examples/${record.image}`},
+                {cls: ['neo-list-item-text'], cn: [
+                    {html: record.firstname},
+                    {cls: ['neo-lastname'], html: record.lastname},
+                    {cls: ['neo-is-online'], removeDom: !record.isOnline}
+                ]}
+            ]}
+        ];
+    }
+}
+
+Neo.applyClassConfig(List);
+
+export {List as default};

package/examples/list/animate/MainContainer.mjs

@@ -0,0 +1,79 @@
+import CheckBox  from '../../../src/form/field/CheckBox.mjs';
+import List      from './List.mjs';
+import MainStore from './MainStore.mjs';
+import Toolbar   from '../../../src/container/Toolbar.mjs';
+import Viewport  from '../../../src/container/Viewport.mjs';
+
+/**
+ * @class Neo.examples.list.animate.MainContainer
+ * @extends Neo.container.Viewport
+ */
+class MainContainer extends Viewport {
+    static getConfig() {return {
+        className: 'Neo.examples.list.animate.MainContainer',
+        autoMount: true,
+        layout   : {ntype: 'vbox', align: 'stretch'}
+    }}
+
+    /**
+     * @param {Object} config
+     */
+    constructor(config) {
+        super(config);
+
+        let me = this;
+
+        me.items = [{
+            module: Toolbar,
+            flex  : 'none',
+
+            itemDefaults: {
+                ntype: 'button',
+                style: {marginRight: '.5em'}
+            },
+
+            items : [{
+                ntype: 'label',
+                text : 'Sort by'
+            }, {
+                handler: me.changeSorting.bind(me, 'firstname'),
+                text   : 'Firstname'
+            }, {
+                handler: me.changeSorting.bind(me, 'lastname'),
+                text   : 'Lastname'
+            }, {
+                module    : CheckBox,
+                labelText : 'Is online',
+                labelWidth: 70,
+                listeners : {change: me.changeIsOnlineFilter.bind(me)},
+                style     : {marginLeft: '50px'}
+            }]
+        }, {
+            module: List,
+            store : MainStore
+        }];
+    }
+
+    /**
+     * @param {Object} data
+     */
+    changeIsOnlineFilter(data) {
+        let store = this.down({module: List}).store;
+
+        store.getFilter('isOnline').disabled = !data.value;
+    }
+
+    /**
+     * @param {String} field
+     * @param {Object} data
+     */
+    changeSorting(field, data) {
+        let store = this.down({module: List}).store;
+
+        store.sorters[0].property = field;
+    }
+}
+
+Neo.applyClassConfig(MainContainer);
+
+export {MainContainer as default};

package/examples/list/animate/MainModel.mjs

@@ -0,0 +1,33 @@
+import Model  from '../../../src/data/Model.mjs';
+
+/**
+ * @class Neo.examples.list.animate.MainModel
+ * @extends Neo.data.Model
+ */
+class MainModel extends Model {
+    static getConfig() {return {
+        className  : 'Neo.examples.list.animate.MainModel',
+        keyProperty: 'id',
+
+        fields: [{
+            name: 'firstname',
+            type: 'String'
+        }, {
+            name: 'id',
+            type: 'Integer'
+        }, {
+            name: 'image',
+            type: 'String'
+        }, {
+            name: 'isOnline',
+            type: 'Boolean'
+        }, {
+            name: 'lastname',
+            type: 'String'
+        }]
+    }}
+}
+
+Neo.applyClassConfig(MainModel);
+
+export {MainModel as default};

package/examples/list/animate/MainStore.mjs

@@ -0,0 +1,31 @@
+import MainModel from './MainModel.mjs';
+import Store     from '../../../src/data/Store.mjs';
+
+/**
+ * @class Neo.examples.list.animate.MainStore
+ * @extends Neo.data.Store
+ */
+class MainStore extends Store {
+    static getConfig() {return {
+        className  : 'Neo.examples.list.animate.MainStore',
+        autoLoad   : true,
+        keyProperty: 'id',
+        model      : MainModel,
+        url        : '../../resources/examples/data/circleContacts.json',
+
+        filters: [{
+            disabled : true,
+            property : 'isOnline',
+            value    : true
+        }],
+
+        sorters: [{
+            property : 'firstname',
+            direction: 'ASC'
+        }]
+    }}
+}
+
+Neo.applyClassConfig(MainStore);
+
+export {MainStore as default};

package/examples/list/animate/app.mjs

@@ -0,0 +1,8 @@
+import MainContainer from './MainContainer.mjs';
+
+const onStart = () => Neo.app({
+    mainView: MainContainer,
+    name    : 'Neo.examples.list.animate'
+});
+
+export {onStart as onStart};

package/examples/list/animate/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8">
+    <title>Neo AnimatedList</title>
+</head>
+<body>
+    <script src="../../../src/MicroLoader.mjs" type="module"></script>
+</body>
+</html>

package/examples/list/animate/neo-config.json

@@ -0,0 +1,7 @@
+{
+    "appPath"         : "examples/list/animate/app.mjs",
+    "basePath"        : "../../../",
+    "environment"     : "development",
+    "mainPath"        : "./Main.mjs",
+    "mainThreadAddons": ["Stylesheet"]
+}

package/examples/list/base/neo-config.json

@@ -3,5 +3,5 @@
     "basePath"        : "../../../",
     "environment"     : "development",
     "mainPath"        : "./Main.mjs",
-    "mainThreadAddons": ["Stylesheet"]
+    "mainThreadAddons": ["DragDrop", "Stylesheet"]
 }

package/examples/model/advanced/MainContainerController.mjs

@@ -14,7 +14,6 @@ class MainContainerController extends Component {
     }}
 
     /**
-     *
      * @param {Object} data
      */
     onAddButtonTextfieldButtonClick(data) {
@@ -59,7 +58,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onButton1Click(data) {
@@ -67,7 +65,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onButton2Click(data) {
@@ -75,7 +72,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onButton3Click(data) {
@@ -83,7 +79,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onLogChildModelIntoConsoleButtonClick(data) {
@@ -91,7 +86,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onLogMainModelIntoConsoleButtonClick(data) {
@@ -99,7 +93,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onTextField1Change(data) {
@@ -109,7 +102,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onTextField2Change(data) {
@@ -119,7 +111,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onTextField3Change(data) {
@@ -129,7 +120,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {String} value
      */
     updateButton1Text(value) {
@@ -138,7 +128,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {String} value
      */
     updateButton2Text(value) {
@@ -148,7 +137,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {String} value
      */
     updateButton3Text(value) {

package/examples/model/dialog/EditUserDialogController.mjs

@@ -14,7 +14,6 @@ class EditUserDialogController extends Component {
     }}
 
     /**
-     *
      * @param {Object} data
      */
     onFirstnameTextFieldChange(data) {
@@ -24,7 +23,6 @@ class EditUserDialogController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onLastnameTextFieldChange(data) {
@@ -36,4 +34,4 @@ class EditUserDialogController extends Component {
 
 Neo.applyClassConfig(EditUserDialogController);
 
-export {EditUserDialogController as default};
+export {EditUserDialogController as default};

package/examples/model/dialog/MainContainerController.mjs

@@ -18,7 +18,6 @@ class MainContainerController extends Component {
     }}
 
     /**
-     *
      * @param {Object} data
      */
     onEditUserButtonClick(data) {
@@ -48,4 +47,4 @@ class MainContainerController extends Component {
 
 Neo.applyClassConfig(MainContainerController);
 
-export {MainContainerController as default};
+export {MainContainerController as default};