toolsmith 0.0.9

data/CHANGELOG.md

@@ -0,0 +1,38 @@
+# Changelog
+
+## v0.0.9
+
+* Fix Definition List to include `dl-horizontal` class.
+* Fix Page Header to be wrapped in a `page-header` class.
+
+## v0.0.8
+
+* Add default variable definitions.
+
+## v0.0.7
+
+* Allow rows, fullwidth columns, and page headers to get fluid-rows.
+
+## v0.0.6
+
+* Change functionality of Page Headers. Not backwards compatible.
+
+## v0.0.5
+
+* Fixes bug that broke JavaScripts
+
+## v0.0.4
+
+* Move stylesheets to app from vendor
+
+## v0.0.3
+
+* Change SCSS files to have .css.scss extension
+
+## v0.0.2
+
+* Misc. improvements
+
+## v0.0.1
+
+* Initial release

data/README.md

@@ -0,0 +1,49 @@
+# Toolsmith
+
+A crafty tool to craft crafty UI's.
+
+### Install
+
+In your gemfile, specify the private gem source. You can find our private source in http://know.gophilosophie.com
+
+```ruby
+if ENV["TOOLSMITH_GEM_URL"]
+  source ENV["TOOLSMITH_GEM_URL"]
+else
+  raise "Missing ENV var \"TOOLSMITH_GEM_URL\". Please see the README"
+end
+
+```
+
+In your projects gemfile, slap this in there:
+
+```
+gem "toolsmith", "~> 0.0.1"
+```
+
+Then...
+
+```bundle install```
+
+Profit.
+
+
+### Usage
+
+When including toolsmith CSS and JS, you automatically get Bootstrap for free.
+
+#### CSS
+
+In your application.scss file, include an import directive like so:
+
+```sass
+import "toolsmith";
+```
+
+You also have ```toolsmith-responsive``` has an option.
+
+#### Javascript
+
+```js
+#= require toolsmith
+```

data/Rakefile

@@ -0,0 +1,6 @@
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+task default: :spec
+
+RSpec::Core::RakeTask.new(:spec)

data/app/assets/javascripts/toolsmith.coffee

@@ -0,0 +1 @@
+#= require bootstrap

data/app/assets/stylesheets/toolsmith-responsive.css.scss

@@ -0,0 +1,3 @@
+@import "toolsmith/variables";
+@import "bootstrap";
+@import "bootstrap-responsive";

data/app/assets/stylesheets/toolsmith.css.scss

@@ -0,0 +1,2 @@
+@import "toolsmith/variables";
+@import "bootstrap";

data/app/assets/stylesheets/toolsmith/_variables.scss

