Finance.view.Viewport: add a header toolbar with start & stop updating buttons #6594

Author: tobiu

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,25 +19,41 @@ 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
          */
         stateProvider: ViewportStateProvider,
         /**
          * @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: '.2em'},
+                text     : 'Stop'
+            }]
+        }, {
+            module   : GridContainer,
+            reference: 'grid'
+        }]
     }
 }
 

apps/finance/view/ViewportController.mjs

@@ -45,6 +45,28 @@ class ViewportController extends Controller {
         me.getReference('grid').bulkUpdateRecords(items);
         me.generateData()
     }
+
+    /**
+     * @param {Object} data
+     */
+    onStartButtonClick(data) {
+        let me         = this,
+            stopButton = me.getReference('stop-button');
+
+        data.component.disabled = true;
+        stopButton    .disabled = false
+    }
+
+    /**
+     * @param {Object} data
+     */
+    onStopButtonClick(data) {
+        let me          = this,
+            startButton = me.getReference('start-button');
+
+        data.component.disabled = true;
+        startButton   .disabled = false
+    }
 }
 
 export default Neo.setupClass(ViewportController);