aightbox-rails 0.1.2 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 02b13015f94d98263eaa1827c93f4023db4bb4d8
-  data.tar.gz: bfc0fc7b73d8ec34675aa440576740eeb4777b7c
+  metadata.gz: 8f3ce0fae238baf7297a3233b2567366b92685ac
+  data.tar.gz: b386a3ef14b21d02bb72cee6459631adec675db4
 SHA512:
-  metadata.gz: e1cbab2ae68e83c193c3b26d15da909426716649176d6c143a508e750c562aec4595d571cc3b96734807901625e09318903a0b0594af57452938c506dcdcdd39
-  data.tar.gz: 48460191a96109b192535db6d44068d0f64681c73c007d27e32126f120fc95c10f774f5e2e057b375f8eb58844113adfefe66e1d45516afbb3d29da2bcb71dad
+  metadata.gz: 0cef4dfda231d484a4482d76c6d50a88327594be869231d8b01b902b867df487c5f74b89bb11a7c87f076e320896a92d557aefa3f5488a0c7d5d27624cd9f9eb
+  data.tar.gz: a3ec8cc135ff3f5ea16012eef4c65a5cf42279b49c496da82940b5bd11348aa13ce2175a206ceb32ff6a88ee8b0a7ae2ec524edaac604e29a690677c00908130

data/lib/aightbox/rails/version.rb

@@ -1,5 +1,5 @@
 module Aightbox
   module Rails
-    VERSION = "0.1.2"
+    VERSION = "0.1.3"
   end
 end

data/vendor/assets/javascripts/aightbox.js