@@ -0,0 +1,217 @@
+$black: #000;
+$grayDarker:  #222;
+$grayDark:  #333;
+$gray:  #555;
+$grayLight: #999;
+$grayLighter: #eee;
+$white: #fff;
+
+$blue:  #049cdb;
+$blueDark:  #0064cd;
+$green: #46a546;
+$red: #9d261d;
+$yellow:  #ffc40d;
+$orange:  #f89406;
+$pink:  #c3325f;
+$purple:  #7a43b6;
+
+$bodyBackground:  rgb(255, 255, 255);
+$textColor: $grayDark;
+
+$linkColor: #E22D60;
+$linkColorHover:  darken($linkColor, 15%);
+
+
+$sansFontFamily:  "Helvetica Neue", Helvetica, Arial, sans-serif;
+$serifFontFamily: Georgia, "Times New Roman", Times, serif;
+$monoFontFamily:  Monaco, Menlo, Consolas, "Courier New", monospace;
+
+$baseFontSize:  14px;
+$baseFontFamily:  $sansFontFamily;
+$baseLineHeight:  20px;
+$altFontFamily: $serifFontFamily;
+
+$headingsFontFamily:  inherit;
+$headingsFontWeight:  bold;
+$headingsColor: inherit;
+
+$fontSizeLarge: $baseFontSize * 1.25;
+$fontSizeSmall: $baseFontSize * 0.85;
+$fontSizeMini:  $baseFontSize * 0.75;
+
+$paddingLarge:  11px 19px;
+$paddingSmall:  2px 10px;
+$paddingMini: 0 6px;
+
+$baseBorderRadius:  4px;
+$borderRadiusLarge: 6px;
+$borderRadiusSmall: 3px;
+
+$tableBackground: transparent;
+$tableBackgroundAccent: #f9f9f9;
+$tableBackgroundHover:  #f5f5f5;
+$tableBorder: #ddd;
+
+$btnBackground: $white;
+$btnBackgroundHighlight:  darken($white, 10%);
+$btnBorder: #bbb;
+
+$btnPrimaryBackground:  #6d6d6d;
+$btnPrimaryBackgroundHighlight: darken($btnPrimaryBackground, 10%);
+
+$btnInfoBackground: #6d6d6d;
+$btnInfoBackgroundHighlight:  darken($btnInfoBackground, 10%);
+
+$btnSuccessBackground:  #6d6d6d;
+$btnSuccessBackgroundHighlight: darken($btnSuccessBackground, 10%);
+
+$btnWarningBackground:  #E22D60;
+$btnWarningBackgroundHighlight: darken($btnWarningBackground, 10%);
+
+$btnDangerBackground: #E22D60;
+$btnDangerBackgroundHighlight:  darken($btnDangerBackground, 10%);
+
+$btnInverseBackground:  #444;
+$btnInverseBackgroundHighlight: $grayDarker;
+
+$inputBackground: $white;
+$inputBorder: #ccc;
+$inputBorderRadius: $baseBorderRadius;
+$inputDisabledBackground: $grayLighter;
+$formActionsBackground: #f5f5f5;
+$inputHeight: $baseLineHeight + 10px;
+
+$dropdownBackground:  $white;
+$dropdownBorder:  rgba(0,0,0,.2);
+$dropdownDividerTop:  #e5e5e5;
+$dropdownDividerBottom: $white;
+
+$dropdownLinkColor: #6d6d6d;
+$dropdownLinkColorHover:  $white;
+$dropdownLinkColorActive: $white;
+
+$dropdownLinkBackgroundActive:  #E22D60;
+$dropdownLinkBackgroundHover: #E22D60;
+
+$zindexDropdown:  1000;
+$zindexPopover: 1010;
+$zindexTooltip: 1030;
+$zindexFixedNavbar: 1030;
+$zindexModalBackdrop: 1040;
+$zindexModal: 1050;
+
+$placeholderText: $grayLight;
+
+$hrBorder:  $grayLighter;
+$horizontalComponentOffset: 180px;
+
+$wellBackground:  #f5f5f5;
+
+$navbarCollapseWidth: 900px;
+$navbarCollapseDesktopWidth:  $navbarCollapseWidth + 1;
+
+$navbarHeight:  40px;
+$navbarBackgroundHighlight: #202020;
+$navbarBackground:  darken($navbarBackgroundHighlight, 5%);
+$navbarBorder:  darken($navbarBackground, 12%);
+
+$navbarText:  #E22D60;
+$navbarLinkColor: #6d6d6d;
+$navbarLinkColorHover:  #aaaaaa;
+$navbarLinkColorActive: #E22D60;
+$navbarLinkBackgroundHover: transparent;
+$navbarLinkBackgroundActive:  darken($navbarBackground, 5%);
+
+$navbarBrandColor:  #E22D60;
+
+$navbarInverseBackground: #111111;
+$navbarInverseBackgroundHighlight:  #222222;
+$navbarInverseBorder: #252525;
+
+$navbarInverseText: $grayLight;
+$navbarInverseLinkColor:  $navbarLinkColor;
+$navbarInverseLinkColorHover: $navbarLinkColorHover;
+$navbarInverseLinkColorActive:  $navbarLinkColorActive;
+$navbarInverseLinkBackgroundHover:  transparent;
+$navbarInverseLinkBackgroundActive: $navbarInverseBackground;
+
+$navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%);
+$navbarInverseSearchBackgroundFocus:  $white;
+$navbarInverseSearchBorder: $navbarInverseBackground;
+$navbarInverseSearchPlaceholderColor: #ccc;
+
+$navbarInverseBrandColor: $navbarBrandColor;
+
+
+// Pagination
+// -------------------------
+$paginationBackground:  #fff;
+$paginationBorder:  #ddd;
+$paginationActiveBackground:  #f5f5f5;
+
+
+// Hero unit
+// -------------------------
+$heroUnitBackground:  #F5F5F5;
+$heroUnitHeadingColor:  inherit;
+$heroUnitLeadColor: inherit;
+
+
+// Form states and alerts
+// -------------------------
+$warningText: #c09853;
+$warningBackground: #fcf8e3;
+$warningBorder: darken(adjust-hue($warningBackground, -10), 3%);
+
+$errorText: #E22D60;
+$errorBackground: #f9e3e9;
+$errorBorder: darken(adjust-hue($errorBackground, -10), 3%);
+
+$successText: #333333;
+$successBackground: #ededed;
+$successBorder: darken(adjust-hue($successBackground, -10), 5%);
+
+$infoText:  #333333;
+$infoBackground:  #ededed;
+$infoBorder:  darken(adjust-hue($infoBackground, -10), 7%);
+
+
+// Tooltips and popovers
+// -------------------------
+$tooltipColor:  #fff;
+$tooltipBackground: #000;
+$tooltipArrowWidth: 5px;
+$tooltipArrowColor: $tooltipBackground;
+
+$popoverBackground: #fff;
+$popoverArrowWidth: 10px;
+$popoverArrowColor: #fff;
+$popoverTitleBackground:  darken($popoverBackground, 3%);
+
+// Special enhancement for popovers
+$popoverArrowOuterWidth:  $popoverArrowWidth + 1;
+$popoverArrowOuterColor:  rgba(0,0,0,.25);
+
+
+$gridColumns: 12;
+$gridColumnWidth: 60px;
+$gridGutterWidth: 20px;
+$gridRowWidth:  ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
+
+$gridColumnWidth1200: 70px;
+$gridGutterWidth1200: 30px;
+$gridRowWidth1200:  ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1));
+
+$gridColumnWidth768:  42px;
+$gridGutterWidth768:  20px;
+$gridRowWidth768: ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1));
+
+
+$fluidGridColumnWidth:  percentage($gridColumnWidth/$gridRowWidth);
+$fluidGridGutterWidth:  percentage($gridGutterWidth/$gridRowWidth);
+
+$fluidGridColumnWidth1200:  percentage($gridColumnWidth1200/$gridRowWidth1200);
+$fluidGridGutterWidth1200:  percentage($gridGutterWidth1200/$gridRowWidth1200);
+
+$fluidGridColumnWidth768: percentage($gridColumnWidth768/$gridRowWidth768);
+$fluidGridGutterWidth768: percentage($gridGutterWidth768/$gridRowWidth768);

