Matteo Collina mcollina

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

nodeconf slides - 2011

a list of slides from nodeconf

you may want to take a look at the jsconf-gist too!

	<!--
	Copyright (c) 2012 Terrence Ryan

	Permission is hereby granted, free of charge, to any person obtaining a copy of this
	software and associated documentation files (the "Software"), to deal in the Software
	without restriction, including without limitation the rights to use, copy, modify,
	merge, publish, distribute, sublicense, and/or sell copies of the Software, and to
	permit persons to whom the Software is furnished to do so, subject to the following
	conditions:

	// GET /COUNTRY/[COUNTRY_NAME]

	{
	"opennet_filtering_data": {
	"political": {"score": INT},
	"social": {"score": INT},
	"tools": {"score": INT},
	"conflict_security" : {"score": INT}
	},
	"google_removal_requests": {

	#!/usr/bin/env bash

	# Bare minimum Gems that are needed to keep a Ruby development environment in sync. This assumes
	# that you use bundler in your workflow to control the installation of all other gems. If you need
	# to bump the bundler or rubygem version across your team, change that here, then run bundler and
	# and keep going.

	RVMRC=1.9.2@my_gem_set
	RUBYGEM_VERSION="1.6.2"
	BUNDLER_VERSION="1.0.15"

	# coderwall.coffee
	# Display coderwall.com badges

	username = "hermanjunge"
	el = $(".coderwall")
	$.getJSON "http://www.coderwall.com/#{username}.json?callback=?", (data) ->
	el.empty()
	for item in data.data.badges
	$("<img>")
	.attr(

	class Listing < ActiveRecord::Base
	set_table_name :Listing

	scope :near, lambda{
	\|*args\|
	origin = *args.first[:origin]
	if (origin).is_a?(Array)
	origin_lat, origin_lng = origin
	else
	origin_lat, origin_lng = origin.latitude, origin.longitude

	git config --global color.diff auto
	git config --global color.status auto
	git config --global color.branch auto

	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
	Version 2, December 2004

	Copyright (C) 2011 cedmax <http://github.com/cedmax>

	Everyone is permitted to copy and distribute verbatim or modified
	copies of this license document, and changing it is allowed as long
	as the name is changed.

	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE

	BackButton = Ext.extend(Ext.Button, {
	ui: 'back',
	text: 'Back',
	hidden: true,
	id: 'back',

	handler: function() {
	var dispatchOptions = this.backStack.pop();
	Ext.dispatch(dispatchOptions);
	if(this.backStack.length == 0) {