adding interactiveMode layout

mumuki · Mar 28, 2019 · b9c980c · b9c980c
1 parent b11b561
commit b9c980c
Show file tree

Hide file tree

Showing 5 changed files with 437 additions and 17 deletions.
diff --git a/lib/gobstones/batch_parser.rb b/lib/gobstones/batch_parser.rb
@@ -45,6 +45,7 @@ def parse_options(test)
         struct(key: :show_final_board, default: true),
         struct(key: :check_head_position, default: false),
         struct(key: :expect_endless_while, default: false),
+        struct(key: :interactive, default: false),
         struct(key: :subject, default: nil)
       ].map { |it| [
           it.key,

diff --git a/lib/precompile_hook.rb b/lib/precompile_hook.rb
@@ -4,7 +4,7 @@ class GobstonesPrecompileHook < Mumukit::Templates::FileHook
   DEFAULT_TIMEOUT = 2
 
   structured true
-  isolated true
+  isolated false
 
   def tempfile_extension
     '.json'

diff --git a/lib/render/editor/editor.css b/lib/render/editor/editor.css
@@ -63,6 +63,52 @@
   outline: 1px solid #cc0000 !important;
 }
 
+.mu-kids-interactive #mu-initial-state-text {
+  display: none;
+}
+
+.mu-kids-interactive #mu-final-state-text {
+  display: none;
+}
+
+.mu-kids-interactive .mu-state-initial {
+  height: 70%;
+}
+
+.mu-kids-interactive gs-keyboard {
+  height: 100%;
+}
+
+.mu-kids-interactive .mu-state-final {
+  height: 30%;
+}
+
+.mu-kids-interactive .mu-scenario-control {
+  z-index: -1;
+}
+
+.mu-kids-interactive.play-mode .blocklyToolboxDiv {
+  display: none;
+}
+
+.mu-kids-interactive .mu-kids-interactive-submit-button paper-fab {
+  cursor: default;
+  opacity: 0.5;
+}
+
+.mu-kids-interactive.play-mode .mu-kids-interactive-submit-button paper-fab {
+  cursor: pointer;
+  opacity: 1;
+}
+
+.mu-kids-interactive.play-mode .mu-kids-exercise-description {
+  width: 65% !important;
+}
+
+.mu-kids-interactive.play-mode .mu-kids-states {
+  width: 35% !important;
+}
+
 @-moz-document url-prefix() {
   .mu-kids-exercise gs-board table.gbs_board {
     position: absolute;