releaf 0.1.1

data/app/assets/javascripts/releaf/3rd_party/lightbox.js.erb

@@ -0,0 +1,379 @@
+// Place any jQuery/helper plugins in here.
+// Lightbox
+
+/*
+Lightbox v2.51
+by Lokesh Dhakar - http://www.lokeshdhakar.com
+
+For more information, visit:
+http://lokeshdhakar.com/projects/lightbox2/
+
+Licensed under the Creative Commons Attribution 2.5 License - http://creativecommons.org/licenses/by/2.5/
+- free for use in both personal and commercial projects
+- attribution requires leaving author name, author link, and the license info intact
+
+Thanks
+- Scott Upton(uptonic.com), Peter-Paul Koch(quirksmode.com), and Thomas Fuchs(mir.aculo.us) for ideas, libs, and snippets.
+- Artemy Tregubenko (arty.name) for cleanup and help in updating to latest proto-aculous in v2.05.
+
+
+Table of Contents
+=================
+LightboxOptions
+
+Lightbox
+- constructor
+- init
+- enable
+- build
+- start
+- changeImage
+- sizeContainer
+- showImage
+- updateNav
+- updateDetails
+- preloadNeigbhoringImages
+- enableKeyboardNav
+- disableKeyboardNav
+- keyboardAction
+- end
+
+options = new LightboxOptions
+lightbox = new Lightbox options
+*/
+
+(function() {
+  var $, Lightbox, LightboxOptions;
+
+  $ = jQuery;
+
+  LightboxOptions = (function() {
+
+    function LightboxOptions() {
+      this.fileLoadingImage = '<%= asset_path('releaf/3rd_party/lightbox/loading.gif') %>';
+      this.fileCloseImage = '<%= asset_path('releaf/3rd_party/lightbox/close.png') %>';
+      this.resizeDuration = 700;
+      this.fadeDuration = 500;
+      this.labelImage = "Image";
+      this.labelOf = "of";
+    }
+
+    return LightboxOptions;
+
+  })();
+
+  Lightbox = (function() {
+
+    function Lightbox(options) {
+      this.options = options;
+      this.album = [];
+      this.currentImageIndex = void 0;
+      this.init();
+    }
+
+    Lightbox.prototype.init = function() {
+      this.enable();
+      return this.build();
+    };
+
+    Lightbox.prototype.enable = function() {
+      var _this = this;
+      return $('body').on('click', 'a[data-lightbox], area[data-lightbox]', function(e) {
+        _this.start($(e.currentTarget));
+        return false;
+      });
+    };
+
+    Lightbox.prototype.build = function() {
+      var $lightbox,
+        _this = this;
+      $("<div>", {
+        id: 'lightboxOverlay'
+      }).after($('<div/>', {
+        id: 'lightbox'
+      }).append($('<div/>', {
+        "class": 'lb-outerContainer'
+      }).append($('<div/>', {
+        "class": 'lb-container'
+      }).append($('<img/>', {
+        "class": 'lb-image'
+      }), $('<div/>', {
+        "class": 'lb-nav'
+      }).append($('<a/>', {
+        "class": 'lb-prev'
+      }), $('<a/>', {
+        "class": 'lb-next'
+      })), $('<div/>', {
+        "class": 'lb-loader'
+      }).append($('<a/>', {
+        "class": 'lb-cancel'
+      }).append($('<img/>', {
+        src: this.options.fileLoadingImage
+      }))))), $('<div/>', {
+        "class": 'lb-dataContainer'
+      }).append($('<div/>', {
+        "class": 'lb-data'
+      }).append($('<div/>', {
+        "class": 'lb-details'
+      }).append($('<span/>', {
+        "class": 'lb-caption'
+      }), $('<span/>', {
+        "class": 'lb-number'
+      })), $('<div/>', {
+        "class": 'lb-closeContainer'
+      }).append($('<a/>', {
+        "class": 'lb-close'
+      }).append($('<img/>', {
+        src: this.options.fileCloseImage
+      }))))))).appendTo($('body'));
+      $('#lightboxOverlay').hide().on('click', function(e) {
+        _this.end();
+        return false;
+      });
+      $lightbox = $('#lightbox');
+      $lightbox.hide().on('click', function(e) {
+        if ($(e.target).attr('id') === 'lightbox') _this.end();
+        return false;
+      });
+      $lightbox.find('.lb-outerContainer').on('click', function(e) {
+        if ($(e.target).attr('id') === 'lightbox') _this.end();
+        return false;
+      });
+      $lightbox.find('.lb-prev').on('click', function(e) {
+        _this.changeImage(_this.currentImageIndex - 1);
+        return false;
+      });
+      $lightbox.find('.lb-next').on('click', function(e) {
+        _this.changeImage(_this.currentImageIndex + 1);
+        return false;
+      });
+      $lightbox.find('.lb-loader, .lb-close').on('click', function(e) {
+        _this.end();
+        return false;
+      });
+    };
+
+    Lightbox.prototype.start = function($link) {
+      var $lightbox, $window, a, i, imageNumber, left, top, _len, _ref;
+      $(window).on("resize", this.sizeOverlay);
+      $('select, object, embed').css({
+        visibility: "hidden"
+      });
+      $('#lightboxOverlay').width($(document).width()).height($(document).height()).fadeIn(this.options.fadeDuration);
+      this.album = [];
+      imageNumber = 0;
+      if ($link.attr('data-lightbox-group') == undefined) {
+        this.album.push({
+          link: $link.attr('href'),
+          title: $link.attr('title')
+        });
+      } else {
+        _ref = $($link.prop("tagName") + '[data-lightbox-group="' + $link.attr('data-lightbox-group') + '"]');
+        for (i = 0, _len = _ref.length; i < _len; i++) {
+          a = _ref[i];
+          this.album.push({
+            link: $(a).attr('href'),
+            title: $(a).attr('title')
+          });
+          if ($(a).attr('href') === $link.attr('href')) imageNumber = i;
+        }
+      }
+      $window = $(window);
+      top = $window.scrollTop() + $window.height() / 10;
+      left = $window.scrollLeft();
+      $lightbox = $('#lightbox');
+      $lightbox.css({
+        top: top + 'px',
+        left: left + 'px'
+      }).fadeIn(this.options.fadeDuration);
+      this.changeImage(imageNumber);
+    };
+
+    Lightbox.prototype.changeImage = function(imageNumber) {
+      var $image, $lightbox, preloader,
+        _this = this;
+      this.disableKeyboardNav();
+      $lightbox = $('#lightbox');
+      $image = $lightbox.find('.lb-image');
+      this.sizeOverlay();
+      $('#lightboxOverlay').fadeIn(this.options.fadeDuration);
+      $('.loader').fadeIn('slow');
+      $lightbox.find('.lb-image, .lb-nav, .lb-prev, .lb-next, .lb-dataContainer, .lb-numbers, .lb-caption').hide();
+      $lightbox.find('.lb-outerContainer').addClass('animating');
+      preloader = new Image;
+      preloader.onload = function() {
+        $image.attr('src', _this.album[imageNumber].link);
+
+        var containerWidth, containerHeight;
+        var doc = {
+            w: $(window).width() - 100,
+            h: $(window).height() - 160
+        };
+        var cont = {
+            w: preloader.width,
+            h: preloader.height
+        };
+
+        var aspect = preloader.width / preloader.height;
+        if(preloader.width > doc.w) {
+            if(doc.w / aspect > doc.h) {
+                cont.w = doc.h * aspect;
+                cont.h = doc.h;
+            } else {
+                cont.w = doc.w;
+                cont.h = doc.w / aspect;
+            }
+        } else if(preloader.height > doc.h) {
+            cont.w = doc.h * aspect;
+            cont.h = doc.h;
+        }
+        $image.css({
+            height: cont.h,
+            width: cont.w
+        });
+        return _this.sizeContainer(cont.w, cont.h);
+      };
+      preloader.src = this.album[imageNumber].link;
+      this.currentImageIndex = imageNumber;
+    };
+
+    Lightbox.prototype.sizeOverlay = function() {
+      return $('#lightboxOverlay').width($(document).width()).height($(document).height());
+    };
+
+    Lightbox.prototype.sizeContainer = function(imageWidth, imageHeight) {
+      var $container, $lightbox, $outerContainer, containerBottomPadding, containerLeftPadding, containerRightPadding, containerTopPadding, newHeight, newWidth, oldHeight, oldWidth,
+        _this = this;
+      $lightbox = $('#lightbox');
+      $outerContainer = $lightbox.find('.lb-outerContainer');
+      oldWidth = $outerContainer.outerWidth();
+      oldHeight = $outerContainer.outerHeight();
+      $container = $lightbox.find('.lb-container');
+      containerTopPadding = parseInt($container.css('padding-top'), 10);
+      containerRightPadding = parseInt($container.css('padding-right'), 10);
+      containerBottomPadding = parseInt($container.css('padding-bottom'), 10);
+      containerLeftPadding = parseInt($container.css('padding-left'), 10);
+      newWidth = imageWidth + containerLeftPadding + containerRightPadding;
+      newHeight = imageHeight + containerTopPadding + containerBottomPadding;
+      if (newWidth !== oldWidth && newHeight !== oldHeight) {
+        $outerContainer.animate({
+          width: newWidth,
+          height: newHeight
+        }, this.options.resizeDuration, 'swing');
+      } else if (newWidth !== oldWidth) {
+        $outerContainer.animate({
+          width: newWidth
+        }, this.options.resizeDuration, 'swing');
+      } else if (newHeight !== oldHeight) {
+        $outerContainer.animate({
+          height: newHeight
+        }, this.options.resizeDuration, 'swing');
+      }
+      setTimeout(function() {
+        $lightbox.find('.lb-dataContainer').width(newWidth);
+        $lightbox.find('.lb-prevLink').height(newHeight);
+        $lightbox.find('.lb-nextLink').height(newHeight);
+        _this.showImage();
+      }, this.options.resizeDuration);
+    };
+
+    Lightbox.prototype.showImage = function() {
+      var $lightbox;
+      $lightbox = $('#lightbox');
+      $lightbox.find('.lb-loader').hide();
+      $lightbox.find('.lb-image').fadeIn('slow');
+      this.updateNav();
+      this.updateDetails();
+      this.preloadNeighboringImages();
+      this.enableKeyboardNav();
+    };
+
+    Lightbox.prototype.updateNav = function() {
+      var $lightbox;
+      $lightbox = $('#lightbox');
+      $lightbox.find('.lb-nav').show();
+      if (this.currentImageIndex > 0) $lightbox.find('.lb-prev').show();
+      if (this.currentImageIndex < this.album.length - 1) {
+        $lightbox.find('.lb-next').show();
+      }
+    };
+
+    Lightbox.prototype.updateDetails = function() {
+      var $lightbox,
+        _this = this;
+      $lightbox = $('#lightbox');
+      if (typeof this.album[this.currentImageIndex].title !== 'undefined' && this.album[this.currentImageIndex].title !== "") {
+        $lightbox.find('.lb-caption').html(this.album[this.currentImageIndex].title).fadeIn('fast');
+      }
+      if (this.album.length > 1) {
+        $lightbox.find('.lb-number').html(this.options.labelImage + ' ' + (this.currentImageIndex + 1) + ' ' + this.options.labelOf + '  ' + this.album.length).fadeIn('fast');
+      } else {
+        $lightbox.find('.lb-number').hide();
+      }
+      $lightbox.find('.lb-outerContainer').removeClass('animating');
+      $lightbox.find('.lb-dataContainer').fadeIn(this.resizeDuration, function() {
+        return _this.sizeOverlay();
+      });
+    };
+
+    Lightbox.prototype.preloadNeighboringImages = function() {
+      var preloadNext, preloadPrev;
+      if (this.album.length > this.currentImageIndex + 1) {
+        preloadNext = new Image;
+        preloadNext.src = this.album[this.currentImageIndex + 1].link;
+      }
+      if (this.currentImageIndex > 0) {
+        preloadPrev = new Image;
+        preloadPrev.src = this.album[this.currentImageIndex - 1].link;
+      }
+    };
+
+    Lightbox.prototype.enableKeyboardNav = function() {
+      $(document).on('keyup.keyboard', $.proxy(this.keyboardAction, this));
+    };
+
+    Lightbox.prototype.disableKeyboardNav = function() {
+      $(document).off('.keyboard');
+    };
+
+    Lightbox.prototype.keyboardAction = function(event) {
+      var KEYCODE_ESC, KEYCODE_LEFTARROW, KEYCODE_RIGHTARROW, key, keycode;
+      KEYCODE_ESC = 27;
+      KEYCODE_LEFTARROW = 37;
+      KEYCODE_RIGHTARROW = 39;
+      keycode = event.keyCode;
+      key = String.fromCharCode(keycode).toLowerCase();
+      if (keycode === KEYCODE_ESC || key.match(/x|o|c/)) {
+        this.end();
+      } else if (key === 'p' || keycode === KEYCODE_LEFTARROW) {
+        if (this.currentImageIndex !== 0) {
+          this.changeImage(this.currentImageIndex - 1);
+        }
+      } else if (key === 'n' || keycode === KEYCODE_RIGHTARROW) {
+        if (this.currentImageIndex !== this.album.length - 1) {
+          this.changeImage(this.currentImageIndex + 1);
+        }
+      }
+    };
+
+    Lightbox.prototype.end = function() {
+      this.disableKeyboardNav();
+      $(window).off("resize", this.sizeOverlay);
+      $('#lightbox').fadeOut(this.options.fadeDuration);
+      $('#lightboxOverlay').fadeOut(this.options.fadeDuration);
+      return $('select, object, embed').css({
+        visibility: "visible"
+      });
+    };
+
+    return Lightbox;
+
+  })();
+
+  $(function() {
+    var lightbox, options;
+    options = new LightboxOptions;
+    return lightbox = new Lightbox(options);
+  });
+
+}).call(this);

