-
-
Save gmgp/1836228 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(opts[:namespace] + [node], :action => :edit), :title => t('.edit_this'), :class => 'button edit' | |
if opts[:has_children] | |
delete = link_to('', url_for(opts[:namespace] + [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(opts[:namespace] + [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 -%> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
add :namespace options