groundworkcss-rails 0.2.1 → 0.2.2

data/app/helpers/breadcrumbs_helper.rb~

@@ -0,0 +1,5 @@
+module TwitterBreadcrumbsHelper
+  def render_breadcrumbs(divider = '/')
+    render :partial => 'twitter-bootstrap/breadcrumbs', :locals => { :divider => divider }
+  end
+end

data/app/helpers/flash_block_helper.rb~

@@ -0,0 +1,18 @@
+module FlashBlockHelper
+  def flash_block
+    output = ''
+    flash.each do |type, message|
+      output += flash_container(type, message)
+    end
+
+    raw(output)
+  end
+
+  def flash_container(type, message)
+  	# Types: important, success, warning, error
+  	#<p class="warning message">This is a warning message.</p>
+    raw(content_tag(:p, :class => "message #{type}") do
+      message
+    end)
+  end
+end

data/app/helpers/flash_helper.rb~

@@ -0,0 +1,21 @@
+module GroundworkFlashHelper
+  ALERT_TYPES = [:error, :success, :warning]
+
+  def groundwork_flash
+    flash_messages = []
+    flash.each do |type, message|
+      next if message.blank?
+      
+      type = :success if type == :notice
+      type = :error   if type == :alert
+      next unless ALERT_TYPES.include?(type)
+
+      Array(message).each do |msg|
+        text = content_tag(:p,
+                           msg.html_safe, :class => "message #{type}")
+        flash_messages << text if message
+      end
+    end
+    flash_messages.join("\n").html_safe
+  end
+end

data/app/helpers/groundwork_flash_helper.rb~

@@ -0,0 +1,21 @@
+module GroundworkFlashHelper
+  ALERT_TYPES = [:error, :success, :warning]
+
+  def bootstrap_flash
+    flash_messages = []
+    flash.each do |type, message|
+      next if message.blank?
+      
+      type = :success if type == :notice
+      type = :error   if type == :alert
+      next unless ALERT_TYPES.include?(type)
+
+      Array(message).each do |msg|
+        text = content_tag(:p,
+                           msg.html_safe, :class => "message #{type}")
+        flash_messages << text if message
+      end
+    end
+    flash_messages.join("\n").html_safe
+  end
+end

data/app/helpers/modal_helper.rb~

@@ -0,0 +1,42 @@
+module ModalHelper
+  def modal_dialog(options = {}, escape = true, &block)
+    default_options = {:class => "bootstrap-modal modal"}
+    content_tag :div, nil, options.merge(default_options), escape, &block
+  end
+
+  def modal_header(options = {}, escape = true, &block)
+    default_options = {:class => 'modal-header'}
+    content_tag :div, nil, options.merge(default_options), escape do
+      raw("<button class=\"close\" data-dismiss=\"modal\">&times;</button>" + capture(&block))
+    end
+  end
+
+  def modal_body(options = {}, escape = true, &block)
+    default_options = {:class => 'modal-body'}
+    content_tag :div, nil, options.merge(default_options), escape, &block
+  end
+
+  def modal_footer(options = {}, escape = true, &block)
+    default_options = {:class => 'modal-footer'}
+    content_tag :div, nil, options.merge(default_options), escape, &block
+  end
+
+  def modal_toggle(content_or_options = nil, options = {}, &block)
+    if block_given?
+      options = content_or_options if content_or_options.is_a?(Hash)
+      default_options = {:class => 'btn', "data-toggle" => "modal", "href" => options[:dialog]}.merge(options)
+
+      content_tag :a, nil, default_options, true, &block
+    else
+      default_options = {:class => 'btn', "data-toggle" => "modal", "href" => options[:dialog]}.merge(options)
+      content_tag :a, content_or_options, default_options, true
+    end
+  end
+
+  def modal_cancel_button content, options = {}
+    default_options = {:class => "btn bootstrap-modal-cancel-button"}
+
+    content_tag_string "a", content, default_options.merge(options)
+  end
+end
+

data/app/helpers/social_glyph_helper.rb~

