kirgudu_base 0.0.1

data/app/assets/javascripts/kirgudu_base/jquery.endless-scroll.js

@@ -0,0 +1,343 @@
+// Generated by CoffeeScript 1.3.1
+/*
+  Endless Scroll plugin for jQuery
+
+  v1.8.0
+
+  Copyright (c) 2008-2012 Fred Wu
+
+  Dual licensed under the MIT and GPL licenses:
+    http://www.opensource.org/licenses/mit-license.php
+    http://www.gnu.org/licenses/gpl.html
+*/
+
+/*
+  Usage:
+
+  // using default options
+  $(window).endlessScroll();
+
+  // using some custom options
+  $("#images").endlessScroll({
+    fireOnce: false,
+    fireDelay: false,
+    loader: '<div class="loading"><div>',
+    callback: function(){
+      alert('test');
+    }
+  });
+
+  Configuration options:
+
+  pagesToKeep       integer         the number of 'pages' to keep before either end of the scrolling content are discarded,
+                                    by default (value set to `null`) no content will be discarded
+  inflowPixels      integer         the number of pixels from the boundary of the element that triggers the event
+  fireOnce          boolean         only fire once until the execution of the current event is completed
+  fireDelay         integer         delay the subsequent firing, in milliseconds, 0 or false to disable delay
+  loader            string          the HTML to be displayed during loading
+  content           string|function Plain HTML content to insert after each call, can be either a string or a function
+                                    that returns a string, when passed as a function it accepts three arguments:
+                                      <fireSequence> the number of times the event triggered during the current page session
+                                      <pageSequence> a positive or negative value that represents the scroll direction sequence
+                                      <scrollDirection> a string of either 'prev' or 'next'
+  insertBefore      string          jQuery selector syntax: where to put the loader as well as the plain HTML data
+  insertAfter       string          jQuery selector syntax: where to put the loader as well as the plain HTML data
+  intervalFrequency integer         set the frequency of the scroll event checking, the larger the frequency number,
+                                    the less memory it consumes - but also the less sensitive the event trigger becomes
+  ceaseFireOnEmpty  boolean         ceases fire automatically when the content is empty, set it to `false` if you are using
+                                    `callback` instead of `content` for loading content
+  resetCounter      function        resets the fire sequence counter if the function returns true, this function
+                                    could also perform hook actions since it is applied at the start of the event
+  callback          function        callback function, accepts three arguments:
+                                      <fireSequence> the number of times the event triggered during the current page session
+                                      <pageSequence> a positive or negative value that represents the scroll direction sequence
+                                      <scrollDirection> a string of either 'prev' or 'next'
+  ceaseFire         function        stops the event (no more endless scrolling) if the function returns true,
+                                    accepts three arguments:
+                                      <fireSequence> the number of times the event triggered during the current page session
+                                      <pageSequence> a positive or negative value that represents the scroll direction sequence
+                                      <scrollDirection> a string of either 'prev' or 'next'
+*/
+
+var EndlessScroll;
+
+EndlessScroll = (function() {
+  var defaults;
+
+  EndlessScroll.name = 'EndlessScroll';
+
+  defaults = {
+    pagesToKeep: null,
+    inflowPixels: 50,
+    fireOnce: true,
+    fireDelay: 150,
+    loader: 'Loading...',
+    content: '',
+    insertBefore: null,
+    insertAfter: null,
+    intervalFrequency: 250,
+    ceaseFireOnEmpty: true,
+    resetCounter: function() {
+      return false;
+    },
+    callback: function() {
+      return true;
+    },
+    ceaseFire: function() {
+      return false;
+    }
+  };
+
+  function EndlessScroll(scope, options) {
+    var _this = this;
+    this.options = $.extend({}, defaults, options);
+    this.pagesStack = [0];
+    this.scrollDirection = 'next';
+    this.firing = true;
+    this.fired = false;
+    this.fireSequence = 0;
+    this.pageSequence = 0;
+    this.nextSequence = 1;
+    this.prevSequence = -1;
+    this.lastScrollTop = 0;
+    this.insertLocation = this.options.insertAfter;
+    this.didScroll = false;
+    this.isScrollable = true;
+    this.target = scope;
+    this.targetId = '';
+    this.content = '';
+    this.lastContent = 'dummy';
+    this.innerWrap = $('.endless_scroll_inner_wrap', this.target);
+    this.handleDeprecatedOptions();
+    this.setInsertPositionsWhenNecessary();
+    $(scope).scroll(function() {
+      _this.detectTarget(scope);
+      return _this.detectScrollDirection();
+    });
+  }
+
+  EndlessScroll.prototype.run = function() {
+    var _this = this;
+    return setInterval((function() {
+      if (!_this.shouldTryFiring()) {
+        return;
+      }
+      if (_this.ceaseFireWhenNecessary()) {
+        return;
+      }
+      if (!_this.shouldBeFiring()) {
+        return;
+      }
+      _this.resetFireSequenceWhenNecessary();
+      _this.acknowledgeFiring();
+      _this.insertLoader();
+      if (_this.hasContent()) {
+        _this.showContent();
+        _this.fireCallback();
+        _this.cleanUpPagesWhenNecessary();
+        _this.delayFiringWhenNecessary();
+      }
+      _this.removeLoader();
+      return _this.lastContent = _this.content;
+    }), this.options.intervalFrequency);
+  };
+
+  EndlessScroll.prototype.handleDeprecatedOptions = function() {
+    if (this.options.data) {
+      this.options.content = this.options.data;
+    }
+    if (this.options.bottomPixels) {
+      return this.options.inflowPixels = this.options.bottomPixels;
+    }
+  };
+
+  EndlessScroll.prototype.setInsertPositionsWhenNecessary = function() {
+    var container;
+    container = "" + this.target.selector + " div.endless_scroll_inner_wrap";
+    if (defaults.insertBefore === null) {
+      this.options.insertBefore = "" + container + " div:first";
+    }
+    if (defaults.insertAfter === null) {
+      return this.options.insertAfter = "" + container + " div:last";
+    }
+  };
+
+  EndlessScroll.prototype.detectTarget = function(scope) {
+    this.target = scope;
+    return this.targetId = $(this.target).attr('id');
+  };
+
+  EndlessScroll.prototype.detectScrollDirection = function() {
+    var currentScrollTop;
+    this.didScroll = true;
+    currentScrollTop = $(this.target).scrollTop();
+    if (currentScrollTop > this.lastScrollTop) {
+      this.scrollDirection = 'next';
+    } else {
+      this.scrollDirection = 'prev';
+    }
+    return this.lastScrollTop = currentScrollTop;
+  };
+
+  EndlessScroll.prototype.shouldTryFiring = function() {
+    var shouldTryOrNot;
+    shouldTryOrNot = this.didScroll && this.firing === true;
+    if (shouldTryOrNot) {
+      this.didScroll = false;
+    }
+    return shouldTryOrNot;
+  };
+
+  EndlessScroll.prototype.ceaseFireWhenNecessary = function() {
+    if (this.options.ceaseFireOnEmpty === true && this.lastContent === '' || this.options.ceaseFire.apply(this.target, [this.fireSequence, this.pageSequence, this.scrollDirection])) {
+      this.firing = false;
+      return true;
+    } else {
+      return false;
+    }
+  };
+
+  EndlessScroll.prototype.wrapContainer = function(target) {
+    if (this.innerWrap.length === 0) {
+      return this.innerWrap = $(target).wrapInner('<div class="endless_scroll_content" data-page="0" />').wrapInner('<div class="endless_scroll_inner_wrap" />').find('.endless_scroll_inner_wrap');
+    }
+  };
+
+  EndlessScroll.prototype.scrollableAreaMargin = function(innerWrap, target) {
+    var margin;
+    switch (this.scrollDirection) {
+      case 'next':
+        margin = innerWrap.height() - $(target).height() <= $(target).scrollTop() + this.options.inflowPixels;
+        if (margin) {
+          target.scrollTop(innerWrap.height() - $(target).height() - this.options.inflowPixels);
+        }
+        break;
+      case 'prev':
+        margin = $(target).scrollTop() <= this.options.inflowPixels;
+        if (margin) {
+          target.scrollTop(this.options.inflowPixels);
+        }
+    }
+    return margin;
+  };
+
+  EndlessScroll.prototype.calculateScrollableCanvas = function() {
+    if (this.target[0] === document || this.target[0] === window) {
+      this.wrapContainer("body");
+      return this.isScrollable = this.scrollableAreaMargin($(document), $(window));
+    } else {
+      this.wrapContainer(this.target);
+      return this.isScrollable = this.innerWrap.length > 0 && this.scrollableAreaMargin(this.innerWrap, this.target);
+    }
+  };
+
+  EndlessScroll.prototype.shouldBeFiring = function() {
+    this.calculateScrollableCanvas();
+    return this.isScrollable && (this.options.fireOnce === false || (this.options.fireOnce === true && this.fired !== true));
+  };
+
+  EndlessScroll.prototype.resetFireSequenceWhenNecessary = function() {
+    if (this.options.resetCounter.apply(this.target) === true) {
+      return this.fireSequence = 0;
+    }
+  };
+
+  EndlessScroll.prototype.acknowledgeFiring = function() {
+    this.fired = true;
+    this.fireSequence++;
+    switch (this.scrollDirection) {
+      case 'next':
+        return this.pageSequence = this.nextSequence++;
+      case 'prev':
+        return this.pageSequence = this.prevSequence--;
+    }
+  };
+
+  EndlessScroll.prototype.insertContent = function(content) {
+    switch (this.scrollDirection) {
+      case 'next':
+        return $(this.options.insertAfter).after(content);
+      case 'prev':
+        return $(this.options.insertBefore).before(content);
+    }
+  };
+
+  EndlessScroll.prototype.insertLoader = function() {
+    return this.insertContent("<div class=\"endless_scroll_loader_" + this.targetId + "      endless_scroll_loader\">" + this.options.loader + "</div>");
+  };
+
+  EndlessScroll.prototype.removeLoader = function() {
+    return $('.endless_scroll_loader_' + this.targetId).fadeOut(function() {
+      return $(this).remove();
+    });
+  };
+
+  EndlessScroll.prototype.hasContent = function() {
+    if (typeof this.options.content === 'function') {
+      this.content = this.options.content.apply(this.target, [this.fireSequence, this.pageSequence, this.scrollDirection]);
+    } else {
+      this.content = this.options.content;
+    }
+    return this.content !== false;
+  };
+
+  EndlessScroll.prototype.showContent = function() {
+    $('#endless_scroll_content_current').removeAttr('id');
+    return this.insertContent("<div id=\"endless_scroll_content_current\"      class=\"endless_scroll_content\" data-page=\"" + this.pageSequence + "\">" + this.content + "</div>");
+  };
+
+  EndlessScroll.prototype.fireCallback = function() {
+    return this.options.callback.apply(this.target, [this.fireSequence, this.pageSequence, this.scrollDirection]);
+  };
+
+  EndlessScroll.prototype.cleanUpPagesWhenNecessary = function() {
+    var pageToRemove;
+    if (!(this.options.pagesToKeep >= 1)) {
+      return;
+    }
+    switch (this.scrollDirection) {
+      case 'next':
+        this.pagesStack.push(this.pageSequence);
+        break;
+      case 'prev':
+        this.pagesStack.unshift(this.pageSequence);
+    }
+    if (this.pagesStack.length > this.options.pagesToKeep) {
+      switch (this.scrollDirection) {
+        case 'next':
+          pageToRemove = this.prevSequence = this.pagesStack.shift();
+          break;
+        case 'prev':
+          pageToRemove = this.nextSequence = this.pagesStack.pop();
+      }
+    }
+    this.removePage(pageToRemove);
+    return this.calculateScrollableCanvas();
+  };
+
+  EndlessScroll.prototype.removePage = function(page) {
+    return $(".endless_scroll_content[data-page='" + page + "']", this.target).remove();
+  };
+
+  EndlessScroll.prototype.delayFiringWhenNecessary = function() {
+    var _this = this;
+    if (this.options.fireDelay > 0) {
+      $('body').after('<div id="endless_scroll_marker"></div>');
+      return $('#endless_scroll_marker').fadeTo(this.options.fireDelay, 1, function() {
+        $('#endless_scroll_marker').remove();
+        return _this.fired = false;
+      });
+    } else {
+      return this.fired = false;
+    }
+  };
+
+  return EndlessScroll;
+
+})();
+
+(function($) {
+  return $.fn.endlessScroll = function(options) {
+    return new EndlessScroll(this, options).run();
+  };
+})(jQuery);

