lazybox 0.2.2 → 0.2.3

data/lib/lazybox/version.rb

@@ -1,3 +1,3 @@
 module Lazybox
-  VERSION = "0.2.2"
+  VERSION = "0.2.3"
 end

data/vendor/assets/javascripts/lazybox.js.coffee

@@ -52,14 +52,14 @@
       options = $.extend defaults, $.lazybox.settings
       message = element.data('confirm')
       return true if !message
-      $.lazybox.show('<p>'+message+'</p><div class="lazy_buttons"><div>', { klass: 'confirm' })
+      $.lazybox.show('<p>'+message+'</p><div class="lazy_buttons"></div>', { klass: 'confirm' })
       element.clone().attr('class', options.submitClass).removeAttr('data-confirm').text(options.submitText).appendTo('.lazy_buttons')
       $('.lazy_buttons').append(' ')
       $('<a>', { href: '', text: options.cancelText, 'class': options.cancelClass }).appendTo('.lazy_buttons')
       return false
 
   $.fn.lazybox = (options) ->
-    this.live 'click', (e) =>
+    $(document).on 'click', this.selector, (e) =>
       a = $(e.currentTarget)
       href = a.attr('href')
       imagesRegexp = new RegExp('\\.(png|jpg|jpeg|gif)(\\?.*)?$', 'i')

data/vendor/assets/javascripts/lazybox.js.js

@@ -0,0 +1,173 @@
+(function() {
+
+  (function($) {
+    var box, close, defaults, html, init, overlay,
+      _this = this;
+    defaults = {
+      overlay: true,
+      esc: true,
+      close: true,
+      modal: true,
+      opacity: 0.3,
+      onTop: false,
+      speed: 300,
+      fixed: false,
+      cancelText: 'Cancel',
+      cancelClass: 'button',
+      submitText: 'Ok',
+      submitClass: 'button'
+    };
+    html = "<div id='lazybox'><div id='lazybox_body'></div></div>";
+    box = $('#lazybox');
+    overlay = $('#lazybox_overlay');
+    close = $('#lazybox_close');
+    $.lazybox = function(html, options) {
+      return $.lazybox.show(html, options);
+    };
+    $.extend($.lazybox, {
+      settings: $.extend({}, defaults),
+      show: function(content, options) {
+        var effect;
+        options = init(options);
+        $('#lazybox_body').html(content);
+        $.lazybox.center(options.onTop, options.fixed);
+        effect = options.onTop ? 'slideDown' : 'fadeIn';
+        box[effect](options.speed);
+        return options;
+      },
+      close: function(speed) {
+        var effect;
+        speed = speed || defaults.speed;
+        effect = box.position().top === 0 ? 'slideUp' : 'fadeOut';
+        box[effect](speed);
+        return overlay.fadeOut(speed + 200);
+      },
+      center: function(onTop, fixed) {
+        var y;
+        if (fixed) {
+          y = onTop ? 0 : (box.outerHeight()) / 2;
+          if (y < 20 && !onTop) y = 20;
+          return box.css({
+            'margin-left': -box.outerWidth() / 2,
+            'margin-top': -y,
+            top: (onTop ? 0 : '49%'),
+            position: 'fixed',
+            left: '49%'
+          });
+        } else {
+          y = onTop ? 0 : (($(window).height() - $('#lazybox').outerHeight()) / 2) + $(window).scrollTop();
+          if (y < 20 && !onTop) y = 20;
+          return box.css({
+            top: y,
+            left: (($(window).width() - box.outerWidth()) / 2) + $(window).scrollLeft(),
+            position: 'absolute',
+            margin: 0
+          });
+        }
+      },
+      confirm: function(element) {
+        var message, options;
+        options = $.extend(defaults, $.lazybox.settings);
+        message = element.data('confirm');
+        if (!message) return true;
+        $.lazybox.show('<p>' + message + '</p><div class="lazy_buttons"></div>', {
+          klass: 'confirm'
+        });
+        element.clone().attr('class', options.submitClass).removeAttr('data-confirm').text(options.submitText).appendTo('.lazy_buttons');
+        $('.lazy_buttons').append(' ');
+        $('<a>', {
+          href: '',
+          text: options.cancelText,
+          'class': options.cancelClass
+        }).appendTo('.lazy_buttons');
+        return false;
+      }
+    });
+    $.fn.lazybox = function(options) {
+      var _this = this;
+      return $(document).on('click', this.selector, function(e) {
+        var a, href, imagesRegexp, img;
+        a = $(e.currentTarget);
+        href = a.attr('href');
+        imagesRegexp = new RegExp('\\.(png|jpg|jpeg|gif)(\\?.*)?$', 'i');
+        e.preventDefault();
+        if (href.match(imagesRegexp)) {
+          img = new Image();
+          img.onload = function(element) {
+            var nextLink,
+              _this = this;
+            options = $.lazybox.show(img, options);
+            nextLink = a.is(':last-child') ? a.siblings('a[rel*=lazybox]:first') : a.next('a[rel*=lazybox]:first');
+            if (nextLink.length !== 0) {
+              return $('#lazybox img').bind('click', function() {
+                return box.fadeOut(options.speed, function() {
+                  return nextLink.click();
+                });
+              });
+            }
+          };
+          return $(img).attr({
+            'class': 'lazy_img',
+            src: href
+          });
+        } else {
+          return $.ajax({
+            url: href,
+            success: function(data) {
+              return $.lazybox.show(data, options);
+            },
+            error: function() {
+              return $.lazybox.close(options.speed);
+            }
+          });
+        }
+      });
+    };
+    return init = function(options) {
+      var _this = this;
+      options = $.extend($.extend({}, defaults), $.lazybox.settings, options);
+      if (options.overlay) {
+        $('body:not(:has(#lazybox_overlay))').append("<div id='lazybox_overlay'></div>");
+        overlay = $('#lazybox_overlay');
+        overlay.css({
+          filter: 'alpha(opacity=' + options.opacity * 100 + ')',
+          opacity: options.opacity
+        }).fadeIn(options.speed + 200);
+      }
+      $('body:not(:has(#lazybox))').append(html);
+      box = $('#lazybox');
+      if (options.klass) {
+        box.attr('class', options.klass);
+      } else {
+        box.removeClass();
+      }
+      if (options.close) {
+        box.not(':has(#lazybox_close)').prepend($("<a id='lazybox_close' title='close'></a>"));
+        close = $('#lazybox_close');
+        if (options.closeImg) {
+          close.attr('class', 'img').text('');
+        } else {
+          close.removeClass().text('×');
+        }
+      } else {
+        close.remove();
+      }
+      if (!options.modal && options.overlay) {
+        overlay.bind('click', function() {
+          return $.lazybox.close(options.speed);
+        });
+      } else {
+        overlay.unbind();
+      }
+      $(document).keyup(function(e) {
+        if (e.keyCode === 27 && options.esc) return $.lazybox.close(options.speed);
+      });
+      box.on('click', '#lazybox_close, .lazy_buttons a', function(e) {
+        $.lazybox.close(options.speed);
+        return e.preventDefault();
+      });
+      return options;
+    };
+  })(jQuery);
+
+}).call(this);

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: lazybox
 version: !ruby/object:Gem::Version
