volt-slider 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 34418c97715f65631a65719f30e345411dd3c228
+  data.tar.gz: 546e48b2a1c3d36c0b54d529a6e90cbac0e8dc71
+SHA512:
+  metadata.gz: 84b665515b64d4f0cdcb8d3892c003e540c8dd527f5c650a16beabbc555c03391d8846a4f8b7cca74430ddbc6e89c26418ffd7e91f540bf95eae37a042c88d08
+  data.tar.gz: 08a37fd4a801b162ae3130414abc5d9c408291b4f36fc72318bf168945096551ab7603f6f32d957bcd7821ec6bfc44fe0d6f3893361fc21bba8a53efa12b9f8c

data/.gitignore

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

data/.rspec

@@ -0,0 +1,2 @@
+--format documentation
+--color

data/Gemfile

@@ -0,0 +1,12 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in volt-slider.gemspec
+gemspec
+
+# Optional Gems for testing/dev
+
+# The implementation of ReadWriteLock in Volt uses concurrent ruby and ext helps performance.
+gem 'concurrent-ruby-ext', '~> 0.8.0'
+
+# Gems you use for development should be added to the gemspec file as
+# development dependencies.

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2016 Kostafun
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,73 @@
+# Volt::Slider
+
+Simple slider of any content for Volt framework.
+
+Includes Interval module in lib/ , encapsulating javascript setInterval clearInterval functions.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'volt-slider'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install volt-slider
+
+Add to dependencies.rb
+
+    component 'slider'
+
+## Usage
+
+html:
+
+    <:slider interval_time=5000 transition_time=300 stop_on_mouseover="false">
+        Your content here, outer div's should be float: left, position: relative, i.e:
+        <div class="slider">
+            ...
+        </div>
+        <div class="slider">
+            ...
+        </div>
+    </:slider>
+css:
+
+    .slider {
+      position: relative;
+      float: left;
+    }
+
+## Configuration
+Sass variables
+
+defaults:
+
+    $slider_visible_width:'800px' !default
+    $slider_visible_height: '260px' !default
+    $slider_container_length: '2400px' !default
+
+Attributes
+
+defaults:
+
+    interval_time: 3000,       #interval between moves in ms
+    move_length:  800,    #in pixels
+    transtion_time: 700,
+    leftmost_point: -1600,     #if container moved farther than that it's reset to zero - showing first slide
+    stop_on_mouseover: true
+
+
+## Contributing
+
+This is my first Volt component, any comments or contributions would be appreciated!
+
+1. Fork it ( http://github.com/[my-github-username]/volt-slider/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/app/slider/assets/css/slider.sass

@@ -0,0 +1,16 @@
+$slider_visible_width: 800px !default
+$slider_visible_height: 260px !default
+$slider_container_length: 2400px !default
+
+.slider-viewport
+  height: $slider_visible_height
+  width: $slider_visible_width
+  overflow: hidden
+  position: relative
+
+.slider-container
+  position: relative
+  width: $slider_container_length
+  left: 0px
+  height: 100%
+

data/app/slider/config/dependencies.rb

@@ -0,0 +1 @@
+# Component dependencies

data/app/slider/config/initializers/boot.rb

@@ -0,0 +1,10 @@
+# Place any code you want to run when the component is included on the client
+# or server.
+
+# To include code only on the client use:
+# if RUBY_PLATFORM == 'opal'
+#
+# To include code only on the server, use:
+# unless RUBY_PLATFORM == 'opal'
+# ^^ this will not send compile in code in the conditional to the client.
+# ^^ this include code required in the conditional.

data/app/slider/config/routes.rb

@@ -0,0 +1 @@
+# Component routes

data/app/slider/controllers/main_controller.rb

@@ -0,0 +1,85 @@
+if RUBY_PLATFORM == 'opal'
+
+  require 'opal-jquery'
+
+end
+
+module Slider
+  class MainController < Volt::ModelController
+        def default_options
+          {
+            interval_time: 3000,       #interval between moves in ms
+            move_length:  800,    #in pixels
+            transition_time: 700,
+            leftmost_point: -1600,     #if container moved farther than that it's reset to zero - showing first slide
+            stop_on_mouseover: true
+          }
+        end
+
+        def index
+          create_options_vars(default_options)
+        end
+
+        def create_options_vars(options)
+
+#          options.each { |k,v| puts "@#{k}" + (( (attrs.send(k) == '') ? nil : attrs.send(k) )  || v).to_s }
+          options.each { |k,v| instance_variable_set("@#{k}", (( (attrs.send(k) == '') ? nil : attrs.send(k) )|| v)) } #instance variables from attrs
+        end
+
+        def move
+          if RUBY_PLATFORM == 'opal'
+            el = Element.find('.slider-container')
+            moveto = el.css('left').to_i - @move_length.to_i
+            if moveto < @leftmost_point
+              moveto = 0
+            end
+            el.animate({left: moveto, speed: @transition_time })
+          end
+        end
+
+        def index_ready
+          if RUBY_PLATFORM == 'opal'
+            if @stop_on_mouseover==true or @stop_on_mouseover=="true"
+              el = Element.find('.slider-viewport')
+
+              el.on :mouseover do
+                clear_interval(@interval)
+              end
+
+              el.on :mouseout do
+                @interval = set_interval(@interval_time) do move end
+              end
+            end
+
+            @interval = set_interval(@interval_time) do move end
+
+          end
+        end
+
+        def before_index_remove
+          if RUBY_PLATFORM == 'opal'
+            clear_interval(@interval)
+          end
+        end
+
+        def set_interval( time=0, &block )
+          if RUBY_PLATFORM == 'opal'
+            `setInterval(function(){#{block.call}}, time)`
+          end
+        end
+
+        def clear_interval( interval )
+          if RUBY_PLATFORM == 'opal'
+            `clearInterval(#{interval})`
+          end
+        end
+    private
+
+    # the main template contains a #template binding that shows another
+    # template.  This is the path to that template.  It may change based
+    # on the params._controller and params._action values.
+    def main_path
+      "#{params._component || 'main'}/#{params._controller || 'main'}/#{params._action || 'index'}"
+    end
+  end
+end

data/app/slider/views/main/index.html

@@ -0,0 +1,9 @@
+<:Body>
+  <div class="slider-viewport" >
+    <div class="slider-container">
+
+
+      {{ yield }}
+
+    </div>
+  </div>

data/lib/volt/slider.rb

@@ -0,0 +1,18 @@
+# If you need to require in code in the gem's app folder, keep in mind that
+# the app is not on the load path when the gem is required.  Use
+# app/{gemname}/config/initializers/boot.rb to require in client or server
+# code.
+#
+# Also, in volt apps, you typically use the lib folder in the
+# app/{componentname} folder instead of this lib folder.  This lib folder is
+# for setting up gem code when Bundler.require is called. (or the gem is
+# required.)
+#
+# If you need to configure volt in some way, you can add a Volt.configure block
+# in this file.
+
+module Volt
+  module Slider
+    # Your code goes here...
+  end
+end

data/lib/volt/slider/version.rb

@@ -0,0 +1,5 @@
+module Volt
+  module Slider
+    VERSION = "0.1.0"
+  end
+end

data/volt-slider.gemspec

@@ -0,0 +1,41 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'volt/slider/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "volt-slider"
+  spec.version       = Volt::Slider::VERSION
+  spec.authors       = ["Kostafun"]
+  spec.email         = ["kostafunphone@gmail.com"]
+  spec.summary       = 'Simple slider for volt framework'
+  spec.description   = 'Slide any type of content using jquery animate'
+  spec.homepage      = "http://github.com/Kostafun/volt-slider"
+  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.9.6"
+  spec.add_development_dependency "rake"
+
+  # Testing gems
+  spec.add_development_dependency 'rspec', '~> 3.2.0'
+  spec.add_development_dependency 'opal-rspec', '~> 0.4.2'
+  spec.add_development_dependency 'capybara', '~> 2.4.4'
+  spec.add_development_dependency 'selenium-webdriver', '~> 2.47.0'
+  spec.add_development_dependency 'chromedriver-helper', '~> 1.0.0'
+  spec.add_development_dependency 'poltergeist', '~> 1.6.0'
+
+  # Gems to run the dummy app
+  spec.add_development_dependency 'volt-mongo', '0.1.1'
+  spec.add_development_dependency 'volt-bootstrap', '~> 0.1.0'
+  spec.add_development_dependency 'volt-bootstrap_jumbotron_theme', '~> 0.1.0'
+  spec.add_development_dependency 'volt-user_templates', '~> 0.4.0'
+  spec.add_development_dependency 'thin', '~> 1.6.0'
+
+  spec.add_runtime_dependency 'opal-jquery', '~> 0.4'
+
+end

metadata

@@ -0,0 +1,255 @@
+--- !ruby/object:Gem::Specification
+name: volt-slider
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Kostafun
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-02-22 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: volt
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.9.6
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.9.6
+- !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'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.2.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.2.0
+- !ruby/object:Gem::Dependency
+  name: opal-rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.4.2
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.4.2
+- !ruby/object:Gem::Dependency
+  name: capybara
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.4.4
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.4.4
+- !ruby/object:Gem::Dependency
+  name: selenium-webdriver
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.47.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.47.0
+- !ruby/object:Gem::Dependency
+  name: chromedriver-helper
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.0.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.0.0
+- !ruby/object:Gem::Dependency
+  name: poltergeist
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.6.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.6.0
+- !ruby/object:Gem::Dependency
+  name: volt-mongo
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 0.1.1
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 0.1.1
+- !ruby/object:Gem::Dependency
+  name: volt-bootstrap
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.1.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.1.0
+- !ruby/object:Gem::Dependency
+  name: volt-bootstrap_jumbotron_theme
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.1.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.1.0
+- !ruby/object:Gem::Dependency
+  name: volt-user_templates
+  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: thin
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.6.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.6.0
+- !ruby/object:Gem::Dependency
+  name: opal-jquery
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.4'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.4'
+description: Slide any type of content using jquery animate
+email:
+- kostafunphone@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".rspec"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/slider/assets/css/slider.sass
+- app/slider/config/dependencies.rb
+- app/slider/config/initializers/boot.rb
+- app/slider/config/routes.rb
+- app/slider/controllers/main_controller.rb
+- app/slider/views/main/index.html
+- lib/volt/slider.rb
+- lib/volt/slider/version.rb
+- volt-slider.gemspec
+homepage: http://github.com/Kostafun/volt-slider
+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.4.8
+signing_key: 
+specification_version: 4
+summary: Simple slider for volt framework
+test_files: []