@@ -0,0 +1,12 @@
+module SocialGlyphHelper
+  # ==== Examples
+  # social_glyph(:dropbox, :large)
+  # # => <i class="social-icon dropbox large"></i>
+  # social_glyph(:dropbox)
+  # # => <i class="social-icon dropbox"></i>
+
+  def social_glyph(icon, size)
+  	content_tag :i, nil, :class => "social-icon #{icon} #{size unless size.nil?}"
+  end
+end
+

data/lib/generators/groundworkcss/install/install_generator.rb~

@@ -0,0 +1,44 @@
+require 'rails/generators'
+
+module Groundworkcss
+  module Generators
+    class InstallGenerator < ::Rails::Generators::Base
+
+      source_root File.expand_path("../templates", __FILE__)
+      desc "This generator installs GroundworkCSS to Asset Pipeline"
+      argument :stylesheets_type, :type => :string, :default => 'less', :banner => '*less or static'
+
+      def add_assets
+
+        if File.exist?('app/assets/javascripts/application.js')
+          insert_into_file "app/assets/javascripts/application.js", "//= require groundwork\n", :after => "jquery_ujs\n"
+        else
+          copy_file "application.js", "app/assets/javascripts/application.js"
+        end
+
+        if File.exist?('app/assets/stylesheets/application.css')
+					style_require_block = " *= require groundwork-and-overrides\n"
+					insert_into_file "app/assets/stylesheets/application.css", style_require_block, :after => "require_self\n"
+        else
+          copy_file "application.css", "app/assets/stylesheets/application.css"
+        end
+        
+        copy_file "groundwork-and-overrides.scss", "app/assets/stylesheets/groundwork-and-overrides.scss" 
+
+      end
+
+      def add_javascript 	
+        if use_coffeescript?
+          copy_file "groundwork.coffee", "app/assets/javascripts/groundwork.js.coffee"
+        else
+          copy_file "groundwork.js", "app/assets/javascripts/groundwork.js"
+        end
+      end
+      
+		private
+      def use_coffeescript?
+        ::Rails.configuration.app_generators.rails[:javascript_engine] == :coffee
+      end
+    end
+  end
+end

data/lib/generators/groundworkcss/install/templates/application.css.scss~

@@ -0,0 +1,8 @@
+/*
+ * This is a manifest file that'll automatically include all the stylesheets available in this directory
+ * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
+ * the top of the compiled file, but it's generally better to create a new file per style scope.
+ *= require_self
+ *= require groundworkscss/groundwork
+ *= require_tree .
+*/

data/lib/generators/groundworkcss/install/templates/application.css~

@@ -0,0 +1,7 @@
+/*
+ * This is a manifest file that'll automatically include all the stylesheets available in this directory
+ * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
+ * the top of the compiled file, but it's generally better to create a new file per style scope.
+ *= require_self
+ *= require_tree .
+*/

data/lib/generators/groundworkcss/install/templates/application.js~

@@ -0,0 +1,10 @@
+// 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 twitter/bootstrap
+//= require_tree .

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

@@ -0,0 +1,12 @@
+$socialPath:   "../assets/groundworkcss/social-icons" !default;
+$fontAwesomePath:   "../assets/groundworkcss" !default;
+
+@import "groundworkcss-scss/groundwork";
+
+body {
+	background: url("pw_maze_white.png");	
+}
+
+header{
+	background: white;
+}

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

@@ -0,0 +1,7 @@
+body {
+	background: url("pw_maze_white.png");	
+}
+
+header{
+	background: white;
+}

data/lib/generators/groundworkcss/install/templates/groundwork.js~

@@ -0,0 +1 @@
+

data/lib/generators/groundworkcss/layout/layout_generator.rb~

@@ -14,7 +14,7 @@ module Groundworkcss
         ext = app.config.generators.options[:rails][:template_engine] || :erb
         template "layout.html.#{ext}", "app/views/layouts/#{layout_name}.html.#{ext}"
         copy_file "_sidebar.html.#{ext}", "app/views/layouts/_sidebar.html.#{ext}"