@@ -1,296 +1 @@
-(function($, window, document, undefined) {
-
-    'use strict';
-
-    $.fn.aightbox = function(options) {
-
-        var init,
-            index,
-            setNextImage,
-            setNextGroupImage,
-            getGroupList,
-            firstSetup,
-            $imageLinks,
-            $imageDesc,
-            $backdrop,
-            $wrapper,
-            $container,
-            $currentImage,
-            $spinner,
-            bindEvents,
-            bindControls,
-            createImageContainer,
-            that,
-            config,
-            template,
-            singleImage = false;
-
-        that = this;
-
-        config = $.extend({
-
-            backdrop: 'aight-backdrop',
-            closeButton: 'aight-close',
-            carousel: false,
-            carouselGroup: true,
-            closeCharacter: 'x',
-            imageContainer: 'aight-container',
-            imageDescription: 'aight-description',
-            nextButton: 'aight-next',
-            nextCharacter: '>',
-            prevCharacter: '<',
-            prevButton: 'aight-prev',
-            spinnerClass: 'aight-progress small',
-            wrapper: 'aight-wrapper'
-
-        }, options);
-
-
-        // @desc basic html structure of the lightbox
-        //       id's are generated from the config data
-
-        template =  '<div id="' + config.backdrop + '"></div>'+
-                    '<div id="' + config.wrapper + '">'+
-                    '<div id="' + config.imageContainer + '">' +
-                    '<div id="' + config.nextButton + '" >' +
-                    '<a href="#">'+ config.nextCharacter +'</a>'+
-                    '</div>' +
-                    '<div id="' + config.prevButton + '">' +
-                    '<a href="#">' + config.prevCharacter +'</a>'+
-                    '</div>' +
-                    '<div id="' + config.closeButton + '">' +
-                    '<a href="#">' + config.closeCharacter + '</a>'+
-                    '</div>' +
-                    '<img src="" alt=""/>' +
-                    '<p id="' + config.imageDescription + '"></p>'+
-                    '<div class="' + config.spinnerClass +'" style="display: none;"><div>Loading…</div></div>' +
-                    '</div>' +
-                    '</div>';
-
-
-        // @desc finds the closest 'ul' node to the current image
-        //       returns an array of all link elements inside this node
-        //       returns an empty array if the current image is not in the list clostest to it
-
-        getGroupList = function() {
-            var list = $currentImage.closest('ul').find('a');
-
-            if(list.length > 1 && list.index($currentImage) >= 0) {
-                return list;
-            } else {
-                return [];
-            }
-
-        };
-
-        // @desc sets the next image
-        // @param dir - 'prev' dicreases the index anything else increases it
-
-        setNextImage = function(dir) {
-
-            if(dir === 'prev') {
-                index = index > 0 ? index - 1 : $imageLinks.length - 1;
-            } else {
-                index = index < $imageLinks.length-1 ? index + 1 : 0;
-            }
-
-            $currentImage = $($imageLinks[index]);
-
-        };
-
-        // @desc sets the next image of a group
-        // @param dir - 'prev' dicreases the index anything else increases it
-
-        setNextGroupImage = function(dir) {
-
-            var groupIndex,
-                groupList;
-
-            groupList = getGroupList();
-
-            if(groupList.length > 0) {
-
-                groupIndex = groupList.index($currentImage);
-
-                if(dir === 'prev') {
-                    groupIndex = groupIndex > 0 ? groupIndex - 1 : groupList.length -1;
-                } else {
-                    groupIndex = groupIndex < groupList.length - 1 ? groupIndex + 1 : 0;
-                }
-
-                $currentImage = $(groupList[groupIndex]);
-
-            }
-
-            return $currentImage;
-
-        };
-
-        // @desc sets click events for the lightbox
-        //       get initiated after the first time a link is clicked
-
-        bindControls = function() {
-
-            if(!singleImage) {
-
-                $('#' + config.prevButton).unbind('click').click(function(e){
-                    e.preventDefault();
-
-                    if(config.carouselGroup){
-                        setNextGroupImage('prev');
-                    } else if (config.carousel) {
-                        setNextImage('prev');
-                    }
-
-                    createImageContainer();
-                });
-
-                $('#' + config.nextButton).unbind('click').click(function(e){
-                    e.preventDefault();
-
-                    if(config.carouselGroup){
-                        setNextGroupImage('next');
-                    } else if (config.carousel) {
-                        setNextImage('next');
-                    }
-
-                    createImageContainer();
-
-                });
-
-            }
-
-
-            $('#' + config.closeButton).on('click', function(e){
-
-                e.preventDefault();
-                $wrapper.fadeOut('slow');
-                $backdrop.hide();
-
-            });
-
-
-            $('#' + config.backdrop).unbind('click').click(function(e){
-                e.preventDefault();
-                $wrapper.fadeOut('slow');
-                $backdrop.hide();
-            });
-
-        };
-
-
-        firstSetup = function() {
-
-            $('body').append(template);
-
-            $backdrop  = $('#' + config.backdrop);
-            $wrapper   = $('#' + config.wrapper);
-            $container = $('#' + config.imageContainer);
-            $imageDesc = $('#' + config.imageDescription);
-            $spinner   = $('#' + config.imageContainer + ' .' + config.spinnerClass.split(' ')[0] );
-
-            if($imageLinks.length === 1) {
-                $('#' + config.prevButton).hide();
-                $('#' + config.nextButton).hide();
-                singleImage = true;
-            }
-
-        };
-
-
-        bindEvents = function() {
-
-            $imageLinks.on('click', function(e){
-
-                e.preventDefault();
-
-                var list;
-
-                $currentImage = $(this);
-
-                list = getGroupList();
-
-                if(list.length > 1 ){
-                    $('#' + config.prevButton).show();
-                    $('#' + config.nextButton).show();
-                } else {
-                    $('#' + config.prevButton).hide();
-                    $('#' + config.nextButton).hide();
-                }
-
-                index = $imageLinks.index($currentImage);
-                createImageContainer();
-            });
-
-        };
-
-        createImageContainer = function() {
-
-            var $containerImage = $('#' + config.imageContainer + ' img'),
-                firstRun = false,
-                imgUrl = $currentImage.prop('href'),
-                imgDescription = $currentImage.find('img').prop('alt');
-
-            if($containerImage.length === 0){
-                firstSetup();
-                $('#' + config.imageContainer + ' img').prop('src', imgUrl);
-                $('#' + config.imageContainer + ' img').prop('alt', imgDescription);
-                $('#aight-description').text(imgDescription);
-                firstRun = true;
-            } else {
-                $containerImage.prop('src', imgUrl);
-                $containerImage.prop('alt', imgDescription);
-                $('#aight-description').text(imgDescription);
-            }
-
-            $containerImage = $('#' + config.imageContainer + ' img');
-            $container = $('#' + config.imageContainer);
-
-            if(firstRun){
-
-                bindControls();
-
-                if(getGroupList() <= 1){
-                    $('#' + config.prevButton).hide();
-                    $('#' + config.nextButton).hide();
-                }
-
-            }
-
-            $imageDesc.hide();
-
-            $containerImage.hide();
-            $wrapper.fadeIn('slow');
-            $spinner.show();
-
-            $containerImage.one('load',function(){
-
-                $spinner.hide();
-                $containerImage.show();
-
-                if(imgDescription !== ''){
-                    $imageDesc.show();
-                }
-
-                $container.animate({
-                    'margin-left':-($containerImage.width()/2),
-                    'margin-top': -($containerImage.height()/2)
-                });
-
-            });
-
-            $backdrop.fadeIn(200);
-
-        };
-
-        init = function() {
-            $imageLinks = $(that.selector);
-            bindEvents();
-        };
-
-        init();
-        return that;
-
-    };
-
-} (jQuery, window, document));
+!function(e){"use strict";e.fn.aightbox=function(t){var i,n,a,r,o,p,d,c,l,s,u,h,g,v,f,m,x,w,C,B,k=!1;return w=this,C=e.extend({animate:!1,backdrop:"aight-backdrop",closeButton:"aight-close",carousel:!1,carouselGroup:!0,closeCharacter:"x",imageContainer:"aight-container",imageDescription:"aight-description",imageWrapper:"aight-image-wrapper",nextButton:"aight-next",nextCharacter:">",prevCharacter:"<",prevButton:"aight-prev",preloadImages:!1,spinnerClass:"aight-progress small",wrapper:"aight-wrapper"},t),B='<div id="'+C.backdrop+'"></div><div id="'+C.wrapper+'"><div id="'+C.imageContainer+'"><div id="'+C.nextButton+'" ><a href="#">'+C.nextCharacter+'</a></div><div id="'+C.prevButton+'"><a href="#">'+C.prevCharacter+'</a></div><div id="'+C.closeButton+'"><a href="#">'+C.closeCharacter+'</a></div><div id="'+C.imageWrapper+'"><img src="" alt=""/></div><p id="'+C.imageDescription+'"></p><div class="'+C.spinnerClass+'" style="display: none;"><div>Loading…</div></div></div></div>',o=function(){var e=h.closest("ul").find("a");return e.length>1&&e.index(h)>=0?e:[]},a=function(t){n="prev"===t?n>0?n-1:d.length-1:n<d.length-1?n+1:0,h=e(d[n])},r=function(t){var i,n;return n=o(),n.length>0&&(i=n.index(h),i="prev"===t?i>0?i-1:n.length-1:i<n.length-1?i+1:0,h=e(n[i])),h},f=function(){k||(e("#"+C.prevButton).unbind("click").click(function(e){e.preventDefault(),C.carouselGroup?r("prev"):C.carousel&&a("prev"),m()}),e("#"+C.nextButton).unbind("click").click(function(e){e.preventDefault(),C.carouselGroup?r("next"):C.carousel&&a("next"),m()})),e("#"+C.closeButton).on("click",function(e){e.preventDefault(),s.fadeOut("slow"),l.hide()}),e("#"+C.backdrop).unbind("click").click(function(e){e.preventDefault(),s.fadeOut("slow"),l.hide()})},p=function(){e("body").append(B),l=e("#"+C.backdrop),s=e("#"+C.wrapper),u=e("#"+C.imageContainer),c=e("#"+C.imageDescription),g=e("#"+C.imageContainer+" ."+C.spinnerClass.split(" ")[0]),1===d.length&&(e("#"+C.prevButton).hide(),e("#"+C.nextButton).hide(),k=!0)},v=function(){d.on("click",function(t){t.preventDefault();var i;h=e(this),i=o(),i.length>1?(e("#"+C.prevButton).show(),e("#"+C.nextButton).show()):(e("#"+C.prevButton).hide(),e("#"+C.nextButton).hide()),n=d.index(h),m()})},m=function(){var t=e("#"+C.imageContainer+" img"),i=!1,n=h.prop("href"),a=h.find("img").prop("alt");0===t.length?(p(),e("#"+C.imageContainer+" img").prop("src",n),e("#"+C.imageContainer+" img").prop("alt",a),e("#aight-description").text(a),i=!0):(t.prop("src",n),t.prop("alt",a),e("#aight-description").text(a)),t=e("#"+C.imageContainer+" img"),u=e("#"+C.imageContainer),i&&(f(),o()<=1&&(e("#"+C.prevButton).hide(),e("#"+C.nextButton).hide())),c.hide(),t.hide(),s.fadeIn("slow"),g.show(),t.one("load",function(){g.hide(),t.show(),""!==a&&c.show(),C.animate===!0?u.animate({"margin-left":-(t.width()/2),"margin-top":-(t.height()/2)}):u.css({"margin-left":-(t.width()/2),"margin-top":-(t.height()/2)})}),l.fadeIn(200)},x=function(){var t='<div id="aight-preload" style="display: none;"></div>',i=[];e("body").append(t),d.each(function(){var e=new Image;e.src=this.href,i.push(e)}),e("#aight-preload").append(i)},i=function(){d=e(w.selector),C.preloadImages===!0&&x(),v()},i(),w}}(jQuery,window,document);

