avgrund_to 0.0.1

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.rdoc

@@ -0,0 +1,40 @@
+= AvgrundTo
+
+Wraps hakim's awesome Avgrund reimagining of the modal window into a Rails Engine.
+
+I've had to make a few adjustments to make it work with scrollable content (the original sets the body to overflow:hideden, preventing scrolling).
+
+To use, you'll have to add the class "avgrund-contents" to the block container you'd like to blur (usually the div that's the immediate child of body).
+
+Then you'll need to require avgrund in application.js
+
+    //= require avgrund_to/modal
+    //= require avgrund_to/avgrund
+
+Same with your application.css
+
+    *= require avgrund
+
+Then you'll need to render the partial for the modal in your layout file
+
+    <%= render 'avgrund_to/modal' %>
+
+Then you just use the helper method avgrund_to the same way you'd use link_to
+
+    <%= avgrund_to 'Edit', shipment, {:class=>'btn btn-primary'}, "Edit Shipment #{shipment.order_number.upcase}" %>
+
+You'll need to edit your controller to accept the .text format (behavior inherited from isieo's modal-me Rails Engine, from which this gem was inspired)
+
+    def show
+      @shipment = Shipment.unscoped.find(params[:id].downcase)
+
+      respond_to do |format|
+        format.html # show.html.erb
+        format.json { render json: @shipment }
+        format.text { render 'show', formats: [:html], layout: false }
+      end
+    end
+
+And that's it :)
+
+The gem is very rough and raw, and I'm sure there are lots of ways to improve it (it's yet another modal window plugin after all). Suggestions and feedback are welcome, please use the Issue Tracker for them.

data/Rakefile

@@ -0,0 +1,40 @@
+#!/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    = 'AvgrundTo'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+#APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+#load 'rails/tasks/engine.rake'
+
+
+
+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/app/assets/javascripts/avgrund_to/avgrund.js

@@ -0,0 +1,76 @@
+/*!
+ * avgrund 0.1
+ * http://lab.hakim.se/avgrund
+ * MIT licensed
+ *
+ * Copyright (C) 2012 Hakim El Hattab, http://hakim.se
+ */
+jQuery(function(){
+
+  var container = document.documentElement,
+    popup = document.querySelector( '.avgrund-popup' ),
+    cover = document.querySelector( '.avgrund-cover' ),
+    currentState = null;
+    
+    //Added draggable popup
+    $( ".avgrund-popup" ).draggable({ cursor: "move" });
+
+  container.className = container.className.replace( /\s+$/gi, '' ) + ' avgrund-ready';
+
+  // Deactivate on ESC
+  function onDocumentKeyUp( event ) {
+    if( event.keyCode === 27 ) {
+      deactivate();
+    }
+  }
+
+  // Deactivate on click outside
+  function onDocumentClick( event ) {
+    if( event.target === cover ) {
+      deactivate();
+    }
+  }
+
+  function activate( state, pos ) {
+    
+    document.addEventListener( 'keyup', onDocumentKeyUp, false );
+    document.addEventListener( 'click', onDocumentClick, false );
+
+    removeClass( popup, currentState );
+    addClass( popup, 'no-transition' );
+    addClass( popup, state );
+
+    setTimeout( function() {
+      removeClass( popup, 'no-transition' );
+      addClass( container, 'avgrund-active' );
+    }, 0 );
+
+    currentState = state;
+  }
+
+  function deactivate() {
+    document.removeEventListener( 'keyup', onDocumentKeyUp, false );
+    document.removeEventListener( 'click', onDocumentClick, false );
+
+    removeClass( container, 'avgrund-active' );
+  }
+
+  function disableBlur() {
+    addClass( document.documentElement, 'no-blur' );
+  }
+
+  function addClass( element, name ) {
+    element.className = element.className.replace( /\s+$/gi, '' ) + ' ' + name;
+  }
+
+  function removeClass( element, name ) {
+    element.className = element.className.replace( name, '' );
+  }
+
+  window.avgrund = {
+    activate: activate,
+    deactivate: deactivate,
+    disableBlur: disableBlur
+  }
+
+})();

data/app/assets/javascripts/avgrund_to/modal.js

@@ -0,0 +1,13 @@
+jQuery(function(){
+  jQuery('a[data-avgrund-url*=]').prop('href','#');
+  jQuery('a[data-avgrund-url*=]').click(function(){
+    avgrund.activate('', this);
+    jQuery.ajax({url: $(this).data('avgrund-url'),
+      success: function(data){
+        jQuery('.modal-body').html(data);
+      },
+      async: true
+    });
+    return false;
+  });
+});

data/app/assets/stylesheets/avgrund.css

