neo.mjs 8.34.0 → 8.35.0

package/apps/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='8.34.0'
+         * @member {String} version='8.35.0'
          */
-        version: '8.34.0'
+        version: '8.35.0'
     }
 
     /**

package/apps/finance/view/Viewport.mjs

@@ -1,5 +1,6 @@
 import BaseViewport          from '../../../src/container/Viewport.mjs';
 import GridContainer         from './GridContainer.mjs';
+import Toolbar               from '../../../src/toolbar/Base.mjs';
 import ViewportController    from './ViewportController.mjs';
 import ViewportStateProvider from './ViewportStateProvider.mjs';
 
@@ -18,17 +19,10 @@ class Viewport extends BaseViewport {
          * @member {Neo.controller.Component} controller=ViewportController
          */
         controller: ViewportController,
-        /**
-         * @member {Object[]} items
-         */
-        items: [{
-            module   : GridContainer,
-            reference: 'grid'
-        }],
         /*
-         * @member {Object} layout={ntype:'fit'}
+         * @member {Object} layout={ntype:'vbox',align:'stretch'}
          */
-        layout: {ntype: 'fit'},
+        layout: {ntype: 'vbox', align: 'stretch'},
         /**
          * @member {Neo.state.Provider} stateProvider=ViewportStateProvider
          */
@@ -36,7 +30,30 @@ class Viewport extends BaseViewport {
         /**
          * @member {Object} style
          */
-        style: {padding: '2em'}
+        style: {padding: '1.5em'},
+        /**
+         * @member {Object[]} items
+         */
+        items: [{
+            module: Toolbar,
+            flex  : 'none',
+            style : {marginBottom: '1.5em'},
+
+            items : [{
+                disabled : true,
+                handler  : 'onStartButtonClick',
+                reference: 'start-button',
+                text     : 'Start'
+            }, {
+                handler  : 'onStopButtonClick',
+                reference: 'stop-button',
+                style    : {marginLeft: '.3em'},
+                text     : 'Stop'
+            }]
+        }, {
+            module   : GridContainer,
+            reference: 'grid'
+        }]
     }
 }
 

package/apps/finance/view/ViewportController.mjs

@@ -13,18 +13,18 @@ class ViewportController extends Controller {
         className: 'Finance.view.ViewportController'
     }
 
-    generateData() {
-        let me    = this,
-            store = me.getStore('companies'),
-            change, index, record;
+    /**
+     * @member {Number|null} intervalId=null
+     */
+    intervalId = null
 
-        setInterval(() => {
-            index = Math.round(Math.random() * 100); // 0 - 100
-            change = Math.random() * 10 - 5;
-            record = store.getAt(index);
+    /**
+     *
+     */
+    generateData() {
+        let me = this;
 
-            record.set({change, value: record.value + change})
-        }, 1)
+        me.intervalId = setInterval(me.updateRecord.bind(me), 4)
     }
 
     /**
@@ -45,6 +45,45 @@ class ViewportController extends Controller {
         me.getReference('grid').bulkUpdateRecords(items);
         me.generateData()
     }
+
+    /**
+     * @param {Object} data
+     */
+    onStartButtonClick(data) {
+        let me         = this,
+            stopButton = me.getReference('stop-button');
+
+        me.generateData();
+
+        data.component.disabled = true;
+        stopButton    .disabled = false
+    }
+
+    /**
+     * @param {Object} data
+     */
+    onStopButtonClick(data) {
+        let me          = this,
+            startButton = me.getReference('start-button');
+
+        clearInterval(me.intervalId);
+
+        data.component.disabled = true;
+        startButton   .disabled = false
+    }
+
+    /**
+     *
+     */
+    updateRecord() {
+        let me    = this,
+            store = me.getStore('companies'),
+            change = Math.random() * 10 - 5,
+            index  = Math.round(Math.random() * 100), // 0 - 100
+            record = store.getAt(index);
+
+        record.set({change, value: record.value + change})
+    }
 }
 
 export default Neo.setupClass(ViewportController);

package/apps/portal/view/home/FooterContainer.mjs

@@ -107,7 +107,7 @@ class FooterContainer extends Container {
             }, {
                 module: Component,
                 cls   : ['neo-version'],
-                html  : 'v8.34.0'
+                html  : 'v8.35.0'
             }]
         }],
         /**

package/examples/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='8.34.0'
+         * @member {String} version='8.35.0'
          */
-        version: '8.34.0'
+        version: '8.35.0'
     }
 
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "8.34.0",
+    "version": "8.35.0",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {

package/src/DefaultConfig.mjs

@@ -263,12 +263,12 @@ const DefaultConfig = {
     useVdomWorker: true,
     /**
      * buildScripts/injectPackageVersion.mjs will update this value
-     * @default '8.34.0'
+     * @default '8.35.0'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '8.34.0'
+    version: '8.35.0'
 };
 
 Object.assign(DefaultConfig, {