olay-rails 0.1.1

data/.gitignore

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

data/Gemfile

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

data/LICENSE.txt

@@ -0,0 +1,19 @@
+Copyright (C) 2013 Casey Foster <c@sey.me>
+
+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,27 @@
+# Olay for Rails
+
+Places [Olay](http://orgsync.github.com/olay) into the Rails asset pipeline.
+
+## Versioning
+
+This project uses [Semantic Versioning](http://semver.org/) and will account for the underlying Olay JavaScript library versioning.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'olay-rails', '~> 0.1'
+
+And then execute:
+
+    $ bundle
+
+## Usage
+
+In your application.js:
+
+    // require olay
+
+In your application.scss:
+
+    @import 'olay';

data/Rakefile

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

data/lib/olay/rails/engine.rb

@@ -0,0 +1,6 @@
+module Olay
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/olay/rails/version.rb

@@ -0,0 +1,6 @@
+module Olay
+  VERSION = '0.1.0'
+  module Rails
+    VERSION = '0.1.1'
+  end
+end

data/lib/olay-rails.rb

@@ -0,0 +1,2 @@
+require 'olay/rails/version'
+require 'olay/rails/engine'

data/olay-rails.gemspec

@@ -0,0 +1,24 @@
+# -*- encoding: utf-8 -*-
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'olay/rails/version'
+
+Gem::Specification.new do |gem|
+  gem.name          = 'olay-rails'
+  gem.version       = Olay::Rails::VERSION
+  gem.summary       = "Overlays that don't suck."
+  gem.description   = "Places Olay #{Olay::VERSION} in the Rails asset pipeline."
+  gem.homepage      = 'https://github.com/orgsync/olay-rails'
+
+  gem.authors       = ['Casey Foster', 'Aaron Lasseigne']
+  gem.email         = ['c@sey.me']
+
+  gem.license       = 'MIT'
+
+  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']
+
+  gem.add_dependency 'rails', '>= 3.1'
+end

data/vendor/assets/javascripts/olay.js

@@ -0,0 +1,137 @@
+(function () {
+  'use strict';
+
+  // Store a local reference to jQuery.
+  var $ = window.jQuery;
+
+  // Listen for keydown events.
+  $(document).keydown(function (ev) {
+    var $olay = $('.js-olay-container').last();
+    var olay = $olay.data('olay');
+    if (!olay) return;
+    var pressed = ev.which;
+    var keys = olay.hideOnKeys || [];
+    for (var i = 0, l = keys.length; i < l; ++i) {
+      if (pressed === keys[i]) return olay.hide() && false;
+    }
+  });
+
+  // Create the `Olay` constructor.
+  //
+  // ```js
+  // var olay = new Olay('Howdy!', {duration: 5000});
+  // ```js
+  var Olay = window.Olay = function (el, options) {
+    for (var name in options) this[name] = options[name];
+    this.$container = $('<div>')
+      .addClass('js-olay-container')
+      .addClass(this.transition)
+      .append(
+    this.$table = $('<div>')
+      .addClass('js-olay-table')
+      .append(
+    this.$cell = $('<div>')
+      .addClass('js-olay-cell')
+      .append(
+    this.$content = $('<div>')
+      .addClass('js-olay-content')
+      .attr({role: 'alertdialog', 'aria-label': this.ariaLabel})
+      .append(
+    this.$el = el instanceof $ ? el : $(el)))));
+  };
+
+  // Define `prototype` properties and methods for `Olay`.
+  var proto = {
+
+    // How long the olay should be displayed for (in ms)?
+    // `0` means indefinitely.
+    duration: 0,
+
+    // What transition should be used? This simply refers to a class that will
+    // be added to the `$container` when shown. Use this to style different
+    // transitions with CSS.
+    transition: 'js-olay-flip',
+
+    // How long should the olay take to transition in or out?
+    // `0` means instantly.
+    transitionDuration: 250,
+
+    // What keys hide the olay? Default is just ESC.
+    hideOnKeys: [27],
+
+    // Should the olay be hidden when there is a click outside the content box?
+    hideOnClick: true,
+
+    // Show the olay.
+    show: function () {
+      var inDom = $.contains($('body'), this.$container);
+      if (inDom && this.$container.hasClass('js-olay-show')) return this;
+      clearTimeout(this._timeout);
+      if (!inDom) this._append();
+
+      // Force a redraw before and after adding the transition class. Not doing
+      // this will apply the end result of the transition instantly, which is
+      // not desirable in a transition...
+      this.$container.data('olay', this).height();
+      this.$container.addClass('js-olay-show');
+      var self = this;
+      var hide = function () { self.hide(); };
+      this.$content.on('click', '.js-olay-hide', hide);
+      if (this.hideOnClick) {
+        this.$container.click(hide);
+        this.$content.click(function (ev) { ev.stopPropagation(); });
+      }
+      this.$el.trigger('show');
+      var duration = this.duration;
+      if (!duration) return this;
+      duration += this.transitionDuration;
+      this._timeout = setTimeout(hide, duration);
+      return this;
+    },
+
+    // Hide the olay by removing the `'js-show'` class to the container and then
+    // finally removing it from the DOM after `transitionDuration`.
+    hide: function () {
+      if (!this.$container.hasClass('js-olay-show')) return;
+      clearTimeout(this._timeout);
+      this.$container.removeClass('js-olay-show');
+      this.$el.trigger('hide');
+      var duration = this.transitionDuration;
+      if (!duration) return this._remove();
+      var self = this;
+      this._timeout = setTimeout(function () { self._remove(); }, duration);
+      return this;
+    },
+
+    // Append `$container` to the DOM. Used internally.
+    _append: function () {
+      this._activeElement = document.activeElement;
+      $(':input').each(function () {
+        var $t = $(this);
+        if ('olayTabindex' in $t.data()) return;
+        $t.data('olayTabindex', $t.attr('tabindex') || null)
+          .attr('tabindex', -1);
+      });
+      $('body').addClass('js-olay-visible').append(this.$container);
+      this.$content.attr('tabindex', 0).focus().removeAttr('tabindex');
+      return this;
+    },
+
+    // Detach or remove `$container` from the DOM. Used internally.
+    _remove: function () {
+      this.$container.remove();
+      var $olays = $('.js-olay-container');
+      ($olays.length ? $olays.last() : $('body').removeClass('js-olay-visible'))
+        .find(':input').each(function () {
+          var $t = $(this);
+          $t.attr('tabindex', $t.data('olayTabindex'))
+            .removeData('olayTabindex');
+        });
+      this._activeElement.focus();
+      return this;
+    }
+  };
+
+  // Extend `Olay.prototype`.
+  for (var name in proto) Olay.prototype[name] = proto[name];
+})();

data/vendor/assets/stylesheets/olay.css

@@ -0,0 +1,129 @@
+body.js-olay-visible {
+  overflow: hidden;
+}
+
+.js-olay-container {
+  position: fixed;
+  z-index: 999;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.js-olay-table {
+  display: table;
+  width: 100%;
+  height: 100%;
+}
+
+.js-olay-cell {
+  display: table-cell;
+  text-align: center;
+  vertical-align: middle;
+}
+
+.js-olay-content {
+  display: inline-block;
+  position: relative;
+  outline: none;
+}
+
+/* Built-in Transitions */
+
+.js-olay-scale-up.js-olay-container,
+.js-olay-scale-down.js-olay-container,
+.js-olay-flip.js-olay-container,
+.js-olay-slide.js-olay-container {
+  opacity: 0;
+  -webkit-transition: all .25s cubic-bezier(.5, 0, .5, 1);
+  -moz-transition: all .25s cubic-bezier(.5, 0, .5, 1);
+  -ms-transition: all .25s cubic-bezier(.5, 0, .5, 1);
+  -o-transition: all .25s cubic-bezier(.5, 0, .5, 1);
+  transition: all .25s cubic-bezier(.5, 0, .5, 1);
+}
+
+.js-olay-scale-up.js-olay-show.js-olay-container,
+.js-olay-scale-down.js-olay-show.js-olay-container,
+.js-olay-flip.js-olay-show.js-olay-container,
+.js-olay-slide.js-olay-show.js-olay-container {
+  opacity: 1;
+}
+
+.js-olay-flip .js-olay-cell {
+  -webkit-perspective: 500px;
+  -moz-perspective: 500px;
+  -ms-perspective: 500px;
+  -o-perspective: 500px;
+  perspective: 500px;
+}
+
+.js-olay-scale-up .js-olay-content,
+.js-olay-scale-down .js-olay-content,
+.js-olay-flip .js-olay-content,
+.js-olay-slide .js-olay-content {
+  -webkit-transition: all .25s cubic-bezier(.5, 0, .5, 1);
+  -moz-transition: all .25s cubic-bezier(.5, 0, .5, 1);
+  -ms-transition: all .25s cubic-bezier(.5, 0, .5, 1);
+  -o-transition: all .25s cubic-bezier(.5, 0, .5, 1);
+  transition: all .25s cubic-bezier(.5, 0, .5, 1);
+}
+
+.js-olay-scale-up .js-olay-content {
+  -webkit-transform: scale(.95);
+  -moz-transform: scale(.95);
+  -ms-transform: scale(.95);
+  -o-transform: scale(.95);
+  transform: scale(.95);
+}
+
+.js-olay-scale-down .js-olay-content {
+  -webkit-transform: scale(1.05);
+  -moz-transform: scale(1.05);
+  -ms-transform: scale(1.05);
+  -o-transform: scale(1.05);
+  transform: scale(1.05);
+}
+
+.js-olay-scale-up.js-olay-show .js-olay-content,
+.js-olay-scale-down.js-olay-show .js-olay-content {
+  -webkit-transform: scale(1);
+  -moz-transform: scale(1);
+  -ms-transform: scale(1);
+  -o-transform: scale(1);
+  transform: scale(1);
+}
+
+.js-olay-flip .js-olay-content {
+  -webkit-transform: rotateX(90deg);
+  -moz-transform: rotateX(90deg);
+  -ms-transform: rotateX(90deg);
+  -o-transform: rotateX(90deg);
+  transform: rotateX(90deg);
+}
+
+.js-olay-flip.js-olay-show .js-olay-content {
+  -webkit-transform: rotateX(0);
+  -moz-transform: rotateX(0);
+  -ms-transform: rotateX(0);
+  -o-transform: rotateX(0);
+  transform: rotateX(0);
+}
+
+.js-olay-slide .js-olay-content {
+  -webkit-transform: translate(0, -100%);
+  -moz-transform: translate(0, -100%);
+  -ms-transform: translate(0, -100%);
+  -o-transform: translate(0, -100%);
+  transform: translate(0, -100%);
+}
+
+.js-olay-slide.js-olay-show .js-olay-content {
+  -webkit-transform: translate(0, 0);
+  -moz-transform: translate(0, 0);
+  -ms-transform: translate(0, 0);
+  -o-transform: translate(0, 0);
+  transform: translate(0, 0);
+}

metadata

@@ -0,0 +1,91 @@
+--- !ruby/object:Gem::Specification 
+name: olay-rails
+version: !ruby/object:Gem::Version 
+  hash: 25
+  prerelease: 
+  segments: 
+  - 0
+  - 1
+  - 1
+  version: 0.1.1
+platform: ruby
+authors: 
+- Casey Foster
+- Aaron Lasseigne
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2013-03-06 00:00:00 Z
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  prerelease: false
+  version_requirements: &id001 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        hash: 5
+        segments: 
+        - 3
+        - 1
+        version: "3.1"
+  requirement: *id001
+  name: rails
+  type: :runtime
+description: Places Olay 0.1.0 in the Rails asset pipeline.
+email: 
+- c@sey.me
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- .gitignore
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- lib/olay-rails.rb
+- lib/olay/rails/engine.rb
+- lib/olay/rails/version.rb
+- olay-rails.gemspec
+- vendor/assets/javascripts/olay.js
+- vendor/assets/stylesheets/olay.css
+homepage: https://github.com/orgsync/olay-rails
+licenses: 
+- MIT
+post_install_message: 
+rdoc_options: []
+
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+requirements: []
+
+rubyforge_project: 
+rubygems_version: 1.8.15
+signing_key: 
+specification_version: 3
+summary: Overlays that don't suck.
+test_files: []
+