-        copy_file "_header.html.#{ext}", "app/views/layouts/_header.html.#{ext}"        
+        copy_file "_header.html.#{ext}", "app/views/layouts/_sidebar.html.#{ext}"        
       end
     end
   end

data/lib/generators/groundworkcss/layout/templates/_header.html.erb~

@@ -0,0 +1,24 @@
+<header class="white band padded">
+	<div class="container pad-top">
+		<div class="row">
+			<div class="one third padded">
+			
+				<h1 class="responsive">
+					<a href="#">
+						<%= ::Rails.application.class.to_s.split("::").first %>
+					</a>
+				</h1>
+					
+			</div>
+			<div class="two thirds padded">
+				<nav class="inline pull-right pad-top">
+					<ul>
+						<li><a href="#">Link 1</a></li>
+						<li><a href="#">Link 2</a></li>
+						<li><a href="#">Link 3</a></li>
+					</ul>
+				</nav>
+			</div>
+		</div>
+	</div>
+</header>

data/lib/generators/groundworkcss/layout/templates/_sidebar.html.erb~

@@ -0,0 +1,18 @@
+<% if content_for?(:nav) || content_for?(:sidebar)%>
+	<aside class="one fifth padded border-right">
+		<% if content_for? :nav %>
+			<h3>Navigation</h3>        	
+			<nav>
+				<ul>
+					<%= yield :nav%>
+				</ul>
+			</nav>
+		<%end%>
+		
+		<br/>
+		
+		<% if content_for? :sidebar%>
+			<%= yield :sidebar%>
+		<%end%>
+	</aside>
+<%end%>

data/lib/generators/groundworkcss/layout/templates/layout.html.erb~

@@ -0,0 +1,44 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
+    <title><%%= content_for?(:title) ? yield(:title) : "<%= app_name %>" %></title>
+    <%%= csrf_meta_tags %>
+
+    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
+    <!--[if lt IE 9]>
+      <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js" type="text/javascript"></script>
+    <![endif]-->    
+    <%%= stylesheet_link_tag "application", :media => "all" %>
+  </head>
+	<body>
+		
+		<%%= render :partial => "layouts/header"%>
+		
+		<div class="container">		
+			<div class="row">
+				<%%= render :partial => "layouts/sidebar"%>
+	
+				<section class="
+					<%%if content_for?(:sidebar) || content_for?(:nav)%>
+						four fifths
+					<%%end%>
+					padded">
+						
+					<%%= groundwork_flash %>
+				
+					<%%= yield %>
+					
+				</section>
+			</div>
+	
+			<footer class="footer align-center">
+				<p>&copy; Company 2013</p>
+			</footer>
+	
+		</div> <!-- /container -->
+		<%%= javascript_include_tag "application" %>
+  </body>
+</html>

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

@@ -0,0 +1,2 @@
+require "twitter/bootstrap/rails/engine"
+require "twitter/bootstrap/rails/version"

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

@@ -0,0 +1,30 @@
+require 'rails'
+
+require File.dirname(__FILE__) + '/../../../app/helpers/flash_block_helper.rb'
+require File.dirname(__FILE__) + '/../../../app/helpers/glyph_helper.rb'
+require File.dirname(__FILE__) + '/../../../app/helpers/social_glyph_helper.rb'
+
+module Groundworkcss
+	module Rails
+		class Engine < ::Rails::Engine
+			initializer 'groundworkcss-rails.setup',
+				:after => 'less-rails.after.load_config_initializers',
+				:group => :all do |app|
+					if defined?(Less)
+						app.config.less.paths << File.join(config.root, 'vendor', 'toolkit')
+					end
+				end
+
+			initializer 'groundworkcss-rails.setup_helpers' do |app|
+				app.config.to_prepare do
+					ActionController::Base.send :include, BreadCrumbs
+					ActionController::Base.send :helper, FlashBlockHelper
+					ActionController::Base.send :helper, ModalHelper
+					ActionController::Base.send :helper, GlyphHelper
+					ActionController::Base.send :helper, SocialGlyphHelper
+					#ActionController::Base.send :helper_method, :render_breadcrumbs
+				end
+			end
+		end
+	end
+end

