nivo 0.0.2

data/lib/rails/generators/nivo/templates/nivo_config.yml

@@ -0,0 +1,29 @@
+---
+slide_dimensions:
+  original: '500x500>'
+  slide:    '300x300#'
+  thumb:    '100x100>'
+
+caption: false
+
+nivo_options:
+  effect: 'random' # Specify sets like: 'fold,fade,sliceDown'
+  slices: 15 # For slice animations
+  boxCols: 8 # For box animations
+  boxRows: 4 # For box animations
+  animSpeed: 500 # Slide transition speed
+  pauseTime: 3000 # How long each slide will show
+  startSlide: 0 # Set starting Slide (0 index)
+  directionNav: true # Next & Prev navigation
+  directionNavHide: true # Only show on hover
+  controlNav: true # 1,2,3... navigation
+  controlNavThumbs: false # Use thumbnails for Control Nav
+  controlNavThumbsFromRel: false # Use image rel for thumbs
+  controlNavThumbsSearch: '.jpg' # Replace this with...
+  controlNavThumbsReplace: '_thumb.jpg' # ...this in thumb Image src
+  keyboardNav: true # Use left & right arrows
+  pauseOnHover: true # Stop animation while hovering
+  manualAdvance: false # Force manual transitions
+  captionOpacity: 0.8 # Universal caption opacity
+  prevText: 'Prev' # Prev directionNav text
+  nextText: 'Next' # Next directionNav text

data/lib/rails/generators/nivo/templates/schema.rb

@@ -0,0 +1,15 @@
+ActiveRecord::Schema.define(:version => 0) do
+  create_table :slides, :force => true do |t|
+    t.string :caption
+    t.string :url
+    t.boolean :active
+    t.integer :position
+    t.integer :width
+    t.integer :height
+    t.string :image_file_name
+    t.string :image_content_type
+    t.integer :image_file_size
+    t.datetime :image_updated_at
+    t.timestamps
+  end
+end

data/lib/rails/generators/nivo/views_generator.rb

@@ -0,0 +1,18 @@
+require 'rails/generators'
+require 'rails/generators/migration'
+
+module Nivo
+  module Generators
+    class ViewsGenerator < Rails::Generators::Base
+      source_root File.expand_path("../../../../../app/views", __FILE__)
+      desc "Copies all Nivo views to your application."
+
+      argument :scope, :required => false, :default => nil,
+                       :desc => "The scope to copy views to"
+
+      def copy_views
+        directory "nivo", "app/views/#{scope || :nivo}"
+      end
+    end
+  end
+end

data/nivo.gemspec

@@ -0,0 +1,28 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "nivo/version"
+
+Gem::Specification.new do |s|
+  s.name        = "nivo"
+  s.version     = Nivo::VERSION
+  s.authors     = ["Ross Nelson"]
+  s.email       = ["axcess1@me.com"]
+  s.homepage    = ""
+  s.summary     = %q{Easily add nivo slider and slide management to dust}
+  s.description = %q{Easily add nivo slider and slide management to dust}
+
+  s.rubyforge_project = "nivo"
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+
+  ##
+  # specify any dependencies here; for example:
+  #
+  s.add_development_dependency "shoulda"
+  s.add_runtime_dependency "jquery-rails"
+  s.add_runtime_dependency "paperclip"
+  s.add_runtime_dependency "haml"
+end

data/public/javascripts/nivo-admin.js

@@ -0,0 +1,10 @@
+$(document).ready(function() {
+  $('#slides').slidedragsort({});
+
+  $("#order_slides").click(function(){
+    mylist = $('#slides').serializeSlidelist();
+    $.post("/nivo/manage_slides.js", mylist);
+    return false;
+  });
+});
+

data/public/javascripts/nivo-dragsort.js

@@ -0,0 +1,288 @@
+// jQuery List DragSort v0.4
+// Website: http://dragsort.codeplex.com/
+// License: http://dragsort.codeplex.com/license
+
+(function($) {
+
+  $.fn.slidedragsort = function(options) {
+    var opts = $.extend({}, $.fn.slidedragsort.defaults, options);
+    var lists = [];
+    var list = null, lastPos = null;
+    if (this.selector)
+      $("head").append("<style type='text/css'>" + (this.selector.split(",").join(" " + opts.dragSelector + ",") + " " + opts.dragSelector) + " { cursor: pointer; }</style>");
+
+    this.each(function(i, cont) {
+
+      if ($(cont).is("table") && $(cont).children().size() == 1 && $(cont).children().is("tbody"))
+        cont = $(cont).children().get(0);
+
+      var newList = {
+        draggedItem: null,
+        placeHolderItem: null,
+        pos: null,
+        offset: null,
+        offsetLimit: null,
+        scroll: null,
+        container: cont,
+
+        init: function() {
+          $(this.container).attr("data-listIdx", i).mousedown(this.grabItem).find(opts.dragSelector).css("cursor", "pointer");
+          $(this.container).children(opts.itemSelector).each(function(j) { $(this).attr("data-itemIdx", j); });
+        },
+
+        grabItem: function(e) {
+          if (e.which != 1 || $(e.target).is(opts.dragSelectorExclude))
+            return;
+
+          var elm = e.target;
+          while (!$(elm).is("[data-listIdx='" + $(this).attr("data-listIdx") + "'] " + opts.dragSelector)) {
+            if (elm == this) return;
+            elm = elm.parentNode;
+          }
+
+          if (list != null && list.draggedItem != null)
+            list.dropItem();
+
+          $(e.target).css("cursor", "move");
+
+          list = lists[$(this).attr("data-listIdx")];
+          list.draggedItem = $(elm).closest(opts.itemSelector);
+          var mt = parseInt(list.draggedItem.css("marginTop"));
+          var ml = parseInt(list.draggedItem.css("marginLeft"));
+          list.offset = list.draggedItem.offset();
+          list.offset.top = e.pageY - list.offset.top + (isNaN(mt) ? 0 : mt) - 1;
+          list.offset.left = e.pageX - list.offset.left + (isNaN(ml) ? 0 : ml) - 1;
+
+          if (!opts.dragBetween) {
+            var containerHeight = $(list.container).outerHeight() == 0 ? Math.max(1, Math.round(0.5 + $(list.container).children(opts.itemSelector).size() * list.draggedItem.outerWidth() / $(list.container).outerWidth())) * list.draggedItem.outerHeight() : $(list.container).outerHeight();
+            list.offsetLimit = $(list.container).offset();
+            list.offsetLimit.right = list.offsetLimit.left + $(list.container).outerWidth() - list.draggedItem.outerWidth();
+            list.offsetLimit.bottom = list.offsetLimit.top + containerHeight - list.draggedItem.outerHeight();
+          }
+
+          var h = list.draggedItem.height();
+          var w = list.draggedItem.width();
+          var orig = list.draggedItem.attr("style");
+          list.draggedItem.attr("data-origStyle", orig ? orig : "");
+          if (opts.itemSelector == "tr") {
+            list.draggedItem.children().each(function() { $(this).width($(this).width()); });
+            list.placeHolderItem = list.draggedItem.clone().attr("data-placeHolder", true);
+            list.draggedItem.after(list.placeHolderItem);
+            list.placeHolderItem.children().each(function() { $(this).css({ borderWidth:0, width: $(this).width() + 1, height: $(this).height() + 1 }).html("&nbsp;"); });
+          } else {
+            list.draggedItem.after(opts.placeHolderTemplate);
+            list.placeHolderItem = list.draggedItem.next().css({ height: h, width: w }).attr("data-placeHolder", true);
+          }
+          list.draggedItem.css({ position: "absolute", opacity: 0.8, "z-index": 999, height: h, width: w });
+
+          $(lists).each(function(i, l) { l.createDropTargets(); l.buildPositionTable(); });
+
+          list.scroll = { moveX: 0, moveY: 0, maxX: $(document).width() - $(window).width(), maxY: $(document).height() - $(window).height() };
+          list.scroll.scrollY = window.setInterval(function() {
+            if (opts.scrollContainer != window) {
+              $(opts.scrollContainer).scrollTop($(opts.scrollContainer).scrollTop() + list.scroll.moveY);
+              return;
+            }
+            var t = $(opts.scrollContainer).scrollTop();
+            if (list.scroll.moveY > 0 && t < list.scroll.maxY || list.scroll.moveY < 0 && t > 0) {
+              $(opts.scrollContainer).scrollTop(t + list.scroll.moveY);
+              list.draggedItem.css("top", list.draggedItem.offset().top + list.scroll.moveY + 1);
+            }
+          }, 10);
+          list.scroll.scrollX = window.setInterval(function() {
+            if (opts.scrollContainer != window) {
+              $(opts.scrollContainer).scrollLeft($(opts.scrollContainer).scrollLeft() + list.scroll.moveX);
+              return;
+            }
+            var l = $(opts.scrollContainer).scrollLeft();
+            if (list.scroll.moveX > 0 && l < list.scroll.maxX || list.scroll.moveX < 0 && l > 0) {
+              $(opts.scrollContainer).scrollLeft(l + list.scroll.moveX);
+              list.draggedItem.css("left", list.draggedItem.offset().left + list.scroll.moveX + 1);
+            }
+          }, 10);
+
+          list.setPos(e.pageX, e.pageY);
+          $(document).bind("selectstart", list.stopBubble); //stop ie text selection
+          $(document).bind("mousemove", list.swapItems);
+          $(document).bind("mouseup", list.dropItem);
+          if (opts.scrollContainer != window)
+            $(window).bind("DOMMouseScroll mousewheel", list.wheel);
+          return false; //stop moz text selection
+        },
+
+        setPos: function(x, y) {
+          var top = y - this.offset.top;
+          var left = x - this.offset.left;
+
+          if (!opts.dragBetween) {
+            top = Math.min(this.offsetLimit.bottom, Math.max(top, this.offsetLimit.top));
+            left = Math.min(this.offsetLimit.right, Math.max(left, this.offsetLimit.left));
+          }
+
+          this.draggedItem.parents().each(function() {
+            if ($(this).css("position") != "static" && (!$.browser.mozilla || $(this).css("display") != "table")) {
+              var offset = $(this).offset();
+              top -= offset.top;
+              left -= offset.left;
+              return false;
+            }
+          });
+
+          if (opts.scrollContainer == window) {
+            y -= $(window).scrollTop();
+            x -= $(window).scrollLeft();
+            y = Math.max(0, y - $(window).height() + 5) + Math.min(0, y - 5);
+            x = Math.max(0, x - $(window).width() + 5) + Math.min(0, x - 5);
+          } else {
+            var cont = $(opts.scrollContainer);
+            var offset = cont.offset();
+            y = Math.max(0, y - cont.height() - offset.top) + Math.min(0, y - offset.top);
+            x = Math.max(0, x - cont.width() - offset.left) + Math.min(0, x - offset.left);
+          }
+
+          list.scroll.moveX = x == 0 ? 0 : x * opts.scrollSpeed / Math.abs(x);
+          list.scroll.moveY = y == 0 ? 0 : y * opts.scrollSpeed / Math.abs(y);
+
+          this.draggedItem.css({ top: top, left: left });
+        },
+
+        wheel: function(e) {
+          if (($.browser.safari || $.browser.mozilla) && list && opts.scrollContainer != window) {
+            var cont = $(opts.scrollContainer);
+            var offset = cont.offset();
+            if (e.pageX > offset.left && e.pageX < offset.left + cont.width() && e.pageY > offset.top && e.pageY < offset.top + cont.height()) {
+              var delta = e.detail ? e.detail * 5 : e.wheelDelta / -2;
+              cont.scrollTop(cont.scrollTop() + delta);
+              e.preventDefault();
+            }
+          }
+        },
+
+        buildPositionTable: function() {
+          var item = this.draggedItem == null ? null : this.draggedItem.get(0);
+          var pos = [];
+          $(this.container).children(opts.itemSelector).each(function(i, elm) {
+            if (elm != item) {
+              var loc = $(elm).offset();
+              loc.right = loc.left + $(elm).width();
+              loc.bottom = loc.top + $(elm).height();
+              loc.elm = elm;
+              pos.push(loc);
+            }
+          });
+          this.pos = pos;
+        },
+
+        dropItem: function() {
+          if (list.draggedItem == null)
+            return;
+
+          $(list.container).find(opts.dragSelector).css("cursor", "pointer");
+          list.placeHolderItem.before(list.draggedItem);
+
+          var orig = list.draggedItem.attr("data-origStyle");
+          if (orig == "")
+            list.draggedItem.removeAttr("style");
+          else
+            list.draggedItem.attr("style", orig);
+          list.draggedItem.removeAttr("data-origStyle");
+          list.placeHolderItem.remove();
+
+          $("[data-dropTarget]").remove();
+
+          window.clearInterval(list.scroll.scrollY);
+          window.clearInterval(list.scroll.scrollX);
+
+          var changed = false;
+          $(lists).each(function() {
+            $(this.container).children(opts.itemSelector).each(function(j) {
+              if (parseInt($(this).attr("data-itemIdx")) != j) {
+                changed = true;
+                $(this).attr("data-itemIdx", j);
+              }
+            });
+          });
+          if (changed)
+            opts.dragEnd.apply(list.draggedItem);
+          list.draggedItem = null;
+          $(document).unbind("selectstart", list.stopBubble);
+          $(document).unbind("mousemove", list.swapItems);
+          $(document).unbind("mouseup", list.dropItem);
+          if (opts.scrollContainer != window)
+            $(window).unbind("DOMMouseScroll mousewheel", list.wheel);
+          return false;
+        },
+
+        stopBubble: function() { return false; },
+
+        swapItems: function(e) {
+          if (list.draggedItem == null)
+            return false;
+
+          list.setPos(e.pageX, e.pageY);
+
+          var ei = list.findPos(e.pageX, e.pageY);
+          var nlist = list;
+          for (var i = 0; ei == -1 && opts.dragBetween && i < lists.length; i++) {
+            ei = lists[i].findPos(e.pageX, e.pageY);
+            nlist = lists[i];
+          }
+
+          if (ei == -1 || $(nlist.pos[ei].elm).attr("data-placeHolder"))
+            return false;
+
+          if (lastPos == null || lastPos.top > list.draggedItem.offset().top || lastPos.left > list.draggedItem.offset().left)
+            $(nlist.pos[ei].elm).before(list.placeHolderItem);
+          else
+            $(nlist.pos[ei].elm).after(list.placeHolderItem);
+
+          $(lists).each(function(i, l) { l.createDropTargets(); l.buildPositionTable(); });
+          lastPos = list.draggedItem.offset();
+          return false;
+        },
+
+        findPos: function(x, y) {
+          for (var i = 0; i < this.pos.length; i++) {
+            if (this.pos[i].left < x && this.pos[i].right > x && this.pos[i].top < y && this.pos[i].bottom > y)
+              return i;
+          }
+          return -1;
+        },
+
+        createDropTargets: function() {
+          if (!opts.dragBetween)
+            return;
+
+          $(lists).each(function() {
+            var ph = $(this.container).find("[data-placeHolder]");
+            var dt = $(this.container).find("[data-dropTarget]");
+            if (ph.size() > 0 && dt.size() > 0)
+              dt.remove();
+            else if (ph.size() == 0 && dt.size() == 0) {
+              //list.placeHolderItem.clone().removeAttr("data-placeHolder") crashes in IE7 and jquery 1.5.1 (doesn't in jquery 1.4.2 or IE8)
+              $(this.container).append(list.placeHolderItem.removeAttr("data-placeHolder").clone().attr("data-dropTarget", true));
+              list.placeHolderItem.attr("data-placeHolder", true);
+            }
+          });
+        }
+      };
+
+      newList.init();
+      lists.push(newList);
+    });
+
+    return this;
+  };
+
+  $.fn.slidedragsort.defaults = {
+    itemSelector: ".item",
+    dragSelector: ".item",
+    dragSelectorExclude: "input, textarea, a[href]",
+    dragEnd: function() { },
+    dragBetween: false,
+    placeHolderTemplate: "<div class=\"item\">&nbsp;</div>",
+    scrollContainer: window,
+    scrollSpeed: 5
+  };
+
+})(jQuery);

