embootstrap-rails 0.0.2

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2012 YOURNAME
+
+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,6 @@
+embootstrap-rails
+=================
+
+An Ember based port of the Bootstrap plugins for integration into Rails.
+
+Take advantage of the assets pipeline to include just the needed plugins, implemented in an Ember way and customizable.

data/Rakefile

@@ -0,0 +1,38 @@
+#!/usr/bin/env rake
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+begin
+  require 'rdoc/task'
+rescue LoadError
+  require 'rdoc/rdoc'
+  require 'rake/rdoctask'
+  RDoc::Task = Rake::RDocTask
+end
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'EmbootstrapRails'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task :default => :test

data/lib/assets/javascripts/embootstrap/embootstrap.js

@@ -0,0 +1 @@
+EmBootstrap = Ember.Namespace.create();

data/lib/assets/javascripts/embootstrap/typeahead.js

@@ -0,0 +1,180 @@
+//= require ./embootstrap
+
+EmBootstrap.Typeahead = Ember.TextField.extend({
+  valueBinding: 'filter',
+
+  matchingsUrl: null,
+
+  filter: '',
+  matchings: [],
+  highlightedMatching: null,
+
+  didInsertElement: function () {
+    var dropdown = this.get('matchingsView').create({
+      typeahead: this
+    });
+    dropdown.append($('.ember-application'));
+
+    this.set('dropdown', dropdown);
+    this.$().focus();
+  },
+
+  willDestroyElement: function () {
+    this.get('dropdown').remove();
+  },
+
+  matchingsView: Ember.CollectionView.extend({
+    tagName: 'ul',
+    classNames: 'typeahead dropdown-menu'.w(),
+    classNameBindings: 'content.length:show:hide',
+
+    contentBinding: 'typeahead.matchings',
+
+    didInsertElement: function () {
+      var
+        el = this.$(),
+        parent = this.get('typeahead').$(),
+        parentOffset = parent.offset();
+
+      el.css({
+        position: 'fixed',
+        top: parentOffset.top + parent.outerHeight(),
+        left: parentOffset.left
+      });
+    }.observes('content.length'),
+
+    itemViewClass: Ember.View.extend({
+      tagName: 'li',
+      classNameBindings: 'highlighted:active',
+      template: Ember.Handlebars.compile('<a {{action selectMatching view.content target="view.parentView.typeahead"}}>{{view.content.name}}</a>'),
+
+      highlightedMatchingBinding: 'parentView.typeahead.highlightedMatching',
+
+      highlighted: function () {
+        return this.get('content') === this.get('highlightedMatching');
+      }.property('highlightedMatching')
+    })
+  }),
+
+  matchingsChanged: function () {
+    var
+      matchings = this.get('matchings'),
+      highlightedMatching = this.get('highlightedMatching');
+
+    if (!Ember.empty(matchings)) {
+      if (!(highlightedMatching && matchings.contains(highlightedMatching))) {
+        this.set('highlightedMatching', matchings[0]);
+      }
+    }
+  }.observes('matchings.@each'),
+
+  keyUp: function (event) {
+    switch (event.keyCode) {
+    case 9: // tab
+    case 13: // enter
+    case 27: // escape
+      event.preventDefault();
+      break;
+    case 38: // up
+      event.preventDefault();
+      this.previousMatching();
+      break;
+    case 40: // down
+      event.preventDefault();
+      this.nextMatching();
+      break;
+    }
+    event.stopPropagation();
+  },
+
+  previousMatching: function () {
+    var
+      matchings = this.get('matchings'),
+      highlightedMatching = this.get('highlightedMatching'),
+      index = matchings.indexOf(highlightedMatching);
+
+    if (index === 0) {
+      highlightedMatching = matchings.get('lastObject');
+    } else {
+      highlightedMatching = matchings[index - 1];
+    }
+    this.set('highlightedMatching', highlightedMatching);
+  },
+
+  nextMatching: function () {
+    var
+      matchings = this.get('matchings'),
+      highlightedMatching = this.get('highlightedMatching'),
+      index = matchings.indexOf(highlightedMatching) + 1;
+
+    if (index === matchings.get('length')) {
+      highlightedMatching = matchings.get('firstObject');
+    } else {
+      highlightedMatching = matchings[index];
+    }
+    this.set('highlightedMatching', highlightedMatching);
+  },
+
+  insertNewline: function () {
+    this.selectMatching({ context: this.get('highlightedMatching') });
+  },
+
+  selectMatching: function (event) {
+    this.set('filter', '');
+    this.set('matchings', []);
+    this.$().focus();
+    this.matchingSelected(event.context);
+  },
+
+  updateMatchings: function () {
+    var
+      self = this,
+      filter = this.get('filter'),
+      matchings = this.get('matchings'),
+      lostMatchings = matchings.copy();
+
+    if (filter) {
+      this.filterChanged(
+        filter,
+        function (data, callback) {
+          self._retrieveMatchings({
+            url: self.get('matchingsUrl'),
+            data: data,
+            dataType: 'json',
+            async: false,
+            success: callback
+          });
+        },
+        function (freshMatchings) {
+          freshMatchings.forEach(function (matching) {
+            var alreadyExisting = matchings.findProperty('id', matching.id);
+            if (alreadyExisting) {
+              lostMatchings.removeObject(alreadyExisting);
+            } else {
+              matchings.pushObject(matching);
+            }
+          });
+          lostMatchings.forEach(function (lostMatching) {
+            matchings.removeObject(lostMatching);
+          });
+        });
+    } else {
+      this.set('matchings', []);
+    }
+  }.observes('filter'),
+
+  _retrieveMatchings: function (params) {
+    $.ajax(params);
+  },
+
+  /**
+    Default implementation, you should override this method to customize request params/matchings handling.
+  */
+  filterChanged: function (filter, retrieveMatchings, processMatchings) {
+    retrieveMatchings({
+      filter: filter
+    }, function (data) {
+      processMatchings(data.matchings);
+    });
+  }
+});

data/lib/embootstrap-rails/version.rb

@@ -0,0 +1,3 @@
+module EmbootstrapRails
+  VERSION = "0.0.2"
+end

data/lib/embootstrap-rails.rb

@@ -0,0 +1,7 @@
+module EmbootstrapRails
+  module Rails
+
+    class Engine < ::Rails::Engine
+    end
+  end
+end

metadata

@@ -0,0 +1,59 @@
+--- !ruby/object:Gem::Specification
+name: embootstrap-rails
+version: !ruby/object:Gem::Version
+  version: 0.0.2
+  prerelease: 
+platform: ruby
+authors:
+- Mike Aski
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-11-07 00:00:00.000000000 Z
+dependencies: []
+description: Take advantage of the assets pipeline to include just the needed plugins,
+  implemented in an Ember way and customizable.
+email:
+- mike.aski@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/embootstrap-rails.rb
+- lib/embootstrap-rails/version.rb
+- lib/assets/javascripts/embootstrap/typeahead.js
+- lib/assets/javascripts/embootstrap/embootstrap.js
+- MIT-LICENSE
+- Rakefile
+- README.md
+homepage: https://github.com/Status-101/embootstrap-rails
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+      segments:
+      - 0
+      hash: 3026814939654337449
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+      segments:
+      - 0
+      hash: 3026814939654337449
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: An Ember based port of the Bootstrap plugins for integration into Rails.
+test_files: []