refinerycms-jquery_gallery 1.0

data/app/assets/javascripts/gallery_view/jquery.timers-1.2.js

@@ -0,0 +1,138 @@
+/**
+ * jQuery.timers - Timer abstractions for jQuery
+ * Written by Blair Mitchelmore (blair DOT mitchelmore AT gmail DOT com)
+ * Licensed under the WTFPL (http://sam.zoy.org/wtfpl/).
+ * Date: 2009/10/16
+ *
+ * @author Blair Mitchelmore
+ * @version 1.2
+ *
+ **/
+
+jQuery.fn.extend({
+	everyTime: function(interval, label, fn, times) {
+		return this.each(function() {
+			jQuery.timer.add(this, interval, label, fn, times);
+		});
+	},
+	oneTime: function(interval, label, fn) {
+		return this.each(function() {
+			jQuery.timer.add(this, interval, label, fn, 1);
+		});
+	},
+	stopTime: function(label, fn) {
+		return this.each(function() {
+			jQuery.timer.remove(this, label, fn);
+		});
+	}
+});
+
+jQuery.extend({
+	timer: {
+		global: [],
+		guid: 1,
+		dataKey: "jQuery.timer",
+		regex: /^([0-9]+(?:\.[0-9]*)?)\s*(.*s)?$/,
+		powers: {
+			// Yeah this is major overkill...
+			'ms': 1,
+			'cs': 10,
+			'ds': 100,
+			's': 1000,
+			'das': 10000,
+			'hs': 100000,
+			'ks': 1000000
+		},
+		timeParse: function(value) {
+			if (value == undefined || value == null)
+				return null;
+			var result = this.regex.exec(jQuery.trim(value.toString()));
+			if (result[2]) {
+				var num = parseFloat(result[1]);
+				var mult = this.powers[result[2]] || 1;
+				return num * mult;
+			} else {
+				return value;
+			}
+		},
+		add: function(element, interval, label, fn, times) {
+			var counter = 0;
+			
+			if (jQuery.isFunction(label)) {
+				if (!times) 
+					times = fn;
+				fn = label;
+				label = interval;
+			}
+			
+			interval = jQuery.timer.timeParse(interval);
+
+			if (typeof interval != 'number' || isNaN(interval) || interval < 0)
+				return;
+
+			if (typeof times != 'number' || isNaN(times) || times < 0) 
+				times = 0;
+			
+			times = times || 0;
+			
+			var timers = jQuery.data(element, this.dataKey) || jQuery.data(element, this.dataKey, {});
+			
+			if (!timers[label])
+				timers[label] = {};
+			
+			fn.timerID = fn.timerID || this.guid++;
+			
+			var handler = function() {
+				if ((++counter > times && times !== 0) || fn.call(element, counter) === false)
+					jQuery.timer.remove(element, label, fn);
+			};
+			
+			handler.timerID = fn.timerID;
+			
+			if (!timers[label][fn.timerID])
+				timers[label][fn.timerID] = window.setInterval(handler,interval);
+			
+			this.global.push( element );
+			
+		},
+		remove: function(element, label, fn) {
+			var timers = jQuery.data(element, this.dataKey), ret;
+			
+			if ( timers ) {
+				
+				if (!label) {
+					for ( label in timers )
+						this.remove(element, label, fn);
+				} else if ( timers[label] ) {
+					if ( fn ) {
+						if ( fn.timerID ) {
+							window.clearInterval(timers[label][fn.timerID]);
+							delete timers[label][fn.timerID];
+						}
+					} else {
+						for ( var fn in timers[label] ) {
+							window.clearInterval(timers[label][fn]);
+							delete timers[label][fn];
+						}
+					}
+					
+					for ( ret in timers[label] ) break;
+					if ( !ret ) {
+						ret = null;
+						delete timers[label];
+					}
+				}
+				
+				for ( ret in timers ) break;
+				if ( !ret ) 
+					jQuery.removeData(element, this.dataKey);
+			}
+		}
+	}
+});
+
+jQuery(window).bind("unload", function() {
+	jQuery.each(jQuery.timer.global, function(index, item) {
+		jQuery.timer.remove(item);
+	});
+});

data/app/assets/javascripts/refinerycms_jquery_gallery.js

@@ -0,0 +1,2 @@
+//= require gallery_view/jquery.timers-1.2
+//= require gallery_view/jquery.galleryview-2.1.1

data/app/assets/stylesheets/refinerycms_jquery_gallery.css.scss

@@ -0,0 +1,38 @@
+#body_content #page_images, #page_images {
+  background-color: black;
+  padding: 10px 5px;
+  
+  #gallery {
+    margin: 0 auto;
+    
+    .pointer {
+      border-bottom-color: #AAA;
+    }
+    
+    img {
+      border: 0;
+    }
+  }
+}
+
+
+.refinerycms-properties {
+  #body_content {
+    #page_images {
+      background-color: black;
+      padding: 10px 5px;
+      
+      #gallery {
+        margin: 0 auto;
+        
+        .pointer {
+          border-bottom-color: #AAA;
+        }
+        
+        img {
+          border: 0;
+        }
+      }
+    }
+  }
+}

data/app/views/refinery/jquery_gallery/_gallery.html.haml

