make the list draggable

tswicegood · Aug 5, 2011 · cfe57bb · cfe57bb
1 parent c4cc2ba
commit cfe57bb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/index.coffee b/index.coffee
@@ -26,7 +26,7 @@ ListItemView = Backbone.View.extend
   template: _.template($("#list-item-template").html())
 
   render: ->
-    @$(@el).html(@template @model.toJSON())
+    @$(@el).html(@template @model.toJSON()).addClass "ui-state-default"
     @setContent
     @
 
@@ -49,7 +49,9 @@ App = Backbone.View.extend
     return
 
   render: ->
-    # TODO: determine what (if anything to do)
+    @destination.sortable
+      placeholder: "ui-state-highlight"
+    @destination.disableSelection()
 
   addOne: (item) ->
     view = new ListItemView model: item

diff --git a/index.html b/index.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
     <head>
+        <link type="text/css" href="vendor/jquery-ui-1.8.14.custom/css/ui-lightness/jquery-ui-1.8.14.custom.css" rel="stylesheet" />
     </head>
 
     <body>
@@ -18,6 +19,8 @@ <h1>Hello!</h1>
         <script type="text/javascript" src="vendor/backbone/backbone.js"></script>
         <script type="text/coffeescript" src="index.coffee"></script>
         <script type="text/javascript" src="vendor/coffeescript/extras/coffee-script.js"></script>
+        <script type="text/javascript" src="vendor/jquery-ui-1.8.14.custom/js/jquery-ui-1.8.14.custom.min.js"></script>
+
 
         <script type="text/template" id="list-item-template">
             <div class="item">