bootstrap3_mootools 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 32067dec6317ead529940af723abe1badb044e75
+  data.tar.gz: 5b0590b813b2a5845bec652a71fe39f31b4b876e
+SHA512:
+  metadata.gz: 04b6ede543472b796ad1e21138eb3804ac64976b0f6d96c575075d79905469f700e06b16adeeb121524a6312116fca45038e3545487f8308377a962cc06428af
+  data.tar.gz: 83951c0051b662f193d4b25962d185b7b600583ab6cd95c2b2ea57ac45f5c886f50eed5130f72dada8f30df40c15268ede2ee009ca13912276eb10a644ff0ed9

data/.gitignore

@@ -0,0 +1,22 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log

data/Gemfile

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

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Alain ANDRE
+
+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,47 @@
+# Bootstrap3Mootools
+
+A gem file allowing to use the basics of twitter bootstrap 3 with mootools in secondes.
+
+This allow the following elements to work :
+ - Alert
+ - Modal
+ - Tabs
+ - DropDown
+ - Tooltip
+ - Popover
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'bootstrap3_mootools'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install bootstrap3_mootools
+
+## Usage
+
+Dependency : "railties", "~> 4.1"
+
+Add to your Gemfile
+
+    gem "bootstrap3_mootools"
+
+Then bundle install and add to app/assets/javascripts/application.js
+
+    //= require bootstrap3_mootools
+
+That's it. Your Bootstrap 3 components do not need JQuery any more.
+
+## Contributing
+
+1. Fork it ( https://github.com/[my-github-username]/bootstrap3_mootools/fork )
+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 a new Pull Request

data/Rakefile

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

data/app/assets/javascripts/bootstrap3_mootools.js

@@ -0,0 +1,245 @@
+/**
+ * @copyright Copyright © 2013 - 2014.
+ * @author  Alain ANDRE <wordsbybird@gmail.com> https://github.com/alain-andre
+ */
+
+/**
+ * Actions sur .alert
+ */
+var Alert = new Class({
+  /* @param el L'element alert */
+  initialize: function(el){
+    this.el = el; var self = this;
+    el.getElement('.close').removeEvent('click').addEvent('click', function(){
+      var parent = this.get('data-dismiss');
+      self.close(this.getParent('.'+parent));
+    });
+  }
+  , close: function(el){
+    el.destroy();
+  }
+});
+
+/**
+ * Actions sur .modal
+ * @use var modal = new Modal(document.id('modal-exemple')).show();
+ */
+var Modal = new Class({
+  /* @param el L'element alert */
+  initialize: function(el){
+    this.el = el; var self = this;
+    el.getElement('.close').removeEvent('click').addEvent('click', function(){
+      var parent = this.get('data-dismiss');
+      self.hide(this.getParent('.'+parent));
+    });
+  }
+  , hide: function(el){
+    el.removeClass('show');
+  }
+  , show: function(){
+    this.el.addClass('show');
+  }
+});
+
+/**
+ * Actions sur .nav-tabs
+ */
+var Tabs = new Class({
+  /* @param el L'element nav-tabs */
+  initialize: function(el){
+    var self = this; this.el = el;
+    el.getElements('li').each(function(li){
+      var link = li.getElement('[data-toggle]'); 
+      if(link.get('data-toggle').contains("tab")){
+        link.removeEvent('click').addEvent('click', function(){
+          var div = this.getParent('.nav-tabs').getParent('div').getElement('.tab-content');
+          self.show(div, li, this.get('href').replace('#', ''));
+        });
+      }
+    });
+  }
+  , show: function(div, liSelected, tabId){
+    this.el.getElements('li').each(function(li){
+      if(liSelected == li) li.addClass('active');
+      else li.removeClass('active');
+    });
+    div.getElements('.tab-pane').each(function(pane){
+      if(pane.get('id') == tabId || pane.hasClass(tabId)) pane.addClass('active');
+      else pane.removeClass('active');
+    });
+  }
+});
+
+/**
+ * Actions sur .dropdown-toggle
+ */
+var DropDown = new Class({
+  /* @param el L'element dropdown-toggle */
+  initialize: function(el){ 
+    var self = this, dropDown = el.getParent('li')
+    , dropdownMenu = dropDown.getElement('.dropdown-menu');
+    el.removeEvent('click').addEvent('click', function(){
+      self.clearMenu();
+      dropDown.addClass('open');
+      dropdownMenu.setStyle('display', 'block')
+      .removeEvent('mouseleave').addEvent('mouseleave', function(){
+        this.setStyle('display', 'none');
+        dropDown.removeClass('open');
+      }); 
+    });
+    document.getElement('body').addEvent('click', function(evt){
+      var click = 0;
+      document.getElements('[data-toggle="dropdown"]').each(function(el){
+        if(evt.target == el) click = 1;
+      });
+      if(click == 0) self.clearMenu(); // on ferme si pas clic sur un menu
+    });
+  }
+  , clearMenu : function(){
+    document.getElements('[data-toggle="dropdown"]').each(function(el){
+      var li = el.getParent('li');
+      li.removeClass('open').getElement('.dropdown-menu').setStyle('display', 'none');
+    });
+  }
+});
+
+
+/**
+ * Actions sur [data-toggle="tooltip"]
+ */
+var Tooltip = new Class({
+  /* @param el L'element tooltip */
+  initialize: function(el, pop){
+    if(pop) this.divContainer = document.id(pop); // pour les popover
+    else this.divContainer = document.id('tooltip');
+    this.el = el , this.placement = this.el.get('data-placement');
+    el.set('data-original-title', el.get('title')).set('title', '');
+    this.create();
+  }
+  , create: function(){ 
+    var self = this;
+    this.el.addEvent('mouseenter', function(){ self.show(); });
+    this.el.addEvent('mouseleave', function(){ self.hide(); });
+    if(!this.divContainer){
+      this.divContainer = new Element('div', { 'id': 'tooltip', 'class': 'tooltip in ', 'style': '' })
+        .setStyle('display', 'none')
+        .grab(new Element('div', { 'class': 'tooltip-arrow' }))
+        .grab(new Element('div', { 'class': 'tooltip-inner' }));
+      document.getElement('body').grab( this.divContainer );
+    }
+  }
+  , show: function(){ 
+    this.divContainer.setStyle('display', 'block');
+    this.setTitle().setPlacement();
+  }
+  ,setPlacement: function(){
+    var actualHeight = this.divContainer.getCoordinates().height
+    , actualWidth = this.divContainer.getCoordinates().width
+    , coordinates = this.el.getCoordinates();
+    switch(this.placement){
+      case 'top':
+        var styleHash = { top: coordinates.top - actualHeight
+          , left: coordinates.left + coordinates.width / 2 - actualWidth / 2 };
+        this.divContainer.removeClass('bottom').removeClass('left').removeClass('right').addClass('top');
+      break;
+      case 'bottom':
+        var styleHash = { top: coordinates.top + coordinates.height
+          , left: coordinates.left + coordinates.width / 2 - actualWidth / 2 };
+        this.divContainer.removeClass('top').removeClass('left').removeClass('right').addClass('bottom');
+      break;
+      case 'left':
+        var styleHash = { top: coordinates.top + coordinates.height / 2 - actualHeight / 2
+          , left: coordinates.left - actualWidth };
+        this.divContainer.removeClass('bottom').removeClass('top').removeClass('right').addClass('left');
+      break;
+      case 'right':
+        var styleHash = { top: coordinates.top + coordinates.height / 2 - actualHeight / 2
+          , left: coordinates.left + coordinates.width };
+        this.divContainer.removeClass('bottom').removeClass('left').removeClass('top').addClass('right');
+      break;
+      default :
+        var styleHash = { top: coordinates.top + coordinates.height / 2 - actualHeight / 2
+          , left: coordinates.left - actualWidth };
+        this.divContainer.removeClass('bottom').removeClass('top').removeClass('right').addClass('left');
+      break;
+    }
+    this.divContainer.setStyles( styleHash );
+  }
+  , setTitle: function(){
+    var title = this.el.get('data-original-title');
+    this.divContainer.getElement('.tooltip-inner').set('html', title);
+    return this;
+  }
+  , hide: function(){ 
+    this.divContainer.setStyle('display', 'none');
+  }
+});
+
+/**
+ * Actions sur [data-toggle="popover"]
+ */
+var Popover = new Class({
+  Extends: Tooltip
+  /* @param el L'element popover */
+  , initialize: function(el){ 
+    this.parent(el, 'popover');
+  }
+  , create: function(){ 
+    var self = this;
+    if(!this.divContainer){
+      this.divContainer = new Element('div', { 'id': 'popover', 'class': 'popover in ', 'style': '' })
+        .setStyle('display', 'none')
+        .grab(new Element('div', { 'class': 'arrow' }))
+        .grab(new Element('h3', { 'class': 'popover-title' }))
+        .grab(new Element('div', { 'class': 'popover-content' }));
+      document.getElement('body').grab( this.divContainer );
+    }
+    switch(self.el.get('data-fire')){
+      case "mouseenter":
+        this.el.addEvent('mouseenter', function(){ self.show(); });
+        this.el.addEvent('mouseleave', function(){ self.hide(); });
+      break;
+      default :
+        self.el.removeEvent('click').addEvent('click', function(){ 
+          if(self.divContainer.getStyle('display') == 'none') self.show(); 
+          else self.hide();
+        });
+      break;
+    }
+  }
+  , show: function(){ 
+    this.divContainer.setStyle('display', 'block');
+    this.setTitle().setContent().setPlacement();
+  }
+  , setContent: function(){
+    var content = this.el.get('data-content');
+    this.divContainer.getElement('.popover-content').set('html', content);
+    return this;
+  }
+  , setTitle: function(){
+    var title = this.el.get('data-original-title');
+    this.divContainer.getElement('.popover-title').set('html', title);
+    return this;
+  }
+});
+
+/**
+ * Chargement des scripts pour le framework bootstrap
+ */
+window.addEvent('domready', function(){ 
+  try{ // dropdown
+    document.getElements('.dropdown-toggle').each(function(el){ var dropdown = new DropDown(el); });
+  }catch(e){}
+  try{ // Alerts
+    document.getElements('.alert').each(function(el){ var alert = new Alert(el); });
+  }catch(e){}
+  try{ // Tabs 
+    document.getElements('.nav-tabs').each(function(el){ var tab = new Tabs(el); });
+  }catch(e){}
+  try{ // Tooltip, Popover
+    document.getElements('[data-toggle]').each(function(el){ 
+      if(el.get('data-toggle').contains("tooltip")) var tooltip = new Tooltip(el); 
+      if(el.get('data-toggle').contains("popover")) var popover = new Popover(el);
+    });
+  }catch(e){}
+});

data/bootstrap3_mootools.gemspec

@@ -0,0 +1,24 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'bootstrap3_mootools/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "bootstrap3_mootools"
+  spec.version       = Bootstrap3Mootools::VERSION
+  spec.authors       = ["Alain ANDRE"]
+  spec.email         = ["wordsbybird@gmail.com"]
+  spec.summary       = "Allow the use of common boostrap 3 script with mootools"
+  spec.description   = ""
+  spec.homepage      = "https://github.com/alain-andre/bootstrap3_mootools"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.6"
+  spec.add_development_dependency "rake"
+  spec.add_dependency "railties", "~> 4.1"
+end

data/lib/bootstrap3_mootools.rb

@@ -0,0 +1,5 @@
+require "bootstrap3_mootools/version"
+
+module Bootstrap3Mootools
+  # Your code goes here...
+end

data/lib/bootstrap3_mootools/version.rb

@@ -0,0 +1,3 @@
+module Bootstrap3Mootools
+  VERSION = "0.0.1"
+end

data/test/dummy/.gitignore

@@ -0,0 +1,16 @@
+# See https://help.github.com/articles/ignoring-files for more about ignoring files.
+#
+# If you find yourself ignoring temporary files generated by your text editor
+# or operating system, you probably want to add a global ignore instead:
+#   git config --global core.excludesfile '~/.gitignore_global'
+
+# Ignore bundler config.
+/.bundle
+
+# Ignore the default SQLite database.
+/db/*.sqlite3
+/db/*.sqlite3-journal
+
+# Ignore all logfiles and tempfiles.
+/log/*.log
+/tmp

data/test/dummy/Gemfile

@@ -0,0 +1,41 @@
+source 'https://rubygems.org'
+
+
+# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
+gem 'rails', '4.1.0'
+# Use sqlite3 as the database for Active Record
+gem 'sqlite3'
+# Use SCSS for stylesheets
+gem 'sass-rails', '~> 4.0.3'
+# Use Uglifier as compressor for JavaScript assets
+gem 'uglifier', '>= 1.3.0'
+# Use CoffeeScript for .js.coffee assets and views
+gem 'coffee-rails', '~> 4.0.0'
+# See https://github.com/sstephenson/execjs#readme for more supported runtimes
+# gem 'therubyracer',    platforms: :ruby
+
+# Use mootools as the JavaScript library
+gem 'mootools-rails'
+# Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks
+gem 'turbolinks'
+# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
+gem 'jbuilder', '~> 2.0'
+# bundle exec rake doc:rails generates the API under doc/api.
+gem 'sdoc', '~> 0.4.0',            group: :doc
+
+# Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
+gem 'spring',          group: :development
+
+# Use ActiveModel has_secure_password
+# gem 'bcrypt', '~> 3.1.7'
+
+# Use unicorn as the app server
+# gem 'unicorn'
+
+# Use Capistrano for deployment
+# gem 'capistrano-rails', group: :development
+
+# Use debugger
+# gem 'debugger', group: [:development, :test]
+
+gem "bootstrap3_mootools", :path =>"../../"