groundworkcss-rails 0.2.9 → 0.2.10

data/vendor/assets/javascripts/groundworkcss/plugins/jquery-modals.js

@@ -0,0 +1,193 @@
+/*
+ *
+ *  jQuery Modals by Gary Hepting
+ *  
+ *  Open source under the MIT License. 
+ *
+ *  Copyright © 2013 Gary Hepting. All rights reserved.
+ *
+*/
+
+
+(function() {
+  (function($) {
+    var elems, modals;
+
+    if ($('div#iframeModal').length < 1) {
+      $('body').append('<div class="iframe modal" id="iframeModal"><iframe marginheight="0" marginwidth="0" frameborder="0"></iframe></div>');
+      $('div#iframeModal').prepend('<i class="close icon-remove"></i>').prepend('<i class="fullscreen icon-resize-full"></i>');
+    }
+    $('a.modal').each(function() {
+      $(this).attr('data-url', $(this).attr('href'));
+      return $(this).attr('href', '#iframeModal');
+    });
+    $('a.modal').on("click", function(e) {
+      $('div#iframeModal iframe').replaceWith('<iframe marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" src="' + $(this).attr('data-url') + '"></iframe>');
+      e.preventDefault();
+      return false;
+    });
+    elems = [];
+    $.fn.modal = function() {
+      this.each(function() {
+        var $this;
+
+        $(this).not('#iframeModal').wrapInner('<div class="modal-content"></div>');
+        $(this).prepend('<i class="close icon-remove"></i>').prepend('<i class="fullscreen icon-resize-full"></i>').appendTo('body');
+        $this = $(this);
+        return $('[href=#' + $(this).attr('id') + ']').on("click", function(e) {
+          modals.open($(this).attr('href'), $(this).hasClass('fullscreen'));
+          e.preventDefault();
+          return false;
+        });
+      });
+      $('div.modal .close').on("click", function() {
+        return modals.close();
+      });
+      return $('div.modal .fullscreen').on("click", function() {
+        return modals.fullscreen($(this).parent('div.modal'));
+      });
+    };
+    modals = (function() {
+      var close, fullscreen, open;
+
+      $('body').addClass('modal-ready');
+      if ($("#overlay").length < 1) {
+        $('body').append('<div id="overlay"></div>');
+      }
+      $('#overlay, div.modal .close').bind("click", function(e) {
+        return close();
+      });
+      open = function(elem, fullscreen) {
+        $(window).bind("keydown", function(e) {
+          var keyCode;
+
+          keyCode = (e.which ? e.which : e.keyCode);
+          if (keyCode === 27) {
+            return close();
+          }
+        });
+        $(elem).addClass("active");
+        if (!$(elem).hasClass('iframe')) {
+          $(elem).css({
+            width: 'auto',
+            height: 'auto'
+          });
+          $(elem).css({
+            height: $(elem).outerHeight()
+          });
+        }
+        $(elem).css({
+          top: '50%',
+          left: '50%',
+          'margin-top': ($(elem).outerHeight() / -2) + 'px',
+          'margin-left': ($(elem).outerWidth() / -2) + 'px'
+        });
+        setTimeout(function() {
+          return $('body').addClass("modal-active");
+        }, 0);
+        setTimeout(function() {
+          return $('body').removeClass('modal-ready');
+        }, 400);
+        if (fullscreen) {
+          modals.fullscreen(elem);
+        }
+      };
+      close = function() {
+        var modal;
+
+        modal = $('div.modal.active');
+        $(window).unbind("keydown");
+        $('body').removeClass("modal-active").addClass('modal-ready');
+        if (modal.hasClass('iframe')) {
+          $('div#iframeModal iframe').replaceWith('<iframe marginheight="0" marginwidth="0" frameborder="0"></iframe>');
+          modal.css({
+            width: '80%',
+            height: '80%'
+          });
+        } else {
+          modal.css({
+            width: 'auto',
+            height: 'auto'
+          });
+        }
+        modal.css({
+          top: '10%',
+          left: '10%',
+          'max-width': '80%',
+          'max-height': '80%',
+          'margin-top': 0,
+          'margin-left': 0
+        });
+        modal.removeClass("active").removeClass("fullscreen");
+        $('i.fullscreen', modal).removeClass('icon-resize-small').addClass('icon-resize-full');
+      };
+      fullscreen = function(elem) {
+        if ($('div.modal.active').hasClass('fullscreen')) {
+          $('div.modal i.fullscreen').removeClass('icon-resize-small').addClass('icon-resize-full');
+          if ($('div.modal.active').hasClass('iframe')) {
+            $('div.modal.active').css({
+              width: '80%',
+              height: '80%'
+            });
+          } else {
+            $('div.modal.active').css({
+              width: 'auto',
+              height: 'auto'
+            });
+            $('div.modal.active').css({
+              height: $('div.modal.active').outerHeight()
+            });
+          }
+          $('div.modal.active').removeClass('fullscreen').css({
+            'max-width': '80%',
+            'max-height': '80%'
+          });
+          $('div.modal.active').delay(100).css({
+            top: '50%',
+            left: '50%',
+            'margin-top': ($('div.modal.active').outerHeight() / -2) + 'px',
+            'margin-left': ($('div.modal.active').outerWidth() / -2) + 'px'
+          });
+        } else {
+          $('div.modal i.fullscreen').addClass('icon-resize-small').removeClass('icon-resize-full');
+          $('div.modal.active').addClass('fullscreen').css({
+            top: 0,
+            left: 0,
+            'margin-top': 0,
+            'margin-left': 0,
+            width: '100%',
+            height: '100%',
+            'max-width': '100%',
+            'max-height': '100%'
+          });
+        }
+      };
+      return {
+        open: open,
+        close: close,
+        fullscreen: fullscreen
+      };
+    })();
+    return $(window).resize(function() {
+      return $('div.modal.active').each(function() {
+        if (!$(this).hasClass('fullscreen')) {
+          $(this).removeClass('active').css({
+            top: '50%',
+            left: '50%',
+            'margin-top': ($(this).outerHeight() / -2) + 'px',
+            'margin-left': ($(this).outerWidth() / -2) + 'px'
+          }).addClass('active');
+          if (!$(this).hasClass('iframe')) {
+            $(this).css({
+              height: 'auto'
+            });
+            return $(this).css({
+              height: $(this).outerHeight()
+            });
+          }
+        }
+      });
+    });
+  })(jQuery);
+
+}).call(this);

