volt-spinner 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 4db26ad92927dc8d7f2be11f7766d5d4e27f2116
+  data.tar.gz: 223adb9fe4095e4b7c42a404f1eb8a136defdca1
+SHA512:
+  metadata.gz: dd17b449b02b25d65ab1dc7c9778772a5939676016baf9e8949bccbea45cb6e15321c6b2be8e8954d81b6af0cf63c7406fdd977e43fa7fd0a691c7d1d33de484
+  data.tar.gz: 0d6f6a9d22bfba46e1e2bb8dc1f21b11146014007e1d82ae4da45fa4ee54d3847a64df2212e70bf720204303c6bb1e74d3b074c7fa8c3c71ae163885d3bed80a

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in volt-spinner.gemspec
+gemspec

data/README.md

@@ -0,0 +1,44 @@
+# Volt Spinner
+
+This gem is a simple spinner component for Volt.
+
+
+# Install
+
+Add this line to your application's Gemfile:
+
+    gem 'volt-spinner'
+
+And then execute:
+
+    $ bundle
+    
+Add the following code to your Dependencies file:
+
+    component 'spinner'
+    
+
+# Use
+
+Place this code in any view:
+
+    <:spinner />
+    
+This will create a simple spinner.
+
+    <:spinner size='1.5' />
+    
+Change the size by entering a value from 0.1 to 5.  The default value is 1.
+
+    <:spinner size='1.5' color='#545454' />
+    
+Set the color by passing in any hex color.
+
+
+# Contributing
+
+1. Fork it ( http://github.com/[my-github-username]/volt-spinner/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

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

data/VERSION

@@ -0,0 +1 @@
+0.0.1

data/app/spinner/assets/css/spinner.css.scss

@@ -0,0 +1,53 @@
+.spinner {
+  margin: 100px auto;
+  width: 50px;
+  height: 52px;
+  text-align: center;
+  font-size: 10px;
+}
+
+.spinner > div {
+  background-color: #333;
+  height: 100%;
+  width: 6px;
+  display: block;
+  float:left;
+  
+  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
+  animation: stretchdelay 1.2s infinite ease-in-out;
+}
+
+.spinner .rect2 {
+  -webkit-animation-delay: -1.1s;
+  animation-delay: -1.1s;
+}
+
+.spinner .rect3 {
+  -webkit-animation-delay: -1.0s;
+  animation-delay: -1.0s;
+}
+
+.spinner .rect4 {
+  -webkit-animation-delay: -0.9s;
+  animation-delay: -0.9s;
+}
+
+.spinner .rect5 {
+  -webkit-animation-delay: -0.8s;
+  animation-delay: -0.8s;
+}
+
+@-webkit-keyframes stretchdelay {
+  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
+  20% { -webkit-transform: scaleY(1.0) }
+}
+
+@keyframes stretchdelay {
+  0%, 40%, 100% { 
+    transform: scaleY(0.4);
+    -webkit-transform: scaleY(0.4);
+  } 20% {
+    transform: scaleY(1.0);
+    -webkit-transform: scaleY(1.0);
+  }
+}

data/app/spinner/controllers/index_controller.rb

@@ -0,0 +1,34 @@
+module Spinner
+  class IndexController
+    
+    def initialize(data=nil)
+      @data = data
+    end
+    
+    def color
+      @data.color if @data && @data.locals.has_key?("color")
+    end
+    
+    def size
+      if @data && @data.locals.has_key?("size")
+        s = ReactiveValue.new(@data.size).to_i
+        s.with{|v| [[v, 0.25].max, 4].min } 
+      else
+        1
+      end
+    end
+    
+    def width
+      (size * 7).round
+    end
+    
+    def margin
+      (size * 3).round
+    end
+    
+    def height
+      (size * 52).round
+    end
+    
+  end
+end

data/app/spinner/views/index/index.html

@@ -0,0 +1,10 @@
+<:body>
+  <div class="spinner" style='height: {height}px; width: {(width + margin) * 5}px;'>
+    <div class="rect1" style='background: {color}; width: {width}px; margin-right:{margin}px;'></div>
+    <div class="rect2" style='background: {color}; width: {width}px; margin-right:{margin}px;'></div>
+    <div class="rect3" style='background: {color}; width: {width}px; margin-right:{margin}px;'></div>
+    <div class="rect4" style='background: {color}; width: {width}px; margin-right:{margin}px;'></div>
+    <div class="rect5" style='background: {color}; width: {width}px; margin-right:{margin}px;'></div>
+  </div>
+  <div style='clear:both;'></div>
+</:body>

data/lib/volt/spinner.rb

@@ -0,0 +1,7 @@
+require "volt/spinner/version"
+
+class Volt
+  class Spinner
+    # Your code goes here...
+  end
+end

data/volt-spinner.gemspec

@@ -0,0 +1,25 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+
+version = File.read(File.expand_path('../VERSION', __FILE__)).strip
+
+
+Gem::Specification.new do |spec|
+  spec.name          = "volt-spinner"
+  spec.version       = version
+  spec.authors       = ["Corey"]
+  spec.email         = ["coreystout@gmail.com"]
+  spec.summary       = "Volt Spinner"
+  spec.description   = "A simple spinner for Volt."
+  spec.homepage      = "https://github.com/voltrb/volt-spinner"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "volt", "~> 0.4.0"
+  spec.add_development_dependency "rake"
+end

metadata

@@ -0,0 +1,83 @@
+--- !ruby/object:Gem::Specification
+name: volt-spinner
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Corey
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-01-31 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: volt
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.4.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.4.0
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: A simple spinner for Volt.
+email:
+- coreystout@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- README.md
+- Rakefile
+- VERSION
+- app/spinner/assets/css/spinner.css.scss
+- app/spinner/controllers/index_controller.rb
+- app/spinner/views/index/index.html
+- lib/volt/spinner.rb
+- volt-spinner.gemspec
+homepage: https://github.com/voltrb/volt-spinner
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.1.11
+signing_key: 
+specification_version: 4
+summary: Volt Spinner
+test_files: []
+has_rdoc: