groundworkcss-rails 0.1

data/vendor/assets/javascripts/groundworkcss/plugins/coffee/jquery.modals.coffee

@@ -0,0 +1,161 @@
+###
+ *
+ *  jQuery Modals by Gary Hepting
+ *   https://github.com/ghepting/modal  
+ *
+ *  Based on Avgrund by Hakim El Hattab <3
+ *
+###
+
+(($) ->
+
+  # setup iframe modal
+  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 ->
+    $(this).attr('data-url',$(this).attr('href'))
+    $(this).attr('href','#iframeModal')
+  # bind external modal links to iframe modal
+  $('a.modal').on "click", (e) ->
+    $('div#iframeModal iframe').replaceWith('<iframe marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" src="'+$(this).attr('data-url')+'"></iframe>')
+    e.preventDefault()
+    false
+
+  elems = []
+  $.fn.modal = ->
+
+    @each ->
+      $(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')
+      # bind each modal link to a modal
+      $('[href=#'+$(this).attr('id')+']').on "click", (e) ->
+        modals.open($(this).attr('href'))
+        e.preventDefault()
+        return false
+
+    # close button
+    $('div.modal .close').on "click", ->
+      modals.close()
+    # fullscreen button
+    $('div.modal .fullscreen').on "click", ->
+      modals.fullscreen($(this).parent('div.modal'))
+
+  modals = (->
+
+    # ready state
+    $('html').addClass('modal-ready')
+    
+    # create overlay
+    if $("#overlay").length < 1
+      $('body').append('<div id="overlay"></div>')
+    
+    # bind overlay to close
+    $('#overlay, div.modal .close').bind "click", (e) ->
+      close()
+
+    open = (elem) ->
+      # bind esc key
+      $(window).bind "keydown", (e) ->
+        keyCode = (if (e.which) then e.which else e.keyCode)
+        if keyCode is 27
+          close()
+      $(elem).addClass("active")
+      unless $(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 ->
+        $('html').addClass("modal-active")
+      , 0
+      setTimeout ->
+        $('html').removeClass('modal-ready')
+      , 400
+      return
+
+    close = ->
+      modal = $('div.modal.active')
+      $(window).unbind "keydown"
+      $('html').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')
+      return
+
+    fullscreen = (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
+  )()
+
+  $(window).resize ->
+    $('div.modal.active').each ->
+      $(this).removeClass('active').css(
+        top: '50%',
+        left: '50%',
+        'margin-top': ($(this).outerHeight() / -2) + 'px',
+        'margin-left': ($(this).outerWidth() / -2) + 'px'
+      ).addClass('active')
+      unless $(this).hasClass('iframe')
+        $(this).css
+          height: 'auto'
+        $(this).css
+          height: $(this).outerHeight()
+
+
+) jQuery

data/vendor/assets/javascripts/groundworkcss/plugins/coffee/jquery.popover.coffee

@@ -0,0 +1,198 @@
+###
+ *
+ *  jQuery Popovers by Gary Hepting - https://github.com/ghepting/jquery-popovers
+ *  
+ *  Open source under the BSD License. 
+ *
+ *  Copyright © 2013 Gary Hepting. All rights reserved.
+ *
+###
+
+(($) ->
+  $.fn.popover = (options) ->
+    defaults =
+      hover: false        # show popovers on hover
+      click: true         # show popovers on click
+      resize: true        # resize popovers on window resize/orientation change
+      scroll: true        # reposition popovers on scroll
+      topOffset: 0        # top offset (accomodate for fixed navigation, etc.)
+      delay: 500          # delay before hiding (ms)
+      speed: 100          # animation speed (ms)
+
+    options = $.extend(defaults, options)
+
+    popover = $('#popover')         # popover element
+    delayHide = ''                  # delay
+    delayAdjust = ''                # delay
+    trigger = ''                    # trigger element
+    
+    # get element position relative to the viewport
+    getElementPosition = (el) ->
+      offset = el.offset()
+      win = $(window)
+      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 = (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')
+      popover.removeClass('left')
+
+    setPosition = (trigger, skipAnimation, resize) ->
+      if trigger
+        if resize
+          resetPopover(true)
+        else
+          resetPopover()
+        # get trigger element coordinates
+        coords = getElementPosition(trigger)
+        # popover dimensions
+        if popover.outerWidth() > ($(window).width() - 20)
+          popover.css('width',$(window).width() - 20)
+        # adjust max width of popover
+        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()
+        # horizontal positioning
+        attrs = {}
+        if coords.left <= coords.right        # default position
+          popover.addClass('left')
+          attrs.left = coords.left
+        else                                  # pin from right side
+          popover.addClass('right')
+          attrs.right = coords.right
+        # veritcal positioning
+        if (coords.top-options.topOffset) > (height+20) # top positioned popover
+          popover.addClass('top')
+          attrs.top = trigger.offset().top - height - 20
+        else # bottom positioned popover
+          popover.addClass('bottom')
+          attrs.top = trigger.offset().top + 15
+        popover.css attrs
+        # compensate for adjustment normally made by animation in init_popover()
+        if skipAnimation
+          popover.css
+            top: '+=10'
+
+    closePopover = ->
+      $('.popover-trigger').removeClass('popover-trigger')
+      popover.removeClass('sticky').remove()
+
+    showPopover = (e) ->
+      trigger = $(e.target)       # trigger element
+      if !trigger.hasClass('popover-trigger') 
+        closePopover()              # close popover
+        trigger.addClass('popover-trigger')
+      # set popover content
+      tip = $('#'+trigger.attr('data-content')).html()
+      popover = $("<div id=\"popover\"></div>") # create popover DOM element
+      return false  if not tip or tip is ""
+      # remove title to avoid overlapping default tooltips
+      trigger.removeAttr "title"
+      # add popover element to DOM
+      popover.css("opacity", 0).html(tip).appendTo "body"
+      # initialize popover
+      setPosition(trigger)
+      popover.animate
+        top: "+=10"
+        opacity: 1
+      , options.speed
+
+      # popover click
+      popover.bind "click", (e) ->
+        if(e.target.tagName != 'a')
+          popover.addClass('sticky')
+          e.stopPropagation()
+          e.preventDefault()
+          false
+
+      # close button click
+      popover.find('.close').bind "click", (e) ->
+        $('.popover-trigger').removeClass('popover-trigger')
+        popover.removeClass('sticky').remove()
+        e.stopPropagation()
+        e.preventDefault()
+        false
+
+      # hover into the popover
+      popover.bind
+        mouseenter: ->
+          # cancel closing popover
+          clearTimeout(delayHide)
+        mouseleave: ->
+          if(!popover.hasClass('sticky'))
+            # close popover on a delay if it's not sticky
+            delayHide = setTimeout (->
+              $('.popover-trigger').removeClass('popover-trigger')
+              popover.removeClass('sticky').remove()
+            ), 500
+
+
+    @each ->
+      $this = $(this)
+
+      if options.hover
+        # hover on trigger element
+        $this.bind
+          mouseenter: (e) ->
+            trigger = $(e.target)
+            clearTimeout(delayHide)     # cancel delayed close
+            if(!$this.hasClass('popover-trigger') && !popover.hasClass('sticky'))
+              showPopover(e)            # show popover
+          mouseleave: ->
+            if(!popover.hasClass('sticky'))
+              # delay closing popover
+              delayHide = setTimeout ->
+                closePopover()          #close popover
+              , options.delay
+
+      if options.click
+        # click trigger element
+        $this.bind "click", (e) ->
+          trigger = $(e.target)
+          if(!trigger.hasClass('popover-trigger'))
+            closePopover()            #close popover
+            showPopover(e)            # show popover
+          popover.addClass('sticky')  # make popover sticky
+          e.preventDefault()
+          e.stopPropagation()
+          false
+
+      if options.resize
+        # handle viewport resize
+        $(window).resize ->
+          clearTimeout(delayAdjust)   # cancel delayed adjustment
+          # attempt to wait until user finishes resizing the window
+          delayAdjust = setTimeout ->
+            setPosition(trigger, true, true)
+          , 100
+
+      if options.scroll
+        # handle window scroll
+        $(window).scroll ->
+          setPosition(trigger, true)
+
+      # close popover on body click
+      $('html, body').bind "click", (e) ->
+        $('.popover-trigger').removeClass('popover-trigger')
+        popover.removeClass('sticky').remove()
+
+      
+
+) jQuery

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

@@ -0,0 +1,10 @@
+// Generated by CoffeeScript 1.4.0
+/*
+ *
+ *  jQuery Popovers by Gary Hepting - https://github.com/ghepting/jquery-popovers
+ *  
+ *  Open source under the BSD License. 
+ *
+ *  Copyright © 2013 Gary Hepting. All rights reserved.
+ *
+*/(function(){(function(e){return e.fn.popover=function(t){var n,r,i,s,o,u,a,f,l,c;r={hover:!1,click:!0,resize:!0,scroll:!0,topOffset:0,delay:500,speed:100};t=e.extend(r,t);u=e("#popover");s="";i="";c="";o=function(t){var n,r,i,s,o,u;i=t.offset();u=e(window);return{top:o=i.top-u.scrollTop(),left:r=i.left-u.scrollLeft(),bottom:n=u.height()-o-t.outerHeight(),right:s=u.width()-r-t.outerWidth()}};a=function(e){u.css({top:"auto",right:"auto",bottom:"auto",left:"auto"});e&&u.css({width:"auto"});u.removeClass("top");u.removeClass("right");u.removeClass("bottom");return u.removeClass("left")};f=function(n,r,i){var s,f,l,c;if(n){i?a(!0):a();f=o(n);u.outerWidth()>e(window).width()-20&&u.css("width",e(window).width()-20);u.css("max-width",Math.min(e(window).width()-parseInt(e("body").css("padding-left"))-parseInt(e("body").css("padding-right")),parseInt(u.css("max-width"))));c=u.outerWidth();l=u.outerHeight();s={};if(f.left<=f.right){u.addClass("left");s.left=f.left}else{u.addClass("right");s.right=f.right}if(f.top-t.topOffset>l+20){u.addClass("top");s.top=n.offset().top-l-20}else{u.addClass("bottom");s.top=n.offset().top+15}u.css(s);if(r)return u.css({top:"+=10"})}};n=function(){e(".popover-trigger").removeClass("popover-trigger");return u.removeClass("sticky").remove()};l=function(r){var i;c=e(r.target);if(!c.hasClass("popover-trigger")){n();c.addClass("popover-trigger")}i=e("#"+c.attr("data-content")).html();u=e('<div id="popover"></div>');if(!i||i==="")return!1;c.removeAttr("title");u.css("opacity",0).html(i).appendTo("body");f(c);u.animate({top:"+=10",opacity:1},t.speed);u.bind("click",function(e){if(e.target.tagName!=="a"){u.addClass("sticky");e.stopPropagation();e.preventDefault();return!1}});u.find(".close").bind("click",function(t){e(".popover-trigger").removeClass("popover-trigger");u.removeClass("sticky").remove();t.stopPropagation();t.preventDefault();return!1});return u.bind({mouseenter:function(){return clearTimeout(s)},mouseleave:function(){if(!u.hasClass("sticky"))return s=setTimeout(function(){e(".popover-trigger").removeClass("popover-trigger");return u.removeClass("sticky").remove()},500)}})};return this.each(function(){var r;r=e(this);t.hover&&r.bind({mouseenter:function(t){c=e(t.target);clearTimeout(s);if(!r.hasClass("popover-trigger")&&!u.hasClass("sticky"))return l(t)},mouseleave:function(){if(!u.hasClass("sticky"))return s=setTimeout(function(){return n()},t.delay)}});t.click&&r.bind("click",function(t){c=e(t.target);if(!c.hasClass("popover-trigger")){n();l(t)}u.addClass("sticky");t.preventDefault();t.stopPropagation();return!1});t.resize&&e(window).resize(function(){clearTimeout(i);return i=setTimeout(function(){return f(c,!0,!0)},100)});t.scroll&&e(window).scroll(function(){return f(c,!0)});return e("html, body").bind("click",function(t){e(".popover-trigger").removeClass("popover-trigger");return u.removeClass("sticky").remove()})})}})(jQuery)}).call(this);

data/vendor/assets/javascripts/groundworkcss/plugins/coffee/jquery.responsiveTables.coffee

@@ -0,0 +1,56 @@
+###
+ *
+ *  jQuery ResponsiveTables by Gary Hepting - https://github.com/ghepting/responsiveTables
+ *  
+ *  Open source under the BSD License. 
+ *
+ *  Copyright © 2013 Gary Hepting. All rights reserved.
+ *
+###
+
+(($) ->
+  elems = []
+  $.fn.responsiveTable = (options) ->
+    settings =
+      compressor: options.compressor or 10
+      minSize: options.minSize or Number.NEGATIVE_INFINITY
+      maxSize: options.maxSize or Number.POSITIVE_INFINITY
+      padding: 2
+      height: "auto" # '100%' will fit tables (and containers) to viewport height as well
+      adjust_parents: true # if height specified, force parent elements to be height 100%
+    
+    @each ->
+      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)
+      # count columns
+      columns = $("tr", elem).first().children("th, td").length
+      # count rows
+      rows = $("tr", elem).length
+      unless settings.height is "auto"
+        # set height of table
+        $this.css "height", settings.height
+        # set height of each parent of table
+        if settings.adjust_parents
+          $this.parents().each ->
+            $(this).css "height", "100%"
+      # set column widths
+      $("tr th, tr td", elem).css "width", Math.floor(100 / columns) + "%"
+      # set row heights
+      $("tr th, tr td", elem).css "height", Math.floor(100 / rows) + "%"
+      # set cell font sizes
+      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"
+      # 
+      elems.push elem
+
+  $(window).on "resize", ->
+    $(elems).each ->
+      elem = $(this)
+      # set cell font sizes
+      fontSize = Math.floor(Math.max(Math.min((elem.width() / (elem.attr('data-compression'))), parseFloat(elem.attr('data-max'))), parseFloat(elem.attr('data-min'))))
+      $("tr th, tr td", elem).css "font-size", fontSize + "px"
+
+) jQuery

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

@@ -0,0 +1,10 @@
+// Generated by CoffeeScript 1.4.0
+/*
+ *
+ *  jQuery ResponsiveTables by Gary Hepting - https://github.com/ghepting/responsiveTables
+ *  
+ *  Open source under the BSD License. 
+ *
+ *  Copyright © 2013 Gary Hepting. All rights reserved.
+ *
+*/(function(){(function(e){var t;t=[];e.fn.responsiveTable=function(n){var r;r={compressor:n.compressor||10,minSize:n.minSize||Number.NEGATIVE_INFINITY,maxSize:n.maxSize||Number.POSITIVE_INFINITY,padding:2,height:"auto",adjust_parents:!0};return this.each(function(){var n,i,s,o;i=e(this);i.attr("data-compression",r.compressor);i.attr("data-min",r.minSize);i.attr("data-max",r.maxSize);i.attr("data-padding",r.padding);n=e("tr",i).first().children("th, td").length;o=e("tr",i).length;if(r.height!=="auto"){$this.css("height",r.height);r.adjust_parents&&$this.parents().each(function(){return e(this).css("height","100%")})}e("tr th, tr td",i).css("width",Math.floor(100/n)+"%");e("tr th, tr td",i).css("height",Math.floor(100/o)+"%");s=Math.floor(Math.max(Math.min(i.width()/r.compressor,parseFloat(r.maxSize)),parseFloat(r.minSize)));e("tr th, tr td",i).css("font-size",s+"px");return t.push(i)})};return e(window).on("resize",function(){return e(t).each(function(){var t,n;t=e(this);n=Math.floor(Math.max(Math.min(t.width()/t.attr("data-compression"),parseFloat(t.attr("data-max"))),parseFloat(t.attr("data-min"))));return e("tr th, tr td",t).css("font-size",n+"px")})})})(jQuery)}).call(this);

data/vendor/assets/javascripts/groundworkcss/plugins/coffee/jquery.responsiveText.coffee

@@ -0,0 +1,32 @@
+###
+ *
+ *  jQuery ResponsiveText by Gary Hepting - https://github.com/ghepting/responsiveText
+ *  
+ *  Open source under the BSD License. 
+ *
+ *  Copyright © 2013 Gary Hepting. All rights reserved.
+ *
+###
+
+(($) ->
+  elems = []
+  $.fn.responsiveText = (options) ->
+    settings =
+      compressor: options.compressor or 10
+      minSize: options.minSize or Number.NEGATIVE_INFINITY
+      maxSize: options.maxSize or Number.POSITIVE_INFINITY
+
+    @each ->
+    	elem = $(this)
+    	elem.attr('data-compression',settings.compressor)
+    	elem.attr('data-min',settings.minSize)
+    	elem.attr('data-max',settings.maxSize)
+    	elem.css "font-size", Math.floor(Math.max(Math.min(elem.width() / (settings.compressor), parseFloat(settings.maxSize)), parseFloat(settings.minSize)))
+    	elems.push elem
+
+  $(window).on "resize", ->
+   	$(elems).each ->
+   		elem = $(this)
+   		elem.css "font-size", Math.floor(Math.max(Math.min(elem.width() / (elem.attr('data-compression')), parseFloat(elem.attr('data-max'))), parseFloat(elem.attr('data-min'))))
+
+) jQuery