data/app/assets/javascripts/kirgudu_base/jquery.fancybox-buttons.js

@@ -0,0 +1,121 @@
+ /*!
+ * Buttons helper for fancyBox
+ * version: 1.0.5 (Mon, 15 Oct 2012)
+ * @requires fancyBox v2.0 or later
+ *
+ * Usage:
+ *     $(".fancybox").fancybox({
+ *         helpers : {
+ *             buttons: {
+ *                 position : 'top'
+ *             }
+ *         }
+ *     });
+ *
+ */
+(function ($) {
+	//Shortcut for fancyBox object
+	var F = $.fancybox;
+
+	//Add helper object
+	F.helpers.buttons = {
+		defaults : {
+			skipSingle : false, // disables if gallery contains single image
+			position   : 'top', // 'top' or 'bottom'
+			tpl        : '<div id="fancybox-buttons"><ul><li><a class="btnPrev" title="Previous" href="javascript:;"></a></li><li><a class="btnPlay" title="Start slideshow" href="javascript:;"></a></li><li><a class="btnNext" title="Next" href="javascript:;"></a></li><li><a class="btnToggle" title="Toggle size" href="javascript:;"></a></li><li><a class="btnClose" title="Close" href="javascript:jQuery.fancybox.close();"></a></li></ul></div>'
+		},
+
+		list : null,
+		buttons: null,
+
+		beforeLoad: function (opts, obj) {
+			//Remove self if gallery do not have at least two items
+
+			if (opts.skipSingle && obj.group.length < 2) {
+				obj.helpers.buttons = false;
+				obj.closeBtn = true;
+
+				return;
+			}
+
+			//Increase top margin to give space for buttons
+			obj.margin[ opts.position === 'bottom' ? 2 : 0 ] += 30;
+		},
+
+		onPlayStart: function () {
+			if (this.buttons) {
+				this.buttons.play.attr('title', 'Pause slideshow').addClass('btnPlayOn');
+			}
+		},
+
+		onPlayEnd: function () {
+			if (this.buttons) {
+				this.buttons.play.attr('title', 'Start slideshow').removeClass('btnPlayOn');
+			}
+		},
+
+		afterShow: function (opts, obj) {
+			var buttons = this.buttons;
+
+			if (!buttons) {
+				this.list = $(opts.tpl).addClass(opts.position).appendTo('body');
+
+				buttons = {
+					prev   : this.list.find('.btnPrev').click( F.prev ),
+					next   : this.list.find('.btnNext').click( F.next ),
+					play   : this.list.find('.btnPlay').click( F.play ),
+					toggle : this.list.find('.btnToggle').click( F.toggle )
+				}
+			}
+
+			//Prev
+			if (obj.index > 0 || obj.loop) {
+				buttons.prev.removeClass('btnDisabled');
+			} else {
+				buttons.prev.addClass('btnDisabled');
+			}
+
+			//Next / Play
+			if (obj.loop || obj.index < obj.group.length - 1) {
+				buttons.next.removeClass('btnDisabled');
+				buttons.play.removeClass('btnDisabled');
+
+			} else {
+				buttons.next.addClass('btnDisabled');
+				buttons.play.addClass('btnDisabled');
+			}
+
+			this.buttons = buttons;
+
+			this.onUpdate(opts, obj);
+		},
+
+		onUpdate: function (opts, obj) {
+			var toggle;
+
+			if (!this.buttons) {
+				return;
+			}
+
+			toggle = this.buttons.toggle.removeClass('btnDisabled btnToggleOn');
+
+			//Size toggle button
+			if (obj.canShrink) {
+				toggle.addClass('btnToggleOn');
+
+			} else if (!obj.canExpand) {
+				toggle.addClass('btnDisabled');
+			}
+		},
+
+		beforeClose: function () {
+			if (this.list) {
+				this.list.remove();
+			}
+
+			this.list    = null;
+			this.buttons = null;
+		}
+	};
+
+}(jQuery));