organism saving/loading

src/Controllers/ControlPanel.js

@@ -1,7 +1,6 @@
 const Hyperparams = require("../Hyperparameters");
 const Modes = require("./ControlModes");
 const StatsPanel = require("../Stats/StatsPanel");
-const RandomOrganismGenerator = require("../Organism/RandomOrganismGenerator")
 const WorldConfig = require("../WorldConfig");
 
 class ControlPanel {
@@ -279,9 +278,9 @@ class ControlPanel {
             downloadEl.click();
         });
         $('#load-controls').click(() => {
-            $('#upload-el').click();
+            $('#upload-hyperparams').click();
         });
-        $('#upload-el').change((e)=>{
+        $('#upload-hyperparams').change((e)=>{
             let files = e.target.files;
             if (!files.length) {return;};
             let reader = new FileReader();
@@ -290,7 +289,7 @@ class ControlPanel {
                 Hyperparams.loadJsonObj(result);
                 this.updateHyperparamUIValues();
                 // have to clear the value so change() will be triggered if the same file is uploaded again
-                $('#upload-el')[0].value = '';
+                $('#upload-hyperparams')[0].value = '';
             };
             reader.readAsText(files[0]);
         });
@@ -428,7 +427,6 @@ class ControlPanel {
             this.env_controller.org_to_clone = this.engine.organism_editor.getCopyOfOrg();
             this.env_controller.add_new_species = this.editor_controller.new_species;
             this.editor_controller.new_species = false;
-            // console.log(this.env_controller.add_new_species)
         }
     }
 

src/Controllers/EditorController.js

@@ -13,6 +13,7 @@ class EditorController extends CanvasController{
         this.new_species = false;
         this.defineCellTypeSelection();
         this.defineEditorDetails();
+        this.defineSaveLoad();
     }
 
     mouseMove() {
@@ -109,6 +110,43 @@ class EditorController extends CanvasController{
         }.bind(this));
     }
 
+    defineSaveLoad() {
+        $('#save-org').click(()=>{
+            let org = this.env.organism.serialize();
+            let data = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(org));
+            let downloadEl = document.getElementById('download-el');
+            downloadEl.setAttribute("href", data);
+            downloadEl.setAttribute("download", "organism.json");
+            downloadEl.click();
+        });
+        $('#load-org').click(() => {
+            $('#upload-org').click();
+        });
+        $('#upload-org').change((e)=>{
+            let files = e.target.files;
+            if (!files.length) {return;};
+            let reader = new FileReader();
+            reader.onload = (e) => {
+                try {
+                    let org=JSON.parse(e.target.result);
+                    this.env.clear();
+                    this.env.organism.loadRaw(org);
+                    this.refreshDetailsPanel();
+                    this.env.organism.updateGrid();
+                    this.env.renderFull();
+                    if (this.mode === Modes.Clone)
+                        $('#drop-org').click();
+                    // have to clear the value so change() will be triggered if the same file is uploaded again
+                    $('#upload-org')[0].value = '';
+                } catch(except) {
+                    console.error(except)
+                    alert('Failed to load organism');
+                }
+            };
+            reader.readAsText(files[0]);
+        });
+    }
+
     clearDetailsPanel() {
         $('#organism-details').css('display', 'none');
         $('#edit-organism-details').css('display', 'none');