joyride-rails 0.0.2

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2012 YOURNAME
+
+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.

data/README.rdoc

@@ -0,0 +1,3 @@
+= Joyride
+
+This project rocks and uses MIT-LICENSE.

data/Rakefile

@@ -0,0 +1,40 @@
+#!/usr/bin/env rake
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+begin
+  require 'rdoc/task'
+rescue LoadError
+  require 'rdoc/rdoc'
+  require 'rake/rdoctask'
+  RDoc::Task = Rake::RDocTask
+end
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Joyride'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task :default => :test

data/app/assets/javascripts/joyride/joyride.js

@@ -0,0 +1,15 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require jquery
+//= require jquery_ujs
+//= require ./jquery.joyride-1.0.3

data/app/assets/javascripts/joyride/jquery.joyride-1.0.3.js

@@ -0,0 +1,329 @@
+/*
+ * jQuery Joyride Plugin 1.0.3
+ * www.ZURB.com/playground
+ * Copyright 2011, ZURB
+ * Free to use under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+*/
+
+(function($) {
+  $.fn.joyride = function(options) {
+
+    // +++++++++++++++++++
+    //   Defaults
+    // +++++++++++++++++++
+    var settings = {
+      'tipLocation': 'bottom', // 'top' or 'bottom' in relation to parent
+      'scrollSpeed': 300, // Page scrolling speed in milliseconds
+      'timer': 0, // 0 = no timer, all other numbers = timer in milliseconds
+      'startTimerOnClick': false, // true or false - true requires clicking the first button start the timer
+      'nextButton': true, // true or false to control whether a next button is used
+      'tipAnimation': 'pop', // 'pop' or 'fade' in each tip
+      'tipAnimationFadeSpeed': 300, // when tipAnimation = 'fade' this is speed in milliseconds for the transition
+      'cookieMonster': false, // true or false to control whether cookies are used
+      'cookieName': 'JoyRide', // Name the cookie you'll use
+      'cookieDomain': false, // Will this cookie be attached to a domain, ie. '.notableapp.com'
+      'tipContainer': 'body', // Where will the tip be attached if not inline
+      'inline': false, // true or false, if true the tip will be attached after the element
+      'tipContent': '#joyRideTipContent', // What is the ID of the <ol> you put the content in
+      'postRideCallback': $.noop, // A method to call once the tour closes (canceled or complete)
+      'postStepCallback': $.noop // A method to call after each step
+    };
+
+    var options = $.extend(settings, options);
+
+    return this.each(function() {
+
+      if ($(options.tipContent).length === 0) return;
+
+      $(options.tipContent).hide();
+
+      var bodyOffset = $(options.tipContainer).children('*').first().position(),
+      tipContent = $(options.tipContent + ' li'),
+      count = skipCount = 0,
+      prevCount = -1,
+      timerIndicatorInstance,
+      timerIndicatorTemplate = '<div class="joyride-timer-indicator-wrap"><span class="joyride-timer-indicator"></span></div>',
+      tipTemplate = function(tipClass, index, buttonText, self) { return '<div class="joyride-tip-guide ' +
+        tipClass + '" id="joyRidePopup' + index + '"><span class="joyride-nub"></span>' +
+        $(self).html() + buttonText + '<a href="#close" class="joyride-close-tip">X</a>' +
+        timerIndicatorInstance + '</div>'; },
+      tipLayout = function(tipClass, index, buttonText, self) {
+        if (index == 0 && settings.startTimerOnClick && settings.timer > 0 || settings.timer == 0) {
+          timerIndicatorInstance = '';
+        } else {
+          timerIndicatorInstance = timerIndicatorTemplate;
+        }
+        if (!tipClass) tipClass = '';
+        (buttonText != '') ? buttonText = '<a href="#" class="joyride-next-tip small nice radius yellow button">' + buttonText + '</a>': buttonText = '';
+        if (settings.inline) {
+          $(tipTemplate(tipClass, index, buttonText, self)).insertAfter('#' + $(self).data('id'));
+        } else {
+          $(options.tipContainer).append(tipTemplate(tipClass, index, buttonText, self));
+        }
+      };
+
+      if(!settings.cookieMonster || !$.cookie(settings.cookieName)) {
+
+      tipContent.each(function(index) {
+        var buttonText = $(this).data('text'),
+        tipClass = $(this).attr('class'),
+        self = this;
+
+        if (settings.nextButton && buttonText == undefined) {
+          buttonText = 'Next';
+        }
+        if (settings.nextButton || !settings.nextButton && settings.startTimerOnClick) {
+          if ($(this).attr('class')) {
+            tipLayout(tipClass, index, buttonText, self);
+          } else {
+            tipLayout(false, index, buttonText, self);
+          }
+        } else if (!settings.nextButton) {
+          if ($(this).attr('class')) {
+            tipLayout(tipClass, index, '', self);
+          } else {
+            tipLayout(false, index, '', self);
+          }
+        }
+        $('#joyRidePopup' + index).hide();
+      });
+    }
+
+      showNextTip = function() {
+        var parentElementID = $(tipContent[count]).data('id'),
+        parentElement = $('#' + parentElementID),
+        opt = {};
+        // Parse the options string
+        ($(tipContent[count]).data('options') || ':').split(';')
+          .map(function (s) {
+            var p = s.split(':');
+            if (p.length == 2) opt[p[0].trim()] = p[1].trim();
+          });
+        options = $.extend(options, opt); // Update options and settings
+        settings = $.extend(settings, opt);
+
+        while (parentElement.offset() === null) {
+          count++;
+          skipCount++;
+          ((tipContent.length - 1) > prevCount) ? prevCount++ : prevCount;
+          parentElementID = $(tipContent[count]).data('id'),
+          parentElement = $('#' + parentElementID);
+
+          if ($(tipContent).length < count)
+            break;
+        }
+        var windowHalf = Math.ceil($(window).height() / 2),
+        currentTip = $('#joyRidePopup' + count),
+        currentTipPosition = parentElement.offset(),
+        currentParentHeight = parentElement.outerHeight(),
+        currentTipHeight = currentTip.outerHeight(),
+        nubHeight = Math.ceil($('.joyride-nub').outerHeight() / 2),
+        tipOffset = 0;
+
+        if (currentTip.length === 0) return;
+
+        if (count < tipContent.length) {
+          if (settings.tipAnimation == "pop") {
+            $('.joyride-timer-indicator').width(0);
+            if (settings.timer > 0) {
+              currentTip.show().children('.joyride-timer-indicator-wrap')
+                .children('.joyride-timer-indicator')
+                .animate({width: $('.joyride-timer-indicator-wrap')
+                .width()}, settings.timer);
+            } else {
+              currentTip.show();
+            }
+          } else if (settings.tipAnimation == "fade") {
+            $('.joyride-timer-indicator').width(0);
+            if (settings.timer > 0) {
+              currentTip.fadeIn(settings.tipAnimationFadeSpeed)
+                .children('.joyride-timer-indicator-wrap')
+                .children('.joyride-timer-indicator')
+                .animate({width: $('.joyride-timer-indicator-wrap')
+                .width()}, settings.timer);
+            } else {
+              currentTip.fadeIn(settings.tipAnimationFadeSpeed);
+            }
+          }
+
+          // ++++++++++++++++++
+          //   Tip Location
+          // ++++++++++++++++++
+
+          if (settings.tipLocation == "bottom") {
+            currentTip.offset({top: (currentTipPosition.top + currentParentHeight + nubHeight),
+              left: (currentTipPosition.left - bodyOffset.left)});
+            currentTip.children('.joyride-nub').addClass('top').removeClass('bottom');
+          } else if (settings.tipLocation == "top") {
+            if (currentTipHeight >= currentTipPosition.top) {
+              currentTip.offset({top: ((currentTipPosition.top + currentParentHeight + nubHeight) - bodyOffset.top),
+                left: (currentTipPosition.left - bodyOffset.left)});
+              currentTip.children('.joyride-nub').addClass('top').removeClass('bottom');
+            } else {
+              currentTip.offset({top: ((currentTipPosition.top) - (currentTipHeight + bodyOffset.top + nubHeight)),
+                left: (currentTipPosition.left - bodyOffset.left)});
+              currentTip.children('.joyride-nub').addClass('bottom').removeClass('top');
+            }
+          }
+
+          // Animate Scrolling when tip is off screen
+          tipOffset = Math.ceil(currentTip.offset().top - windowHalf);
+          $("html, body").animate({
+            scrollTop: tipOffset
+          }, settings.scrollSpeed);
+
+          if (count > 0) {
+            if (skipCount > 0) {
+              var hideCount = prevCount - skipCount;
+              skipCount = 0;
+            } else {
+              var hideCount = prevCount;
+            }
+            if (settings.tipAnimation == "pop") {
+              $('#joyRidePopup' + hideCount).hide();
+            } else if (settings.tipAnimation == "fade") {
+              $('#joyRidePopup' + hideCount).fadeOut(settings.tipAnimationFadeSpeed);
+            }
+          }
+
+        // Hide the last tip when clicked
+        } else if ((tipContent.length - 1) < count) {
+          if (skipCount > 0) {
+            var hideCount = prevCount - skipCount;
+            skipCount = 0;
+          } else {
+            var hideCount = prevCount;
+          }
+          if (settings.cookieMonster == true) {
+            $.cookie(settings.cookieName, 'ridden', { expires: 365, domain: settings.cookieDomain });
+          }
+          if (settings.tipAnimation == "pop") {
+            $('#joyRidePopup' + hideCount).fadeTo(0, 0);
+          } else if (settings.tipAnimation == "fade") {
+            $('#joyRidePopup' + hideCount).fadeTo(settings.tipAnimationFadeSpeed, 0);
+          }
+        }
+        count++;
+        if (prevCount < 0) {
+          prevCount = 0;
+        } else if ((tipContent.length - 1) > prevCount) {
+          prevCount++;
+        }
+        if (settings.postStepCallback != $.noop) {
+          settings.postStepCallback(prevCount);
+        }
+      }
+
+      if (!settings.inline || !settings.cookieMonster || !$.cookie(settings.cookieName)) {
+        $(window).resize(function() {
+          var parentElementID = $(tipContent[prevCount]).data('id'),
+          currentTipPosition = $('#' + parentElementID).offset(),
+          currentParentHeight = $('#' + parentElementID).outerHeight(),
+          currentTipHeight = $('#joyRidePopup' + prevCount).outerHeight(),
+          nubHeight = Math.ceil($('.joyride-nub').outerHeight() / 2);
+          if (settings.tipLocation == "bottom") {
+            $('#joyRidePopup' + prevCount).offset({top: (currentTipPosition.top + currentParentHeight + nubHeight),
+              left: currentTipPosition.left});
+          } else if (settings.tipLocation == "top") {
+            if (currentTipPosition.top <= currentTipHeight) {
+              $('#joyRidePopup' + prevCount).offset({top: (currentTipPosition.top + nubHeight + currentParentHeight),
+                left: currentTipPosition.left});
+            } else {
+              $('#joyRidePopup' + prevCount).offset({top: ((currentTipPosition.top) - (currentTipHeight  + nubHeight)),
+                left: currentTipPosition.left});
+            }
+          }
+        });
+      }
+
+      // +++++++++++++++
+      //   Timer
+      // +++++++++++++++
+
+      var interval_id = null,
+      showTimerState = false;
+
+      if (!settings.startTimerOnClick && settings.timer > 0){
+       showNextTip();
+       interval_id = setInterval(function() {showNextTip()}, settings.timer);
+      } else {
+       showNextTip();
+      }
+      var endTip = function(e, interval_id, cookie, self) {
+        e.preventDefault();
+        clearInterval(interval_id);
+        if (cookie) {
+           $.cookie(settings.cookieName, 'ridden', { expires: 365, domain: settings.cookieDomain });
+        }
+        $(self).parent().hide();
+        if (settings.postRideCallback != $.noop) {
+          settings.postRideCallback();
+        }
+      }
+      $('.joyride-close-tip').click(function(e) {
+        endTip(e, interval_id, settings.cookieMonster, this);
+      });
+
+      // When the next button is clicked, show the next tip, only when cookie isn't present
+        $('.joyride-next-tip').click(function(e) {
+          e.preventDefault();
+          if (count >= tipContent.length) {
+            endTip(e, interval_id, settings.cookieMonster, this);
+          }
+          if (settings.timer > 0 && settings.startTimerOnClick) {
+            showNextTip();
+            clearInterval(interval_id);
+            interval_id = setInterval(function() {showNextTip()}, settings.timer);
+          } else if (settings.timer > 0 && !settings.startTimerOnClick){
+            clearInterval(interval_id);
+            interval_id = setInterval(function() {showNextTip()}, settings.timer);
+          } else {
+            showNextTip();
+          }
+        });
+    });
+  };
+
+
+  // +++++++++++++++++++++++++++++
+  //   jQuery Cookie plugin
+  // +++++++++++++++++++++++++++++
+
+  // Copyright (c) 2010 Klaus Hartl (stilbuero.de)
+  // Dual licensed under the MIT and GPL licenses:
+  // http://www.opensource.org/licenses/mit-license.php
+  // http://www.gnu.org/licenses/gpl.html
+  jQuery.cookie = function (key, value, options) {
+
+      // key and at least value given, set cookie...
+      if (arguments.length > 1 && String(value) !== "[object Object]") {
+          options = jQuery.extend({}, options);
+
+          if (value === null || value === undefined) {
+              options.expires = -1;
+          }
+
+          if (typeof options.expires === 'number') {
+              var days = options.expires, t = options.expires = new Date();
+              t.setDate(t.getDate() + days);
+          }
+
+          value = String(value);
+
+          return (document.cookie = [
+              encodeURIComponent(key), '=',
+              options.raw ? value : encodeURIComponent(value),
+              options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
+              options.path ? '; path=' + options.path : '',
+              options.domain ? '; domain=' + options.domain : '',
+              options.secure ? '; secure' : ''
+          ].join(''));
+      }
+
+      // key and possibly options given, get cookie...
+      options = value || {};
+      var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
+      return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
+  };
+})(jQuery);

