William Dodson williamdodson

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

	var iPadLabels = function () {

	function fix() {
	var labels = document.getElementsByTagName('label'),
	target_id,
	el;
	for (var i = 0; labels[i]; i++) {
	if (labels[i].getAttribute('for')) {
	labels[i].onclick = labelClick;
	}

	#!/bin/bash
	#####################################################################
	#
	# Copyright (c) 2009 Twilio, Inc.
	#
	# 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

	<?xml version="1.0" encoding="UTF-8"?>
	<xsl:stylesheet version="2.0"
	xmlns:html="http://www.w3.org/TR/REC-html40"
	xmlns:sitemap="http://www.sitemaps.org/schemas/sitemap/0.9"
	xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
	<xsl:output method="html" version="1.0" encoding="UTF-8" indent="yes"/>
	<xsl:template match="/">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<title>XML Sitemap</title>

	#!/usr/bin/env ruby
	#
	# Originally written by http://redartisan.com/tags/csv
	# Added and minor changes by Gavin Laking
	# Rewritten by Andrew Bennett for Ruby 1.9
	#
	# Usage: ruby csv_to_fixture.rb file.csv [--json]
	#
	# "id","name","mime_type","extensions","icon_url"
	# "1","unknown","unknown/unknown","\|\|","/images/icon/file_unknown.gif"

	See blog post at http://vitobotta.com/sinatra-contact-form-jekyll/

	<!DOCTYPE html>
	<html>
	<head>
	<link href='/stylesheets/contact-form.css' type='text/css' rel='stylesheet' media='screen' />
	<meta name="robots" content="noindex, noarchive, noodp, noydir" />
	</head>
	<body>
	<% if @sent == true %>

	# See blog post at http://vitobotta.com/sinatra-contact-form-jekyll/

	%w(rubygems sinatra liquid active_support/secure_random resolv open-uri pony haml).each{ \|g\| require g }

	APP_ROOT = File.join(File.dirname(__FILE__), '..')

	set :root, APP_ROOT
	set :views, File.join(APP_ROOT, "_layouts")

	not_found do

	[user]
	name = Pavan Kumar Sunkara
	email = [email protected]
	username = pksunkara
	[init]
	defaultBranch = master
	[core]
	editor = nvim
	whitespace = fix,-indent-with-non-tab,trailing-space,cr-at-eol
	pager = delta

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title></title>
	<link rel="stylesheet" href="/stylesheets/rainbow.css" />
	</head>
	<body>
	<div class="rainbow"></div>
	<div class="rainbow"></div>

	<!DOCTYPE html>
	<html>
	<head>
	<title>Table Display test</title>
	<style>
	@media screen and (min-width: 30em) {
	body {
	display: table;
	caption-side: top;
	}