@@ -0,0 +1,18 @@
+- unless page.images.empty?
+  #page_images
+    %ul#gallery
+      - page.images.each do |image|
+        %li
+          = image_tag(image.thumbnail("570x270#c").url)
+
+    = content_for :javascripts do
+      :javascript
+          $(document).ready(function(){
+            $('#gallery').galleryView({
+              panel_width: 640,
+              panel_height: 300,
+              frame_width: 75,
+              frame_height: 75,
+              theme_path: '/assets/gallery_view/themes/dark'
+            });
+          });    

data/lib/refinery/jquery_gallery.rb

@@ -0,0 +1,15 @@
+
+module Refinery
+  module JqueryGallery
+    # Our host application root path
+    # We set this when the engine is initialized
+    mattr_accessor :app_root
+    
+    # Yield self on setup for nice config blocks
+    def self.setup
+      yield self
+    end
+  end
+end
+
+require 'refinery/jquery_gallery/engine'

data/lib/refinery/jquery_gallery/engine.rb

@@ -0,0 +1,12 @@
+module Refinery
+  module JqueryGallery
+    class Engine < Rails::Engine
+
+      initializer "register refinerycms_jquery_engine plugin" do |app|
+        Refinery::JqueryGallery.setup do |config|
+          config.app_root = app.root
+        end
+      end
+    end
+  end
+end

data/lib/refinerycms-jquery_gallery.rb

@@ -0,0 +1 @@
+require 'refinery/jquery_gallery'

data/readme.md

@@ -0,0 +1,41 @@
+# Jquery Gallery extension for Refinery CMS.
+
+This extension uses the jquery Gallery View plugin to render a set of images in refinerycms.
+
+This gallery works well with the refinerycms-page-images extension, but it does not automatically display
+a gallery of page images. Installing this extension basically does nothing at all unless you
+load the _gallery.html.haml template. 
+
+This template must be given a local "page" object, but actually this doesn't have to be a 
+Refinery::Page, it could be anything that supports a method called "images" that returns
+an array of image objects which in turn can supply a url via "image.thumbnail("570x270#c").url".
+
+If you wish to do this with all pages, simply add a call to this _gallery partial in your
+_content_page partial:
+
+```erb
+<%= render 'refinery/jquery_gallery/gallery', :page => @page %>
+```
+
+## Installation
+
+Simply install the gem. There is no generator or migrations.
+
+You probably want to add a reference to the stylesheet "refinerycms_jquery_gallery" in your application.css.
+
+## How to build this extension as a gem
+
+    gem build refinerycms-jquery_gallery.gemspec
+    gem install refinerycms-jquery_gallery.gem
+
+    # Sign up for a http://rubygems.org/ account and publish the gem
+    gem push refinerycms-jquery_gallery.gem
+    
+## Licence
+
+This code us available under the MIT licence. See attached licence file for full details.
+    
+## Credits
+
+Craig Ambrose
+http://github.com/craigambrose

metadata

@@ -0,0 +1,88 @@
+--- !ruby/object:Gem::Specification
+name: refinerycms-jquery_gallery
+version: !ruby/object:Gem::Version
+  version: '1.0'
+  prerelease: 
+platform: ruby
+authors:
+- Craig Ambrose
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-07-09 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: refinerycms-core
+  requirement: &70107380546340 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 2.0.5
+  type: :runtime
+  prerelease: false
+  version_requirements: *70107380546340
+- !ruby/object:Gem::Dependency
+  name: refinerycms-testing
+  requirement: &70107380544860 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 2.0.5
+  type: :development
+  prerelease: false
+  version_requirements: *70107380544860
+description: Ruby on Rails Jquery Gallery extension for Refinery CMS
+email:
+- craig@craigambrose.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- app/assets/images/gallery_view/btnCarouselNext.gif
+- app/assets/images/gallery_view/btnCarouselPrev.gif
+- app/assets/images/gallery_view/loader.gif
+- app/assets/images/gallery_view/themes/dark/next.gif
+- app/assets/images/gallery_view/themes/dark/panel-nav-next.gif
+- app/assets/images/gallery_view/themes/dark/panel-nav-prev.gif
+- app/assets/images/gallery_view/themes/dark/prev.gif
+- app/assets/images/gallery_view/themes/light/next.gif
+- app/assets/images/gallery_view/themes/light/panel-nav-next.gif
+- app/assets/images/gallery_view/themes/light/panel-nav-prev.gif
+- app/assets/images/gallery_view/themes/light/prev.gif
+- app/assets/javascripts/enable_galleries.js
+- app/assets/javascripts/gallery_view/jquery.galleryview-2.1.1.js
+- app/assets/javascripts/gallery_view/jquery.timers-1.2.js
+- app/assets/javascripts/refinerycms_jquery_gallery.js
+- app/assets/stylesheets/refinerycms_jquery_gallery.css.scss
+- app/views/refinery/jquery_gallery/_gallery.html.haml
+- lib/refinery/jquery_gallery/engine.rb
+- lib/refinery/jquery_gallery.rb
+- lib/refinerycms-jquery_gallery.rb
+- readme.md
+homepage: https://github.com/craigambrose/refinerycms-jquery_gallery
+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: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.17
+signing_key: 
+specification_version: 3
+summary: Jquery Gallery extension for Refinery CMS
+test_files: []