materialpreloader_gem 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 8a3846d6955ea46fe7248b8ae2b12b94376074c3
+  data.tar.gz: 631dd6445d338daa9b54399ab2d91a0bb6022ccf
+SHA512:
+  metadata.gz: 2e4eb3e894c7703568e76d5f0dce3c4cf7ba001d6b725aa557729321cfac18966ffb54ea2764a0ae80866f4425841538f783428eb8a7ba918795adc0f09a9609
+  data.tar.gz: a2cc4df9b21eb0bcfc71a5e38cb175c6320d568e9815db1ad532dacd7372f2003c840bb84bbc3305afbd5ea0843c9834f1f9981376520a4c1f5b8e842a4f27b0

data/lib/materialpreloader_gem/version.rb

@@ -0,0 +1,3 @@
+module MaterialpreloaderGem
+  VERSION = "0.1.0"
+end

data/lib/materialpreloader_gem.rb

@@ -0,0 +1,6 @@
+require "materialpreloader_gem/version"
+
+module MaterialpreloaderGem
+  class Engine < ::Rails::Engine
+  end
+end

data/vendor/assets/css/materialPreloader.css

@@ -0,0 +1,813 @@
+.load-bar {
+    position:fixed;
+    bottom:0;
+    height:5px;
+    width:100%;
+    opacity: 1;
+    -webkit-transition: opacity 0.2s linear;
+    transition: opacity 0.2s linear;
+}
+
+.load-bar.invisible {
+    opacity: 0;
+    -webkit-transition: opacity 0.2s linear;
+    transition: opacity 0.2s linear;
+}
+
+.load-bar-container {
+    float:left;
+    width:50%;
+    height:100%;
+    overflow:hidden
+}
+
+.load-bar .load-bar-container:last-child {
+    float:right;
+    -moz-transform-origin:top right;
+    -ms-transform-origin:top right;
+    -webkit-transform-origin:top right
+}
+
+.load-bar-base {
+    float:left;
+    width:100%;
+    height:100%;
+    overflow:hidden;
+    position:relative;
+    background:#159756
+}
+
+.color {
+    width:100%;
+    height:100%;
+    float:left;
+    position:absolute
+}
+
+.base1 .red {
+    background:#da4733;
+    -webkit-animation:move_left_red 4s infinite linear;
+    -moz-animation:move_left_red 4s infinite linear;
+    -ms-animation:move_left_red 4s infinite linear;
+    animation:move_left_red 4s infinite linear
+}
+
+.base1 .blue {
+    background:#3b78e7;
+    -webkit-animation:move_left_blue 4s infinite linear;
+    -moz-animation:move_left_blue 4s infinite linear;
+    -ms-animation:move_left_blue 4s infinite linear;
+    animation:move_left_blue 4s infinite linear
+}
+
+.base1 .yellow {
+    background:#fdba2c;
+    -webkit-animation:move_left_yellow 4s infinite linear;
+    -moz-animation:move_left_yellow 4s infinite linear;
+    -ms-animation:move_left_yellow 4s infinite linear;
+    animation:move_left_yellow 4s infinite linear
+}
+
+.base1 .green {
+    background:#159756;
+    -webkit-animation:move_left_green 4s infinite linear;
+    -moz-animation:move_left_green 4s infinite linear;
+    -ms-animation:move_left_green 4s infinite linear;
+    animation:move_left_green 4s infinite linear
+}
+
+@-webkit-keyframes move_left_red {
+0% {
+    -webkit-transform:translateX(100%)
+}
+
+25% {
+    -webkit-transform:translateX(0%)
+}
+
+50% {
+    -webkit-transform:translateX(0%)
+}
+
+75% {
+    -webkit-transform:translateX(0%)
+}
+
+100% {
+    -webkit-transform:translateX(0%)
+}
+}
+
+@-moz-keyframes move_left_red {
+0% {
+    -moz-transform:translateX(100%)
+}
+
+25% {
+    -moz-transform:translateX(0%)
+}
+
+50% {
+    -moz-transform:translateX(0%)
+}
+
+75% {
+    -moz-transform:translateX(0%)
+}
+
+100% {
+    -moz-transform:translateX(0%)
+}
+}
+
+@-ms-keyframes move_left_red {
+0% {
+    -ms-transform:translateX(100%)
+}
+
+25% {
+    -ms-transform:translateX(0%)
+}
+
+50% {
+    -ms-transform:translateX(0%)
+}
+
+75% {
+    -ms-transform:translateX(0%)
+}
+
+100% {
+    -ms-transform:translateX(0%)
+}
+}
+
+@keyframes move_left_red {
+0% {
+    transform:translateX(100%)
+}
+
+25% {
+    transform:translateX(0%)
+}
+
+50% {
+    transform:translateX(0%)
+}
+
+75% {
+    transform:translateX(0%)
+}
+
+100% {
+    transform:translateX(0%)
+}
+}
+
+@-webkit-keyframes move_left_blue {
+0% {
+    -webkit-transform:translateX(100%)
+}
+
+25% {
+    -webkit-transform:translateX(100%)
+}
+
+50% {
+    -webkit-transform:translateX(0%)
+}
+
+75% {
+    -webkit-transform:translateX(0%)
+}
+
+100% {
+    -webkit-transform:translateX(0%)
+}
+}
+
+@-moz-keyframes move_left_blue {
+0% {
+    -moz-transform:translateX(100%)
+}
+
+25% {
+    -moz-transform:translateX(100%)
+}
+
+50% {
+    -moz-transform:translateX(0%)
+}
+
+75% {
+    -moz-transform:translateX(0%)
+}
+
+100% {
+    -moz-transform:translateX(0%)
+}
+}
+
+@-ms-keyframes move_left_blue {
+0% {
+    -ms-transform:translateX(100%)
+}
+
+25% {
+    -ms-transform:translateX(100%)
+}
+
+50% {
+    -ms-transform:translateX(0%)
+}
+
+75% {
+    -ms-transform:translateX(0%)
+}
+
+100% {
+    -ms-transform:translateX(0%)
+}
+}
+
+@keyframes move_left_blue {
+0% {
+    transform:translateX(100%)
+}
+
+25% {
+    transform:translateX(100%)
+}
+
+50% {
+    transform:translateX(0%)
+}
+
+75% {
+    transform:translateX(0%)
+}
+
+100% {
+    transform:translateX(0%)
+}
+}
+
+@-webkit-keyframes move_left_yellow {
+0% {
+    -webkit-transform:translateX(100%)
+}
+
+25% {
+    -webkit-transform:translateX(100%)
+}
+
+50% {
+    -webkit-transform:translateX(100%)
+}
+
+75% {
+    -webkit-transform:translateX(0%)
+}
+
+100% {
+    -webkit-transform:translateX(0%)
+}
+}
+
+@-moz-keyframes move_left_yellow {
+0% {
+    -moz-transform:translateX(100%)
+}
+
+25% {
+    -moz-transform:translateX(100%)
+}
+
+50% {
+    -moz-transform:translateX(100%)
+}
+
+75% {
+    -moz-transform:translateX(0%)
+}
+
+100% {
+    -moz-transform:translateX(0%)
+}
+}
+
+@-ms-keyframes move_left_yellow {
+0% {
+    -ms-transform:translateX(100%)
+}
+
+25% {
+    -ms-transform:translateX(100%)
+}
+
+50% {
+    -ms-transform:translateX(100%)
+}
+
+75% {
+    -ms-transform:translateX(0%)
+}
+
+100% {
+    -ms-transform:translateX(0%)
+}
+}
+
+@keyframes move_left_yellow {
+0% {
+    transform:translateX(100%)
+}
+
+25% {
+    transform:translateX(100%)
+}
+
+50% {
+    transform:translateX(100%)
+}
+
+75% {
+    transform:translateX(0%)
+}
+
+100% {
+    transform:translateX(0%)
+}
+}
+
+@-webkit-keyframes move_left_green {
+0% {
+    -webkit-transform:translateX(100%)
+}
+
+25% {
+    -webkit-transform:translateX(100%)
+}
+
+50% {
+    -webkit-transform:translateX(100%)
+}
+
+75% {
+    -webkit-transform:translateX(100%)
+}
+
+100% {
+    -webkit-transform:translateX(0%)
+}
+}
+
+@-moz-keyframes move_left_green {
+0% {
+    -moz-transform:translateX(100%)
+}
+
+25% {
+    -moz-transform:translateX(100%)
+}
+
+50% {
+    -moz-transform:translateX(100%)
+}
+
+75% {
+    -moz-transform:translateX(100%)
+}
+
+100% {
+    -moz-transform:translateX(0%)
+}
+}
+
+@-ms-keyframes move_left_green {
+0% {
+    -ms-transform:translateX(100%)
+}
+
+25% {
+    -ms-transform:translateX(100%)
+}
+
+50% {
+    -ms-transform:translateX(100%)
+}
+
+75% {
+    -ms-transform:translateX(100%)
+}
+
+100% {
+    -ms-transform:translateX(0%)
+}
+}
+
+@keyframes move_left_green {
+0% {
+    transform:translateX(100%)
+}
+
+25% {
+    transform:translateX(100%)
+}
+
+50% {
+    transform:translateX(100%)
+}
+
+75% {
+    transform:translateX(100%)
+}
+
+100% {
+    transform:translateX(0%)
+}
+}
+
+.base2 .red {
+    background:#da4733;
+    -webkit-animation:move_right_red 4s infinite linear;
+    -moz-animation:move_right_red 4s infinite linear;
+    -ms-animation:move_right_red 4s infinite linear;
+    animation:move_right_red 4s infinite linear
+}
+
+.base2 .blue {
+    background:#3b78e7;
+    -webkit-animation:move_right_blue 4s infinite linear;
+    -moz-animation:move_right_blue 4s infinite linear;
+    -ms-animation:move_right_blue 4s infinite linear;
+    animation:move_right_blue 4s infinite linear
+}
+
+.base2 .yellow {
+    background:#fdba2c;
+    -webkit-animation:move_right_yellow 4s infinite linear;
+    -moz-animation:move_right_yellow 4s infinite linear;
+    -ms-animation:move_right_yellow 4s infinite linear;
+    animation:move_right_yellow 4s infinite linear
+}
+
+.base2 .green {
+    background:#159756;
+    -webkit-animation:move_right_green 4s infinite linear;
+    -moz-animation:move_right_green 4s infinite linear;
+    -ms-animation:move_right_green 4s infinite linear;
+    animation:move_right_green 4s infinite linear
+}
+
+@-webkit-keyframes move_right_red {
+0% {
+    -webkit-transform:translateX(-100%)
+}
+
+25% {
+    -webkit-transform:translateX(0%)
+}
+
+50% {
+    -webkit-transform:translateX(0%)
+}
+
+75% {
+    -webkit-transform:translateX(0%)
+}
+
+100% {
+    -webkit-transform:translateX(0%)
+}
+}
+
+@-moz-keyframes move_right_red {
+0% {
+    -moz-transform:translateX(-100%)
+}
+
+25% {
+    -moz-transform:translateX(0%)
+}
+
+50% {
+    -moz-transform:translateX(0%)
+}
+
+75% {
+    -moz-transform:translateX(0%)
+}
+
+100% {
+    -moz-transform:translateX(0%)
+}
+}
+
+@-ms-keyframes move_right_red {
+0% {
+    -ms-transform:translateX(-100%)
+}
+
+25% {
+    -ms-transform:translateX(0%)
+}
+
+50% {
+    -ms-transform:translateX(0%)
+}
+
+75% {
+    -ms-transform:translateX(0%)
+}
+
+100% {
+    -ms-transform:translateX(0%)
+}
+}
+
+@keyframes move_right_red {
+0% {
+    transform:translateX(-100%)
+}
+
+25% {
+    transform:translateX(0%)
+}
+
+50% {
+    transform:translateX(0%)
+}
+
+75% {
+    transform:translateX(0%)
+}
+
+100% {
+    transform:translateX(0%)
+}
+}
+
+@-webkit-keyframes move_right_blue {
+0% {
+    -webkit-transform:translateX(-100%)
+}
+
+25% {
+    -webkit-transform:translateX(-100%)
+}
+
+50% {
+    -webkit-transform:translateX(0%)
+}
+
+75% {
+    -webkit-transform:translateX(0%)
+}
+
+100% {
+    -webkit-transform:translateX(0%)
+}
+}
+
+@-moz-keyframes move_right_blue {
+0% {
+    -moz-transform:translateX(-100%)
+}
+
+25% {
+    -moz-transform:translateX(-100%)
+}
+
+50% {
+    -moz-transform:translateX(0%)
+}
+
+75% {
+    -moz-transform:translateX(0%)
+}
+
+100% {
+    -moz-transform:translateX(0%)
+}
+}
+
+@-ms-keyframes move_right_blue {
+0% {
+    -ms-transform:translateX(-100%)
+}
+
+25% {
+    -ms-transform:translateX(-100%)
+}
+
+50% {
+    -ms-transform:translateX(0%)
+}
+
+75% {
+    -ms-transform:translateX(0%)
+}
+
+100% {
+    -ms-transform:translateX(0%)
+}
+}
+
+@keyframes move_right_blue {
+0% {
+    transform:translateX(-100%)
+}
+
+25% {
+    transform:translateX(-100%)
+}
+
+50% {
+    transform:translateX(0%)
+}
+
+75% {
+    transform:translateX(0%)
+}
+
+100% {
+    transform:translateX(0%)
+}
+}
+
+@-webkit-keyframes move_right_yellow {
+0% {
+    -webkit-transform:translateX(-100%)
+}
+
+25% {
+    -webkit-transform:translateX(-100%)
+}
+
+50% {
+    -webkit-transform:translateX(-100%)
+}
+
+75% {
+    -webkit-transform:translateX(0%)
+}
+
+100% {
+    -webkit-transform:translateX(0%)
+}
+}
+
+@-moz-keyframes move_right_yellow {
+0% {
+    -moz-transform:translateX(-100%)
+}
+
+25% {
+    -moz-transform:translateX(-100%)
+}
+
+50% {
+    -moz-transform:translateX(-100%)
+}
+
+75% {
+    -moz-transform:translateX(0%)
+}
+
+100% {
+    -moz-transform:translateX(0%)
+}
+}
+
+@-ms-keyframes move_right_yellow {
+0% {
+    -ms-transform:translateX(-100%)
+}
+
+25% {
+    -ms-transform:translateX(-100%)
+}
+
+50% {
+    -ms-transform:translateX(-100%)
+}
+
+75% {
+    -ms-transform:translateX(0%)
+}
+
+100% {
+    -ms-transform:translateX(0%)
+}
+}
+
+@keyframes move_right_yellow {
+0% {
+    transform:translateX(-100%)
+}
+
+25% {
+    transform:translateX(-100%)
+}
+
+50% {
+    transform:translateX(-100%)
+}
+
+75% {
+    transform:translateX(0%)
+}
+
+100% {
+    transform:translateX(0%)
+}
+}
+
+@-webkit-keyframes move_right_green {
+0% {
+    -webkit-transform:translateX(-100%)
+}
+
+25% {
+    -webkit-transform:translateX(-100%)
+}
+
+50% {
+    -webkit-transform:translateX(-100%)
+}
+
+75% {
+    -webkit-transform:translateX(-100%)
+}
+
+100% {
+    -webkit-transform:translateX(0%)
+}
+}
+
+@-moz-keyframes move_right_green {
+0% {
+    -moz-transform:translateX(-100%)
+}
+
+25% {
+    -moz-transform:translateX(-100%)
+}
+
+50% {
+    -moz-transform:translateX(-100%)
+}
+
+75% {
+    -moz-transform:translateX(-100%)
+}
+
+100% {
+    -moz-transform:translateX(0%)
+}
+}
+
+@-ms-keyframes move_right_green {
+0% {
+    -ms-transform:translateX(-100%)
+}
+
+25% {
+    -ms-transform:translateX(-100%)
+}
+
+50% {
+    -ms-transform:translateX(-100%)
+}
+
+75% {
+    -ms-transform:translateX(-100%)
+}
+
+100% {
+    -ms-transform:translateX(0%)
+}
+}
+
+@keyframes move_right_green {
+0% {
+    transform:translateX(-100%)
+}
+
+25% {
+    transform:translateX(-100%)
+}
+
+50% {
+    transform:translateX(-100%)
+}
+
+75% {
+    transform:translateX(-100%)
+}
+
+100% {
+    transform:translateX(0%)
+}
+}

