pcs_vegas 0.0.1.beta

data/.gitignore

@@ -0,0 +1,19 @@
+*.gem
+*.rbc
+*~
+.bundle
+.config
+.DS_Store
+.yardoc
+coverage
+doc/
+Gemfile.lock
+InstalledFiles
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+_yardoc

data/.rvmrc

@@ -0,0 +1,2 @@
+# Use this gemset. If it does not exist, create it.
+rvm use ruby-1.9.3-p0@pcs_vegas-gem --create

data/Gemfile

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

data/README.md

@@ -0,0 +1,38 @@
+# pcs_vegas
+
+## Preamble
+
+`pcs_vegas` is a gem that packages the asset files used in Jay Salvat's [Vegas Background jQuery plugin](http://vegas.jaysalvat.com/).
+
+
+## Setup
+
+In a Rails 3.1.x project add the gem to your assets group in your `Gemfile`. It is currently in pre-release:
+
+	gem "pcs_vegas", "~> 0.0.1.alpha"
+
+Bundle the gem using bundler:
+
+	bundle
+
+Once your bundle is updated, you can automatically add the assets to your CSS and Javascript manifest files using the generator:
+
+	rails generate vegas:install
+
+Alternatively, you can manually require the assets by adding:
+
+	//= require vegas
+
+to your `application.js` and
+
+	*= require vegas
+
+to your `application.css`.
+
+You may need to restart your application for the changes to reflect (I find this behaviour a bit odd and am looking in to why).
+
+## Usage
+
+Once the setup is complete, you'll be able to use the plugin. You can learn more about it from the [plugin website](http://vegas.jaysalvat.com/).
+
+Enjoy!

data/Rakefile

@@ -0,0 +1,2 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"

data/lib/pcs_vegas.rb

@@ -0,0 +1,8 @@
+require "pcs_vegas/version"
+require "pcs_vegas/generators/install_generator"
+
+module Vegas
+  class Engine < Rails::Engine
+    # Allows Rails to automatically include assets
+  end
+end

data/lib/pcs_vegas/generators/install_generator.rb

@@ -0,0 +1,14 @@
+require 'rails/generators'
+
+module Vegas
+  module Generators
+    class InstallGenerator < Rails::Generators::Base
+      source_root File.join(File.dirname(__FILE__), 'templates')
+      
+      def add_assets
+        insert_into_file "app/assets/javascripts/application.js", "//= require vegas\n", :after => "jquery_ujs\n"
+        insert_into_file "app/assets/stylesheets/application.css", " *= require vegas\n", :after => "require_self\n"
+      end
+    end
+  end
+end

data/lib/pcs_vegas/version.rb

@@ -0,0 +1,3 @@
+module Vegas
+  VERSION = "0.0.1.beta"
+end

data/pcs_vegas.gemspec

@@ -0,0 +1,19 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/pcs_vegas/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["Silumesii Maboshe"]
+  gem.email         = ["silumesii@pencilcasestudios.com"]
+  gem.description   = %q{Package the assets for the Vegas Background jQuery plugin by Jay Salvat as a gem.}
+  gem.summary       = %q{This gem allows you to use the Vegas Background jQuery plugin by Jay Salvat with the Rails 3.1.x asset pipline.}
+  gem.homepage      = "http://github.com/smaboshe/pcs_vegas"
+
+  gem.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  gem.files         = `git ls-files`.split("\n")
+  gem.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  gem.name          = "pcs_vegas"
+  gem.require_paths = ["lib"]
+  gem.version       = Vegas::VERSION
+
+  #gem.add_development_dependency "rspec", "~> 2.6"
+end

data/vendor/assets/javascripts/vegas/index.js

@@ -0,0 +1 @@
+//= require_tree .

data/vendor/assets/javascripts/vegas/jquery.vegas.js