data/vendor/assets/stylesheets/aightbox.css

@@ -95,7 +95,7 @@
   display: inline-block;
   width: 5em;
   height: 5em;
-  margin: 0 .5em;
+  margin: 0 0.5em;
   font-size: 12px;
   text-indent: 999em;
   overflow: hidden;
@@ -110,18 +110,15 @@
 .large.aight-progress {
   font-size: 24px; }
 
-.aight-progress:before,
-.aight-progress:after,
-.aight-progress > div:before,
-.aight-progress > div:after {
+.aight-progress:before, .aight-progress:after, .aight-progress > div:before, .aight-progress > div:after {
   content: '';
   position: absolute;
   top: 0;
   left: 2.25em;
   /* (container width - part width)/2  */
-  width: .5em;
+  width: 0.5em;
   height: 1.5em;
-  border-radius: .2em;
+  border-radius: 0.2em;
   background: #eee;
   box-shadow: 0 3.5em #eee;
   /* container height - part height */

metadata

@@ -1,83 +1,83 @@
 --- !ruby/object:Gem::Specification
 name: aightbox-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.3
 platform: ruby
 authors:
 - Markus Waitl
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-03-19 00:00:00.000000000 Z
+date: 2014-03-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '1.5'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '1.5'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
   name: rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '4.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '4.0'
 - !ruby/object:Gem::Dependency
   name: jquery-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
   name: railties
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '4.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '4.0'
 description: Display single or group images in a lightbox.
@@ -105,12 +105,12 @@ require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
-  - - '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []