rails_slickgrid 0.0.1 → 0.0.2

data/README.md

@@ -2,7 +2,10 @@
 
 Rails Slickgrid is an effort to make the fast javascript grid/spreadsheet [SlickGrid](https://github.com/mleibman/SlickGrid) easier to use in rails.
 
-It currently only generates the static assets into your `javascripts` and `stylesheets` but automatic grid generation is under development.
+## What It Can Do
+1. Generates the static assets for slickgrid into your public directory
+2. Provides a method to include these assets in your layout
+3. Generates a slickgrid from an array of hashes
 
 ## Installation
 
@@ -11,6 +14,16 @@ It currently only generates the static assets into your `javascripts` and `style
 3. `rails generate rails_slickgrid:install`
 4. In your layout or view call `slickgrid_assets`
 
+
+## SlickGrid Dependencies
+
+1. You need to have jQuery loaded
+2. You need to have jQuery UI as SlickGrid uses it
+
+## Usage
+
+After installing, in your view simply `slickgrid(data)` where data is an array of hashes.
+
 ## TODO
 1. Automatic grid generation
 2. Column Detection
@@ -21,4 +34,5 @@ It currently only generates the static assets into your `javascripts` and `style
 ## Copyright
 
 SlickGrid itself is Copyright (c) 2010 Michael Leibman, http://github.com/mleibman/slickgrid
+
 Rails Slickgrid is Copyright (c) 2011 Joe Martinez, https://github.com/capitalist/rails_slickgrid

data/Rakefile

@@ -56,3 +56,10 @@ task :download_slickgrid do
     RailsSlickgrid::Utils.curl url, '-o', path.gsub(/:name/,url.split('/').last)
   end
 end
+
+desc 'Convert coffee scripts in templates to js'
+task :brew_coffee do
+  Dir.glob('**/*.coffee').each do |fn|
+    `coffee --bare -c #{fn}` 
+  end
+end

data/lib/generators/rails_slickgrid/install/javascripts/jquery.event.drag-2.0.min.js

@@ -0,0 +1,6 @@
+/*! 
+ * jquery.event.drag - v 2.0.0 
+ * Copyright (c) 2010 Three Dub Media - http://threedubmedia.com
+ * Open Source MIT License - http://threedubmedia.com/code/license
+ */
+;(function(f){f.fn.drag=function(b,a,d){var e=typeof b=="string"?b:"",k=f.isFunction(b)?b:f.isFunction(a)?a:null;if(e.indexOf("drag")!==0)e="drag"+e;d=(b==k?a:d)||{};return k?this.bind(e,d,k):this.trigger(e)};var i=f.event,h=i.special,c=h.drag={defaults:{which:1,distance:0,not:":input",handle:null,relative:false,drop:true,click:false},datakey:"dragdata",livekey:"livedrag",add:function(b){var a=f.data(this,c.datakey),d=b.data||{};a.related+=1;if(!a.live&&b.selector){a.live=true;i.add(this,"draginit."+ c.livekey,c.delegate)}f.each(c.defaults,function(e){if(d[e]!==undefined)a[e]=d[e]})},remove:function(){f.data(this,c.datakey).related-=1},setup:function(){if(!f.data(this,c.datakey)){var b=f.extend({related:0},c.defaults);f.data(this,c.datakey,b);i.add(this,"mousedown",c.init,b);this.attachEvent&&this.attachEvent("ondragstart",c.dontstart)}},teardown:function(){if(!f.data(this,c.datakey).related){f.removeData(this,c.datakey);i.remove(this,"mousedown",c.init);i.remove(this,"draginit",c.delegate);c.textselect(true); this.detachEvent&&this.detachEvent("ondragstart",c.dontstart)}},init:function(b){var a=b.data,d;if(!(a.which>0&&b.which!=a.which))if(!f(b.target).is(a.not))if(!(a.handle&&!f(b.target).closest(a.handle,b.currentTarget).length)){a.propagates=1;a.interactions=[c.interaction(this,a)];a.target=b.target;a.pageX=b.pageX;a.pageY=b.pageY;a.dragging=null;d=c.hijack(b,"draginit",a);if(a.propagates){if((d=c.flatten(d))&&d.length){a.interactions=[];f.each(d,function(){a.interactions.push(c.interaction(this,a))})}a.propagates= a.interactions.length;a.drop!==false&&h.drop&&h.drop.handler(b,a);c.textselect(false);i.add(document,"mousemove mouseup",c.handler,a);return false}}},interaction:function(b,a){return{drag:b,callback:new c.callback,droppable:[],offset:f(b)[a.relative?"position":"offset"]()||{top:0,left:0}}},handler:function(b){var a=b.data;switch(b.type){case !a.dragging&&"mousemove":if(Math.pow(b.pageX-a.pageX,2)+Math.pow(b.pageY-a.pageY,2)<Math.pow(a.distance,2))break;b.target=a.target;c.hijack(b,"dragstart",a); if(a.propagates)a.dragging=true;case "mousemove":if(a.dragging){c.hijack(b,"drag",a);if(a.propagates){a.drop!==false&&h.drop&&h.drop.handler(b,a);break}b.type="mouseup"}case "mouseup":i.remove(document,"mousemove mouseup",c.handler);if(a.dragging){a.drop!==false&&h.drop&&h.drop.handler(b,a);c.hijack(b,"dragend",a)}c.textselect(true);if(a.click===false&&a.dragging){jQuery.event.triggered=true;setTimeout(function(){jQuery.event.triggered=false},20);a.dragging=false}break}},delegate:function(b){var a= [],d,e=f.data(this,"events")||{};f.each(e.live||[],function(k,j){if(j.preType.indexOf("drag")===0)if(d=f(b.target).closest(j.selector,b.currentTarget)[0]){i.add(d,j.origType+"."+c.livekey,j.origHandler,j.data);f.inArray(d,a)<0&&a.push(d)}});if(!a.length)return false;return f(a).bind("dragend."+c.livekey,function(){i.remove(this,"."+c.livekey)})},hijack:function(b,a,d,e,k){if(d){var j={event:b.originalEvent,type:b.type},n=a.indexOf("drop")?"drag":"drop",l,o=e||0,g,m;e=!isNaN(e)?e:d.interactions.length; b.type=a;b.originalEvent=null;d.results=[];do if(g=d.interactions[o])if(!(a!=="dragend"&&g.cancelled)){m=c.properties(b,d,g);g.results=[];f(k||g[n]||d.droppable).each(function(q,p){l=(m.target=p)?i.handle.call(p,b,m):null;if(l===false){if(n=="drag"){g.cancelled=true;d.propagates-=1}if(a=="drop")g[n][q]=null}else if(a=="dropinit")g.droppable.push(c.element(l)||p);if(a=="dragstart")g.proxy=f(c.element(l)||g.drag)[0];g.results.push(l);delete b.result;if(a!=="dropinit")return l});d.results[o]=c.flatten(g.results); if(a=="dropinit")g.droppable=c.flatten(g.droppable);a=="dragstart"&&!g.cancelled&&m.update()}while(++o<e);b.type=j.type;b.originalEvent=j.event;return c.flatten(d.results)}},properties:function(b,a,d){var e=d.callback;e.drag=d.drag;e.proxy=d.proxy||d.drag;e.startX=a.pageX;e.startY=a.pageY;e.deltaX=b.pageX-a.pageX;e.deltaY=b.pageY-a.pageY;e.originalX=d.offset.left;e.originalY=d.offset.top;e.offsetX=b.pageX-(a.pageX-e.originalX);e.offsetY=b.pageY-(a.pageY-e.originalY);e.drop=c.flatten((d.drop||[]).slice()); e.available=c.flatten((d.droppable||[]).slice());return e},element:function(b){if(b&&(b.jquery||b.nodeType==1))return b},flatten:function(b){return f.map(b,function(a){return a&&a.jquery?f.makeArray(a):a&&a.length?c.flatten(a):a})},textselect:function(b){f(document)[b?"unbind":"bind"]("selectstart",c.dontstart).attr("unselectable",b?"off":"on").css("MozUserSelect",b?"":"none")},dontstart:function(){return false},callback:function(){}};c.callback.prototype={update:function(){h.drop&&this.available.length&& f.each(this.available,function(b){h.drop.locate(this,b)})}};h.draginit=h.dragstart=h.dragend=c})(jQuery);

data/lib/rails_slickgrid/action_view.rb

@@ -1,7 +1,7 @@
 module RailsSlickgrid
   module ActionView
     STYLESHEETS = %w(slick.columnpicker slick.grid slick.pager)
-    JAVASCRIPTS = %w(slick.columnpicker slick.editors slick.model slick.pager slick.grid)
+    JAVASCRIPTS = %w(jquery.event.drag-2.0.min slick.columnpicker slick.editors slick.model slick.pager slick.grid)
 
     def slickgrid_assets
       (slickgrid_stylesheets + slickgrid_javascripts).html_safe
@@ -18,5 +18,32 @@ module RailsSlickgrid
 	javascript_include_tag("slickgrid/#{ss}")
       end.join("\n")
     end
+
+    def slickgrid(data)
+      (slickgrid_div + slickgrid_script(data)).html_safe
+    end
+
+    private
+    def slickgrid_div
+      content_tag(:div, ' '.html_safe, :id => 'slickgrid', :style => 'width: 400px; height: 400px')
+    end
+
+    def slickgrid_script(data)
+      content_tag(:script, slickgrid_function(data).html_safe , :type => 'text/javascript')
+    end
+
+    def slickgrid_function(data)
+      "\n" +
+      File.read( File.expand_path("../templates/grid.js", __FILE__) ).
+	gsub(/\'COLUMNS_MARKER\'/,columns_from_data(data)).
+	gsub(/\'DATA_MARKER\'/, data.to_json) +
+      "\n"
+    end
+
+    def columns_from_data(data)
+      data.first.keys.collect do |kee|
+	{:id => kee, :name => kee.to_s.humanize, :field => kee}
+      end.to_json
+    end
   end
 end

data/lib/rails_slickgrid/templates/grid.coffee

@@ -0,0 +1,20 @@
+$ () ->
+  grid    = new Slick.Grid(
+    $("#slickgrid"),
+    'DATA_MARKER',
+    'COLUMNS_MARKER',
+    enableCellNavigation: false, enableColumnReorder: false
+  )
+  $("#slickgrid").show()
+  #$.getJSON '/admin/users', {}, (results) ->
+    #users = (result.user for result in results)
+    #columns = [
+      #{id:"email", name:"Email", field:"email"},
+      #{id:"first_name", name:"First Name", field:"first_name"},
+    #]
+    #options = enableCellNavigation: false, enableColumnReorder: false
+    #dataView = new Slick.Data.DataView()
+			#grid = new Slick.Grid($("#myGrid"), dataView.rows, columns, options);
+			#var pager = new Slick.Controls.Pager(dataView, grid, $("#pager"));
+			#var columnpicker = new Slick.Controls.ColumnPicker(columns, grid, options);
+

data/lib/rails_slickgrid/templates/grid.js

@@ -0,0 +1,8 @@
+$(function() {
+  var grid;
+  grid = new Slick.Grid($("#slickgrid"), 'DATA_MARKER', 'COLUMNS_MARKER', {
+    enableCellNavigation: false,
+    enableColumnReorder: false
+  });
+  return $("#slickgrid").show();
+});

data/lib/rails_slickgrid/version.rb

@@ -1,3 +1,3 @@
 module RailsSlickgrid
-  VERSION = "0.0.1".freeze
+  VERSION = "0.0.2".freeze
 end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: rails_slickgrid
 version: !ruby/object:Gem::Version 
-  hash: 29
+  hash: 27
   prerelease: false
   segments: 
   - 0
   - 0
-  - 1
-  version: 0.0.1
+  - 2
+  version: 0.0.2
 platform: ruby
 authors: 
 - Joe Martinez
@@ -29,6 +29,7 @@ extra_rdoc_files: []
 
 files: 
 - lib/generators/rails_slickgrid/install/install_generator.rb
+- lib/generators/rails_slickgrid/install/javascripts/jquery.event.drag-2.0.min.js
 - lib/generators/rails_slickgrid/install/javascripts/slick.columnpicker.js
 - lib/generators/rails_slickgrid/install/javascripts/slick.editors.js
 - lib/generators/rails_slickgrid/install/javascripts/slick.grid.js
@@ -39,6 +40,8 @@ files:
 - lib/generators/rails_slickgrid/install/stylesheets/slick.pager.css
 - lib/rails_slickgrid/action_view.rb
 - lib/rails_slickgrid/railtie.rb
+- lib/rails_slickgrid/templates/grid.coffee
+- lib/rails_slickgrid/templates/grid.js
 - lib/rails_slickgrid/utils.rb
 - lib/rails_slickgrid/version.rb
 - lib/rails_slickgrid.rb