| @@ -1,107 +1,109 | |||
|
|
1 | 1 | <script language="JavaScript"> |
|
|
2 | 2 | //<![CDATA[ |
|
|
3 | 3 | function recreateSortables() { |
|
|
4 | 4 | Sortable.destroy('list-top'); |
|
|
5 | 5 | Sortable.destroy('list-left'); |
|
|
6 | 6 | Sortable.destroy('list-right'); |
|
|
7 | 7 | |
|
|
8 | 8 | 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'}) |
|
|
9 | 9 | 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'}) |
|
|
10 | 10 | 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'}) |
|
|
11 | 11 | } |
|
|
12 | 12 | |
|
|
13 | 13 | function updateSelect() { |
|
|
14 | 14 | s = $('block-select') |
|
|
15 | 15 | for (var i = 0; i < s.options.length; i++) { |
|
|
16 | 16 | if ($('block_' + s.options[i].value)) { |
|
|
17 | 17 | s.options[i].disabled = true; |
|
|
18 | 18 | } else { |
|
|
19 | 19 | s.options[i].disabled = false; |
|
|
20 | 20 | } |
|
|
21 | 21 | } |
|
|
22 | 22 | s.options[0].selected = true; |
|
|
23 | 23 | } |
|
|
24 | 24 | |
|
|
25 | 25 | function afterAddBlock() { |
|
|
26 | 26 | recreateSortables(); |
|
|
27 | 27 | updateSelect(); |
|
|
28 | 28 | } |
|
|
29 | 29 | |
|
|
30 | 30 | function removeBlock(block) { |
|
|
31 | 31 | Effect.DropOut(block); |
|
|
32 | 32 | updateSelect(); |
|
|
33 | 33 | } |
|
|
34 | 34 | //]]> |
|
|
35 | 35 | </script> |
|
|
36 | 36 | |
|
|
37 | 37 | <div class="contextual"> |
|
|
38 | 38 | <% form_tag({:action => "add_block"}, :id => "block-form") do %> |
|
|
39 | 39 | <%= label_tag('block-select', l(:label_my_page_block)) %>: |
|
|
40 | <%= select_tag 'block', "<option></option>" + options_for_select(@block_options), :id => "block-select" %> | |
|
|
40 | <%= select_tag 'block', | |
|
|
41 | "<option></option>".html_safe + options_for_select(@block_options), | |
|
|
42 | :id => "block-select" %> | |
|
|
41 | 43 | <%= link_to_remote l(:button_add), |
|
|
42 | 44 | {:url => { :action => "add_block" }, |
|
|
43 | 45 | :with => "Form.serialize('block-form')", |
|
|
44 | 46 | :update => "list-top", |
|
|
45 | 47 | :position => :top, |
|
|
46 | 48 | :complete => "afterAddBlock();" |
|
|
47 | 49 | }, :class => 'icon icon-add' |
|
|
48 | 50 | %> |
|
|
49 | 51 | <% end %> |
|
|
50 | 52 | <%= link_to l(:button_back), {:action => 'page'}, :class => 'icon icon-cancel' %> |
|
|
51 | 53 | </div> |
|
|
52 | 54 | |
|
|
53 | 55 | <h2><%=l(:label_my_page)%></h2> |
|
|
54 | 56 | |
|
|
55 | 57 | <div id="list-top" class="block-receiver"> |
|
|
56 | 58 | <% @blocks['top'].each do |b| |
|
|
57 | 59 | next unless MyController::BLOCKS.keys.include? b %> |
|
|
58 | 60 | <%= render :partial => 'block', :locals => {:user => @user, :block_name => b} %> |
|
|
59 | 61 | <% end if @blocks['top'] %> |
|
|
60 | 62 | </div> |
|
|
61 | 63 | |
|
|
62 | 64 | <div id="list-left" class="splitcontentleft block-receiver"> |
|
|
63 | 65 | <% @blocks['left'].each do |b| |
|
|
64 | 66 | next unless MyController::BLOCKS.keys.include? b %> |
|
|
65 | 67 | <%= render :partial => 'block', :locals => {:user => @user, :block_name => b} %> |
|
|
66 | 68 | <% end if @blocks['left'] %> |
|
|
67 | 69 | </div> |
|
|
68 | 70 | |
|
|
69 | 71 | <div id="list-right" class="splitcontentright block-receiver"> |
|
|
70 | 72 | <% @blocks['right'].each do |b| |
|
|
71 | 73 | next unless MyController::BLOCKS.keys.include? b %> |
|
|
72 | 74 | <%= render :partial => 'block', :locals => {:user => @user, :block_name => b} %> |
|
|
73 | 75 | <% end if @blocks['right'] %> |
|
|
74 | 76 | </div> |
|
|
75 | 77 | |
|
|
76 | 78 | <%= sortable_element 'list-top', |
|
|
77 | 79 | :tag => 'div', |
|
|
78 | 80 | :only => 'mypage-box', |
|
|
79 | 81 | :handle => "handle", |
|
|
80 | 82 | :dropOnEmpty => true, |
|
|
81 | 83 | :containment => ['list-top', 'list-left', 'list-right'], |
|
|
82 | 84 | :constraint => false, |
|
|
83 | 85 | :url => { :action => "order_blocks", :group => "top" } |
|
|
84 | 86 | %> |
|
|
85 | 87 | |
|
|
86 | 88 | <%= sortable_element 'list-left', |
|
|
87 | 89 | :tag => 'div', |
|
|
88 | 90 | :only => 'mypage-box', |
|
|
89 | 91 | :handle => "handle", |
|
|
90 | 92 | :dropOnEmpty => true, |
|
|
91 | 93 | :containment => ['list-top', 'list-left', 'list-right'], |
|
|
92 | 94 | :constraint => false, |
|
|
93 | 95 | :url => { :action => "order_blocks", :group => "left" } |
|
|
94 | 96 | %> |
|
|
95 | 97 | |
|
|
96 | 98 | <%= sortable_element 'list-right', |
|
|
97 | 99 | :tag => 'div', |
|
|
98 | 100 | :only => 'mypage-box', |
|
|
99 | 101 | :handle => "handle", |
|
|
100 | 102 | :dropOnEmpty => true, |
|
|
101 | 103 | :containment => ['list-top', 'list-left', 'list-right'], |
|
|
102 | 104 | :constraint => false, |
|
|
103 | 105 | :url => { :action => "order_blocks", :group => "right" } |
|
|
104 | 106 | %> |
|
|
105 | 107 | |
|
|
106 | 108 | <%= javascript_tag "updateSelect()" %> |
|
|
107 | 109 | <% html_title(l(:label_my_page)) -%> |
General Comments 0
You need to be logged in to leave comments.
Login now