data/lib/tasks/toolsmith_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :toolsmith do
+#   # Task goes here
+# end

data/lib/toolsmith.rb

@@ -0,0 +1,17 @@
+require "toolsmith/view_helpers"
+require "compass-rails"
+require "bootstrap-sass"
+require "toolsmith/engine" if defined?(Rails) && Rails.version >= "3.1"
+
+require "toolsmith/core_ext/array"
+
+module Toolsmith
+  module Views
+    autoload :Base, "toolsmith/views/base"
+    autoload :PageHeader, "toolsmith/views/page_header"
+    autoload :FlashDiv, "toolsmith/views/flash_div"
+    autoload :DefinitionList, "toolsmith/views/definition_list"
+  end
+
+  MissingParameter = Class.new(StandardError)
+end

data/lib/toolsmith/core_ext/array.rb

@@ -0,0 +1,6 @@
+class Array
+  # Joins an array of HTML-safe strings
+  def html_join
+    inject("".html_safe, :+)
+  end
+end

data/lib/toolsmith/engine.rb

@@ -0,0 +1,9 @@
+module Toolsmith
+  class Engine < ::Rails::Engine
+    initializer "toolsmith.view_extension" do
+      ActiveSupport.on_load(:action_view) do
+        include Toolsmith::ViewHelpers
+      end
+    end
+  end
+end

data/lib/toolsmith/helpers/bootstrap_helpers.rb

@@ -0,0 +1,19 @@
+module Toolsmith
+  module ViewHelpers
+    module BootstrapHelpers
+      FLASH_LEVELS = [:success, :error, :notice]
+
+      def form_actions(&block)
+        content_tag(:div, class: "form-actions", &block)
+      end
+
+      def flash_divs
+        FLASH_LEVELS.map { |l| flash_div(l).to_s }.join.html_safe
+      end
+
+      def flash_div(level)
+        Toolsmith::Views::FlashDiv.new(self, level)
+      end
+    end
+  end
+end