data/app/assets/stylesheets/joyride/joyride-1.0.3.css.sass

@@ -0,0 +1,132 @@
+/* Artfully masterminded by ZURB*/
+@import "variables.sass"
+
+body
+  position: relative
+
+.joyride-tip-guide
+  position: absolute
+  background: $joyride_tip_background
+  padding: 10px 10px 10px 15px
+  color: $joyride_tip_text_color
+  width: $joyride_tip_width
+  z-index: 10
+  font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", Helvetica, Arial, Lucida, sans-serif
+  font-weight: normal
+  -moz-border-radius: $joyride_tip_border_radius
+  -webkit-border-radius: $joyride_tip_border_radius
+  border-radius: $joyride_tip_border_radius
+  span.joyride-nub
+    display: block
+    position: absolute
+    left: $joyride_tip_nub_offset_left
+    width: 0
+    height: 0
+    border: solid $joyride_tip_nub_height
+    &.top
+      border-top-color: transparent !important
+      border-left-color: transparent !important
+      border-right-color: transparent !important
+      border-bottom-color: $joyride_tip_background
+      top: $joyride_tip_nub_height*-2
+      bottom: none
+    &.bottom
+      border-bottom-color: transparent !important
+      border-left-color: transparent !important
+      border-right-color: transparent !important
+      border-top-color: $joyride_tip_background !important
+      bottom: $joyride_tip_nub_height*-2
+      bottom: none
+  h1, h2, h3, h4, h5, h6
+    line-height: 1.25
+    margin: 0
+    font-weight: bold
+    color: #fff
+  h1
+    font-size: 30px
+  h2
+    font-size: 26px
+  h3
+    font-size: 22px
+  h4
+    font-size: 18px
+  h5
+    font-size: 16px
+  h6
+    font-size: 14px
+  p
+    margin: 0 0 18px 0
+    font-size: $joyride_tip_text_size
+    line-height: 18px
+  a
+    color: rgb(255, 255, 255)
+    text-decoration: none
+    border-bottom: dotted 1px rgba(255, 255, 255, 0.6)
+    &:hover
+      color: rgba(255, 255, 255, 0.8)
+      border-bottom: none
+  .joyride-next-tip
+    &:after
+      clear: both
+    width: auto
+    padding: 6px 18px 4px
+    font-size: 13px
+    text-decoration: none
+    color: rgb(255, 255, 255)
+    float: left
+    margin: 0 6px 8px 0px
+    border: solid 1px darken(desaturate($joyride_tip_button_color,50%),15%)
+    background: $joyride_tip_button_color
+    background: -moz-linear-gradient(top, $joyride_tip_button_color 0%, $joyride_tip_button_color_2 100%)
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $joyride_tip_button_color), color-stop(100%, $joyride_tip_button_color_2))
+    background: -webkit-linear-gradient(top, $joyride_tip_button_color 0%, $joyride_tip_button_color_2 100%)
+    background: -o-linear-gradient(top, $joyride_tip_button_color 0%, $joyride_tip_button_color_2 100%)
+    background: -ms-linear-gradient(top, $joyride_tip_button_color 0%, $joyride_tip_button_color_2 100%)
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0063ff', endColorstr='#0055d6',GradientType=0 )
+    background: linear-gradient(top, $joyride_tip_button_color 0%, $joyride_tip_button_color_2 100%)
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5)
+    -webkit-border-radius: 2px
+    -moz-border-radius: 2px
+    border-radius: 2px
+    -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset
+    -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset
+    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset
+
+.joyride-next-tip:hover
+  color: rgb(255, 255, 255) !important
+  border: solid 1px darken(desaturate($joyride_tip_button_color,50%),15%) !important
+  background: $joyride_tip_button_hover_color
+  background: -moz-linear-gradient(top, $joyride_tip_button_hover_color 0%, $joyride_tip_button_hover_color_2 100%)
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $joyride_tip_button_hover_color), color-stop(100%, $joyride_tip_button_hover_color_2))
+  background: -webkit-linear-gradient(top, $joyride_tip_button_hover_color 0%, $joyride_tip_button_hover_color_2 100%)
+  background: -o-linear-gradient(top, $joyride_tip_button_hover_color 0%, $joyride_tip_button_hover_color_2 100%)
+  background: -ms-linear-gradient(top, $joyride_tip_button_hover_color 0%, $joyride_tip_button_hover_color_2 100%)
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b80ff', endColorstr='#1d66d3',GradientType=0 )
+  background: linear-gradient(top, $joyride_tip_button_hover_color 0%, $joyride_tip_button_hover_color_2 100%)
+
+.joyride-timer-indicator-wrap
+  width: 50px
+  height: 3px
+  border: solid 1px rgba(255, 255, 255, 0.1)
+  position: absolute
+  right: 17px
+  bottom: 16px
+
+.joyride-timer-indicator
+  display: block
+  width: 0
+  height: inherit
+  background: rgba(255, 255, 255, 0.25)
+
+.joyride-close-tip
+  position: absolute
+  right: 10px
+  top: 10px
+  color: rgba(255, 255, 255, 0.6) !important
+  text-decoration: none
+  font-family: Verdana, sans-serif
+  font-size: 10px
+  font-weight: bold
+  border-bottom: none !important
+  &:hover
+    color: rgba(255, 255, 255, 0.9) !important