Merge pull request #46 from MaxRobinsonTheGreat/mut-rate-editor

Mutation rate editor

dist/index.html

@@ -143,6 +143,10 @@
 								<label for="move-range-edit" title='The number of cells to move before randomly changing direction. Overriden by brain decisions.'>Move Range:</label>
 								<input type="number" id="move-range-edit" min="1" max="100" value=3 step="1">
 							</div>
+							<div id='mutation-rate-cont'>
+								<label for="mutation-rate-edit" title='Probability that offspring of this organism will mutate'>Mutation Rate:</label>
+								<input type="number" id="mutation-rate-edit" min="1" max="100" value=3 step="1">
+							</div>
 							<br>
 							<div class='brain-details'>
 								<h4>Brain</h4>

src/Controllers/ControlPanel.js

@@ -143,9 +143,12 @@ class ControlPanel {
             $(tab).css('display', 'grid');
             self.engine.organism_editor.is_active = (this.id == 'editor');
             self.stats_panel.stopAutoRender();
-            if (this.id == 'stats') {
+            if (this.id === 'stats') {
                 self.stats_panel.startAutoRender();
             }
+            else if (this.id === 'editor') {
+                self.editor_controller.refreshDetailsPanel();
+            }
             self.tab_id = this.id;
         });
     }

src/Controllers/EditorController.js

@@ -93,6 +93,10 @@ class EditorController extends CanvasController{
         $('#move-range-edit').change ( function() {
             this.env.organism.move_range = parseInt($('#move-range-edit').val());
         }.bind(this));
+		
+        $('#mutation-rate-edit').change ( function() {
+            this.env.organism.mutability = parseInt($('#mutation-rate-edit').val());
+        }.bind(this));
         $('#observation-type-edit').change ( function() {
             this.setBrainEditorValues($('#observation-type-edit').val());
             this.setBrainDetails();
@@ -110,6 +114,13 @@ class EditorController extends CanvasController{
         $('#edit-organism-details').css('display', 'none');
     }
 
+    refreshDetailsPanel() {
+        if (this.mode === Modes.Edit)
+            this.setEditorPanel();
+        else
+            this.setDetailsPanel();
+    }
+
     setDetailsPanel() {
         this.clearDetailsPanel();
         var org = this.env.organism;
@@ -117,7 +128,8 @@ class EditorController extends CanvasController{
         $('.cell-count').text("Cell count: "+org.anatomy.cells.length);
         $('#move-range').text("Move Range: "+org.move_range);
         $('#mutation-rate').text("Mutation Rate: "+org.mutability);
-        if (Hyperparams.useGlobalMutability) {
+       
+		if (Hyperparams.useGlobalMutability) {
             $('#mutation-rate').css('display', 'none');
         }
         else {
@@ -141,6 +153,14 @@ class EditorController extends CanvasController{
         if (this.setMoveRangeVisibility()){
             $('#move-range-edit').val(org.move_range);
         }
+
+		$('#mutation-rate-edit').val(org.mutability);
+        if (Hyperparams.useGlobalMutability) {
+			$('#mutation-rate-cont').css('display', 'none');
+        }
+        else {
+            $('#mutation-rate-cont').css('display', 'block');
+        }
         
         if (this.setBrainPanelVisibility()){
             this.setBrainEditorValues($('#observation-type-edit').val());

src/Rendering/Renderer.js

@@ -105,8 +105,4 @@ class Renderer {
     }
 }
 
-// $("body").mousemove(function(e) {
-//     console.log("hello");
-// });
-
 module.exports = Renderer;