data/lib/groundworkcss/rails/version.rb

@@ -1,5 +1,5 @@
 module Groundworkcss
 	module Rails
-		VERSION = "0.2.1"
+		VERSION = "0.2.2"
 	end
 end

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

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

data/lib/twitter-bootstrap-rails.rb~

@@ -0,0 +1,10 @@
+module Twitter
+  module Bootstrap
+      module Rails
+        require 'twitter/bootstrap/rails/engine' if defined?(Rails)
+      end
+   end
+end
+
+#require 'less-rails'
+require 'twitter/bootstrap/rails/bootstrap' if defined?(Rails)

data/vendor/assets/javascripts/groundwork.js~

@@ -0,0 +1,8 @@
+//= require_tree ./libs
+//= require ./plugins/jquery.modals.js
+//= require ./plugins/jquery.orbit-1.4.0.js
+//= require ./plugins/jquery.popover.js
+//= require ./plugins/jquery.responsiveTables.js
+//= require ./plugins/jquery.responsiveText.js
+//= require ./plugins/jquery.tooltip.js
+//= require ./groundwork_ujs.js

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

@@ -1,4 +1,4 @@
-// Generated by CoffeeScript 1.4.0
+// Generated by CoffeeScript 1.6.1
 
 /*
  *
@@ -241,7 +241,7 @@
 
   (function($) {
     return $.fn.tooltip = function(options) {
-      var closetooltip, defaults, delayShow, getElementPosition, setPosition, showtooltip, tooltip, trigger;
+      var closetooltip, defaults, delayShow, getElementPosition, resettooltip, setPosition, showtooltip, tooltip, trigger;
       defaults = {
         topOffset: 0,
         delay: 100,
@@ -251,6 +251,10 @@
       tooltip = $('#tooltip');
       delayShow = '';
       trigger = '';
+      if ($('#tooltip').length !== 1) {
+        tooltip = $("<div id=\"tooltip\"></div>");
+        tooltip.appendTo("body").hide();
+      }
       getElementPosition = function(el) {
         var bottom, left, offset, right, top, win;
         offset = el.offset();
@@ -288,22 +292,32 @@
         }
         return tooltip.css(attrs);
       };
+      resettooltip = function() {
+        return tooltip.text('').removeClass('left right top bottom').css({
+          left: 'auto',
+          right: 'auto',
+          top: 'auto',
+          bottom: 'auto',
+          width: 'auto',
+          'padding-left': 'auto',
+          'padding-right': 'auto'
+        });
+      };
       closetooltip = function() {
-        tooltip.stop().remove();
+        tooltip.stop().hide();
+        resettooltip();
         return $('[role=tooltip]').removeClass('on');
       };
       showtooltip = function(trigger) {
-        closetooltip();
         clearTimeout(delayShow);
         return delayShow = setTimeout(function() {
-          if ($('#tooltip').length !== 1) {
-            $('#tooltip').remove();
-            tooltip = $("<div id=\"tooltip\"></div>");
-            tooltip.appendTo("body");
-          }
-          tooltip.css("opacity", 0).text(trigger.attr('data-title'));
+          tooltip.css({
+            "opacity": 0,
+            "display": "block"
+          }).text(trigger.attr('data-title'));
           setPosition(trigger);
           trigger.addClass('on');
+          console.log(tooltip.css('display'));
           return tooltip.animate({
             top: "+=10",
             opacity: 1
@@ -341,213 +355,6 @@
     };
   })(jQuery);
 
-  /* --------------------------------------------
-       Begin jquery.popover.coffee
-  --------------------------------------------
-  */
-
-
-  /*
-   *
-   *  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($) {
-    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);
-
   /* --------------------------------------------
        Begin jquery.responsiveText.coffee
   --------------------------------------------