Created
January 26, 2012 16:15
-
-
Save fro/1683557 to your computer and use it in GitHub Desktop.
the_sortable_tree gem: erb version of partials
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# _children.html.erb | |
<%= content_tag :ol, raw(children) %> | |
# _controls.html.erb | |
<%- | |
edit = link_to '', polymorphic_url(node, :action => :edit), :title => t('.edit_this'), :class => 'button edit' | |
if opts[:has_children] | |
delete = link_to('', url_for(node), | |
:title => t('.delete'), | |
:method => :delete, | |
:confirm => t('.delete_confirm'), | |
:class => 'button delete') | |
else | |
delete = link_to('', '#', | |
:title => t('.cant_be_deleted'), | |
:onclick => "alert('#{t('.delete_nested_elements')}')", | |
:class => 'button undeleted') | |
end | |
-%> | |
<%= edit + delete %> | |
# _js_init_sortable_tree.html.erb | |
<script type='text/javascript'> | |
//<![CDATA[ | |
$(document).ready(function() { | |
$(function(){ | |
$('ol.sortable').nestedSortable({ | |
disableNesting: 'no-nest', | |
forcePlaceholderSize: true, | |
handle: 'i.handle', | |
helper: 'clone', | |
items: 'li', | |
maxLevels: <%= opts[:max_levels] %>, | |
opacity: .6, | |
placeholder: 'placeholder', | |
revert: 250, | |
tabSize: 25, | |
tolerance: 'pointer', | |
toleranceElement: '> div' | |
}) | |
}); | |
}); | |
//]]> | |
</script> | |
# _js_on_update_tree.html | |
<script type='text/javascript'> | |
//<![CDATA[ | |
$(document).ready(function() { | |
$(function(){ | |
$('ol.sortable').sortable({ | |
update: function(event, ui){ | |
parent_id = ui.item.parent().parent().attr('id'); | |
item_id = ui.item.attr('id'); | |
prev_id = ui.item.prev().attr('id'); | |
next_id = ui.item.next().attr('id'); | |
sortable_tree(item_id, parent_id, prev_id, next_id); | |
} | |
}); | |
}); | |
}); | |
//]]> | |
</script> | |
# _js_rebuild_ajax.html.erb | |
<script type='text/javascript'> | |
//<![CDATA[ | |
function sortable_tree(item_id, parent_id, prev_id, next_id){ | |
jQuery.ajax({ | |
type: 'POST', | |
dataType: 'script', | |
url: '<%= url_for(:controller => opts[:klass].pluralize, :action => :rebuild) %>', | |
data: { id: item_id, parent_id: parent_id, prev_id: prev_id, next_id: next_id }, | |
beforeSend: function(xhr){ $('.nested_set i.handle').hide() }, | |
success: function(data, status, xhr){ $('.nested_set i.handle').show() }, | |
error: function(xhr, status, error){ alert(error) } | |
}); | |
} | |
//]]> | |
</script> | |
# _link.html.erb | |
<%- | |
title = node.send opts[:title] | |
handle = content_tag :i, '', :class => :handle | |
link = link_to(title, url_for(node), :title => title) | |
controls = render(:partial => "#{opts[:path]}/controls", :locals => { :node => node, :opts => opts }) | |
controls = content_tag(:b, controls, :class => :controls) | |
element = handle + controls + link | |
-%> | |
<%= content_tag :div, element, :class => "link#{' root' if root }" %> | |
# _new.html.erb | |
<%- | |
image = image_tag('iconza/blue/add.png', :class => :nested_set_new_image) + ' ' | |
link = link_to(image + t('.create'), opts[:new_url]) | |
-%> | |
<%= content_tag :div, link, :class => :nested_set_new %> | |
# _node.html.erb | |
<%= content_tag :li, :id => "#{node.send(opts[:id])}_#{opts[:klass]}" do %> | |
<%= raw render(:partial => "#{opts[:path]}/link", :locals => {:opts => opts, :root => root, :node => node}) %> | |
<%= render(:partial => "#{opts[:path]}/children", :locals => {:opts => opts, :parent => node, :children => children}) unless children.blank? %> | |
<% end %> | |
# _tree.html.erb | |
<%= render :partial => "#{opts[:path]}/new", :locals => { :opts => opts } %> | |
<%- unless tree.empty? -%> | |
<%= render :partial => "#{opts[:path]}/js_init_sortable_tree", :locals => { :opts => opts } %> | |
<%= render :partial => "#{opts[:path]}/js_on_update_tree" %> | |
<%= render :partial => "#{opts[:path]}/js_rebuild_ajax", :locals => { :opts => opts } %> | |
<%= content_tag :ol, raw(tree), :class => "ui-sortable sortable nested_set", :id => "#{opts[:klass]}_nested_set" %> | |
<%- end -%> |
Thx for mentioning it.
greate
thank you,
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
great work!
need change
node
toopts[:namespace] + [node]
to use :namespace option