groundworkcss-rails 0.1 → 0.2

data/lib/generators/groundworkcss/install/templates/groundwork-and-overrides.scss

@@ -4,7 +4,7 @@ $fontAwesomePath:   "../assets/groundworkcss" !default;
 @import "groundworkcss-scss/groundwork";
 
 body {
-	background: url("pw_maze_white.png");	
+	background: url("groundworkcss/pw_maze_white.png");
 }
 
 header{

data/lib/generators/groundworkcss/install/templates/groundwork-and-overrides.scss~

@@ -1,4 +1,6 @@
-$socialPath:   "../groundworkcss/social-icons" !default;
+$socialPath:   "../assets/groundworkcss/social-icons" !default;
+$fontAwesomePath:   "../assets/groundworkcss" !default;
+
 @import "groundworkcss-scss/groundwork";
 
 body {

data/lib/groundworkcss/rails/version.rb

@@ -1,5 +1,5 @@
 module Groundworkcss
 	module Rails
-		VERSION = "0.1"
+		VERSION = "0.2"
 	end
 end

data/lib/groundworkcss/rails/version.rb~

@@ -1,7 +1,5 @@
-module Twitter
-  module Bootstrap
-    module Rails
-      VERSION = "2.2.4"
-    end
-  end
+module Groundworkcss
+	module Rails
+		VERSION = "0.1"
+	end
 end

data/vendor/assets/javascripts/groundworkcss/coffee/groundwork.coffee

@@ -1,6 +1,6 @@
 ###
  *
- *  Groundwork JS by Gary Hepting - https://github.com/groundworkcss/groundwork
+ *  GroundworkCSS JS by Gary Hepting - https://github.com/groundworkcss/groundwork
  *  
  *  Open source under the BSD License. 
  *

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

@@ -0,0 +1,162 @@
+###
+ *
+ *  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 ->
+      unless $(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')
+        unless $(this).hasClass('iframe')
+          $(this).css
+            height: 'auto'
+          $(this).css
+            height: $(this).outerHeight()
+
+
+) jQuery

data/vendor/assets/javascripts/groundworkcss/coffee/plugins/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/coffee/plugins/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