slickgrid-bootstrap-rails 0.0.1.10

data/.gitignore

@@ -0,0 +1,34 @@
+.idea/
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+.DS_Store
+*.sassc
+.sass-cache
+capybara-*.html
+.rspec
+/.bundle
+/vendor/bundle
+/log/*
+/tmp/*
+/db/*.sqlite3
+/public/system/*
+/coverage/
+/spec/tmp/*
+**.orig
+rerun.txt
+pickle-email-*.html

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in slickgrid-bootstrap-rails.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Aki Atoji
+
+MIT License
+
+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 copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,158 @@
+# slickgrid-bootstrap-rails
+
+SlickGrid rails integration with Bootstrap support.
+
+Integrates mleibman/SlickGrid into your rails app.
+SlickGrid is a superb editable grid, but integration into Rails was
+a bit messy and jQuery UI themes didn't always look too great.   With this gem,
+you can
+
+* Fixes hardcoded pathing in SlickGrid that breaks Rails asset pipeline
+* Eases jquery.drag.drag/drop integration (with akiatoji/jquery-dragdrop-rails)
+* Requires less based integration with Bootstrap (with seyhunak/twitter-bootstrap-rails)
+* Bootstrap styling with minimal markup changes (credits to reeblazs/SlickGrid-touch)
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```
+gem 'slickgrid-bootstrap-rails'
+```
+
+Then execute:
+
+```
+$ bundle
+```
+
+
+## Usage
+
+Pre-requisite
+-------------
+
+SlickGrid uses jQuery UI so you need it in your assets.
+slickgrid-bootstrap-rails doesn't have any direct support to pull-in jQuery UI.
+This is so that you can add themed jQuery UI assets yourself.
+
+Alternatively, you can use joliss/jquery-ui-rails.
+
+
+In your bootstrap enabled Rails app:
+====================================
+
+application.js
+--------------
+Bring in SlickGrid
+```
+//= require slickgrid-bootstrap-rails
+```
+
+application.css
+---------------
+Bring in SlickGrid styles
+
+```
+/*= slickgrid-bootstrap-rails
+```
+
+bootstrap_and_overrides.css.less
+--------------------------------
+Enable Bootstrap styling for SlickGrid.
+
+```
+@import "slickgrid-bootstrap";
+```
+
+
+
+
+In your HTML
+-----------------
+
+```HTML
+<div id="myGrid" class="bootstrap-slickgrid" style="height: 400px"></div>
+```
+
+The class bootstrap-slickgrid applies Bootstrap styling.
+You can leave it off if you just want jQuery UI theme.
+
+
+Sample CoffeeScript that populates above grid:
+
+```coffeescript
+formatter = (row, cell, value, columnDef, dataContext) ->
+  value
+grid = undefined
+data = []
+columns = [
+  id: "title"
+  name: "Title"
+  field: "title"
+  minWidth: 30
+  formatter: formatter
+,
+  id: "duration"
+  name: "Duration"
+  field: "duration"
+  minWidth: 30
+,
+  id: "%"
+  name: "% Complete"
+  field: "percentComplete"
+  width: 100
+  resizable: false
+  formatter: Slick.Formatters.PercentCompleteBar
+,
+  id: "start"
+  name: "Start"
+  field: "start"
+  minWidth: 60
+,
+  id: "finish"
+  name: "Finish"
+  field: "finish"
+  minWidth: 60
+,
+  id: "effort-driven"
+  name: "Effort Driven"
+  sortable: false
+  width: 120
+  minWidth: 60
+  maxWidth: 120
+  cssClass: "cell-effort-driven"
+  field: "effortDriven"
+  formatter: Slick.Formatters.Checkmark
+]
+options =
+  enableCellNavigation: true
+  enableColumnReorder: false
+  forceFitColumns: true
+  rowHeight: 35
+
+$ ->
+  i = 0
+  while i < 5
+    d = (data[i] = {})
+    d["title"] = "<a href='#' tabindex='0'>Task</a> " + i
+    d["duration"] = "5 days"
+    d["percentComplete"] = Math.min(100, Math.round(Math.random() * 110))
+    d["start"] = "01/01/2009"
+    d["finish"] = "01/05/2009"
+    d["effortDriven"] = (i % 5 is 0)
+    i++
+  grid = new Slick.Grid("#myGrid", data, columns, options)
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Credits
+
+Bootstrap integration is from reeblazs/SlickGrid-touch

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/lib/slickgrid-bootstrap-rails/version.rb

@@ -0,0 +1,7 @@
+module Slickgrid
+  module Bootstrap
+    module Rails
+      VERSION = "0.0.1.10"
+    end
+  end
+end

data/lib/slickgrid-bootstrap-rails.rb

@@ -0,0 +1,11 @@
+require "slickgrid-bootstrap-rails/version"
+
+module Slickgrid
+  module Bootstrap
+    module Rails
+      class Engine < ::Rails::Engine
+
+      end
+    end
+  end
+end

data/slickgrid-bootstrap-rails.gemspec

@@ -0,0 +1,21 @@
+# -*- encoding: utf-8 -*-
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'slickgrid-bootstrap-rails/version'
+
+Gem::Specification.new do |gem|
+  gem.name          = "slickgrid-bootstrap-rails"
+  gem.version       = Slickgrid::Bootstrap::Rails::VERSION
+  gem.authors       = ["Aki Atoji"]
+  gem.email         = ["akiatoji@gmail.com"]
+  gem.description   = %q{Rails 3.x integration of SlickGrid with Bootstrap}
+  gem.summary       = %q{Rails 3.x integration of SlickGrid with Bootstrap}
+  gem.homepage      = "http://github.com/akiatoji/slickgrid-bootstrap-rails"
+
+  gem.add_dependency  "railties", "~> 3.0"
+  gem.add_dependency  "jquery-dragdrop-rails"
+  gem.files         = `git ls-files`.split($/)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.require_paths = ["lib"]
+end

data/vendor/assets/javascripts/bootstrap/slick.bootstrap.js

@@ -0,0 +1,86 @@
+
+(function ($) {
+
+  "use strict"; // jshint ;_;
+
+  /*global Slick: true*/
+
+  /* SlickGrid PUBLIC CLASS DEFINITION
+   * ================================= */
+
+  var SlickGrid = function ( element, options ) {
+    element = $(element);
+    var cookedOptions = $.extend(true, {},
+      $.fn.slickgrid.defaults, options);
+    this.init('slickgrid', element, cookedOptions);
+  };
+
+  SlickGrid.prototype = {
+
+    constructor: SlickGrid,
+
+    init: function (type, element, options) {
+      var self = this;
+      this.element = $(element);
+      this.wrapperOptions = options;
+      this.postInit();
+    },
+
+    postInit: function () {
+      // Call the provided hook to post-process.
+      (this.wrapperOptions.handleCreate || this.handleCreate).apply(this);
+    },
+
+    handleCreate: function () {
+      // Create a simple grid configuration.
+      //
+      // This handler will run after the options
+      // have been preprocessed. It can be overridden by passing
+      // the handleCreate option at creation time.
+      //
+      // Variables you can access from this handler:
+      //
+      // this:                  will equal to the SlickGrid object instance
+      // this.element:          the element to bind the grid to
+      // this.wrapperOptions:   options passed to this object at creation
+      //
+      // this.wrapperOptions.slickGridOptions: options for Slick.Grid
+      //
+      var o = this.wrapperOptions;
+      var grid = new Slick.Grid(this.element, o.data,
+        o.columns, o.slickGridOptions);
+    }
+
+  };
+
+  /* SlickGrid PLUGIN DEFINITION */
+
+  $.fn.slickgrid = function (option) {
+    return this.each(function () {
+      var $this = $(this),
+        data = $this.data('slickgrid'),
+        options = typeof option == 'object' && option;
+      if (!data) {
+        $this.data('slickgrid', (data = new SlickGrid(this, options)));
+      }
+      if (typeof option == 'string') {
+        data[option]();
+      }
+    });
+  };
+
+  $.fn.slickgrid.Constructor = SlickGrid;
+
+  $.fn.slickgrid.defaults = {
+    slickGridOptions: {},
+    columns: [],         // Column meta data in SlickGrid's format.
+    handleCreate: null   // This handler is called after the grid is created,
+                         // and it can be used to customize the grid.
+          // Variables you can access from this handler:
+          //
+          // this:                  will equal to the SlickGrid object instance
+          // this.element:          the element to bind the grid to
+          // this.wrapperOptions:   options passed to this object at creation
+  };
+
+})(window.jQuery);

