[Finishes #82528944] Add ability to embed Blockly blocks within multi/match content

wjordan · wjordan · commit aef4b9087248 · 2014-11-25T15:46:41.000-08:00
diff --git a/dashboard/app/controllers/levels_controller.rb b/dashboard/app/controllers/levels_controller.rb
@@ -7,7 +7,7 @@ class LevelsController < ApplicationController
   before_filter :authenticate_user!
   before_filter :can_modify?, except: [:show, :index]
   skip_before_filter :verify_params_before_cancan_loads_model, :only => [:create, :update_blocks]
-  load_and_authorize_resource :except => [:create, :update_blocks, :edit_blocks]
+  load_and_authorize_resource :except => [:create, :update_blocks, :edit_blocks, :embed_blocks]
   check_authorization
 
   before_action :set_level, only: [:show, :edit, :update, :destroy]
@@ -196,6 +196,21 @@ def can_modify?
     end
   end
 
+  def embed_blocks
+    authorize! :read, :level
+    @level = Level.find(params[:level_id])
+    @block_type = params[:block_type]
+    @app = @level.game.app
+    @options = {
+        readonly: true,
+        locale: js_locale,
+        baseUrl: "#{ActionController::Base.asset_host}/blockly/",
+        blocks: @level.properties[@block_type]
+    }
+    puts "blocks: #{@level[@block_type]}, block type=#{@block_type}"
+    render :embed_blocks, layout: false
+  end
+
   private
     # Use callbacks to share common setup or constraints between actions.
     def set_level
diff --git a/dashboard/app/helpers/levels_helper.rb b/dashboard/app/helpers/levels_helper.rb
@@ -282,6 +282,12 @@ def string_or_image(prefix, text)
     path, width = text.split(',')
     if %w(.jpg .png .gif).include? File.extname(path)
       "<img src='#{path.strip}' #{"width='#{width.strip}'" if width}></img>"
+    elsif File.extname(path).ends_with? '_blocks'
+      # '.start_blocks' takes the XML from the start_blocks of the specified level.
+      ext = File.extname(path)
+      base_level = File.basename(path, ext)
+      level = Level.find_by(name: base_level)
+      "<iframe src='#{url_for(:controller => :levels, :action => :embed_blocks, :level_id => level.id, :block_type => ext.tap{|x|x.slice!(0)}).strip}' width='#{width ? width.strip : '100%'}' scrolling='no' seamless='seamless' style='border: none;'></iframe>"
     elsif File.extname(path) == '.level'
       base_level = File.basename(path, '.level')
       level = Level.find_by(name: base_level)
diff --git a/dashboard/app/views/levels/embed_blocks.html.erb b/dashboard/app/views/levels/embed_blocks.html.erb
@@ -0,0 +1,48 @@
+<%- # Embedded Blockly block html template. Derived from /blockly/src/templates/readonly.html.ejs, converted to erb %>
+<%- blockly_path = "#{ActionController::Base.asset_host}/blockly/" %>
+<%- options = @options %>
+<%- app = @app %>
+<!DOCTYPE html>
+<html dir="<%= locale_dir %>">
+<head>
+  <meta charset="utf-8">
+  <title>Blockly</title>
+  <script type="text/javascript" src="<%= "#{blockly_path}js/#{options[:locale]}/vendor.js" %>"></script>
+  <script type="text/javascript" src="<%= "#{blockly_path}js/#{options[:locale]}/#{app}.js" %>"></script>
+  <script type="text/javascript">
+    <% # delay to onload to fix IE9. %>
+    window.onload = function() {
+      <%= app %>Main(<%=raw options.to_json %>);
+    };
+  </script>
+</head>
+<body>
+<div id="blockly" class="readonly"></div>
+<style>
+  html, body {
+    background-color: transparent;
+    margin: 0;
+    padding:0;
+    overflow: hidden;
+    height: 100%;
+    font-family: 'Gotham A', 'Gotham B', sans-serif;
+  }
+  .blocklyText, .blocklyMenuText, .blocklyTreeLabel, .blocklyHtmlInput,
+  .blocklyIconMark, .blocklyTooltipText, .goog-menuitem-content {
+    font-family: 'Gotham A', 'Gotham B', sans-serif;
+  }
+  #blockly>svg {
+    background-color: transparent;
+    border: none;
+  }
+  #blockly {
+    position: absolute;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    height: 100%;
+    width: 100%;
+  }
+</style>
+</body>
+</html>
diff --git a/dashboard/config/routes.rb b/dashboard/config/routes.rb
@@ -67,6 +67,7 @@
 
   resources :levels do
     get 'edit_blocks/:type', to: 'levels#edit_blocks', as: 'edit_blocks'
+    get 'embed_blocks/:block_type', to: 'levels#embed_blocks', as: 'embed_blocks'
     post 'update_blocks/:type', to: 'levels#update_blocks', as: 'update_blocks'
     post 'clone', to: 'levels#clone'
   end
