dynatree-rails 0.0.1 → 0.0.2

data/README.md

@@ -24,14 +24,47 @@ css:
 
 or
 
-    //= require dynatree/skin-vista
+    //= require dynatree/skin
     
 js:
 
     //= require dynatree/jquery.dynatree
 
 For dynatree usage and examples see: http://code.google.com/p/dynatree/
-    
+
+## An optional model-to-javascript tree renderer for mongoid_nested_set
+
+Can be used to turn association select to a tree select, like this:
+
+    #checkboxes
+        = f.association :categories, as: :check_boxes, collection: Category.all
+    #tree.controls.input{style: 'width: 220px;'}
+
+    :javascript
+        var categories = #{Dynatree::Renderer.new(Category.nested_set.all, f.object.categories).render()};
+        $(function(){
+            $('#checkboxes').hide();
+
+            $("#tree").dynatree({
+                checkbox: true,
+                selectMode: 3,
+                classNames: {
+                    active: "dynatree-active-no"
+                },
+                children: categories
+            });
+
+            $("form").submit(function() {
+                var tree = $("#tree").dynatree("getTree"),
+                    arr = tree.serializeArray(),
+                    sel = $('#restaurant_category_ids');
+                sel.find('option:selected').removeAttr('selected');
+                $.each(arr, function(k, v) {
+                    sel.find('[value=' + v.value + ']').prop('selected', 'selected');
+                });
+            });
+        });
+
 ## Contributing
 
 1. Fork it

data/lib/dynatree-rails/renderer.rb

@@ -0,0 +1,53 @@
+# Configure for Rails 3.1
+module Dynatree
+  class Renderer
+    def initialize(tree, association)
+      @tree = tree
+      @association = association
+    end
+
+    def render()
+      self.recurse(nil).to_json
+    end
+
+    def has_selected_children(id)
+      items = @tree.select{ |elem| elem.parent_id == id }
+      if items.empty?
+        false
+      else
+        items.each do |item|
+          if @association.include? item
+            return true
+          end
+          if has_selected_children(item.id)
+            return true
+          end
+        end
+        false
+      end
+    end
+
+    def recurse(parent_id)
+      ret = []
+      items = @tree.select{ |elem| elem.parent_id == parent_id }
+      unless items.empty?
+        items.each do |item|
+          ch = {}
+          if @association.include? item
+            ch['select'] = true
+            ch['expand'] = true
+          else
+            if has_selected_children(item.id)
+              ch['expand'] = true
+            end
+          end
+          ch['title'] = item.name
+          ch['key']   = item.id
+          ch['children'] = self.recurse(item.id)
+          ret << ch
+        end
+      end
+      ret
+    end
+  end
+end

data/lib/dynatree-rails/version.rb

@@ -1,5 +1,5 @@
 module Dynatree
   module Rails
-    VERSION = "0.0.1"
+    VERSION = "0.0.2"
   end
 end

data/lib/dynatree-rails.rb

@@ -1,2 +1,3 @@
 require "dynatree-rails/version"
 require "dynatree-rails/engine"
+require "dynatree-rails/renderer"

data/vendor/assets/stylesheets/dynatree/skin.sass

@@ -28,10 +28,10 @@ ul
       background-attachment: scroll
       background-color: transparent
       background-repeat: repeat-y
-      background-image: url("vline.gif")
+      background-image: image-url("dynatree/skin/vline.gif")
       background-position: 0 0
       /*
-       *background-image: url("icons_96x256.gif");
+       *background-image: image-url("dynatree/skin/icons_96x256.gif");
        *background-position: -80px -64px;
       margin: 0
       padding: 1px 0 0 0
@@ -65,7 +65,7 @@ span
     vertical-align: top
     background-repeat: no-repeat
     background-position: left
-    background-image: url("icons.gif")
+    background-image: image-url("dynatree/skin/icons.gif")
     background-position: 0 0
 
 #dynatree-drop-marker
@@ -78,7 +78,7 @@ span
   vertical-align: top
   background-repeat: no-repeat
   background-position: left
-  background-image: url("icons.gif")
+  background-image: image-url("dynatree/skin/icons.gif")
   background-position: 0 0
 
 /** Used by 'icon' node option:
@@ -127,7 +127,7 @@ span
 
 .dynatree-loading span.dynatree-expander
   background-position: 0 0
-  background-image: url("loading.gif")
+  background-image: image-url("dynatree/skin/loading.gif")
 
 /*******************************************************************************
  * Checkbox icon
@@ -191,11 +191,11 @@ span.dynatree-icon
 /* Status node icons
 
 .dynatree-statusnode-wait span.dynatree-icon
-  background-image: url("loading.gif")
+  background-image: image-url("dynatree/skin/loading.gif")
 
 .dynatree-statusnode-error span.dynatree-icon
   background-position: 0px -112px
-  /*	background-image: url("ltError.gif");
+  /*	background-image: image-url("dynatree/skin/ltError.gif");
 
 /*******************************************************************************
  * Node titles

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: dynatree-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
   prerelease: 
 platform: ruby
 authors:
@@ -27,6 +27,7 @@ files:
 - dynatree-rails.gemspec
 - lib/dynatree-rails.rb
 - lib/dynatree-rails/engine.rb
+- lib/dynatree-rails/renderer.rb
 - lib/dynatree-rails/version.rb
 - vendor/assets/images/dynatree/jquery.dynatree.js
 - vendor/assets/images/dynatree/skin-vista/icons.gif