data/vendor/assets/javascripts/materialPreloader.js

@@ -0,0 +1,44 @@
+;
+(function($) {
+    var defaults = {
+        position: 'bottom',
+        height: '5px',
+        col_1: '#159756',
+        col_2: '#da4733',
+        col_3: '#3b78e7',
+        col_4: '#fdba2c',
+        fadeIn: 200,
+        fadeOut: 200
+    }
+    $.materialPreloader = function(options) {
+        var settings = $.extend({}, defaults, options);
+        $template =
+            "<div id='materialPreloader' class='load-bar' style='height:" +
+            settings.height + ";display:none;" + settings.position +
+            ":0px'><div class='load-bar-container'><div class='load-bar-base base1' style='background:" +
+            settings.col_1 +
+            "'><div class='color red' style='background:" + settings.col_2 +
+            "'></div><div class='color blue' style='background:" +
+            settings.col_3 +
+            "'></div><div class='color yellow' style='background:" +
+            settings.col_4 +
+            "'></div><div class='color green' style='background:" +
+            settings.col_1 +
+            "'></div></div></div> <div class='load-bar-container'><div class='load-bar-base base2' style='background:" +
+            settings.col_1 +
+            "'><div class='color red' style='background:" + settings.col_2 +
+            "'></div><div class='color blue' style='background:" +
+            settings.col_3 +
+            "'></div><div class='color yellow' style='background:" +
+            settings.col_4 +
+            "'></div> <div class='color green' style='background:" +
+            settings.col_1 + "'></div> </div> </div> </div>";
+        $('body').prepend($template);
+        this.on = function() {
+            $('#materialPreloader').fadeIn(settings.fadeIn);
+        }
+        this.off = function() {
+            $('#materialPreloader').fadeOut(settings.fadeOut);
+        }
+    }
+}(jQuery));

metadata

@@ -0,0 +1,93 @@
+--- !ruby/object:Gem::Specification
+name: materialpreloader_gem
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- urielhdz
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2015-04-13 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.8'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.8'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.1'
+description: Allows you to include http://git.aaronlumsden.com/material/ into your
+  Rails assets
+email:
+- uriel.hdzc@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/materialpreloader_gem.rb
+- lib/materialpreloader_gem/version.rb
+- vendor/assets/css/materialPreloader.css
+- vendor/assets/javascripts/materialPreloader.js
+- vendor/assets/javascripts/mpreloader.coffee
+homepage: https://github.com/urielhdz/materialpreloader
+licenses:
+- MIT
+metadata:
+  allowed_push_host: https://rubygems.org
+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.5
+signing_key: 
+specification_version: 4
+summary: Rails gem to integrate Material Preloader
+test_files: []