@@ -0,0 +1,480 @@
+// ----------------------------------------------------------------------------
+// Vegas - jQuery plugin 
+// Add awesome fullscreen backgrounds to your webpages.
+// v 1.x
+// Dual licensed under the MIT and GPL licenses.
+// http://vegas.jaysalvat.com/
+// ----------------------------------------------------------------------------
+// Copyright (C) 2011 Jay Salvat
+// http://jaysalvat.com/
+// ----------------------------------------------------------------------------
+// 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.
+// ----------------------------------------------------------------------------
+( function( $ ){
+    var $background = $( '<img />' ).addClass( 'vegas-background' ),
+        $overlay    = $( '<div />' ).addClass( 'vegas-overlay' ),
+        $loading    = $( '<div />' ).addClass( 'vegas-loading' ),
+        $current    = $(),
+        paused = null,
+        backgrounds = [],
+        step = 0,
+		delay = 5000,
+		walk = function() {},
+        timer,
+        methods = {
+
+        // Init plugin
+        init : function( settings ) {
+            var options = {
+                src: getBackground(),
+                align: 'center',
+                valign: 'center',
+                fade: 0,
+                loading: true,
+                load: function() {},
+                complete: function() {}
+            }
+            $.extend( options, $.vegas.defaults.background, settings );
+
+            if ( options.loading ) {
+                loading();
+            }
+
+            var $new = $background.clone();
+            $new.css( {
+                'position': 'fixed',
+                'left': '0px',
+                'top': '0px'
+            })
+            .imagesLoadedForVegas( function() {
+                if ( $new == $current ) {
+                    return;
+                }
+                
+                $( window ).bind( 'resize.vegas', function( e ) {
+                    resize( $new, options );
+                });
+
+                if ( $current.is( 'img' ) ) {
+
+                    $current.stop();
+
+                    $new.hide()
+                        .insertAfter( $current )
+                        .fadeIn( options.fade, function() {
+                            $('.vegas-background')
+                                .not(this)
+                                    .remove();
+                            $( 'body' ).trigger( 'vegascomplete', [ this, step - 1 ] );
+                            options.complete.apply( $new, [ step - 1 ] );
+                        });
+                } else {
+                    $new.hide()
+                        .prependTo( 'body' )
+                        .fadeIn( options.fade, function() {
+                            $( 'body' ).trigger( 'vegascomplete', [ this, step - 1 ] );
+                            options.complete.apply( this, [ step - 1 ] );    
+                        });
+                }
+
+                $current = $new;
+
+                resize( $current, options );
+
+                if ( options.loading ) {
+                    loaded();
+                }
+
+                $( 'body' ).trigger( 'vegasload', [ $current.get(0), step - 1 ] );
+                options.load.apply( $current.get(0), [ step - 1 ] );
+
+                if ( step ) {
+                    $( 'body' ).trigger( 'vegaswalk', [ $current.get(0), step - 1 ] );
+                    options.walk.apply( $current.get(0), [ step - 1 ] );
+                }
+            })
+            .attr( 'src', options.src );
+
+            return $.vegas;
+        },
+
+        // Destroy background and/or overlay
+        destroy: function( what ) {
+            if ( !what || what == 'background') {
+                $( '.vegas-background, .vegas-loading' ).remove();
+                $( window ).unbind( 'resize.vegas' );
+                $current = null;
+            }
+
+            if ( what == 'overlay') {
+                $( '.vegas-overlay' ).remove();
+            }
+
+            return $.vegas;
+        },
+
+        // Display the pattern overlay
+        overlay: function( settings ) {
+            var options = {
+                src: null,
+                opacity: null
+            };
+            $.extend( options, $.vegas.defaults.overlay, settings );
+
+            $overlay.remove();
+
+            $overlay
+                .css( {
+                    'margin': '0',
+                    'padding': '0',
+                    'position': 'fixed',
+                    'left': '0px',
+                    'top': '0px',
+                    'width': '100%',
+                    'height': '100%'
+            });
+
+            if ( options.src ) {
+                $overlay.css( 'backgroundImage', 'url(' + options.src + ')' );
+            }
+
+            if ( options.opacity ) {
+                $overlay.css( 'opacity', options.opacity );
+            }
+
+            $overlay.prependTo( 'body' );
+
+            return $.vegas;
+        },
+
+        // Start/restart slideshow
+        slideshow: function( settings, keepPause ) {
+            var options = {
+                step: step,
+                delay: delay,
+                preload: false,
+                backgrounds: backgrounds,
+                walk: walk
+            };
+            
+            $.extend( options, $.vegas.defaults.slideshow, settings );
+                        
+            if ( options.backgrounds != backgrounds ) {
+                if ( !settings.step ) {
+                    options.step = 0;
+                }
+
+                if ( !settings.walk ) {
+                    options.walk = function() {};
+                }
+
+                if ( options.preload ) {
+                    $.vegas( 'preload', options.backgrounds );
+                }
+            }
+
+            backgrounds = options.backgrounds;
+			delay = options.delay;
+            step = options.step;
+			walk = options.walk;
+
+            clearInterval( timer );
+
+            if ( !backgrounds.length ) {
+                return $.vegas;
+            }
+
+            var doSlideshow = function() {
+                if ( step < 0 ) {
+                    step = backgrounds.length - 1;
+                }
+
+                if ( step >= backgrounds.length || !backgrounds[ step - 1 ] ) {
+                    step = 0;
+                }
+
+                var settings = backgrounds[ step++ ];
+                settings.walk = options.walk;
+
+                if ( settings.fade > options.delay ) {
+                    settings.fade = options.delay;
+                }
+				
+                $.vegas( settings );
+            }
+            doSlideshow();
+
+            if ( !keepPause ) {
+                paused = false;
+                
+                $( 'body' ).trigger( 'vegasstart', [ $current.get(0), step - 1 ] );
+            }
+
+            if ( !paused ) {
+                timer = setInterval( doSlideshow, options.delay );
+            }
+
+            return $.vegas;
+        },
+
+        // Jump to the next background in the current slideshow
+        next: function() {
+            var from = step;
+
+            if ( step ) {
+                $.vegas( 'slideshow', { step: step }, true );
+
+                $( 'body' ).trigger( 'vegasnext', [ $current.get(0), step - 1, from - 1 ] );
+            }
+
+            return $.vegas;
+        },
+
+        // Jump to the previous background in the current slideshow
+        previous: function() {
+            var from = step;
+
+            if ( step ) {
+                $.vegas( 'slideshow', { step: step - 2 }, true );
+
+                $( 'body' ).trigger( 'vegasprevious', [ $current.get(0), step - 1, from - 1 ] );
+            }
+
+            return $.vegas;
+        },
+
+        // Jump to a specific background in the current slideshow
+        jump: function( s ) {
+            var from = step;
+
+            if ( step ) {
+                $.vegas( 'slideshow', { step: s }, true );
+
+                $( 'body' ).trigger( 'vegasjump', [ $current.get(0), step - 1, from - 1 ] );
+            }
+
+            return $.vegas;
+        },
+
+        // Stop slideshow
+        stop: function() {
+            var from = step;
+            step = 0;
+            paused = null;
+            clearInterval( timer );
+
+            $( 'body' ).trigger( 'vegasstop', [ $current.get(0), from - 1 ] );
+
+            return $.vegas;
+        },
+
+        // Pause slideShow
+        pause: function() {
+            paused = true;
+            clearInterval( timer );
+
+            $( 'body' ).trigger( 'vegaspause', [ $current.get(0), step - 1 ] );
+
+            return $.vegas;
+        },
+
+        // Get some useful values or objects
+        get: function( what ) {
+            if ( what == null || what == 'background' ) {
+                return $current.get(0);
+            }
+
+            if ( what == 'overlay' ) {
+                return $overlay.get(0);
+            }
+
+            if ( what == 'step' ) {
+                return step - 1;
+            }
+
+            if ( what == 'paused' ) {
+                return paused;
+            }
+        },
+        
+        // Preload an array of backgrounds
+        preload: function( backgrounds ) {
+            for( var i in backgrounds ) {
+                if ( backgrounds[ i ].src ) {
+                    $('<img src="' + backgrounds[ i ].src + '">');
+                }
+            }
+
+            return $.vegas;
+        }
+    }
+
+    // Resize the background
+    function resize( $img, settings ) {
+        var options =  {
+            align: 'center',
+            valign: 'center'
+        }
+        $.extend( options, settings );
+
+        var ww = $( window ).width(),
+            wh = $( window ).height(),
+            iw = $img.width(),
+            ih = $img.height(),
+            rw = wh / ww,
+            ri = ih / iw,
+            newWidth, newHeight,
+            newLeft, newTop,
+            properties;
+
+        if ( rw > ri ) {
+            newWidth = wh / ri;
+            newHeight = wh;
+        } else {
+            newWidth = ww;
+            newHeight = ww * ri;
+        }
+
+        properties = {
+            'width': newWidth + 'px',
+            'height': newHeight + 'px',
+			'top': 'auto',
+			'bottom': 'auto',
+			'left': 'auto',
+			'right': 'auto'			
+        }
+
+        if ( !isNaN( parseInt( options.valign ) ) ) {
+            properties[ 'top' ] = ( 0 - ( newHeight - wh ) / 100 * parseInt( options.valign ) ) + 'px';
+        } else if ( options.valign == 'top' ) {
+            properties[ 'top' ] = 0;
+        } else if ( options.valign == 'bottom' ) {
+            properties[ 'bottom' ] = 0;
+        } else {
+            properties[ 'top' ] = ( wh - newHeight ) / 2;
+        } 
+
+        if ( !isNaN( parseInt( options.align ) ) ) {
+            properties[ 'left' ] = ( 0 - ( newWidth - ww ) / 100 * parseInt( options.align ) ) + 'px';
+        } else if ( options.align == 'left' ) {
+            properties[ 'left' ] = 0;
+        } else if ( options.align == 'right' ) {
+            properties[ 'right' ] = 0;
+        } else {
+            properties[ 'left' ] = ( ww - newWidth ) / 2 ;
+        }
+
+        $img.css( properties );
+    }
+
+    // Display the loading indicator
+    function loading() {
+        $loading.prependTo( 'body' ).fadeIn();
+    }
+
+    // Hide the loading indicator
+    function loaded() {
+        $loading.fadeOut( 'fast', function() {
+            $( this ).remove();
+        });
+    }
+
+    // Get the background image from the body
+    function getBackground() {
+        if ( $( 'body' ).css( 'backgroundImage' ) ) {
+            return $( 'body' ).css( 'backgroundImage' ).replace( /url\("?(.*?)"?\)/i, '$1' );
+        }
+    }
+
+    // The plugin
+    $.vegas = function( method ) {
+        if ( methods[ method ] ) {
+            return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ) );
+        } else if ( typeof method === 'object' || !method ) {
+            return methods.init.apply( this, arguments );
+        } else {
+            $.error( 'Method ' +  method + ' does not exist' );
+        }
+    };
+
+    // Global parameters
+    $.vegas.defaults = {
+        background: {
+            // src:         string
+            // align:       string/int
+            // valign:      string/int
+            // fade:        int
+            // loading      bool
+            // load:        function
+            // complete:    function
+        },
+        slideshow: {
+            // step:        int
+            // delay:       int
+            // backgrounds: array
+            // preload:     bool
+            // walk:        function
+        },
+        overlay: {
+            // src:         string
+            // opacity:     float
+        }
+    }
+
+    /*!
+     * jQuery imagesLoaded plugin v1.0.3
+     * http://github.com/desandro/imagesloaded
+     *
+     * MIT License. by Paul Irish et al.
+     */
+    $.fn.imagesLoadedForVegas = function( callback ) {
+        var $this = this,
+            $images = $this.find('img').add( $this.filter('img') ),
+            len = $images.length,
+            blank = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==';
+
+        function triggerCallback() {
+          callback.call( $this, $images );
+        }
+
+        function imgLoaded() {
+          if ( --len <= 0 && this.src !== blank ){
+            setTimeout( triggerCallback );
+            $images.unbind( 'load error', imgLoaded );
+          }
+        }
+
+        if ( !len ) {
+          triggerCallback();
+        }
+
+        $images.bind( 'load error',  imgLoaded ).each( function() {
+          // cached images don't fire load sometimes, so we reset src.
+          if (this.complete || this.complete === undefined){
+            var src = this.src;
+            // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
+            // data uri bypasses webkit log warning (thx doug jones)
+            this.src = blank;
+            this.src = src;
+          }
+        });
+
+        return $this;
+      };
+})( jQuery );

