From 0b9cf0bd459781140e09c8a237a2858055f674ed Mon Sep 17 00:00:00 2001
From: Sebastian Serth <Sebastian.Serth@hpi.de>
Date: Sat, 7 Mar 2020 23:24:06 +0100
Subject: [PATCH] Hide Turtle Canvas during cleanup

---
 app/assets/javascripts/editor/evaluation.js |  1 +
 app/assets/javascripts/editor/turtle.js     | 12 ++++++++----
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/app/assets/javascripts/editor/evaluation.js b/app/assets/javascripts/editor/evaluation.js
index d2b0dea9..e2959c73 100644
--- a/app/assets/javascripts/editor/evaluation.js
+++ b/app/assets/javascripts/editor/evaluation.js
@@ -136,6 +136,7 @@ CodeOceanEditorEvaluation = {
 
   clearOutput: function() {
     $('#output pre').remove();
+    CodeOceanEditorTurtle.hideCanvas();
   },
 
   clearScoringOutput: function() {
diff --git a/app/assets/javascripts/editor/turtle.js b/app/assets/javascripts/editor/turtle.js
index 1bf80b32..e6463ee4 100644
--- a/app/assets/javascripts/editor/turtle.js
+++ b/app/assets/javascripts/editor/turtle.js
@@ -37,12 +37,16 @@ CodeOceanEditorTurtle = {
   },
 
   showCanvas: function () {
-    if ($('#turtlediv').isPresent()
-        && this.turtlecanvas.hasClass('d-none')) {
-      // initialize two-column layout
-      $('#output-col1').addClass('col-lg-7 col-md-7 two-column');
+    if ($('#turtlediv').isPresent() && this.turtlecanvas.hasClass('d-none')) {
       this.turtlecanvas.removeClass('d-none');
     }
+  },
+
+  hideCanvas: function () {
+    const turtlecanvas = $('#turtlecanvas');
+    if ($('#turtlediv').isPresent() && !turtlecanvas.hasClass('d-none')) {
+      turtlecanvas.addClass('d-none');
+    }
   }
 
 };
\ No newline at end of file