data/app/assets/javascripts/releaf/application.js

@@ -0,0 +1,14 @@
+// This is a manifest file that'll be compiled into including all the files listed below.
+// Add new JavaScript/Coffee code in separate files in this directory and they'll automatically
+// be included in the compiled file accessible from http://example.com/assets/application.js
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+//= require jquery
+//= require jquery_ujs
+//= require jquery-ui
+//= require tinymce-jquery
+//= require_tree ./include
+//= require ./3rd_party/jquery-ui-timepicker-addon
+//= require ./controllers/base
+//= require ./3rd_party/lightbox

data/app/assets/javascripts/releaf/controllers/base.js

@@ -0,0 +1,170 @@
+//= require ../3rd_party/jquery-cookie/jquery.cookie.js
+//= require ../lib/request_url.js
+
+jQuery(function()
+{
+	// list action switcher
+
+	jQuery( '.action-index' ).on( 'click', '.list_action_switch button', function( event )
+	{
+		var button = jQuery( this );
+		var action = button.attr( 'data-action' );
+		button.siblings( '.active' ).removeClass( 'active' );
+		button.addClass( 'active' );
+		// store cookie
+		jQuery.cookie( 'base_module:list_action', action, { path: '/', expires: 365 * 5 } );
+		// modify current links
+		var table = button.parents( '.panel_layout' ).find( '.body .releaf_table' );
+		// collect ids
+		var ids = [];
+		var rows = table.find( '.tbody > .row' );
+		rows.each(function()
+		{
+			ids.push( jQuery( this ).attr( 'data-id' ) );
+		});
+		var url = new RequestUrl();
+		url.path += '/urls.json';
+		jQuery.ajax
+		({
+			url: url.getUrl(),
+			type: 'post',
+			data: { ids: ids, to_action: action },
+			success: function( json )
+			{
+				rows.each(function()
+				{
+					var row = jQuery( this );
+					if( json[ row.attr( 'data-id' ) ] )
+					{
+						row.children( '.main' ).attr( 'href', json[ row.attr( 'data-id' ) ] );
+						if( row.is( 'a' ) )
+						{
+							row.attr( 'href', json[ row.attr( 'data-id' ) ] );
+						}
+					}
+				});
+			}
+		});
+		// clear cache on continuous scroll tables
+		table.trigger( 'flushcache' );
+	});
+
+	// ajax search
+
+	jQuery( '.view-index' ).on( 'searchinit', function( event )
+	{
+		var form = jQuery( event.target );
+
+		var input = form.find( '.search' );
+		var timeout;
+		var request;
+		var last_search_query = input.val();
+
+		var panel  = form.parents( '.primary_panel:first' )
+		var body   = panel.children( '.body' );
+		var footer = panel.children( '.footer' );
+
+		// custom "lookup" event allows to issue extra reloads from the outside
+
+		form.bind( 'lookup', function()
+		{
+			// cancel previous timeout
+			clearTimeout( timeout );
+			// cancel previous unfinished request
+			if( request !== undefined )
+			{
+				request.abort();
+			}
+			timeout = setTimeout(function()
+			{
+				// set loading icon
+				form.addClass( 'loading' );
+				// construct url
+				var url = new RequestUrl( form.attr( 'action' ) );
+				url.add( form.serializeArray() );
+				url.add({ ajax: 1 });
+				// send request
+				request = jQuery.ajax
+				({
+					url: url.getUrl(),
+					success: function( response )
+					{
+						// remove loading icon
+						form.removeClass( 'loading' );
+						// create html holder
+						var html = jQuery( response );
+						body.html( html.filter( '.body' ).html() );
+						footer.html( html.filter( '.footer' ).html() );
+						// init continuous scroll
+						body.find( '.releaf_table' ).trigger( 'scrollinit' );
+					}
+				});
+			}, 200 );
+		});
+
+		// attach keypress event
+		input.keyup( function()
+		{
+			if( input.val() == last_search_query )
+			{
+				return;
+			}
+			last_search_query = input.val();
+			form.trigger( 'lookup' );
+		});
+	});
+
+	// init default form
+
+	jQuery( '.view-index .search_form' ).trigger( 'searchinit' );
+
+
+
+    // initialize date/datetime/time pickers
+    jQuery(document.body).delegate('form', 'initcalendars', function() {
+        var forms = jQuery(this);
+        var options = {
+            timeFormat: 'HH:mm:ss',
+            controlType: 'select',
+            showHour: true,
+            showMinute: true,
+            // showSecond: true,
+            // showTimezone: true,
+        }
+
+        forms.find('.date_picker').each(function() {
+            var picker = jQuery(this);
+            var opt = options;
+            opt['dateFormat'] = picker.attr('data-date-format') || 'yy-mm-dd';
+            picker.datepicker(opt);
+        });
+
+        forms.find('.datetime_picker').each(function() {
+            var picker = jQuery(this);
+            var opt = options;
+            opt['dateFormat'] = picker.attr('data-date-format') || 'yy-mm-dd';
+            opt['pickerTimeFormat'] = picker.attr('data-time-format') || 'HH:mm'
+            picker.datetimepicker(opt);
+        });
+
+        /*
+         * forms.find('.time_picker').each(function() {
+         *     var picker = jQuery(this);
+         *     var opt = options;
+         *     opt['pickerTimeFormat'] = picker.attr('data-time-format') || 'HH:mm'
+         *     picker.timepicker(options);
+         * });
+         */
+    });
+
+    jQuery('form').trigger('initcalendars');
+
+
+    jQuery('form').on('keyup, change', '.sync_field', function(e) {
+        var input = jQuery(e.target);
+        var value_div = input.parents('.value:first');
+        var hidden_field = value_div.find('input[type="hidden"].sync_field');
+        hidden_field.attr('value', input.val());
+    });
+
+});