data/vendor/assets/javascripts/groundworkcss/plugins/jquery-popover.js

@@ -0,0 +1,208 @@
+/*
+ *
+ *  jQuery Popovers by Gary Hepting - https://github.com/ghepting/jquery-popovers
+ *  
+ *  Open source under the MIT License. 
+ *
+ *  Copyright © 2013 Gary Hepting. All rights reserved.
+ *
+*/
+
+
+(function() {
+  (function($) {
+    return $.fn.popover = function(options) {
+      var closePopover, defaults, delayAdjust, delayHide, getElementPosition, popover, resetPopover, setPosition, showPopover, trigger;
+
+      defaults = {
+        hover: false,
+        click: true,
+        resize: true,
+        scroll: true,
+        topOffset: 0,
+        delay: 500,
+        speed: 100
+      };
+      options = $.extend(defaults, options);
+      popover = $('#popover');
+      delayHide = '';
+      delayAdjust = '';
+      trigger = '';
+      getElementPosition = function(el) {
+        var bottom, left, offset, right, top, win;
+
+        offset = el.offset();
+        win = $(window);
+        return {
+          top: top = offset.top - win.scrollTop(),
+          left: left = offset.left - win.scrollLeft(),
+          bottom: bottom = win.height() - top - el.outerHeight(),
+          right: right = win.width() - left - el.outerWidth()
+        };
+      };
+      resetPopover = function(resize) {
+        popover.css({
+          top: 'auto',
+          right: 'auto',
+          bottom: 'auto',
+          left: 'auto'
+        });
+        if (resize) {
+          popover.css({
+            width: 'auto'
+          });
+        }
+        popover.removeClass('top');
+        popover.removeClass('right');
+        popover.removeClass('bottom');
+        return popover.removeClass('left');
+      };
+      setPosition = function(trigger, skipAnimation, resize) {
+        var attrs, coords, height, width;
+
+        if (trigger) {
+          if (resize) {
+            resetPopover(true);
+          } else {
+            resetPopover();
+          }
+          coords = getElementPosition(trigger);
+          if (popover.outerWidth() > ($(window).width() - 20)) {
+            popover.css('width', $(window).width() - 20);
+          }
+          popover.css('max-width', Math.min($(window).width() - parseInt($('body').css('padding-left')) - parseInt($('body').css('padding-right')), parseInt(popover.css('max-width'))));
+          width = popover.outerWidth();
+          height = popover.outerHeight();
+          attrs = {};
+          if (coords.left <= coords.right) {
+            popover.addClass('left');
+            attrs.left = coords.left;
+          } else {
+            popover.addClass('right');
+            attrs.right = coords.right;
+          }
+          if ((coords.top - options.topOffset) > (height + 20)) {
+            popover.addClass('top');
+            attrs.top = trigger.offset().top - height - 20;
+          } else {
+            popover.addClass('bottom');
+            attrs.top = trigger.offset().top + 15;
+          }
+          popover.css(attrs);
+          if (skipAnimation) {
+            return popover.css({
+              top: '+=10'
+            });
+          }
+        }
+      };
+      closePopover = function() {
+        $('.popover-trigger').removeClass('popover-trigger');
+        return popover.removeClass('sticky').remove();
+      };
+      showPopover = function(e) {
+        var tip;
+
+        trigger = $(e.target);
+        if (!trigger.hasClass('popover-trigger')) {
+          closePopover();
+          trigger.addClass('popover-trigger');
+        }
+        tip = $('#' + trigger.attr('data-content')).html();
+        popover = $("<div id=\"popover\"></div>");
+        if (!tip || tip === "") {
+          return false;
+        }
+        trigger.removeAttr("title");
+        popover.css("opacity", 0).html(tip).appendTo("body");
+        setPosition(trigger);
+        popover.animate({
+          top: "+=10",
+          opacity: 1
+        }, options.speed);
+        popover.bind("click", function(e) {
+          if (e.target.tagName !== 'a') {
+            popover.addClass('sticky');
+            e.stopPropagation();
+            e.preventDefault();
+            return false;
+          }
+        });
+        popover.find('.close').bind("click", function(e) {
+          $('.popover-trigger').removeClass('popover-trigger');
+          popover.removeClass('sticky').remove();
+          e.stopPropagation();
+          e.preventDefault();
+          return false;
+        });
+        return popover.bind({
+          mouseenter: function() {
+            return clearTimeout(delayHide);
+          },
+          mouseleave: function() {
+            if (!popover.hasClass('sticky')) {
+              return delayHide = setTimeout((function() {
+                $('.popover-trigger').removeClass('popover-trigger');
+                return popover.removeClass('sticky').remove();
+              }), 500);
+            }
+          }
+        });
+      };
+      return this.each(function() {
+        var $this;
+
+        $this = $(this);
+        if (options.hover) {
+          $this.bind({
+            mouseenter: function(e) {
+              trigger = $(e.target);
+              clearTimeout(delayHide);
+              if (!$this.hasClass('popover-trigger') && !popover.hasClass('sticky')) {
+                return showPopover(e);
+              }
+            },
+            mouseleave: function() {
+              if (!popover.hasClass('sticky')) {
+                return delayHide = setTimeout(function() {
+                  return closePopover();
+                }, options.delay);
+              }
+            }
+          });
+        }
+        if (options.click) {
+          $this.bind("click", function(e) {
+            trigger = $(e.target);
+            if (!trigger.hasClass('popover-trigger')) {
+              closePopover();
+              showPopover(e);
+            }
+            popover.addClass('sticky');
+            e.preventDefault();
+            e.stopPropagation();
+            return false;
+          });
+        }
+        if (options.resize) {
+          $(window).resize(function() {
+            clearTimeout(delayAdjust);
+            return delayAdjust = setTimeout(function() {
+              return setPosition(trigger, true, true);
+            }, 100);
+          });
+        }
+        if (options.scroll) {
+          $(window).scroll(function() {
+            return setPosition(trigger, true);
+          });
+        }
+        return $('html, body').bind("click", function(e) {
+          $('.popover-trigger').removeClass('popover-trigger');
+          return popover.removeClass('sticky').remove();
+        });
+      });
+    };
+  })(jQuery);
+
+}).call(this);

data/vendor/assets/javascripts/groundworkcss/plugins/jquery-responsiveTables.js

@@ -0,0 +1,64 @@
+/*
+ *
+ *  jQuery ResponsiveTables by Gary Hepting - https://github.com/ghepting/responsiveTables
+ *  
+ *  Open source under the MIT License. 
+ *
+ *  Copyright © 2013 Gary Hepting. All rights reserved.
+ *
+*/
+
+
+(function() {
+  (function($) {
+    var elems;
+
+    elems = [];
+    $.fn.responsiveTable = function(options) {
+      var settings;
+
+      settings = {
+        compressor: options.compressor || 10,
+        minSize: options.minSize || Number.NEGATIVE_INFINITY,
+        maxSize: options.maxSize || Number.POSITIVE_INFINITY,
+        padding: 2,
+        height: "auto",
+        adjust_parents: true
+      };
+      return this.each(function() {
+        var columns, elem, fontSize, rows;
+
+        elem = $(this);
+        elem.attr('data-compression', settings.compressor);
+        elem.attr('data-min', settings.minSize);
+        elem.attr('data-max', settings.maxSize);
+        elem.attr('data-padding', settings.padding);
+        columns = $("tr", elem).first().children("th, td").length;
+        rows = $("tr", elem).length;
+        if (settings.height !== "auto") {
+          $this.css("height", settings.height);
+          if (settings.adjust_parents) {
+            $this.parents().each(function() {
+              return $(this).css("height", "100%");
+            });
+          }
+        }
+        $("tr th, tr td", elem).css("width", Math.floor(100 / columns) + "%");
+        $("tr th, tr td", elem).css("height", Math.floor(100 / rows) + "%");
+        fontSize = Math.floor(Math.max(Math.min(elem.width() / settings.compressor, parseFloat(settings.maxSize)), parseFloat(settings.minSize)));
+        $("tr th, tr td", elem).css("font-size", fontSize + "px");
+        return elems.push(elem);
+      });
+    };
+    return $(window).on("resize", function() {
+      return $(elems).each(function() {
+        var elem, fontSize;
+
+        elem = $(this);
+        fontSize = Math.floor(Math.max(Math.min(elem.width() / (elem.attr('data-compression')), parseFloat(elem.attr('data-max'))), parseFloat(elem.attr('data-min'))));
+        return $("tr th, tr td", elem).css("font-size", fontSize + "px");
+      });
+    });
+  })(jQuery);
+
+}).call(this);