window settings for axes & grid

app/views/visualisers/SpaceView.js

@@ -21,17 +21,28 @@ class SpaceView extends EICDomContent {
         const components = ui.eicfy(this.el)       
         this.setupTriggers(components)        
         this.setupRefs(components)
-
-        this.ttb.startRendering(this.outputs.ttbCanvas, options.mode)
-
-
+        this.renderingEngine = this.ttb.startRendering(this.outputs.ttbCanvas, options.mode)
+        this.output('settingsMenu',app.Assets.Store.html.sapceViewSetting)
+        this.outputs.settingsMenu.querySelectorAll('input[type="toggler"]').forEach(el => {  
+                const tog = new InputToggler(el)
+                if(this.ttb[tog._el.name].layers){
+                    tog.value = this.renderingEngine.camera.layers.test(this.ttb[tog._el.name].layers) ? 'yes' : 'no'
+                }
+                tog.onToggle = this.settingsToggle.bind(this)
+        })
     }
 
-    settings(){
-        console.log('Settings!')
-        
+    settingsToggle(value, object){
+        if(['grid','axes'].includes(object._el.name)){
+            const layerId = {'grid':1,'axes':2}[object._el.name]
+            if(value=='yes'){
+                this.renderingEngine.camera.layers.enable(layerId)
+            } else {
+                this.renderingEngine.camera.layers.disable(layerId)
+            }
+        }
     }
-
+    
 }
 
 app.registerClass('SpaceView', SpaceView)