data/vendor/assets/stylesheets/vegas/index.css

@@ -0,0 +1,3 @@
+/*
+ *= require_tree . 
+*/

data/vendor/assets/stylesheets/vegas/jquery.vegas.css.erb

@@ -0,0 +1,24 @@
+.vegas-loading {
+	/* Loading Gif by http://preloaders.net/ */
+	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
+	background:#000 url(<%= image_path("loading.gif") %>) no-repeat center center;
+	background:rgba(0, 0, 0, 0.7) url(<%= image_path("loading.gif") %>) no-repeat center center;
+	height:32px;
+	left:20px;
+	position:fixed;
+	top:20px;
+	width:32px; 
+	z-index:0;
+}
+
+.vegas-overlay {
+	background:transparent url(<%= image_path("overlays/01.png") %>);
+	opacity:0.5;
+	z-index:-1;
+}
+
+.vegas-background {
+	image-rendering: optimizeQuality;
+	-ms-interpolation-mode: bicubic;
+	z-index:-2;
+}

metadata

@@ -0,0 +1,76 @@
+--- !ruby/object:Gem::Specification
+name: pcs_vegas
+version: !ruby/object:Gem::Version
+  version: 0.0.1.beta
+  prerelease: 6
+platform: ruby
+authors:
+- Silumesii Maboshe
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2011-11-11 00:00:00.000000000 Z
+dependencies: []
+description: Package the assets for the Vegas Background jQuery plugin by Jay Salvat
+  as a gem.
+email:
+- silumesii@pencilcasestudios.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- .rvmrc
+- Gemfile
+- README.md
+- Rakefile
+- lib/pcs_vegas.rb
+- lib/pcs_vegas/generators/install_generator.rb
+- lib/pcs_vegas/version.rb
+- pcs_vegas.gemspec
+- vendor/assets/images/loading.gif
+- vendor/assets/images/overlays/01.png
+- vendor/assets/images/overlays/02.png
+- vendor/assets/images/overlays/03.png
+- vendor/assets/images/overlays/04.png
+- vendor/assets/images/overlays/05.png
+- vendor/assets/images/overlays/06.png
+- vendor/assets/images/overlays/07.png
+- vendor/assets/images/overlays/08.png
+- vendor/assets/images/overlays/09.png
+- vendor/assets/images/overlays/10.png
+- vendor/assets/images/overlays/11.png
+- vendor/assets/images/overlays/12.png
+- vendor/assets/images/overlays/13.png
+- vendor/assets/images/overlays/14.png
+- vendor/assets/images/overlays/15.png
+- vendor/assets/javascripts/vegas/index.js
+- vendor/assets/javascripts/vegas/jquery.vegas.js
+- vendor/assets/stylesheets/vegas/index.css
+- vendor/assets/stylesheets/vegas/jquery.vegas.css.erb
+homepage: http://github.com/smaboshe/pcs_vegas
+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'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>'
+    - !ruby/object:Gem::Version
+      version: 1.3.1
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.11
+signing_key: 
+specification_version: 3
+summary: This gem allows you to use the Vegas Background jQuery plugin by Jay Salvat
+  with the Rails 3.1.x asset pipline.
+test_files: []