data/vendor/assets/javascripts/plugins/slick.autotooltips.js

@@ -0,0 +1,48 @@
+(function ($) {
+  // register namespace
+  $.extend(true, window, {
+    "Slick": {
+      "AutoTooltips": AutoTooltips
+    }
+  });
+
+
+  function AutoTooltips(options) {
+    var _grid;
+    var _self = this;
+    var _defaults = {
+      maxToolTipLength: null
+    };
+
+    function init(grid) {
+      options = $.extend(true, {}, _defaults, options);
+      _grid = grid;
+      _grid.onMouseEnter.subscribe(handleMouseEnter);
+    }
+
+    function destroy() {
+      _grid.onMouseEnter.unsubscribe(handleMouseEnter);
+    }
+
+    function handleMouseEnter(e, args) {
+      var cell = _grid.getCellFromEvent(e);
+      if (cell) {
+        var node = _grid.getCellNode(cell.row, cell.cell);
+        if ($(node).innerWidth() < node.scrollWidth) {
+          var text = $.trim($(node).text());
+          if (options.maxToolTipLength && text.length > options.maxToolTipLength) {
+            text = text.substr(0, options.maxToolTipLength - 3) + "...";
+          }
+          $(node).attr("title", text);
+        } else {
+          $(node).attr("title", "");
+        }
+      }
+    }
+
+    $.extend(this, {
+      "init": init,
+      "destroy": destroy
+    });
+  }
+})(jQuery);

data/vendor/assets/javascripts/plugins/slick.cellcopymanager.js

@@ -0,0 +1,86 @@
+(function ($) {
+  // register namespace
+  $.extend(true, window, {
+    "Slick": {
+      "CellCopyManager": CellCopyManager
+    }
+  });
+
+
+  function CellCopyManager() {
+    var _grid;
+    var _self = this;
+    var _copiedRanges;
+
+    function init(grid) {
+      _grid = grid;
+      _grid.onKeyDown.subscribe(handleKeyDown);
+    }
+
+    function destroy() {
+      _grid.onKeyDown.unsubscribe(handleKeyDown);
+    }
+
+    function handleKeyDown(e, args) {
+      var ranges;
+      if (!_grid.getEditorLock().isActive()) {
+        if (e.which == $.ui.keyCode.ESCAPE) {
+          if (_copiedRanges) {
+            e.preventDefault();
+            clearCopySelection();
+            _self.onCopyCancelled.notify({ranges: _copiedRanges});
+            _copiedRanges = null;
+          }
+        }
+
+        if (e.which == 67 && (e.ctrlKey || e.metaKey)) {
+          ranges = _grid.getSelectionModel().getSelectedRanges();
+          if (ranges.length != 0) {
+            e.preventDefault();
+            _copiedRanges = ranges;
+            markCopySelection(ranges);
+            _self.onCopyCells.notify({ranges: ranges});
+          }
+        }
+
+        if (e.which == 86 && (e.ctrlKey || e.metaKey)) {
+          if (_copiedRanges) {
+            e.preventDefault();
+            clearCopySelection();
+            ranges = _grid.getSelectionModel().getSelectedRanges();
+            _self.onPasteCells.notify({from: _copiedRanges, to: ranges});
+            _copiedRanges = null;
+          }
+        }
+      }
+    }
+
+    function markCopySelection(ranges) {
+      var columns = _grid.getColumns();
+      var hash = {};
+      for (var i = 0; i < ranges.length; i++) {
+        for (var j = ranges[i].fromRow; j <= ranges[i].toRow; j++) {
+          hash[j] = {};
+          for (var k = ranges[i].fromCell; k <= ranges[i].toCell; k++) {
+            hash[j][columns[k].id] = "copied";
+          }
+        }
+      }
+      _grid.setCellCssStyles("copy-manager", hash);
+    }
+
+    function clearCopySelection() {
+      _grid.removeCellCssStyles("copy-manager");
+    }
+
+    $.extend(this, {
+      "init": init,
+      "destroy": destroy,
+      "clearCopySelection": clearCopySelection,
+
+      "onCopyCells": new Slick.Event(),
+      "onCopyCancelled": new Slick.Event(),
+      "onPasteCells": new Slick.Event()
+    });
+  }
+})(jQuery);

data/vendor/assets/javascripts/plugins/slick.cellrangedecorator.js

@@ -0,0 +1,64 @@
+(function ($) {
+  // register namespace
+  $.extend(true, window, {
+    "Slick": {
+      "CellRangeDecorator": CellRangeDecorator
+    }
+  });
+
+  /***
+   * Displays an overlay on top of a given cell range.
+   *
+   * TODO:
+   * Currently, it blocks mouse events to DOM nodes behind it.
+   * Use FF and WebKit-specific "pointer-events" CSS style, or some kind of event forwarding.
+   * Could also construct the borders separately using 4 individual DIVs.
+   *
+   * @param {Grid} grid
+   * @param {Object} options
+   */
+  function CellRangeDecorator(grid, options) {
+    var _elem;
+    var _defaults = {
+      selectionCss: {
+        "zIndex": "9999",
+        "border": "2px dashed red"
+      }
+    };
+
+    options = $.extend(true, {}, _defaults, options);
+
+
+    function show(range) {
+      if (!_elem) {
+        _elem = $("<div></div>", {css: options.selectionCss})
+            .css("position", "absolute")
+            .appendTo(grid.getCanvasNode());
+      }
+
+      var from = grid.getCellNodeBox(range.fromRow, range.fromCell);
+      var to = grid.getCellNodeBox(range.toRow, range.toCell);
+
+      _elem.css({
+        top: from.top - 1,
+        left: from.left - 1,
+        height: to.bottom - from.top - 2,
+        width: to.right - from.left - 2
+      });
+
+      return _elem;
+    }
+
+    function hide() {
+      if (_elem) {
+        _elem.remove();
+        _elem = null;
+      }
+    }
+
+    $.extend(this, {
+      "show": show,
+      "hide": hide
+    });
+  }
+})(jQuery);