refinerycms-pods 2.0.3 → 2.1.0

data/{public → app/assets}/javascripts/refinerycms-pods.js

@@ -1,11 +1,13 @@
 $(document).ready(function() {
 
-	$(".gallery_slider").bxSlider({
-		auto: true,
-		autoDelay: 3000,
-		pause: 6000,
-		controls: true
-	});
+  $(".gallery_slider").each(function(){
+    $(this).bxSlider({
+   		auto: true,
+    	autoDelay: Math.floor(Math.random()*5000),
+    	pause: 6000,
+    	controls: true
+    });
+  });
 
   $(".video_pod .video a").each(function(index) {
 		var str = $(this).attr("href");

data/app/assets/stylesheets/refinerycms-pods.scss

@@ -0,0 +1,33 @@
+@import "variables";
+
+/*** GALLERY POD ***/
+
+.gallery_pod { @if $use_rounded_corners == true { @include rounded-corners; } }
+.gallery_pod { width:280px; background:$side_pod_background_color; padding:9px 9px 0px 9px; z-index:1; border:1px solid $side_pod_border_color; margin:15px 0 0 0;}
+.gallery_pod ul { list-style:none !important; margin:0px !important; padding:0px !important; }
+.gallery_pod li { margin:0px !important; }
+.gallery_pod .bx-prev { position:absolute; top:0px; display:block; text-indent:-9999em; width:20px; height:180px; background:image-url("bx_prev_gal.png"); }
+.gallery_pod .bx-next { position:absolute; top:0px; right:0px; display:block; text-indent:-9999em; width:20px; height:180px; background:image-url("bx_next_gal.png"); }
+.gallery_pod .pager { display:inline; margin:0px; padding:0px; list-style:none; text-align:center; }
+.gallery_pod .pager a { display:inline-block; padding:0px; background:none; border:0px; }
+.gallery_pod .pager a:hover { background:none; }
+
+/*** VIDEO POD ***/
+
+.video_pod { @if $use_rounded_corners == true { @include rounded-corners; } }
+.video_pod { position:relative; width:280px; background:$side_pod_background_color; padding:9px 9px 0px 9px; z-index:1; border:1px solid $side_pod_border_color; margin:15px 0 0 0;}
+.video_pod .video_img { width:280px; height:150px; overflow:hidden; display:block; background:#000000;}
+.video_pod .video_img img { width:280px;  display:block; margin-top:-30px; }
+.video_pod .video_play { 
+	@if $video_play_btn == 1 { background:image-url("playbtn_01.png") no-repeat; }
+	@else if $video_play_btn == 2 { background:image-url("playbtn_02.png") no-repeat; }
+	@else if $video_play_btn == 3 { background:image-url("playbtn_03.png") no-repeat; }
+	@else { background:image-url("playbtn_04.png") no-repeat; } width:60px; height:60px; position:absolute; top:50px; left:120px;}
+
+/*** BANNER POD ***/
+
+.banner_pod { padding:10px; margin:15px 0 0 0; }
+
+/*** CONTENT POD ***/
+
+.content_pod { margin:15px 0 0 0; }

data/app/assets/stylesheets/variables.scss

@@ -0,0 +1,17 @@
+/*
+ * Here we define our color variables to be used accross the site
+ */
+
+/*** OPTIONS ***/
+
+$use_rounded_corners: true; /* true / false */
+$video_play_btn: 3; /* 1 / 2 / 3 / 4 */
+
+/*** MIX INS ***/
+
+@mixin rounded-corners { -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; }
+
+/*** POD ENGINE ***/
+
+$side_pod_border_color: #dddddd;
+$side_pod_background_color: #eef0f1;

data/app/views/refinery/pods/shared/_banner_pod.html.erb

@@ -1,9 +1,9 @@
 <% if pod.image.present? %>
-  <div class="side_pod banner">
+  <div class="side_pod banner_pod">
       <% if pod.url.present? %>
-          <%= link_to(image_tag(pod.image.image.thumb('280x205').url), pod.url) %>
+          <%= link_to(image_tag(pod.image.image.thumb('280x200#c').url), pod.url) %>
       <% else %>
-          <%= image_tag(pod.image.image.thumb('280x205').url) %>
+          <%= image_tag(pod.image.image.thumb('280x200#c').url) %>
       <% end %>
 	  <div class="clear"></div>
   </div>

data/app/views/refinery/pods/shared/_content_pod.html.erb

@@ -1,4 +1,4 @@
-<div class="side_pod content">
+<div class="side_pod content_pod">
     <% if pod.url.present? and pod.name.present? %>
       <h1><%= link_to(pod.name, pod.url, :class => 'title') %></h1>
     <% else %>

data/app/views/refinery/pods/shared/_gallery_pod.html.erb

@@ -2,7 +2,7 @@
   <ul class="gallery_slider">
     <% pod.portfolio_entry.items.each do |item| %>
       <li>
-        <%= image_fu(item.image, '280x180#c') %>
+      	<%= link_to(image_fu(item.image, '280x180#c'), item.image.url, :class => "cboxElement") %>
       </li>
     <% end if pod.portfolio_entry.present? and pod.portfolio_entry.items.present? %>
   </ul>

data/app/views/refinery/pods/shared/_video_pod.html.erb

@@ -1,9 +1,9 @@
 <% if pod.video.present? %>
   <div class="side_pod video_pod">
     <div class="video" targeturl="<%= pod.video.youtube_url %>">
-      <h1><%= pod.video.name %></h1>
       <%= link_to('', pod.video.youtube_url, :class => "ytlink") %>
       <%= raw(pod.video.body) %>
+      <p><%= pod.video.name %></p>
     </div>
   </div>
 <% end %>

data/readme.md

@@ -2,10 +2,10 @@
 
 Manageable little side-pods for your [Refinery CMS](http://refinerycms.com) website. Depends on the following engines:
 
-+ Portfolios - https://github.com/resolve/refinerycms-portfolio (branch rails-3-1)
-+ Videos - https://github.com/julesce/refinerycms-videos (2.0.0)
++ Portfolios - https://github.com/resolve/refinerycms-portfolio (branch rails-3-1 or whichever the stable 2.0 branch is)
++ Videos - https://github.com/julesce/refinerycms-videos (2.0.x)
 
-This version of `refinerycms-pods` supports Rails 3.0.x. and upwards.
+This version of `refinerycms-pods` supports Rails 3.2.x. and upwards. Designed to work with the asset pipeline.
 
 ## Requirements
 
@@ -15,7 +15,7 @@ Refinery CMS version 2.0.x.
 
 Open up your ``Gemfile`` and add the following:
 
-    gem 'refinerycms-pods', '~> 2.0.3'
+    gem 'refinerycms-pods', '~> 2.1.0'
 
 Now, run:
 
@@ -35,10 +35,7 @@ And hook up the seed data:
 
 ## Usage
 
-Up to you to make use of the pods in your front end, but remember to include the relevant JS/CSS files in your layout:
-
-	<%= stylesheet_include_tag 'colorbox', 'refinerycms-pods' %>
-    <%= javascript_include_tag 'jquery-1.5.2.min', 'jquery.bxSlider.min', 'jquery.colorbox-min', 'refinerycms-pods' %>
+Take a look at the /app/assets/stylesheets/variables.scss file to set a couple of variables.
 
 The following will render any pods assigned to your current @page:
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: refinerycms-pods
 version: !ruby/object:Gem::Version
-  version: 2.0.3
+  version: 2.1.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-05-07 00:00:00.000000000Z
+date: 2012-06-25 00:00:00.000000000Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: refinerycms-core
@@ -61,6 +61,32 @@ files:
 - config/locales/nb.yml
 - config/locales/nl.yml
 - config/routes.rb
+- app/assets/images/bx_next_gal.png
+- app/assets/images/bx_prev_gal.png
+- app/assets/images/colorbox/border.png
+- app/assets/images/colorbox/controls.png
+- app/assets/images/colorbox/ie6/borderBottomCenter.png
+- app/assets/images/colorbox/ie6/borderBottomLeft.png
+- app/assets/images/colorbox/ie6/borderBottomRight.png
+- app/assets/images/colorbox/ie6/borderMiddleLeft.png
+- app/assets/images/colorbox/ie6/borderMiddleRight.png
+- app/assets/images/colorbox/ie6/borderTopCenter.png
+- app/assets/images/colorbox/ie6/borderTopLeft.png
+- app/assets/images/colorbox/ie6/borderTopRight.png
+- app/assets/images/colorbox/loading.gif
+- app/assets/images/colorbox/loading_background.png
+- app/assets/images/colorbox/overlay.png
+- app/assets/images/playbtn_01.png
+- app/assets/images/playbtn_02.png
+- app/assets/images/playbtn_03.png
+- app/assets/images/playbtn_04.png
+- app/assets/javascripts/jquery-1.5.2.min.js
+- app/assets/javascripts/jquery.bxSlider.min.js
+- app/assets/javascripts/jquery.colorbox-min.js
+- app/assets/javascripts/refinerycms-pods.js
+- app/assets/stylesheets/colorbox.css
+- app/assets/stylesheets/refinerycms-pods.scss
+- app/assets/stylesheets/variables.scss
 - app/controllers/refinery/pods/admin/pods_controller.rb
 - app/controllers/refinery/pods/pods_controller.rb
 - app/models/refinery/pods/pod.rb
@@ -81,27 +107,6 @@ files:
 - db/migrate/1_create_pods_pods.rb
 - db/migrate/2_create_pods_pages_pods.rb
 - db/seeds.rb
-- public/images/bx_next_gal.png
-- public/images/bx_prev_gal.png
-- public/images/colorbox/border.png
-- public/images/colorbox/controls.png
-- public/images/colorbox/ie6/borderBottomCenter.png
-- public/images/colorbox/ie6/borderBottomLeft.png
-- public/images/colorbox/ie6/borderBottomRight.png
-- public/images/colorbox/ie6/borderMiddleLeft.png
-- public/images/colorbox/ie6/borderMiddleRight.png
-- public/images/colorbox/ie6/borderTopCenter.png
-- public/images/colorbox/ie6/borderTopLeft.png
-- public/images/colorbox/ie6/borderTopRight.png
-- public/images/colorbox/loading.gif
-- public/images/colorbox/loading_background.png
-- public/images/colorbox/overlay.png
-- public/javascripts/jquery-1.5.2.min.js
-- public/javascripts/jquery.bxSlider.min.js
-- public/javascripts/jquery.colorbox-min.js
-- public/javascripts/refinerycms-pods.js
-- public/stylesheets/colorbox.css
-- public/stylesheets/refinerycms-pods.css
 - readme.md
 homepage: https://github.com/julesce/refinerycms-pods
 licenses: []

data/public/stylesheets/refinerycms-pods.css

@@ -1,4 +0,0 @@
-.gallery_pod { width:280px; background:#eeeadf; padding:10px; z-index:1; border:1px solid #beb6a8;}
-.gallery_pod ul { list-style:none; margin:0px; padding:0px; }
-.gallery_pod .bx-prev { position:absolute; top:0px; display:block; text-indent:-9999em; width:20px; height:180px; background:url(../images/bx_prev_gal.png); }
-.gallery_pod .bx-next { position:absolute; top:0px; right:0px; display:block; text-indent:-9999em; width:20px; height:180px; background:url(../images/bx_next_gal.png); }