Joel Moss joelmoss

Nestable, sortable and dragable categories:

In the project I'm working on we wanted to have a Category model which we wanted to be nestable. But we also liked the user to have a draggable interface to manage and rearrange the order of his categories. So we chose awesome_nested_set for the model and jQuery.nestedSortable for the UI.

It took me some time to arrange things to work properly so I wanted to share my work in case it helps anybody.

Before beginning

you might want to take a look at a demo app

go to: http://awesomenestedsortable.heroku.com/groups/
click in show of any group

	voices = %w(Agnes Kathy Princess Vicki Victoria)
	("a".."z").each do \|letter\|
	`say -v #{voices.shuffle.first} "#{letter}"`
	end

	# Rails 3 Config
	#
	# In: config/application.yml
	#
	# development:
	# github:
	# key: test
	# secret: verysecret-dev
	# production:
	# github:

	#!/usr/bin/env ruby

	# 1. Install hunspell
	# $ brew install hunspell

	# 2. Download a dictionary and install it in a path listed by `hunspell -D`
	# $ open http://wiki.services.openoffice.org/wiki/Dictionaries

	# 3. Move this file into your repository
	# $ mv commit-msg /path/to/repo/.git/hooks

	# add this to your spec helper
	RSpec.configure do \|config\|
	config.treat_symbols_as_metadata_keys_with_true_values = true
	config.filter_run :focus => true
	config.run_all_when_everything_filtered = true
	end

	# and then use the :focus tag in your specs

	it "does something awesome", :focus do

	# Add this to your spec_helper.rb
	RSpec.configure do \|config\|
	config.treat_symbols_as_metadata_keys_with_true_values = true
	config.around(:each, :vcr) do \|example\|
	name = example.metadata[:full_description].downcase.gsub(/\W+/, "_").split("_", 2).join("/")
	VCR.use_cassette(name, :record => :new_episodes) do
	example.call
	end
	end
	end

	#!/usr/bin/env ruby -w

	# brew-services(1) - Easily start and stop formulas via launchctl
	# ===============================================================
	#
	# ## SYNOPSIS
	#
	# [<sudo>] `brew services` `list`<br>
	# [<sudo>] `brew services` `restart` <formula><br>
	# [<sudo>] `brew services` `start` <formula> [<plist>]<br>

	namespace :deploy do
	namespace :assets do
	task :precompile, :roles => :web, :except => { :no_release => true } do
	from = source.next_revision(current_revision)
	if capture("cd #{latest_release} && #{source.local.log(from)} vendor/assets/ app/assets/ \| wc -l").to_i > 0
	run %Q{cd #{latest_release} && #{rake} RAILS_ENV=#{rails_env} #{asset_env} assets:precompile}
	else
	logger.info "Skipping asset pre-compilation because there were no asset changes"
	end
	end

	$('#products').append('<%= j render(@products) %>');
	<% if @products.next_page %>
	$('.pagination').replaceWith('<%= j will_paginate(@products) %>');
	<% else %>
	$('.pagination').remove();
	<% end %>

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Responsive Design Testing</title>
	<style>
	body { margin: 20px; font-family: sans-serif; overflow-x: scroll; }
	.wrapper { width: 6000px; }
	.frame { float: left; }
	h2 { margin: 0 0 5px 0; }