r236@sede: terceiro | 2007-07-28 18:50:13 -0300

ActionItem0: checkpoint: walking forward with design plugin git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@240 3f533792-8f58-4932-b0fe-aaf55b0a4547

r236@sede: terceiro | 2007-07-28 18:50:13 -0300
ActionItem0: checkpoint: walking forward with design plugin git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@240 3f533792-8f58-4932-b0fe-aaf55b0a4547
AntonioTerceiro
1 parent 8ea19a9c
Showing 8 changed files with 470 additions and 5 deletions Show diff stats
vendor/plugins/design/init.rb
vendor/plugins/design/lib/design.rb
vendor/plugins/design/lib/design/editor/helper.rb
vendor/plugins/design/lib/design/helper.rb
vendor/plugins/design/lib/design/main_block.rb
vendor/plugins/design/test/design_helper_test.rb
vendor/plugins/design/test/design_test.rb
vendor/plugins/design/test/test_helper.rb
@@ -14,7 +14,12 @@ class ActionController::Base
     @design_plugin_config = config
+    def self.design_plugin_config
+      @design_plugin_config
+    end
+
     include Design
+    helper Design::Helper
   end
   # declares this controller as a design editor, including in it all the
@@ -23,6 +28,7 @@ class ActionController::Base
   def self.design_editor(config = {})
     self.design(config)
     include Design::Editor
+    helper Design::Editor::Helper
   end
 end
@@ -13,7 +13,7 @@ module Design
     return data[:design] if data.has_key?(:design)
-    config = self.class.instance_variable_get("@design_plugin_config")
+    config = self.class.design_plugin_config
     if config.has_key?(:holder)
       holder_variable_name = config[:holder]
@@ -0,0 +1,44 @@
+module Design
+
+  module Editor
+
+    # defines helper methods for controllers that use +design_editor+
+    module Helper
+
+      # draws the user interface for the design editor. 
+      def design_display_editor()
+        # TODO: check this
+        raise NotImplementedError
+
+        content = [content_tag(
+          :ul,[
+            content_tag(
+            :li,
+            select_template,
+            :class => 'select_template'
+           ),
+           content_tag(
+             :li,
+             select_theme,
+             :class => 'select_template'
+           ),
+           content_tag(
+             :li,
+             select_icon_theme,
+             :class => 'select_template'
+           ),
+           ].join("\n"),
+           :class => 'select_options'
+         ), 
+         @ft_config[:boxes].map{ |box|
+          content_tag(:div, edit_blocks(box, main_content) , :id=>"box_#{box.number}")
+         }].join("\n")
+
+         content = content_tag(:div, content, :id => 'flexible_template_edit_mode')
+      end
+
+    end # END OF module Helper
+
+  end # END OF module Editor
+
+end # END OF module Design
 module Design
+
   module Helper
-  end
-end
+
+    # proxies calls to controller's design method
+    def design
+      @controller.send(:design)
+    end
+
+    ########################################################
+    # Boxes and Blocks related
+    ########################################################
+
+    # Displays +content+ inside the design used by the controller. Normally
+    # you'll want use this method in your layout view, like this:
+    #
+    #   <%= design_display(yield) %>
+    #
+    # +content+ will be put inside all the blocks which return +true+ in the
+    # Block.main? method.
+    #
+    # The number of boxes generated will be no larger than the maximum number
+    # supported by the template, which is indicated in its YAML description
+    # file.
+    #
+    # If not blocks are present (e.g. the design holder has no blocks yet),
+    # +content+ is returned right away.
+    def design_display(content = "")
+
+      # no blocks. nothing to be done
+      return content if design.boxes.empty?
+
+      # Generate all boxes of the current profile and considering the defined
+      # on template.
+
+      design.boxes.map do |box|
+        content_tag(:div, design_display_blocks(box, content) , :id=>"box_#{box.number}")
+      end.join("\n")
+    end
+
+    # Displays all the blocks in a box.
+    #   <ul id="sort#{number of the box}">
+    #     <li class="block_item_box_#{number of the box}" id="block_#{id of block}">
+    #     </li>
+    #   </ul>
+    #
+    def design_display_blocks(box, content = "")
+      blocks = box.blocks_sort_by_position
+      content_tag(:div,
+        blocks.map { |b|
+         content_tag(:div, b.main? ? content : self.send('list_content', b.content), :class =>"block_item_box_#{box.number}" , :id => "block_#{b.id}" )
+        }.join("\n"), :id => "frame_#{box.number}"
+      )
+    end
+
+
+    ########################################################
+    # Template
+    ########################################################
+    # Load all the javascript files of a existing template with the template_name passed as argument.
+    #
+    # The files loaded are in the path:
+    #
+    # 'public/templates/#{template_name}/javascripts/*'
+    #
+    # If a invalid template it's passed the default template is applied
+    def javascript_include_tag_for_template
+      template_javascript_dir = Dir.glob("#{RAILS_ROOT}/public/templates/#{@ft_config[:template]}/javascripts/*.js")
+
+      return if template_javascript_dir.blank?
+
+      parse_path(template_javascript_dir).map do |filename|
+        javascript_include_tag(filename)
+      end
+    end
+
+    # Load all the css files of a existing template with the template_name passed as argument.
+    #
+    # The files loaded are in the path:
+    #
+    # 'public/templates/#{template_name}/stylesheets/*'
+    # If a invalid template it's passed the default template is applied
+    def stylesheet_link_tag_for_template
+      template_stylesheet_dir = Dir.glob("#{RAILS_ROOT}/public/templates/#{@ft_config[:template]}/stylesheets/*.css")
+
+      if template_stylesheet_dir.blank?
+        flash[:notice] = _("There is no stylesheets in directory %s of template %s.") % [ template_stylesheet_dir, @ft_config[:template]]
+        return
+      end
+
+      parse_path(template_stylesheet_dir).map do |filename|
+        stylesheet_link_tag(filename)
+      end
+    end
+
+
+    #################################################
+    #THEMES 
+    #################################################
+
+    # Load all the css files of a existing theme with the @ft_config[:theme] passed as argument in owner object.
+    #
+    # The files loaded are in the path:
+    #
+    # 'public/themes/#{theme_name}/*'
+    # If a invalid theme it's passed the 'default' theme is applied
+    def stylesheet_link_tag_for_theme
+      path = "#{RAILS_ROOT}/public/themes/#{@ft_config[:theme]}/"
+      theme_dir = Dir.glob(path+"*")
+
+      return if theme_dir.blank?
+
+      parse_path(theme_dir).map do |filename|
+        stylesheet_link_tag(filename)
+      end
+
+    end
+
+
+    #Display a given icon passed as argument
+    #The icon path should be '/icons/{icon_theme}/{icon_image}'
+    def display_icon(icon, options = {})
+      image_tag("/icons/#{@ft_config[:icon_theme]}/#{icon}.png", options)
+    end
+
+    private
+ 
+
+    # Check if the current controller is the controller that allows layout editing
+    def edit_mode?
+      controller.flexible_template_edit_template?
+    end 
+
+    def parse_path(files_path = [], remove_until = 'public')
+      remove_until = remove_until.gsub(/\//, '\/')
+      files_path.map{|f| f.gsub(/.*#{remove_until}/, '')}
+    end
+
+
+  end # END SHOW TEMPLATE HELPER
+
+  module EditTemplateHelper
+
+
+    # Symbol dictionary used on select when we add or edit a block.
+    # This method has the responsability of translate a Block class in a humam name
+    # By default the class "MainBlock" has the human name "Main Block". Other classes
+    # defined by user are not going to display in a human name format until de method
+    # flexible_template_block_dict be redefined in a controller by user
+
+#TODO define the method flexible_template_block_dict if not defined by helper
+#    if !self.public_instance_methods.include? "flexible_template_block_dict"
+#      define_method('flexible_template_block_dict') do |str|
+#        {
+#          'MainBlock' => _("Main Block")
+#        }[str] || str
+#      end
+#    end 
+
+
+    def flexible_template_block_helper_dict(str)
+      {
+        'plain_content' => _('Plain Content') ,
+        'list_content' => _('List Content')
+      }[str] || str
+    end
+
+
+    private 
+
+    #################################################
+    # TEMPLATES METHODS RELATED
+    #################################################
+
+    # Shows the blocks as defined in <tt>show_blocks</tt> adding the sortable and draggable elements.
+    # In this case the layout can be manipulated
+    def edit_blocks(box, main_content = "")
+      blocks = box.blocks_sort_by_position
+      [
+       content_tag(
+        :ul,[ 
+        box.name,
+        link_to_active_sort(box),
+        link_to_add_block(box),
+        blocks.map {|b|
+          [content_tag(
+            :li, 
+            b.name + link_to_destroy_block(b),
+            :class =>"block_item_box_#{box.number}" , :id => "block_#{b.id}"
+          ),
+          draggable("block_#{b.id}")].join("\n")
+        }.join("\n")].join("\n"), :id => "sort_#{box.number}"
+      ), 
+      drag_drop_items(box)].join("\n")
+    end
+
+    def link_to_active_sort(box)
+      link_to_remote(_('Sort'),
+        {:update => "sort_#{box.number}", :url => {:action => 'flexible_template_set_sort_mode', :box_id => box.id }},
+        :class => 'sort_button') 
+    end
+
+    def link_to_add_block(box)
+      link_to_remote(_('Add Block'),
+        {:update => "sort_#{box.number}", :url => {:action => 'flexible_template_new_block', :box_id => box.id }},
+        :class => 'add_block_button')
+    end
+
+    def link_to_destroy_block(block)
+      link_to_remote(_('Remove'),
+        {:update => "sort_#{block.box.number}", :url => {:action => 'flexible_template_destroy_block', :block_id => block.id }},
+        :class => 'destroy_block_button')
+    end
+
+
+    # Allows the biven box to have sortable elements
+    def sortable_block(box_number)
+      sortable_element "sort_#{box_number}",
+      :url => {:action => 'flexible_template_sort_box', :box_number => box_number },
+      :complete => visual_effect(:highlight, "sort_#{box_number}")
+    end
+
+    # Allows an element item to be draggable
+    def draggable(item)
+      draggable_element(item, :ghosting => true, :revert => true)
+    end
+
+    # Allows an draggable element change between diferrents boxes
+    def drag_drop_items(box)
+      boxes =  @ft_config[:boxes].reject{|b| b.id == box.id}
+
+      boxes.map{ |b|
+        drop_receiving_element("box_#{box.number}",
+          :accept     => "block_item_box_#{b.number}",
+          :complete   => "$('spinner').hide();",
+          :before     => "$('spinner').show();",
+          :hoverclass => 'hover',
+          :with       => "'block=' + encodeURIComponent(element.id.split('_').last())",
+          :url        => {:action=>:flexible_template_change_box, :box_id => box.id})
+        }.to_s
+    end
+
+
+    # Generate a select option to choose one of the available templates.
+    # The available templates are those in 'public/templates'
+    def select_template
+      available_templates = @ft_config[:available_templates]
+
+      template_options = options_for_select(available_templates.map{|template| [template, template] }, @ft_config[:template])
+      [ select_tag('template_name', template_options ),
+        change_template].join("\n")
+    end
+
+    # Generate a observer to reload a page when a template is selected
+    def change_template
+      observe_field( 'template_name',
+        :url => {:action => 'set_default_template'},
+        :with =>"'template_name=' + escape(value) + '&object_id=' + escape(#{@ft_config[:owner].id})",
+        :complete => "document.location.reload();"
+      )
+    end
+
+    def available_blocks
+#TODO check if are valids blocks
+      h = {
+        'MainBlock' => _("Main Block"),
+      }
+      h.merge!(controller.class::FLEXIBLE_TEMPLATE_AVAILABLE_BLOCKS) if controller.class.constants.include? "FLEXIBLE_TEMPLATE_AVAILABLE_BLOCKS"
+      h
+    end
+
+    def block_helpers
+#TODO check if are valids helpers
+      h = {
+        'plain_content' => _("Plain Content"),
+        'list_content' => _("Simple List Content"),
+      }
+      h.merge!(controller.class::FLEXIBLE_TEMPLATE_BLOCK_HELPER) if controller.class.constants.include? "FLEXIBLE_TEMPLATE_BLOCK_HELPER"
+      h
+    end
+
+    def new_block_form(box)
+      type_block_options = options_for_select(available_blocks.collect{|k,v| [v,k] })
+      type_block_helper_options = options_for_select(block_helpers.collect{|k,v| [v,k] })
+      @block = Block.new
+      @block.box = box 
+
+      _("Adding block on %s") % box.name +
+      [
+        form_remote_tag(:url => {:action => 'flexible_template_create_block'}, :update => "sort_#{box.number}"),   
+          hidden_field('block', 'box_id'),
+          content_tag(
+            :p,
+            [   
+              content_tag(
+                :label, _('Name:')
+              ),
+              text_field('block', 'name')
+            ].join("\n")
+          ),
+          content_tag(
+            :p,
+            [   
+              content_tag(
+                :label, _('Title:')
+              ),
+              text_field('block', 'title')
+            ].join("\n")
+          ),
+          content_tag(
+            :p,
+            [   
+              content_tag(
+                :label, _('Type:')
+              ),
+              select_tag('block[type]', type_block_options)
+            ].join("\n")
+          ),
+          content_tag(
+            :p,
+            [   
+              content_tag(
+                :label, _('Visualization Mode:')
+              ),
+              select_tag('block[helper]', type_block_helper_options)
+            ].join("\n")
+          ),
+          submit_tag( _('Submit')),
+        end_form_tag
+      ].join("\n")
+
+    end
+
+    # Generate a select option to choose one of the available themes.
+    # The available themes are those in 'public/themes'
+    def select_theme
+      available_themes = @ft_config[:available_themes]
+      theme_options = options_for_select(available_themes.map{|theme| [theme, theme] }, @ft_config[:theme])
+      [ select_tag('theme_name', theme_options ),
+        change_theme].join("\n")
+    end
+
+    # Generate a observer to reload a page when a theme is selected
+    def change_theme
+      observe_field( 'theme_name',
+        :url => {:action => 'set_default_theme'},
+        :with =>"'theme_name=' + escape(value) + '&object_id=' + escape(#{@ft_config[:owner].id})",
+        :complete => "document.location.reload();"
+      )
+    end
+
+
+    #################################################
+    #ICONS THEMES RELATED
+    #################################################
+
+    # Generate a select option to choose one of the available icons themes.
+    # The available icons themes are those in 'public/icons'
+    def select_icon_theme
+      available_icon_themes = @ft_config[:available_icon_themes]
+      icon_theme_options = options_for_select(available_icon_themes.map{|icon_theme| [icon_theme, icon_theme] }, @ft_config[:icon_theme])
+      [ select_tag('icon_theme_name', icon_theme_options ),
+        change_icon_theme].join("\n")
+    end
+
+    # Generate a observer to reload a page when a icons theme is selected
+    def change_icon_theme
+      observe_field( 'icon_theme_name',
+        :url => {:action => 'set_default_icon_theme'},
+        :with =>"'icon_theme_name=' + escape(value) + '&object_id=' + escape(#{@ft_config[:owner].id})",
+        :complete => "document.location.reload();"
+      )
+    end
+
+
+  end # END OF module HElper
+
+
+end #END OF module Design
@@ -5,8 +5,6 @@ module Design
   # calling +yield+ inside a regular view.
   class MainBlock < Block
-    set_table_name
-  
     # always returns true
     def main?
       true
@@ -0,0 +1,37 @@
+require File.join(File.dirname(__FILE__), 'test_helper')
+
+class DesignHelperTestController < ActionController::Base
+  
+  box1 = Design::Box.new(:number => 1)
+  box2 = Design::Box.new(:number => 2)
+  box2.blocks << Design::MainBlock.new
+  box3 = Design::Box.new(:number => 3)
+
+  design :fixed => {
+    :template => 'default',
+    :theme => 'default',
+    :icon_theme => 'default',
+    :boxes => [ box1, box2, box3 ],
+  }
+
+  def index
+    render :inline => '<%= design_display("my content") %>'
+  end
+end
+
+class DesignHelperTest < Test::Unit::TestCase
+
+  def setup
+    @controller = DesignHelperTestController.new
+    @request    = ActionController::TestRequest.new
+    @response   = ActionController::TestResponse.new
+  end
+
+  def test_should_generate_template
+    get :index
+    assert_tag :tag => 'div', :attributes => { :id => 'box_1' }
+    assert_tag :tag => 'div', :attributes => { :id => 'box_2' }
+    assert_tag :tag => 'div', :attributes => { :id => 'box_3' }
+  end
+
+end
@@ -27,4 +27,8 @@ class DesignTest &lt; Test::Unit::TestCase
     end
   end
+  def test_should_expose_config_passed_to_design_class_method
+    assert_kind_of Hash, FixedDesignTestController.design_plugin_config
+  end
+
 end
@@ -30,6 +30,7 @@ class FixedDesignTestController &lt; ActionController::Base
   BOX1 = Design::Box.new
   BOX2 = Design::Box.new
+  BOX2.blocks << Design::MainBlock.new
   BOX3 = Design::Box.new
   design :fixed => {
	@@ -13,7 +13,7 @@ module Design		@@ -13,7 +13,7 @@ module Design
13		13
14	return data[:design] if data.has_key?(:design)	14	return data[:design] if data.has_key?(:design)
15		15
16	- config = self.class.instance_variable_get("@design_plugin_config")	16	+ config = self.class.design_plugin_config
17		17
18	if config.has_key?(:holder)	18	if config.has_key?(:holder)
19	holder_variable_name = config[:holder]	19	holder_variable_name = config[:holder]
@@ -0,0 +1,44 @@		@@ -0,0 +1,44 @@
	1	+module Design
	2	+
	3	+ module Editor
	4	+
	5	+ # defines helper methods for controllers that use +design_editor+
	6	+ module Helper
	7	+
	8	+ # draws the user interface for the design editor.
	9	+ def design_display_editor()
	10	+ # TODO: check this
	11	+ raise NotImplementedError
	12	+
	13	+ content = [content_tag(
	14	+ :ul,[
	15	+ content_tag(
	16	+ :li,
	17	+ select_template,
	18	+ :class => 'select_template'
	19	+ ),
	20	+ content_tag(
	21	+ :li,
	22	+ select_theme,
	23	+ :class => 'select_template'
	24	+ ),
	25	+ content_tag(
	26	+ :li,
	27	+ select_icon_theme,
	28	+ :class => 'select_template'
	29	+ ),
	30	+ ].join("\n"),
	31	+ :class => 'select_options'
	32	+ ),
	33	+ @ft_config[:boxes].map{ \|box\|
	34	+ content_tag(:div, edit_blocks(box, main_content) , :id=>"box_#{box.number}")
	35	+ }].join("\n")
	36	+
	37	+ content = content_tag(:div, content, :id => 'flexible_template_edit_mode')
	38	+ end
	39	+
	40	+ end # END OF module Helper
	41	+
	42	+ end # END OF module Editor
	43	+
	44	+end # END OF module Design
1	module Design	1	module Design
		2	+
2	module Helper	3	module Helper
3	- end
4	-end	4	+
		5	+ # proxies calls to controller's design method
		6	+ def design
		7	+ @controller.send(:design)
		8	+ end
		9	+
		10	+ ########################################################
		11	+ # Boxes and Blocks related
		12	+ ########################################################
		13	+
		14	+ # Displays +content+ inside the design used by the controller. Normally
		15	+ # you'll want use this method in your layout view, like this:
		16	+ #
		17	+ # <%= design_display(yield) %>
		18	+ #
		19	+ # +content+ will be put inside all the blocks which return +true+ in the
		20	+ # Block.main? method.
		21	+ #
		22	+ # The number of boxes generated will be no larger than the maximum number
		23	+ # supported by the template, which is indicated in its YAML description
		24	+ # file.
		25	+ #
		26	+ # If not blocks are present (e.g. the design holder has no blocks yet),
		27	+ # +content+ is returned right away.
		28	+ def design_display(content = "")
		29	+
		30	+ # no blocks. nothing to be done
		31	+ return content if design.boxes.empty?
		32	+
		33	+ # Generate all boxes of the current profile and considering the defined
		34	+ # on template.
		35	+
		36	+ design.boxes.map do \|box\|
		37	+ content_tag(:div, design_display_blocks(box, content) , :id=>"box_#{box.number}")
		38	+ end.join("\n")
		39	+ end
		40	+
		41	+ # Displays all the blocks in a box.
		42	+ # <ul id="sort#{number of the box}">
		43	+ # <li class="block_item_box_#{number of the box}" id="block_#{id of block}">
		44	+ # </li>
		45	+ # </ul>
		46	+ #
		47	+ def design_display_blocks(box, content = "")
		48	+ blocks = box.blocks_sort_by_position
		49	+ content_tag(:div,
		50	+ blocks.map { \|b\|
		51	+ content_tag(:div, b.main? ? content : self.send('list_content', b.content), :class =>"block_item_box_#{box.number}" , :id => "block_#{b.id}" )
		52	+ }.join("\n"), :id => "frame_#{box.number}"
		53	+ )
		54	+ end
		55	+
		56	+
		57	+ ########################################################
		58	+ # Template
		59	+ ########################################################
		60	+ # Load all the javascript files of a existing template with the template_name passed as argument.
		61	+ #
		62	+ # The files loaded are in the path:
		63	+ #
		64	+ # 'public/templates/#{template_name}/javascripts/*'
		65	+ #
		66	+ # If a invalid template it's passed the default template is applied
		67	+ def javascript_include_tag_for_template
		68	+ template_javascript_dir = Dir.glob("#{RAILS_ROOT}/public/templates/#{@ft_config[:template]}/javascripts/*.js")
		69	+
		70	+ return if template_javascript_dir.blank?
		71	+
		72	+ parse_path(template_javascript_dir).map do \|filename\|
		73	+ javascript_include_tag(filename)
		74	+ end
		75	+ end
		76	+
		77	+ # Load all the css files of a existing template with the template_name passed as argument.
		78	+ #
		79	+ # The files loaded are in the path:
		80	+ #
		81	+ # 'public/templates/#{template_name}/stylesheets/*'
		82	+ # If a invalid template it's passed the default template is applied
		83	+ def stylesheet_link_tag_for_template
		84	+ template_stylesheet_dir = Dir.glob("#{RAILS_ROOT}/public/templates/#{@ft_config[:template]}/stylesheets/*.css")
		85	+
		86	+ if template_stylesheet_dir.blank?
		87	+ flash[:notice] = _("There is no stylesheets in directory %s of template %s.") % [ template_stylesheet_dir, @ft_config[:template]]
		88	+ return
		89	+ end
		90	+
		91	+ parse_path(template_stylesheet_dir).map do \|filename\|
		92	+ stylesheet_link_tag(filename)
		93	+ end
		94	+ end
		95	+
		96	+
		97	+ #################################################
		98	+ #THEMES
		99	+ #################################################
		100	+
		101	+ # Load all the css files of a existing theme with the @ft_config[:theme] passed as argument in owner object.
		102	+ #
		103	+ # The files loaded are in the path:
		104	+ #
		105	+ # 'public/themes/#{theme_name}/*'
		106	+ # If a invalid theme it's passed the 'default' theme is applied
		107	+ def stylesheet_link_tag_for_theme
		108	+ path = "#{RAILS_ROOT}/public/themes/#{@ft_config[:theme]}/"
		109	+ theme_dir = Dir.glob(path+"*")
		110	+
		111	+ return if theme_dir.blank?
		112	+
		113	+ parse_path(theme_dir).map do \|filename\|
		114	+ stylesheet_link_tag(filename)
		115	+ end
		116	+
		117	+ end
		118	+
		119	+
		120	+ #Display a given icon passed as argument
		121	+ #The icon path should be '/icons/{icon_theme}/{icon_image}'
		122	+ def display_icon(icon, options = {})
		123	+ image_tag("/icons/#{@ft_config[:icon_theme]}/#{icon}.png", options)
		124	+ end
		125	+
		126	+ private
		127	+
		128	+
		129	+ # Check if the current controller is the controller that allows layout editing
		130	+ def edit_mode?
		131	+ controller.flexible_template_edit_template?
		132	+ end
		133	+
		134	+ def parse_path(files_path = [], remove_until = 'public')
		135	+ remove_until = remove_until.gsub(/\//, '\/')
		136	+ files_path.map{\|f\| f.gsub(/.*#{remove_until}/, '')}
		137	+ end
		138	+
		139	+
		140	+ end # END SHOW TEMPLATE HELPER
		141	+
		142	+ module EditTemplateHelper
		143	+
		144	+
		145	+ # Symbol dictionary used on select when we add or edit a block.
		146	+ # This method has the responsability of translate a Block class in a humam name
		147	+ # By default the class "MainBlock" has the human name "Main Block". Other classes
		148	+ # defined by user are not going to display in a human name format until de method
		149	+ # flexible_template_block_dict be redefined in a controller by user
		150	+
		151	+#TODO define the method flexible_template_block_dict if not defined by helper
		152	+# if !self.public_instance_methods.include? "flexible_template_block_dict"
		153	+# define_method('flexible_template_block_dict') do \|str\|
		154	+# {
		155	+# 'MainBlock' => _("Main Block")
		156	+# }[str] \|\| str
		157	+# end
		158	+# end
		159	+
		160	+
		161	+ def flexible_template_block_helper_dict(str)
		162	+ {
		163	+ 'plain_content' => _('Plain Content') ,
		164	+ 'list_content' => _('List Content')
		165	+ }[str] \|\| str
		166	+ end
		167	+
		168	+
		169	+ private
		170	+
		171	+ #################################################
		172	+ # TEMPLATES METHODS RELATED
		173	+ #################################################
		174	+
		175	+ # Shows the blocks as defined in <tt>show_blocks</tt> adding the sortable and draggable elements.
		176	+ # In this case the layout can be manipulated
		177	+ def edit_blocks(box, main_content = "")
		178	+ blocks = box.blocks_sort_by_position
		179	+ [
		180	+ content_tag(
		181	+ :ul,[
		182	+ box.name,
		183	+ link_to_active_sort(box),
		184	+ link_to_add_block(box),
		185	+ blocks.map {\|b\|
		186	+ [content_tag(
		187	+ :li,
		188	+ b.name + link_to_destroy_block(b),
		189	+ :class =>"block_item_box_#{box.number}" , :id => "block_#{b.id}"
		190	+ ),
		191	+ draggable("block_#{b.id}")].join("\n")
		192	+ }.join("\n")].join("\n"), :id => "sort_#{box.number}"
		193	+ ),
		194	+ drag_drop_items(box)].join("\n")
		195	+ end
		196	+
		197	+ def link_to_active_sort(box)
		198	+ link_to_remote(_('Sort'),
		199	+ {:update => "sort_#{box.number}", :url => {:action => 'flexible_template_set_sort_mode', :box_id => box.id }},
		200	+ :class => 'sort_button')
		201	+ end
		202	+
		203	+ def link_to_add_block(box)
		204	+ link_to_remote(_('Add Block'),
		205	+ {:update => "sort_#{box.number}", :url => {:action => 'flexible_template_new_block', :box_id => box.id }},
		206	+ :class => 'add_block_button')
		207	+ end
		208	+
		209	+ def link_to_destroy_block(block)
		210	+ link_to_remote(_('Remove'),
		211	+ {:update => "sort_#{block.box.number}", :url => {:action => 'flexible_template_destroy_block', :block_id => block.id }},
		212	+ :class => 'destroy_block_button')
		213	+ end
		214	+
		215	+
		216	+ # Allows the biven box to have sortable elements
		217	+ def sortable_block(box_number)
		218	+ sortable_element "sort_#{box_number}",
		219	+ :url => {:action => 'flexible_template_sort_box', :box_number => box_number },
		220	+ :complete => visual_effect(:highlight, "sort_#{box_number}")
		221	+ end
		222	+
		223	+ # Allows an element item to be draggable
		224	+ def draggable(item)
		225	+ draggable_element(item, :ghosting => true, :revert => true)
		226	+ end
		227	+
		228	+ # Allows an draggable element change between diferrents boxes
		229	+ def drag_drop_items(box)
		230	+ boxes = @ft_config[:boxes].reject{\|b\| b.id == box.id}
		231	+
		232	+ boxes.map{ \|b\|
		233	+ drop_receiving_element("box_#{box.number}",
		234	+ :accept => "block_item_box_#{b.number}",
		235	+ :complete => "$('spinner').hide();",
		236	+ :before => "$('spinner').show();",
		237	+ :hoverclass => 'hover',
		238	+ :with => "'block=' + encodeURIComponent(element.id.split('_').last())",
		239	+ :url => {:action=>:flexible_template_change_box, :box_id => box.id})
		240	+ }.to_s
		241	+ end
		242	+
		243	+
		244	+ # Generate a select option to choose one of the available templates.
		245	+ # The available templates are those in 'public/templates'
		246	+ def select_template
		247	+ available_templates = @ft_config[:available_templates]
		248	+
		249	+ template_options = options_for_select(available_templates.map{\|template\| [template, template] }, @ft_config[:template])
		250	+ [ select_tag('template_name', template_options ),
		251	+ change_template].join("\n")
		252	+ end
		253	+
		254	+ # Generate a observer to reload a page when a template is selected
		255	+ def change_template
		256	+ observe_field( 'template_name',
		257	+ :url => {:action => 'set_default_template'},
		258	+ :with =>"'template_name=' + escape(value) + '&object_id=' + escape(#{@ft_config[:owner].id})",
		259	+ :complete => "document.location.reload();"
		260	+ )
		261	+ end
		262	+
		263	+ def available_blocks
		264	+#TODO check if are valids blocks
		265	+ h = {
		266	+ 'MainBlock' => _("Main Block"),
		267	+ }
		268	+ h.merge!(controller.class::FLEXIBLE_TEMPLATE_AVAILABLE_BLOCKS) if controller.class.constants.include? "FLEXIBLE_TEMPLATE_AVAILABLE_BLOCKS"
		269	+ h
		270	+ end
		271	+
		272	+ def block_helpers
		273	+#TODO check if are valids helpers
		274	+ h = {
		275	+ 'plain_content' => _("Plain Content"),
		276	+ 'list_content' => _("Simple List Content"),
		277	+ }
		278	+ h.merge!(controller.class::FLEXIBLE_TEMPLATE_BLOCK_HELPER) if controller.class.constants.include? "FLEXIBLE_TEMPLATE_BLOCK_HELPER"
		279	+ h
		280	+ end
		281	+
		282	+ def new_block_form(box)
		283	+ type_block_options = options_for_select(available_blocks.collect{\|k,v\| [v,k] })
		284	+ type_block_helper_options = options_for_select(block_helpers.collect{\|k,v\| [v,k] })
		285	+ @block = Block.new
		286	+ @block.box = box
		287	+
		288	+ _("Adding block on %s") % box.name +
		289	+ [
		290	+ form_remote_tag(:url => {:action => 'flexible_template_create_block'}, :update => "sort_#{box.number}"),
		291	+ hidden_field('block', 'box_id'),
		292	+ content_tag(
		293	+ :p,
		294	+ [
		295	+ content_tag(
		296	+ :label, _('Name:')
		297	+ ),
		298	+ text_field('block', 'name')
		299	+ ].join("\n")
		300	+ ),
		301	+ content_tag(
		302	+ :p,
		303	+ [
		304	+ content_tag(
		305	+ :label, _('Title:')
		306	+ ),
		307	+ text_field('block', 'title')
		308	+ ].join("\n")
		309	+ ),
		310	+ content_tag(
		311	+ :p,
		312	+ [
		313	+ content_tag(
		314	+ :label, _('Type:')
		315	+ ),
		316	+ select_tag('block[type]', type_block_options)
		317	+ ].join("\n")
		318	+ ),
		319	+ content_tag(
		320	+ :p,
		321	+ [
		322	+ content_tag(
		323	+ :label, _('Visualization Mode:')
		324	+ ),
		325	+ select_tag('block[helper]', type_block_helper_options)
		326	+ ].join("\n")
		327	+ ),
		328	+ submit_tag( _('Submit')),
		329	+ end_form_tag
		330	+ ].join("\n")
		331	+
		332	+ end
		333	+
		334	+ # Generate a select option to choose one of the available themes.
		335	+ # The available themes are those in 'public/themes'
		336	+ def select_theme
		337	+ available_themes = @ft_config[:available_themes]
		338	+ theme_options = options_for_select(available_themes.map{\|theme\| [theme, theme] }, @ft_config[:theme])
		339	+ [ select_tag('theme_name', theme_options ),
		340	+ change_theme].join("\n")
		341	+ end
		342	+
		343	+ # Generate a observer to reload a page when a theme is selected
		344	+ def change_theme
		345	+ observe_field( 'theme_name',
		346	+ :url => {:action => 'set_default_theme'},
		347	+ :with =>"'theme_name=' + escape(value) + '&object_id=' + escape(#{@ft_config[:owner].id})",
		348	+ :complete => "document.location.reload();"
		349	+ )
		350	+ end
		351	+
		352	+
		353	+ #################################################
		354	+ #ICONS THEMES RELATED
		355	+ #################################################
		356	+
		357	+ # Generate a select option to choose one of the available icons themes.
		358	+ # The available icons themes are those in 'public/icons'
		359	+ def select_icon_theme
		360	+ available_icon_themes = @ft_config[:available_icon_themes]
		361	+ icon_theme_options = options_for_select(available_icon_themes.map{\|icon_theme\| [icon_theme, icon_theme] }, @ft_config[:icon_theme])
		362	+ [ select_tag('icon_theme_name', icon_theme_options ),
		363	+ change_icon_theme].join("\n")
		364	+ end
		365	+
		366	+ # Generate a observer to reload a page when a icons theme is selected
		367	+ def change_icon_theme
		368	+ observe_field( 'icon_theme_name',
		369	+ :url => {:action => 'set_default_icon_theme'},
		370	+ :with =>"'icon_theme_name=' + escape(value) + '&object_id=' + escape(#{@ft_config[:owner].id})",
		371	+ :complete => "document.location.reload();"
		372	+ )
		373	+ end
		374	+
		375	+
		376	+ end # END OF module HElper
		377	+
		378	+
		379	+end #END OF module Design
@@ -0,0 +1,37 @@		@@ -0,0 +1,37 @@
	1	+require File.join(File.dirname(__FILE__), 'test_helper')
	2	+
	3	+class DesignHelperTestController < ActionController::Base
	4	+
	5	+ box1 = Design::Box.new(:number => 1)
	6	+ box2 = Design::Box.new(:number => 2)
	7	+ box2.blocks << Design::MainBlock.new
	8	+ box3 = Design::Box.new(:number => 3)
	9	+
	10	+ design :fixed => {
	11	+ :template => 'default',
	12	+ :theme => 'default',
	13	+ :icon_theme => 'default',
	14	+ :boxes => [ box1, box2, box3 ],
	15	+ }
	16	+
	17	+ def index
	18	+ render :inline => '<%= design_display("my content") %>'
	19	+ end
	20	+end
	21	+
	22	+class DesignHelperTest < Test::Unit::TestCase
	23	+
	24	+ def setup
	25	+ @controller = DesignHelperTestController.new
	26	+ @request = ActionController::TestRequest.new
	27	+ @response = ActionController::TestResponse.new
	28	+ end
	29	+
	30	+ def test_should_generate_template
	31	+ get :index
	32	+ assert_tag :tag => 'div', :attributes => { :id => 'box_1' }
	33	+ assert_tag :tag => 'div', :attributes => { :id => 'box_2' }
	34	+ assert_tag :tag => 'div', :attributes => { :id => 'box_3' }
	35	+ end
	36	+
	37	+end
	@@ -27,4 +27,8 @@ class DesignTest < Test::Unit::TestCase		@@ -27,4 +27,8 @@ class DesignTest < Test::Unit::TestCase
27	end	27	end
28	end	28	end
29		29
		30	+ def test_should_expose_config_passed_to_design_class_method
		31	+ assert_kind_of Hash, FixedDesignTestController.design_plugin_config
		32	+ end
		33	+
30	end	34	end
	@@ -30,6 +30,7 @@ class FixedDesignTestController < ActionController::Base		@@ -30,6 +30,7 @@ class FixedDesignTestController < ActionController::Base
30		30
31	BOX1 = Design::Box.new	31	BOX1 = Design::Box.new
32	BOX2 = Design::Box.new	32	BOX2 = Design::Box.new
		33	+ BOX2.blocks << Design::MainBlock.new
33	BOX3 = Design::Box.new	34	BOX3 = Design::Box.new
34		35
35	design :fixed => {	36	design :fixed => {