css3-progress-bar-rails 0.0.1

data/.gitignore

@@ -0,0 +1,5 @@
+*.gem
+.bundle
+Gemfile.lock
+pkg/*
+*.swp

data/Gemfile

@@ -0,0 +1,4 @@
+source "http://rubygems.org"
+
+# Specify your gem's dependencies in css3-progress-bar-rails.gemspec
+gemspec

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/app/assets/stylesheets/css3-progress-bar.css

@@ -0,0 +1,201 @@
+/* CSS3 Progress bars by Josh Sullivan
+   @jsullivandigs on Twitter
+   josh@dipperstove.com */
+
+.bar_container {
+  margin: 0 auto;
+  padding: 5px;
+  height: 20px;
+  background: #a0a0a0;
+  -webkit-box-shadow: 0px 1px 1px 0px #f0f0f0;
+  -moz-box-shadow: 0px 1px 1px 0px #f0f0f0;
+  box-shadow: 0px 1px 0px 0px #f0f0f0;
+}
+
+.bar_mortice {
+  height: 20px;
+  background: #777;
+  -webkit-box-shadow: inset 0px 1px 2px 0px #333;
+  -moz-box-shadow: inset 0px 1px 2px 0px #333;
+  box-shadow: inset 0px 1px 2px 0px #333;
+  border-bottom: 1px solid #d0d0d0;
+}
+
+.progress {
+  height: 20px;
+  background: #FFF;
+  float: left;
+  background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
+  background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
+  background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
+  background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
+  background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
+  border-top: 1px solid #fff;
+  border-bottom: 1px solid #999;
+}
+
+/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
+  MINIS
+=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
+.container_tiny {
+  margin: 0 auto;
+  padding: 3px;
+  height: 7px;
+  background: #a0a0a0;
+  -webkit-box-shadow: 0px 1px 1px 0px #f0f0f0;
+  -moz-box-shadow: 0px 1px 1px 0px #f0f0f0;
+  box-shadow: 0px 1px 0px 0px #f0f0f0;
+
+}
+
+.mortice_tiny {
+  height: 7px;
+  background: #777;
+  -webkit-box-shadow: inset 0px 1px 2px 0px #333;
+  -moz-box-shadow: inset 0px 1px 2px 0px #333;
+  box-shadow: inset 0px 1px 2px 0px #333;
+  border-bottom: 1px solid #d0d0d0;
+}
+
+.progress_tiny {
+  height: 7px;
+  border-bottom: none;
+}
+
+
+/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
+  STYLES
+=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
+
+.rounded_bar_container {
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+}
+.rounded {
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+.rounded_bar_container_tiny {
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+}
+.rounded_tiny {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+
+
+/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
+  COLORS
+=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
+
+/* GREEN */
+
+.green {
+  background: #AAFF00;
+  background: -moz-linear-gradient(top,  #AAFF00 0%, #8c0 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AAFF00), color-stop(100%,#8c0));
+  background: -webkit-linear-gradient(top,  #AAFF00 0%,#8c0 100%);
+  background: -o-linear-gradient(top,  #AAFF00 0%,#8c0 100%);
+  background: -ms-linear-gradient(top,  #AAFF00 0%,#8c0 100%);
+  background: linear-gradient(top,  #AAFF00 0%,#8c0 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AAFF00', endColorstr='#8c0',GradientType=0 );
+  border-top: 1px solid #e8ffbb;
+  border-bottom: 1px solid #690;
+}
+.green_container {background: #690;}
+.green_mortice {
+  background: #460;
+  border-bottom: 1px solid #8c0;
+}
+
+
+/* ORANGE */
+
+.orange {
+  background: #FFAA00;
+  background: -moz-linear-gradient(top,  #FFAA00 0%, #dd9300 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFAA00), color-stop(100%,#dd9300));
+  background: -webkit-linear-gradient(top,  #FFAA00 0%,#dd9300 100%);
+  background: -o-linear-gradient(top,  #FFAA00 0%,#dd9300 100%);
+  background: -ms-linear-gradient(top,  #FFAA00 0%,#dd9300 100%);
+  background: linear-gradient(top,  #FFAA00 0%,#dd9300 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFAA00', endColorstr='#dd9300',GradientType=0 );
+  border-top: 1px solid #ffd277;
+  border-bottom: 1px solid #960;
+}
+.orange_container {background: #960;}
+.orange_mortice {
+  background: #640;
+  border-bottom: 1px solid #CC8800;
+}
+
+
+/* PINK */
+
+.pink {
+  background: #FF00AA;
+  background: -moz-linear-gradient(top,  #FF00AA 0%, #dd0093 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF00AA), color-stop(100%,#dd0093));
+  background: -webkit-linear-gradient(top,  #FF00AA 0%,#dd0093 100%);
+  background: -o-linear-gradient(top,  #FF00AA 0%,#dd0093 100%);
+  background: -ms-linear-gradient(top,  #FF00AA 0%,#dd0093 100%);
+  background: linear-gradient(top,  #FF00AA 0%,#dd0093 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF00AA', endColorstr='#dd0093',GradientType=0 );
+  border-top: 1px solid #f6c;
+  border-bottom: 1px solid #906;
+}
+.pink_container {background: #906;}
+.pink_mortice {
+  background: #604;
+  border-bottom: 1px solid #c08;
+}
+
+
+/* PURPLE */
+
+.purple {
+  background: #AA00FF;
+  background: -moz-linear-gradient(top,  #AA00FF 0%, #9300dd 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AA00FF), color-stop(100%,#9300dd));
+  background: -webkit-linear-gradient(top,  #AA00FF 0%,#9300dd 100%);
+  background: -o-linear-gradient(top,  #AA00FF 0%,#9300dd 100%);
+  background: -ms-linear-gradient(top,  #AA00FF 0%,#9300dd 100%);
+  background: linear-gradient(top,  #AA00FF 0%,#9300dd 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AA00FF', endColorstr='#9300dd',GradientType=0 );
+  border-top: 1px solid #c655ff;
+  border-bottom: 1px solid #5b0088;
+}
+.purple_container {background: #609;}
+.purple_mortice {
+  background: #406;
+  border-bottom: 1px solid #80c;
+}
+
+
+/* BLUE */
+
+.blue {
+  background: #00AAFF;
+  background: -moz-linear-gradient(top,  #00AAFF 0%, #0093dd 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00AAFF), color-stop(100%,#0093dd));
+  background: -webkit-linear-gradient(top,  #00AAFF 0%,#0093dd 100%);
+  background: -o-linear-gradient(top,  #00AAFF 0%,#0093dd 100%);
+  background: -ms-linear-gradient(top,  #00AAFF 0%,#0093dd 100%);
+  background: linear-gradient(top,  #00AAFF 0%,#0093dd 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00AAFF', endColorstr='#0093dd',GradientType=0 );
+  border-top: 1px solid #88d7ff;
+  border-bottom: 1px solid #069;
+}
+.blue_container {background: #069;}
+.blue_mortice {
+  background: #046;
+  border-bottom: 1px solid #08c;
+}

data/config/initializers/progress_bars.rb

@@ -0,0 +1,87 @@
+require 'action_view/helpers/tag_helper'
+module ActionView
+  module Helpers
+    module Css3ProgressBars
+      extend ActiveSupport::Concern
+
+      include TagHelper
+
+      def progress_bar percentage, *opts
+        options = opts.extract_options!
+
+        container_classes = %w(bar_container)
+        bar_classes       = %w(progress)
+        mortice_classes   = %w(bar_mortice)
+
+        if options[:rounded] && options[:rounded] == true
+          container_classes << 'rounded_bar_container'
+          bar_classes       << 'rounded'
+          mortice_classes   << 'rounded'
+        end
+        
+        if options[:color] && bar_colors.include?(options[:color])
+          container_classes << "#{options[:color]}_container"
+          bar_classes       << options[:color]
+          mortice_classes   << "#{options[:color]}_mortice"
+        end
+
+        if options[:tiny] && options[:tiny] == true
+          container_classes << 'container_tiny'
+          bar_classes       << 'progress_tiny'
+          mortice_classes   << 'mortice_tiny'
+        end
+
+        bar_html = bar_div(bar_classes, bar_style(percentage))
+        mortice_html = mortice_div(bar_html, mortice_classes)
+
+        content_tag :div, mortice_html, :class => container_classes.join(' ')
+      end
+
+      def combo_progress_bar *opts
+        options = opts.extract_options!
+        
+        container_classes = %w(bar_container)
+        bar_classes       = %w(progress)
+        mortice_classes   = %w(bar_mortice)
+        
+        if options[:rounded] && options[:rounded] == true
+          container_classes << 'rounded_bar_container'
+          bar_classes       << 'rounded'
+          mortice_classes   << 'rounded'
+        end
+        
+        if options[:tiny] && options[:tiny] == true
+          container_classes << 'container_tiny'
+          bar_classes       << 'progress_tiny'
+          mortice_classes   << 'mortice_tiny'
+        end
+
+        bars = ''
+        options[:percentages][0..4].each_with_index do |p, i|
+          bars += bar_div((bar_classes << bar_colors[i]), bar_style(p))
+        end
+
+        mortice_html = mortice_div(bars, mortice_classes)
+        content_tag :div, mortice_html, :class => container_classes.join(' ')
+      end
+
+      protected
+      def bar_colors
+        %w(green orange pink blue purple)
+      end
+
+      def bar_style percentage
+        "width: #{percentage}%;"
+      end
+
+      def bar_div classes, style
+        content_tag :div, '', :style => style, :class => classes.join(' ')
+      end
+
+      def mortice_div bar_html, classes
+        content_tag :div, bar_html, :class => classes.join(' ')
+      end
+    end
+  end
+end
+

data/css3-progress-bar-rails.gemspec

@@ -0,0 +1,24 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "css3-progress-bar-rails/version"
+
+Gem::Specification.new do |s|
+  s.name        = "css3-progress-bar-rails"
+  s.version     = Css3::Progress::Bar::Rails::VERSION
+  s.authors     = ["Nicholas Fine"]
+  s.email       = ["nicholas.fine@gmail.com"]
+  s.homepage    = ""
+  s.summary     = %q{Integrates Josh Sullivan's CSS3 Progress Bars into Rails 3.1+ Projects.}
+  s.description = %q{Integrates Josh Sullivan's CSS3 Progress Bars into Rails and adds ActionView helpers for generation.}
+
+  s.rubyforge_project = "css3-progress-bar-rails"
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+
+  # specify any dependencies here; for example:
+  # s.add_development_dependency "rspec"
+  s.add_runtime_dependency "rails"
+end

data/lib/css3-progress-bar-rails.rb

@@ -0,0 +1,12 @@
+require "css3-progress-bar-rails/version"
+
+module Css3
+  module Progress
+    module Bar
+      module Rails
+        class Engine < ::Rails::Engine
+        end
+      end
+    end
+  end
+end

data/lib/css3-progress-bar-rails/version.rb

@@ -0,0 +1,9 @@
+module Css3
+  module Progress
+    module Bar
+      module Rails
+        VERSION = "0.0.1"
+      end
+    end
+  end
+end

metadata

@@ -0,0 +1,65 @@
+--- !ruby/object:Gem::Specification
+name: css3-progress-bar-rails
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Nicholas Fine
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-01-02 00:00:00.000000000Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: &12704480 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: *12704480
+description: Integrates Josh Sullivan's CSS3 Progress Bars into Rails and adds ActionView
+  helpers for generation.
+email:
+- nicholas.fine@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- Rakefile
+- app/assets/stylesheets/css3-progress-bar.css
+- config/initializers/progress_bars.rb
+- css3-progress-bar-rails.gemspec
+- lib/css3-progress-bar-rails.rb
+- lib/css3-progress-bar-rails/version.rb
+homepage: ''
+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: css3-progress-bar-rails
+rubygems_version: 1.8.6
+signing_key: 
+specification_version: 3
+summary: Integrates Josh Sullivan's CSS3 Progress Bars into Rails 3.1+ Projects.
+test_files: []