Chris@909: <script language="JavaScript">
Chris@909: //<![CDATA[
Chris@909: function recreateSortables() {
Chris@909:     Sortable.destroy('list-top');
Chris@909:     Sortable.destroy('list-left');
Chris@909:     Sortable.destroy('list-right');
Chris@909: 
Chris@909:   Sortable.create("list-top", {constraint:false, containment:['list-top','list-left','list-right'], dropOnEmpty:true, handle:'handle', onUpdate:function(){new Ajax.Request('<%= url_for(:controller => 'my', :action => 'order_blocks', :group => 'top') %>', {asynchronous:true, evalScripts:true, parameters:Sortable.serialize("list-top")})}, only:'mypage-box', tag:'div'})
Chris@909:   Sortable.create("list-left", {constraint:false, containment:['list-top','list-left','list-right'], dropOnEmpty:true, handle:'handle', onUpdate:function(){new Ajax.Request('<%= url_for(:controller => 'my', :action => 'order_blocks', :group => 'left') %>', {asynchronous:true, evalScripts:true, parameters:Sortable.serialize("list-left")})}, only:'mypage-box', tag:'div'})
Chris@909:   Sortable.create("list-right", {constraint:false, containment:['list-top','list-left','list-right'], dropOnEmpty:true, handle:'handle', onUpdate:function(){new Ajax.Request('<%= url_for(:controller => 'my', :action => 'order_blocks', :group => 'right') %>', {asynchronous:true, evalScripts:true, parameters:Sortable.serialize("list-right")})}, only:'mypage-box', tag:'div'})
Chris@909: }
Chris@909: 
Chris@909: function updateSelect() {
Chris@909:     s = $('block-select')
Chris@909:     for (var i = 0; i < s.options.length; i++) {
Chris@909:         if ($('block_' + s.options[i].value)) {
Chris@909:             s.options[i].disabled = true;
Chris@909:         } else {
Chris@909:             s.options[i].disabled = false;
Chris@909:         }
Chris@909:     }
Chris@909:     s.options[0].selected = true;
Chris@909: }
Chris@909: 
Chris@909: function afterAddBlock() {
Chris@909:     recreateSortables();
Chris@909:     updateSelect();
Chris@909: }
Chris@909: 
Chris@909: function removeBlock(block) {
Chris@909:     Effect.DropOut(block);
Chris@909:     updateSelect();
Chris@909: }
Chris@909: //]]>
Chris@909: </script>
Chris@909: 
Chris@909: <div class="contextual">
Chris@909: <% form_tag({:action => "add_block"}, :id => "block-form") do %>
Chris@909: <%= label_tag('block-select', l(:label_my_page_block)) %>:
Chris@909: <%= select_tag 'block', "<option></option>" + options_for_select(@block_options), :id => "block-select" %>
Chris@909: <%= link_to_remote l(:button_add),
Chris@909:            {:url => { :action => "add_block" },
Chris@909:             :with => "Form.serialize('block-form')",
Chris@909:             :update => "list-top",
Chris@909:             :position => :top,
Chris@909:             :complete => "afterAddBlock();"
Chris@909:            }, :class => 'icon icon-add'
Chris@909:              %>
Chris@909: <% end %>
Chris@909: <%= link_to l(:button_back), {:action => 'page'}, :class => 'icon icon-cancel' %>
Chris@909: </div>
Chris@909: 
Chris@909: <h2><%=l(:label_my_page)%></h2>
Chris@909: 
Chris@909: <div id="list-top" class="block-receiver">
Chris@909:   <% @blocks['top'].each do |b|
Chris@909:      next unless MyController::BLOCKS.keys.include? b %>
Chris@909:   <%= render :partial => 'block', :locals => {:user => @user, :block_name => b} %>
Chris@909:   <% end if @blocks['top'] %>
Chris@909: </div>
Chris@909: 
Chris@909: <div id="list-left" class="splitcontentleft block-receiver">
Chris@909:   <% @blocks['left'].each do |b|
Chris@909:      next unless MyController::BLOCKS.keys.include? b %>
Chris@909:   <%= render :partial => 'block', :locals => {:user => @user, :block_name => b} %>
Chris@909:   <% end if @blocks['left'] %>
Chris@909: </div>
Chris@909: 
Chris@909: <div id="list-right" class="splitcontentright block-receiver">
Chris@909:   <% @blocks['right'].each do |b|
Chris@909:      next unless MyController::BLOCKS.keys.include? b %>
Chris@909:   <%= render :partial => 'block', :locals => {:user => @user, :block_name => b} %>
Chris@909:   <% end if @blocks['right'] %>
Chris@909: </div>
Chris@909: 
Chris@909: <%= sortable_element 'list-top',
Chris@909:       :tag => 'div',
Chris@909:       :only => 'mypage-box',
Chris@909:       :handle => "handle",
Chris@909:       :dropOnEmpty => true,
Chris@909:       :containment => ['list-top', 'list-left', 'list-right'],
Chris@909:       :constraint => false,
Chris@909:       :url => { :action => "order_blocks", :group => "top" }
Chris@909:        %>
Chris@909: 
Chris@909: <%= sortable_element 'list-left',
Chris@909:       :tag => 'div',
Chris@909:       :only => 'mypage-box',
Chris@909:       :handle => "handle",
Chris@909:       :dropOnEmpty => true,
Chris@909:       :containment => ['list-top', 'list-left', 'list-right'],
Chris@909:       :constraint => false,
Chris@909:       :url => { :action => "order_blocks", :group => "left" }
Chris@909:        %>
Chris@909: 
Chris@909: <%= sortable_element 'list-right',
Chris@909:       :tag => 'div',
Chris@909:       :only => 'mypage-box',
Chris@909:       :handle => "handle",
Chris@909:       :dropOnEmpty => true,
Chris@909:       :containment => ['list-top', 'list-left', 'list-right'],
Chris@909:       :constraint => false,
Chris@909:       :url => { :action => "order_blocks", :group => "right" }
Chris@909:        %>
Chris@909: 
Chris@909: <%= javascript_tag "updateSelect()" %>
Chris@909: <% html_title(l(:label_my_page)) -%>