-  version: 0.2.2
+  version: 0.2.3
   prerelease: 
 platform: ruby
 authors:
@@ -9,11 +9,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-10-08 00:00:00.000000000 Z
+date: 2012-10-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
-  requirement: &22576780 !ruby/object:Gem::Requirement
+  requirement: &19446660 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -21,10 +21,10 @@ dependencies:
         version: '3.1'
   type: :development
   prerelease: false
-  version_requirements: *22576780
+  version_requirements: *19446660
 - !ruby/object:Gem::Dependency
   name: jquery-rails
-  requirement: &22573640 !ruby/object:Gem::Requirement
+  requirement: &19446240 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -32,7 +32,7 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *22573640
+  version_requirements: *19446240
 description: Lazybox is a jQuery-based, lightbox that can display entire remote pages,
   images and confirmation dialogs. Replace standard rails confirmations with lazybox
   just added several rows to your project. Use lazybox with rails assets pipeline.
@@ -42,14 +42,11 @@ 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.coffee
+- vendor/assets/javascripts/lazybox.js.js
 - vendor/assets/stylesheets/lazybox.css.scss
 homepage: https://github.com/galulex/lazybox
 licenses: []

data/.gitignore

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

data/Gemfile

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

data/Rakefile

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

data/lazybox.gemspec

@@ -1,20 +0,0 @@
-# -*- 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/galulex/lazybox"
-  s.summary     = "Use LazyBox for popup windows with Rails"
-  s.description = "Lazybox is a jQuery-based, lightbox that can display entire remote pages, images and confirmation dialogs. Replace standard rails confirmations with lazybox just added several rows to your project. Use lazybox with rails assets pipeline."
-  s.platform    = Gem::Platform::RUBY
-
-  s.files         = `git ls-files`.split("\n")
-  s.require_path  = "lib"
-
-  s.add_development_dependency "rails",   "~> 3.1"
-  s.add_development_dependency "jquery-rails"
-end
-