lazybox 0.2.5 → 0.2.6

data/README.md

@@ -1,6 +1,8 @@
 LazyBox [![Build Status](https://travis-ci.org/galulex/lazybox.png?branch=master)](https://travis-ci.org/galulex/lazybox) [![Gem Version](https://badge.fury.io/rb/lazybox.png)](http://badge.fury.io/rb/webhostinghub-glyphs-rails) [![endorse](http://api.coderwall.com/galulex/endorsecount.png)](http://coderwall.com/galulex)
 =
 
+[Live Demo](http://lazybox.herokuapp.com/)
+
 [Demo Source](https://github.com/galulex/lazybox_demo)
 
 Lazybox is a jQuery-based, lightbox that can display entire remote pages, images and confirmation dialogs.

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

@@ -34,7 +34,7 @@
 
     close: (speed) ->
       speed = speed || defaults.speed
-      effect = if (box.position().top - window.scrollY == 0) then 'slideUp' else 'fadeOut'
+      effect = if (box.position().top - window.scrollY <= 0) then 'slideUp' else 'fadeOut'
       box[effect](speed)
       overlay.fadeOut(speed+200)
 

data/app/assets/javascripts/lazybox.js.js

@@ -0,0 +1,188 @@
+// Generated by CoffeeScript 1.4.0
+(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 - window.scrollY === 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, prevLink;
+            options = $.lazybox.show(img, options);
+            nextLink = a.is(':last-child') ? a.siblings('a[rel*=lazybox]:first') : a.next('a[rel*=lazybox]:first');
+            prevLink = a.is(':first-child') ? a.siblings('a[rel*=lazybox]:last') : a.prev('a[rel*=lazybox]:first');
+            if (nextLink.length && prevLink.length) {
+              $('#lazybox_body:not(:has(a#next_lazy_img))').append("<a id='prev_lazy_img' href=''><b>‹</b></a><a id='next_lazy_img' href=''><b>›</b></a>");
+              return $('#next_lazy_img, #prev_lazy_img').bind('click', function(event) {
+                event.preventDefault();
+                return box.fadeOut(options.speed, function() {
+                  if (event.currentTarget.id === 'next_lazy_img') {
+                    return nextLink.click();
+                  } else {
+                    return prevLink.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);

data/lib/lazybox/version.rb

@@ -1,3 +1,3 @@
 module Lazybox
-  VERSION = "0.2.5"
+  VERSION = "0.2.6"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: lazybox
 version: !ruby/object:Gem::Version
-  version: 0.2.5
+  version: 0.2.6
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-03-17 00:00:00.000000000 Z
+date: 2013-09-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jquery-rails
@@ -37,10 +37,11 @@ extensions: []
 extra_rdoc_files: []
 files:
 - README.md
-- lib/lazybox.rb
 - lib/lazybox/version.rb
-- app/assets/javascripts/lazybox.js.coffee
+- lib/lazybox.rb
 - app/assets/stylesheets/lazybox.css.scss
+- app/assets/javascripts/lazybox.js.js
+- app/assets/javascripts/lazybox.js.coffee
 homepage: https://github.com/galulex/lazybox
 licenses: []
 post_install_message: