neo.mjs 2.3.15 → 2.3.19

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};

package/examples/model/extendedClass/MainContainerController.mjs

@@ -14,7 +14,6 @@ class MainContainerController extends Component {
     }}
 
     /**
-     *
      * @param {Object} data
      */
     onButton1Click(data) {
@@ -22,7 +21,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onButton2Click(data) {
@@ -30,7 +28,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onLogModelIntoConsoleButtonClick(data) {
@@ -38,7 +35,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onTextField1Change(data) {
@@ -48,7 +44,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onTextField2Change(data) {
@@ -58,7 +53,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {String} value
      */
     updateButton1Text(value) {
@@ -66,7 +60,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {String} value
      */
     updateButton2Text(value) {

package/examples/model/inline/MainContainerController.mjs

@@ -14,7 +14,6 @@ class MainContainerController extends Component {
     }}
 
     /**
-     *
      * @param {Object} data
      */
     onButton1Click(data) {
@@ -22,7 +21,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onButton2Click(data) {
@@ -30,7 +28,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onLogModelIntoConsoleButtonClick(data) {
@@ -38,7 +35,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onTextField1Change(data) {
@@ -48,7 +44,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onTextField2Change(data) {
@@ -58,7 +53,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {String} value
      */
     updateButton1Text(value) {
@@ -66,7 +60,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {String} value
      */
     updateButton2Text(value) {

package/examples/model/inlineNoModel/MainContainerController.mjs

@@ -46,7 +46,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onButton1Click(data) {
@@ -54,7 +53,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onButton2Click(data) {
@@ -62,7 +60,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onTextField1Change(data) {
@@ -70,7 +67,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onTextField2Change(data) {
@@ -88,7 +84,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {String} value
      * @param {String} buttonReference
      * @param {String} textfieldReference
@@ -101,4 +96,4 @@ class MainContainerController extends Component {
 
 Neo.applyClassConfig(MainContainerController);
 
-export {MainContainerController as default};
+export {MainContainerController as default};

package/examples/model/multiWindow/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/multiWindow/MainContainerController.mjs

@@ -19,7 +19,6 @@ class MainContainerController extends Component {
     }}
 
     /**
-     *
      * @param {Boolean} enable
      */
     enableEditUserButton(enable) {
@@ -27,7 +26,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onEditUserButtonClick(data) {
@@ -60,4 +58,4 @@ class MainContainerController extends Component {
 
 Neo.applyClassConfig(MainContainerController);
 
-export {MainContainerController as default};
+export {MainContainerController as default};

package/examples/model/multiWindow/ViewportController.mjs

@@ -40,7 +40,6 @@ class MainContainerController extends ComponentController {
     }
 
     /**
-     *
      * @param {Object} data
      * @param {String} data.appName
      */
@@ -81,7 +80,6 @@ class MainContainerController extends ComponentController {
     }
 
     /**
-     *
      * @param {Object} data
      * @param {String} data.appName
      */
@@ -97,4 +95,4 @@ class MainContainerController extends ComponentController {
 
 Neo.applyClassConfig(MainContainerController);
 
-export {MainContainerController as default};
+export {MainContainerController as default};