@@ -0,0 +1,122 @@
+html, 
+body {
+  height: 100%;
+}
+
+.avgrund-active .avgrund-contents {
+  -webkit-transform: scale( 0.9 );
+     -moz-transform: scale( 0.9 );
+      -ms-transform: scale( 0.9 );
+       -o-transform: scale( 0.9 );
+          transform: scale( 0.9 );
+}
+
+.avgrund-cover {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  z-index: 1;
+  visibility: hidden;
+  opacity: 0;
+  background: rgba( 0, 0, 0, 0.5 );
+}
+  .avgrund-active .avgrund-cover {
+    visibility: visible;
+    opacity: 1;
+  }
+
+.avgrund-contents {
+  position: relative;
+  padding: 20px;
+  height: 100%;
+  margin: auto;
+}
+  .avgrund-active .avgrund-contents {
+    -webkit-filter: blur(2px);
+       -moz-filter: blur(2px);
+        -ms-filter: blur(2px);
+         -o-filter: blur(2px);
+            filter: blur(2px);
+
+  }
+  .no-blur.avgrund-active .avgrund-contents {
+    -webkit-filter: none;
+       -moz-filter: none;
+        -ms-filter: none;
+         -o-filter: none;
+            filter: none;
+  }
+
+.avgrund-popup {
+  position: fixed;
+  width: 640px;
+  height: 600px;  
+  margin: -330px 0 0 -320px;
+  visibility: hidden;
+  opacity: 0;
+  z-index: 2;
+  padding: 20px;
+  top: 50%;
+  left: 50%;
+
+  background: white;
+  box-shadow: 0px 0px 20px rgba( 0, 0, 0, 0.6 );
+  border-radius: 3px;
+
+  -webkit-transform: scale( 0.8 );
+     -moz-transform: scale( 0.8 );
+      -ms-transform: scale( 0.8 );
+       -o-transform: scale( 0.8 );
+          transform: scale( 0.8 );
+}
+  .avgrund-active .avgrund-popup {
+    visibility: visible;
+    opacity: 1;
+
+    -webkit-transform: scale( 1 );
+       -moz-transform: scale( 1 );
+        -ms-transform: scale( 1 );
+         -o-transform: scale( 1 );
+            transform: scale( 1 );
+  }
+  .avgrund-popup.stack {
+    -webkit-transform: scale( 1.5 );
+       -moz-transform: scale( 1.5 );
+        -ms-transform: scale( 1.5 );
+         -o-transform: scale( 1.5 );
+            transform: scale( 1.5 );
+  }
+  .avgrund-active .avgrund-popup.stack {
+    -webkit-transform: scale( 1.1 );
+       -moz-transform: scale( 1.1 );
+        -ms-transform: scale( 1.1 );
+         -o-transform: scale( 1.1 );
+            transform: scale( 1.1 );
+  }
+
+.avgrund-ready body,
+.avgrund-ready .avgrund-contents,
+.avgrund-ready .avgrund-popup,
+.avgrund-ready .avgrund-cover {
+  -webkit-transform-origin: 50% 50%;
+     -moz-transform-origin: 50% 50%;
+      -ms-transform-origin: 50% 50%;
+       -o-transform-origin: 50% 50%;
+          transform-origin: 50% 50%;
+
+  -webkit-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
+     -moz-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
+      -ms-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
+       -o-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
+          transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
+
+}
+.avgrund-ready .avgrund-popup.no-transition {
+  -webkit-transition: none;
+     -moz-transition: none;
+      -ms-transition: none;
+       -o-transition: none;
+          transition: none;
+}

data/app/helpers/avgrund_to_helper.rb

@@ -0,0 +1,22 @@
+module AvgrundToHelper
+
+  def avgrund_to(*args, &block)
+    if block_given?
+      options      = args.first || {}
+      html_options = args.second
+      modal_title  = args.third
+      avgrund_to(capture(&block), options, html_options)
+    else
+      name         = args[0]
+      options      = args[1] || {}
+      html_options = args[2]
+
+
+      options = url_for(options) unless options.kind_of? String
+
+      html_options['data-avgrund-url'] = "#{options}.text"
+      return link_to(name, options, html_options)
+    end
+  end
+
+end

data/app/views/avgrund_to/_modal.html.erb

@@ -0,0 +1,7 @@
+<div class="avgrund-cover"></div>
+
+<div class="avgrund-popup" id="avgrund-modal">
+  <div class="modal-body">
+    <button onclick="avgrund.deactivate();">Close</button>
+  </div>
+</div>

data/lib/avgrund_to.rb

@@ -0,0 +1,4 @@
+require "avgrund_to/engine"
+
+module AvgrundTo
+end

data/lib/avgrund_to/engine.rb

@@ -0,0 +1,5 @@
+module AvgrundTo
+  class Engine < ::Rails::Engine
+    engine_name 'avgrund_to'
+  end
+end

data/lib/avgrund_to/version.rb

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

data/lib/tasks/avgrund_to_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :avgrund_to do
+#   # Task goes here
+# end

metadata

@@ -0,0 +1,97 @@
+--- !ruby/object:Gem::Specification
+name: avgrund_to
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Tristan
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-08-23 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.1'
+- !ruby/object:Gem::Dependency
+  name: jquery-rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Wraps hakim's awesome Avgrund reimagining of the modal window into a
+  Rails Engine
+email:
+- tristan.gomez@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- app/assets/javascripts/avgrund_to/avgrund.js
+- app/assets/javascripts/avgrund_to/modal.js
+- app/assets/stylesheets/avgrund.css
+- app/helpers/avgrund_to_helper.rb
+- app/views/avgrund_to/_modal.html.erb
+- lib/avgrund_to/engine.rb
+- lib/avgrund_to/version.rb
+- lib/avgrund_to.rb
+- lib/tasks/avgrund_to_tasks.rake
+- MIT-LICENSE
+- Rakefile
+- README.rdoc
+homepage: https://github.com/parasquid/avgrund_to.git
+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: 3923213717211686162
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+      segments:
+      - 0
+      hash: 3923213717211686162
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: Wraps hakim's awesome Avgrund reimagining of the modal window into a Rails
+  Engine
+test_files: []