bus events connectes ! + some CSS improvements

app/controllers/dashboard/DashboardsController.js

@@ -3,6 +3,7 @@ class DashboardsController extends EICController {
     constructor(params) {
         super(params)
         this.agentDefs = app.Assets.Store.json.agentDefs
+        this.eventsMapping = app.Assets.Store.json.eventsMapping
     }
 
     /**
@@ -13,10 +14,16 @@ class DashboardsController extends EICController {
         const models = {
         }
 
-        const ttb = new app.LoadedModules.Threetobus()
-        ttb.initScene()
-        const m1 = ttb.buildFromJSON(this.agentDefs.molecule1)
-        m1.name = 'agent42'
+        const ttb = new app.LoadedModules.Threetobus({
+            eventsMapping: this.eventsMapping,
+        })
+        ttb.initScene({
+            axes: true,
+            grid: true,
+        })
+
+        console.log('===CTRL molecule1==>',  this.agentDefs.molecule1)
+        const m1 = ttb.buildFromJSON('agent42', this.agentDefs.molecule1)
         ttb.scene.add(m1)
         // setTimeout(() => {
         //     ttb.smoothRelMove({
@@ -30,6 +37,17 @@ class DashboardsController extends EICController {
         //     })
         // },3000)
 
+        //TODO : side switches
+        // window.addEventListener('keydown', (e) => {
+        //   if (e.key.toLowerCase() === 'g') {
+        //     ttb.grid.visible = !grid.visible
+        //   }
+        //   if (e.key.toLowerCase() === 'a') {
+        //     ttb.axes.visible = !axes.visible
+        //   }
+        // })
+
+
         this.loadWindow(
             'visualisers/SpaceView', 
             {

app/controllers/dashboard/DashboardsController.json

@@ -25,7 +25,8 @@
         "styles": [ 
         ],
         "json": [
-            {"id":"agentDefs", "name": "agents/basic3D.json"}
+            {"id":"agentDefs", "name": "agents/basic3D.json"},
+            {"id":"eventsMapping", "name": "threetobus/eventsMapping.json"}            
         ] 
     }
 }