From 5f93ec95faed0e6205276287579d975b8ebb78b2 Mon Sep 17 00:00:00 2001
From: Tyler Renelle <tylerrenelle@gmail.com>
Date: Mon, 13 Feb 2012 12:38:23 -0500
Subject: [PATCH] using .sortable for lists, seems to work but still need to
 double check

---
 .../backbone/templates/habits/index.jst.ejs   | 10 +++----
 .../views/habits/index_view.js.coffee         | 29 +++++++++----------
 2 files changed, 19 insertions(+), 20 deletions(-)

diff --git a/app/assets/javascripts/backbone/templates/habits/index.jst.ejs b/app/assets/javascripts/backbone/templates/habits/index.jst.ejs
index e420b16974..2540e8ed55 100644
--- a/app/assets/javascripts/backbone/templates/habits/index.jst.ejs
+++ b/app/assets/javascripts/backbone/templates/habits/index.jst.ejs
@@ -5,7 +5,7 @@
         <div class='content'>
           <h2 class='title'>Habits</h2>
           <div class='inner'>
-            <ul id="habits-habits" />
+            <ul id="habits-habits" class="sortable" />
               <input class="new-habit" data-type="1" placeholder="New Habit" type="text" />
           </div>
         </div>
@@ -17,7 +17,7 @@
         <div class='content'>
           <h2 class='title'>Daily</h2>
           <div class='inner'>
-            <ul id="habits-daily" />
+            <ul id="habits-daily" class="sortable" />
               <input class="new-habit" data-type="2" placeholder="New Daily" type="text" />
           </div>
         </div>
@@ -36,10 +36,10 @@
                 <li><a href="#tabs-2">Done</a></li>
               </ul>
               <div id="tabs-1">
-                <ul id="habits-todos-remaining" />
+                <ul id="habits-todos-remaining" class="sortable" />
               </div>
               <div id="tabs-2">
-                <ul id="habits-todos-done" />
+                <ul id="habits-todos-done" class="sortable" />
                 <a href="#" class="clear-completed">Clear Completed</a>
               </div>
             </div>
@@ -56,7 +56,7 @@
             <div id="money"></div> 
           </h2>
           <div class='inner'>
-            <ul id="rewards" />
+            <ul id="rewards" class="sortable" />
             <input class="new-habit" data-type="4" placeholder="New Reward" type="text" />
           </div>
         </div>
diff --git a/app/assets/javascripts/backbone/views/habits/index_view.js.coffee b/app/assets/javascripts/backbone/views/habits/index_view.js.coffee
index e4852906df..b3f47e88af 100644
--- a/app/assets/javascripts/backbone/views/habits/index_view.js.coffee
+++ b/app/assets/javascripts/backbone/views/habits/index_view.js.coffee
@@ -65,18 +65,17 @@ class HabitTracker.Views.Habits.IndexView extends Backbone.View
     @addAll()
     @$("#habits-todos").tabs()
     @updateStats()
-    $.each ['#habits', '#daily', '#one-offs'], (index, list_id) -> 
-      $(list_id).sortable
-        axis: "y"
-        dropOnEmpty: false
-        cursor: "move"
-        items: "li"
-        opacity: 0.4
-        scroll: true
-        update: ->
-          $.ajax
-            type: "post"
-            url: "/habits/sort"
-            data: $(list_id).sortable("serialize")
-            dataType: "script"
-    return this
\ No newline at end of file
+    @$(".sortable").sortable
+      axis: "y"
+      dropOnEmpty: false
+      cursor: "move"
+      items: "li"
+      opacity: 0.4
+      scroll: true
+      update: ->
+        $.ajax
+          type: "post"
+          url: "/habits/sort"
+          data: $(this).sortable("serialize")
+          dataType: "script"
+    return this