examples.component.toast.MainContainerController: add a toast message #6639

Author: tobiu

examples/component/toast/MainContainer.mjs

@@ -118,6 +118,7 @@ class MainContainer extends Viewport {
                         {cls: 'grey', innerHTML: '/* mandatory */'},
                         {innerHTML: `appName: '${data.appName}',`},
                         {innerHTML: `msg: '${data.msg}',`},
+                        {innerHTML: `windowId: '${data.windowId}',`},
                         {innerHTML: '/* optional */'},
                         {innerHTML: `title: '${data.title}',`, removeDom: !data.title},
                         {innerHTML: `iconCls: '${data.iconCls}',`, removeDom: !data.iconCls},

examples/component/toast/MainContainerController.mjs

@@ -43,7 +43,9 @@ class MainContainerController extends ComponentController {
 
         values = await form.getSubmitValues();
 
-        values.appName = me.component.appName;
+        values.appName  = me.component.appName;
+        values.windowId = me.component.windowId;
+
         button.disabled = !isValid;
 
         if (isValid) {

examples/grid/nestedRecordFields/ViewportController.mjs

@@ -1,4 +1,5 @@
 import Component from '../../../src/controller/Component.mjs';
+import Toast     from  '../../../src/component/Toast.mjs';
 
 /**
  * @class Neo.examples.grid.nestedRecordFields.ViewportController
@@ -117,6 +118,15 @@ class ViewportController extends Component {
         if (me.dialog) {
             me.dialog.theme = theme
         }
+
+        Neo.toast({
+            appName       : button.appName,
+            title         : 'Switched Theme',
+            msg           : isDarkTheme ? 'Light Theme' : 'Dark Theme',
+            position      : 'tl',
+            slideDirection: 'left',
+            windowId      : button.windowId
+        })
     }
 }
 

src/component/Toast.mjs

@@ -11,6 +11,7 @@ import ToastManager from '../manager/Toast.mjs';
             // mandatory
             appName         : this.component.appName,
             msg             : 'Alarm was set to 11:30 for journey into Neo development',
+            windowId        : this.component.windowId
             // optional                        defaults
             closable        : true,         // false
             iconCls         : 'fa fa-bell', // null
@@ -102,16 +103,16 @@ class Toast extends Component {
          * @member {String|null} title=null
          */
         vdom:
-        {cn: [{
-            cls: 'neo-toast-inner', cn: [
+        {cn: [
+            {cls: 'neo-toast-inner', cn: [
                 {cls: ['neo-toast-icon'], removeDom: true},
                 {cls: 'neo-toast-text', cn: [
                     {cls: ['neo-toast-title'], removeDom: true},
                     {cls: 'neo-toast-msg'}
                 ]},
                 {cls: ['neo-toast-close', 'fa', 'fa-close'], removeDom: true}
-            ]
-        }]}
+            ]}
+        ]}
     }
 
     /**