lazybox 0.0.6

data/.gitignore

@@ -0,0 +1,4 @@
+*.gem
+.bundle
+Gemfile.lock
+pkg/*

data/Gemfile

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

data/README.md

@@ -0,0 +1,77 @@
+# LazyBox
+
+Lazybox is a jQuery-based, lightbox which can display entire remote pages.
+Use lazybox with rails 3.1 asset pipeline.
+
+LazyBox implemented using only with css and jquery without images.
+This is hight perfomance modal dialogs. All unpacked files take only 2.5 kb.
+You never find simplest solution for popup windows.
+
+# Installation
+
+Add it to your Gemfile:
+
+    gem 'lazybox'
+
+Then run `bundle install` to update your application's bundle.
+
+Include in your `app/assets/stylesheets/application.css`:
+
+    /*
+     * ...
+     *= require lazybox
+     * ...
+     */
+
+And in `app/assets/javascripts/application.js`:
+
+    //= require lazybox
+
+# Usage
+
+Include in your `app/assets/javascripts/application.js`:
+
+    $(document).ready(function() {
+      $('a[rel*=lazybox]').lazybox();
+    });
+
+In your view:
+
+    link_to 'Lazybox', new_model_path, :rel => :lazybox
+
+In your controller:
+
+    def new
+      @model = Model.new
+      respond_to do |format|
+        format.js { render :layout => false }
+      end
+    end
+
+    def create
+      @model = Model.create(params[:model])
+    end
+
+or you can set before_filter that will disable layout for ajax requests:
+
+    before_filter proc { |controller| (controller.action_has_layout = false) if controller.request.xhr? }
+
+    def new
+      @model = Model.new
+    end
+
+    def create
+      @model = Model.create(params[:model])
+    end
+
+`create.js.haml`
+
+    - if @model.errors.any?
+      $('#lazybox_body').html("#{escape_javascript(render :partial => 'form')}");
+    - else
+      $('a#lazybox_close').click();
+      window.location.reload();
+
+#
+
+Copyright© Alex Galushka

data/Rakefile

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

data/lazybox.gemspec

@@ -0,0 +1,19 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path("../lib/lazybox/version", __FILE__)
+
+Gem::Specification.new do |s|
+  s.name        = "lazybox"
+  s.version     = Lazybox::VERSION
+  s.authors     = ["Alex Galushka"]
+  s.email       = ["sexmcs@gmail.com"]
+  s.homepage    = "https://github.com/alex-galushka/lazybox"
+  s.summary     = "Use LazyBox for popup windows with Rails"
+  s.description = "This is hight perfomance modal dialogs for your Rails application."
+  s.platform    = Gem::Platform::RUBY
+
+  s.files         = `git ls-files`.split("\n")
+  s.require_path  = "lib"
+
+  s.add_development_dependency "rails",   "~> 3.1"
+end
+

data/lib/lazybox.rb

@@ -0,0 +1,4 @@
+module Lazybox
+  class Engine < Rails::Engine
+  end
+end

data/lib/lazybox/version.rb

@@ -0,0 +1,3 @@
+module Lazybox
+  VERSION = "0.0.6"
+end

data/vendor/assets/javascripts/lazybox.js

@@ -0,0 +1,35 @@
+(function($){
+  $.fn.extend({
+    lazybox: function(options) {
+      this.live('click', function(e){
+        e.preventDefault();
+        c = ($.browser.msie) ? ' class="ie" ' : '';
+        $('body:not(:has(#lazybox_overlay))').append("<div id='lazybox_overlay' style='display:none'></div>");
+        $('#lazybox_overlay').fadeIn(500);
+        $.ajax({
+          url: $(this).attr('href'),
+          success: function(data){
+            $('body:not(:has(#lazybox))').append("<div id='lazybox' style=''><a id='lazybox_close'"+c+" title='close'>×</a><div id='lazybox_body'></div></div>");
+            $('#lazybox_body').html(data);
+            $('#lazybox').fadeIn(300, function(){
+              var x = (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop();
+              $(this).css({
+                top: ((x < 0) ? 20 : x),
+                left:(($(window).width() - $(this).outerWidth()) / 2) + $(window).scrollLeft()
+              });
+            });
+          },
+          error: function(){
+            $('#lazybox_overlay').fadeOut(500);
+          }
+        });
+      });
+    }
+  });
+})(jQuery);
+
+$('#lazybox_close').live('click', function(){
+  $('#lazybox').fadeOut(300);
+  $('#lazybox_overlay').fadeOut(500);
+});
+

data/vendor/assets/stylesheets/lazybox.css

@@ -0,0 +1,59 @@
+#lazybox_overlay{
+  background: black;
+  position: fixed;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  opacity: 0.3;
+  z-index: 100;
+}
+
+#lazybox{
+  position: absolute;
+  top: 10%;
+  left: 30%;
+  background-color: #fff;
+  color: #7F7F7F;
+  padding: 20px;
+  border: 1px solid #ccc;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
+  -khtml-border-radius: 10px;
+  min-width: 200px;
+  min-height: 100px;
+  border-radius: 10px;
+  -moz-box-shadow: 0 1px 5px #333;
+  -webkit-box-shadow: 0 1px 5px #333;
+  box-shadow: 0 1px 5px #333;
+  z-index: 101;
+}
+
+a#lazybox_close {
+  color: white;
+  font: bold 24px/100% Arial, Helvetica, sans-serif;
+  float: right;
+  margin-top: -35px;
+  margin-right: -35px;
+  cursor: pointer;
+  text-align: center;
+  border: 2px solid white;
+  width: 24px;
+  height: 24px;
+  background: black;
+  border-radius: 20px;
+  -moz-box-shadow: 0 1px 5px #333;
+  -webkit-box-shadow: 0 1px 5px #333;
+  box-shadow: 0 1px 5px #333;
+}
+
+a#lazybox_close:hover { color: black; border-color: black; background: white; }
+
+a#lazybox_close.ie {
+  border: none;
+  margin-top: -21px;
+  margin-right: -21px;
+  background: white;
+  color: gray;
+}
+a#lazybox_close.ie:hover {color: black;}

metadata

@@ -0,0 +1,88 @@
+--- !ruby/object:Gem::Specification 
+name: lazybox
+version: !ruby/object:Gem::Version 
+  hash: 19
+  prerelease: 
+  segments: 
+  - 0
+  - 0
+  - 6
+  version: 0.0.6
+platform: ruby
+authors: 
+- Alex Galushka
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2011-12-04 00:00:00 Z
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: rails
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ~>
+      - !ruby/object:Gem::Version 
+        hash: 5
+        segments: 
+        - 3
+        - 1
+        version: "3.1"
+  type: :development
+  version_requirements: *id001
+description: This is hight perfomance modal dialogs for your Rails application.
+email: 
+- sexmcs@gmail.com
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- .gitignore
+- Gemfile
+- README.md
+- Rakefile
+- lazybox.gemspec
+- lib/lazybox.rb
+- lib/lazybox/version.rb
+- vendor/assets/javascripts/lazybox.js
+- vendor/assets/stylesheets/lazybox.css
+homepage: https://github.com/alex-galushka/lazybox
+licenses: []
+
+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.10
+signing_key: 
+specification_version: 3
+summary: Use LazyBox for popup windows with Rails
+test_files: []
+