data/public/javascripts/nivo-serialize.js

@@ -0,0 +1,98 @@
+/**
+ * jQuery Serialize List
+ * Copyright (c) 2009 Mike Botsko, Botsko.net LLC
+ * Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+ * Copyright notice and license must remain intact for legal use
+ * Version .2
+ *
+ * Serialize an unordered or ordered list item. Optional ability
+ * to determine which attributes are included. The serialization
+ * will be read by PHP as a multidimensional array which you may
+ * use for saving state.
+ *
+ * http://github.com/botskonet/jquery.serialize-list
+ */
+(function($){
+    $.fn.serializeSlidelist = function(options) {
+        // Extend the configuration options with user-provided
+        var defaults = {
+            attributes: ['id'], // which html attributes should be sent?
+            text: false,
+            allow_nest: false, // allow nested elements to be included
+            prepend: 'slides', // which query string param name should be used?
+            att_regex: false, // replacement regex to run on attr values
+            is_child: false // determine if we're serializing a child list
+        };
+        var opts = $.extend(defaults, options);
+        var serialStr     = '';
+        if(!opts.is_child){
+            opts.prepend = '&'+opts.prepend;
+        }
+        // Begin the core plugin
+        this.each(function() {
+            var li_count = 0;
+            $(this).children().each(function(index, li){
+                if(opts.allow_nest || opts.attributes.length > 1){
+                    for(att in opts.attributes){
+                        val = att_rep(opts.attributes[att], $(this).attr(opts.attributes[att]));
+                        if (val != undefined) serialStr += opts.prepend+'['+li_count+']['+opts.attributes[att]+']='+val;
+                        if ($(li).children().size() > 1) {
+                            serialStr += opts.prepend+'['+li_count+'][text]='+$(li)[0].firstChild.textContent;
+                        }
+                        else {
+                            if (opts.text) {
+                                if (opts.attributes[att] == 'id') {
+                                    serialStr += opts.prepend+'['+li_count+'][text]='+$(this).text();
+                                }                            
+                            }
+                        }                        
+                    }
+                } else {
+                    val = att_rep(opts.attributes[0], $(this).attr(opts.attributes[0]));
+                    if (val != undefined) serialStr += opts.prepend+'['+li_count+']='+val;
+                    if ($(li).children().size() > 1) {
+                        if (opts.text) {
+                            if (opts.attributes[att] == 'id') {
+                                serialStr += opts.prepend+'['+li_count+'][text]='+$(li)[0].firstChild.textContent;
+                            }                            
+                        }                        
+                    }
+                    else {
+                        if (opts.text) {
+                            if (opts.attributes[att] == 'id') {
+                                serialStr += opts.prepend+'['+li_count+'][text]='+$(this).text();
+                            }                            
+                        }
+                    } 
+                }
+                // append any children elements
+                if(opts.allow_nest){
+                    var child_base = opts.prepend+'['+li_count+'][children]';
+                    $(this).children().each(function(){
+                        if(this.tagName == 'UL' || this.tagName == 'OL'){
+                            serialStr += $(this).serializelist({
+                                'prepend': child_base, 
+                                'is_child': true, 
+                                'attributes':opts.attributes
+                            });
+                        }
+                    });
+                }
+                li_count++;
+            });
+            function att_rep (att, val){
+                if(opts.att_regex){
+                    for(x in opts.att_regex){
+                        if(opts.att_regex[x].att == att){
+                            return val.replace(opts.att_regex[x].regex, '');
+                        }
+                    }
+                } else {
+                    return val;
+                }
+            }
+        });
+        return(serialStr);
+    };
+})(jQuery);
+

data/public/javascripts/nivo-settings.js

@@ -0,0 +1,6 @@
+$(document).ready(function() {
+  $('.slides').nivoSlider({
+    pauseTime:6000,
+    pauseOnHover:true
+  });
+});