data/lib/toolsmith/helpers/definition_list_helpers.rb

@@ -0,0 +1,11 @@
+module Toolsmith
+  module ViewHelpers
+    module DefinitionListHelpers
+      def definitions(&block)
+        definition_list = Toolsmith::Views::DefinitionList.new(self)
+        yield definition_list if block_given?
+        definition_list
+      end
+    end
+  end
+end

data/lib/toolsmith/helpers/grid_helpers.rb

@@ -0,0 +1,23 @@
+module Toolsmith
+  module ViewHelpers
+    module GridHelpers
+      def row(options={}, &block)
+        row_class = options[:fluid] ? "row-fluid" : "row"
+        content_tag(:div, class: row_class, &block)
+      end
+
+      def column(width, options = {}, &block)
+        classes = %W[span#{width}]
+        classes << "offset#{options[:offset]}" if options[:offset]
+
+        content_tag(:div, class: classes,  &block)
+      end
+
+      def full_width_column(options={}, &block)
+        row(options) do
+          column(12, &block)
+        end
+      end
+    end
+  end
+end

data/lib/toolsmith/helpers/page_header_helpers.rb

@@ -0,0 +1,17 @@
+module Toolsmith
+  module ViewHelpers
+    module PageHeaderHelpers
+      def page_header(title, *args, &block)
+        options = args.extract_options!
+        subtitle = args.first
+
+        header = Toolsmith::Views::PageHeader.new(self, title, subtitle)
+        yield header if block_given?
+
+        full_width_column(options) do
+          header.to_s
+        end
+      end
+    end
+  end
+end

data/lib/toolsmith/version.rb

@@ -0,0 +1,3 @@
+module Toolsmith
+  VERSION = "0.0.9"
+end

data/lib/toolsmith/view_helpers.rb

@@ -0,0 +1,13 @@
+require "toolsmith/helpers/bootstrap_helpers"
+require "toolsmith/helpers/grid_helpers"
+require "toolsmith/helpers/page_header_helpers"
+require "toolsmith/helpers/definition_list_helpers"
+
+module Toolsmith
+  module ViewHelpers
+    include BootstrapHelpers
+    include GridHelpers
+    include PageHeaderHelpers
+    include DefinitionListHelpers
+  end
+end

data/lib/toolsmith/views/base.rb

@@ -0,0 +1,27 @@
+module Toolsmith
+  module Views
+    class Base
+      attr_reader :context
+
+      def initialize(context, &block)
+        @context = context
+
+        if block_given?
+          block.arity > 0 ? block.call(self) : yield
+        end
+      end
+
+      def content_tag(*args, &block)
+        context.content_tag(*args, &block)
+      end
+
+      private
+
+      def missing_parameter(key, params)
+        unless params[key]
+          raise Toolsmith::MissingParameter, "Missing parameter: #{key}"
+        end
+      end
+    end
+  end
+end

data/lib/toolsmith/views/definition_list.rb

@@ -0,0 +1,27 @@
+module Toolsmith
+  module Views
+    class DefinitionList < Base
+      Definition = Struct.new(:term, :description)
+
+      def definitions
+        @definitions ||= []
+      end
+
+      def define(term, description)
+        definitions << Definition.new(term, description)
+      end
+
+      def to_s
+        content_tag :dl, list_body, class: "dl-horizontal"
+      end
+
+      private
+
+      def list_body
+        definitions.map do |definition|
+          "#{content_tag :dt, definition.term}#{content_tag :dd, definition.description}".html_safe
+        end.html_join
+      end
+    end
+  end
+end

data/lib/toolsmith/views/flash_div.rb

@@ -0,0 +1,51 @@
+module Toolsmith
+  module Views
+    class FlashDiv < Base
+      LEVEL_MAPPING = {
+        error: :error, 
+        success: :success, 
+        notice: :info
+      }
+
+      attr_reader :level
+      attr_reader :view_level
+
+      def initialize(context, level)
+        super(context)
+        @level = level
+        @view_level = LEVEL_MAPPING[level]
+      end
+
+      def to_s
+        if context.flash[level].present?
+          container do
+            close_link + context.flash[level].html_safe
+          end
+        end
+      end
+
+      def close_link
+        context.link_to(
+          close_link_text,
+          "#",
+          class: "close",
+          data: {
+            dismiss: "alert"
+          }
+        )
+      end
+
+      def container
+        context.full_width_column do
+          content_tag :div, class: "alert alert-#{view_level}" do
+            yield
+          end
+        end
+      end
+
+      def close_link_text
+        context.raw("&times;")
+      end
+    end
+  end
+end

data/lib/toolsmith/views/page_header.rb

@@ -0,0 +1,56 @@
+module Toolsmith
+  module Views
+    class PageHeader < Base
+      attr_accessor :title, :subtitle, :options
+
+      def initialize(context, title, *args)
+        super(context)
+
+        @options = args.extract_options!
+        @title = title
+        @subtitle = args.first
+      end
+
+      def button(options)
+        [:title, :icon, :path].each { |param| missing_parameter(param, options) }
+        buttons << options
+      end
+
+      def button_markup(options)
+        anchor_options = options.fetch(:anchor, {})
+        context.link_to options[:path], anchor_options.merge(class: "btn"), title: options[:title] do
+          content_tag :i, "", class: "icon-#{options[:icon]}"
+        end
+      end
+
+      def buttons
+        @buttons ||= []
+      end
+
+      def full_title
+        subtitle ? "#{ERB::Util.h(title)} #{content_tag(:small, self.subtitle)}".html_safe : ERB::Util.h(title)
+      end
+
+      def to_s
+        content_tag :div, h1_tag, class: "page-header"
+      end
+
+      private
+
+      def h1_tag
+        content_tag(:h1) do
+          content_tag(:div, button_group, class: "pull-right") +
+            full_title
+        end
+      end
+
+      def button_group
+        content_tag(:div, class: "btn-group") do
+          buttons.map do |button|
+            button_markup(button)
+          end.html_join
+        end
+      end
+    end
+  end
+end

metadata

@@ -0,0 +1,195 @@
+--- !ruby/object:Gem::Specification
+name: toolsmith
+version: !ruby/object:Gem::Version
+  version: 0.0.9
+  prerelease: 
+platform: ruby
+authors:
+- Robert Ross
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-02-01 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 3.2.11
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 3.2.11
+- !ruby/object:Gem::Dependency
+  name: compass-rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 1.0.3
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 1.0.3
+- !ruby/object:Gem::Dependency
+  name: bootstrap-sass
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 2.2.2.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 2.2.2.0
+- !ruby/object:Gem::Dependency
+  name: rspec-rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 2.11.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 2.11.0
+- !ruby/object:Gem::Dependency
+  name: guard-rspec
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 2.3.3
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 2.3.3
+- !ruby/object:Gem::Dependency
+  name: rb-fsevent
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.9.1
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.9.1
+- !ruby/object:Gem::Dependency
+  name: nokogiri
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 1.5.6
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 1.5.6
+- !ruby/object:Gem::Dependency
+  name: awesome_print
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Toolsmith provides common helpers for UI components and styles.
+email:
+- bobby@gophilosophie.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- app/assets/javascripts/toolsmith.coffee
+- app/assets/stylesheets/toolsmith/_variables.scss
+- app/assets/stylesheets/toolsmith-responsive.css.scss
+- app/assets/stylesheets/toolsmith.css.scss
+- lib/tasks/toolsmith_tasks.rake
+- lib/toolsmith/core_ext/array.rb
+- lib/toolsmith/engine.rb
+- lib/toolsmith/helpers/bootstrap_helpers.rb
+- lib/toolsmith/helpers/definition_list_helpers.rb
+- lib/toolsmith/helpers/grid_helpers.rb
+- lib/toolsmith/helpers/page_header_helpers.rb
+- lib/toolsmith/version.rb
+- lib/toolsmith/view_helpers.rb
+- lib/toolsmith/views/base.rb
+- lib/toolsmith/views/definition_list.rb
+- lib/toolsmith/views/flash_div.rb
+- lib/toolsmith/views/page_header.rb
+- lib/toolsmith.rb
+- Rakefile
+- README.md
+- CHANGELOG.md
+homepage: http://gophilosophie.com
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.23
+signing_key: 
+specification_version: 3
+summary: A gem to craft UI's easily.
+test_files: []
+has_rdoc: