snackbarjs-rails 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 10b0813159cd48484c0db5eed038bfaa65509640
+  data.tar.gz: 0f4b180217bfefcf8367b3f16cacfcb0150bbca3
+SHA512:
+  metadata.gz: 7e416e65c3b4dc19709f233969e31d480d5a539e4d9fefb2abd84c3479c78644dbfa10615b70c9b3d4b441bc5b3886175278612e40715332f4603c9b9ef8d223
+  data.tar.gz: f0ba291b2d78e9bbfff49274bad87f395a3b96de30d3a9834f83abb1e83ea38bc7453b6add8a220dcb0febce3cb65d84e1e47f10e7f6561fa15b1391433cc7db

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2015 Michael Elfassy
+
+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,69 @@
+# SnackbarJS for Rails
+
+See demo: 
+http://fezvrasta.github.io/snackbarjs/
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'snackbarjs-rails'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install snackbarjs-rails
+
+## Usage
+
+Add to the bottom of your layout
+```
+<%= javascript_tag do %>
+  window.flashMessages = $.parseJSON('<%=j flash.to_hash.to_json.html_safe %>');
+<% end %>
+
+# Or For slim
+javascript:
+  window.flashMessages = $.parseJSON('#{j flash.to_hash.to_json.html_safe}')
+```
+
+And then to your application.js
+```javascript
+//= require snackbar
+
+$(document).on('ready page:load', function(){
+  $.each( flashMessages, function(key, value){
+    $.snackbar({content: value, style: key, timeout: 10000});
+  });
+});
+```
+
+Finally edit your application.css.scss
+```scss
+@import "snackbar";
+@import "snackbar-material";
+
+.snackbar.error {
+  background-color: red;
+}
+.snackbar.alert {
+  background-color: yellow;
+  color: black;
+}
+.snackbar.notice {
+  background-color: green;
+}
+```
+
+## Contributing
+
+1. Fork it ( https://github.com/elfassy/snackbarjs-rails/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 a new Pull Request

data/lib/snackbarjs-rails.rb

@@ -0,0 +1,8 @@
+require "snackbarjs-rails/version"
+
+module Snackbarjs
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/snackbarjs-rails/version.rb

@@ -0,0 +1,5 @@
+module Snackbarjs
+  module Rails
+    VERSION = "1.0.0"
+  end
+end

data/vendor/assets/snackbarjs/snackbar-material.css

@@ -0,0 +1,28 @@
+.snackbar {
+  background-color: #323232;
+  color: #FFFFFF;
+  font-size: 14px;
+  border-radius: 2px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  height: 0;
+  -moz-transition: -moz-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
+  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
+  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
+  -moz-transform: translateY(200%);
+  -webkit-transform: translateY(200%);
+  transform: translateY(200%);
+}
+.snackbar.snackbar-opened {
+  padding: 14px 15px;
+  margin-bottom: 20px;
+  height: auto;
+  -moz-transition: -moz-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s;
+  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s;
+  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
+  -moz-transform: none;
+  -webkit-transform: none;
+  transform: none;
+}
+.snackbar.toast {
+  border-radius: 200px;
+}

data/vendor/assets/snackbarjs/snackbar.css

@@ -0,0 +1,36 @@
+#snackbar-container {
+  position: fixed;
+  left: 20px;
+  bottom: 0;
+  z-index: 99999;
+}
+.snackbar {
+  overflow: hidden;
+  clear: both;
+  min-width: 288px;
+  max-width: 568px;
+  cursor: pointer;
+  opacity: 0;
+}
+.snackbar.snackbar-opened {
+  height: auto;
+  opacity: 1;
+}
+@media (max-width: 767px) {
+  #snackbar-container {
+    left: 0px !important;
+    right: 0px;
+    width: 100%;
+  }
+  #snackbar-container .snackbar {
+    min-width: 100%;
+  }
+  #snackbar-container [class="snackbar snackbar-opened"] ~ .snackbar.toast {
+    margin-top: 20px;
+  }
+  #snackbar-container [class="snackbar snackbar-opened"] {
+    border-radius: 0;
+    margin-bottom: 0;
+  }
+}
+/*# sourceMappingURL=snackbar.css.map */

data/vendor/assets/snackbarjs/snackbar.js

@@ -0,0 +1,137 @@
+/* SnackbarJS - MIT LICENSE (https://github.com/FezVrasta/snackbarjs/blob/master/LICENSE.md) */
+
+(function( $ ){
+
+    $(document).ready(function() {
+        $("body").append("<div id=snackbar-container/>");
+    });
+
+    function isset(variable) {
+        if (typeof variable !== "undefined" && variable !== null) {
+            return true;
+        } else {
+            return false;
+        }
+    }
+
+    $(document)
+    .on("click", "[data-toggle=snackbar]", function() {
+        $(this).snackbar("toggle");
+    })
+    .on("click", "#snackbar-container .snackbar", function() {
+        $(this).snackbar("hide");
+    });
+
+    $.snackbar = function(options) {
+
+        if (isset(options) && options === Object(options)) {
+            var $snackbar;
+
+            if (!isset(options.id)) {
+                $snackbar = $("<div/>").attr("id", "snackbar" + Date.now()).attr("class", "snackbar");
+            } else {
+                $snackbar = $("#" + options.id);
+            }
+
+            var snackbarStatus = $snackbar.hasClass("snackbar-opened");
+
+            if (isset(options.style)) {
+                $snackbar.attr("class", "snackbar " + options.style);
+            } else {
+                $snackbar.attr("class", "snackbar");
+            }
+
+            options.timeout = (isset(options.timeout)) ? options.timeout : 3000;
+
+            if (isset(options.content)) {
+                if ($snackbar.find(".snackbar-content").length) {
+                    $snackbar.find(".snackbar-content").text(options.content);
+                } else {
+                    $snackbar.prepend("<span class=snackbar-content>" + options.content + "</span>");
+                }
+            }
+
+            if (!isset(options.id)) {
+                $snackbar.appendTo("#snackbar-container");
+            } else {
+                $snackbar.insertAfter("#snackbar-container .snackbar:last-child");
+            }
+
+            // Show or hide item
+            if (isset(options.action) && options.action == "toggle") {
+                if (snackbarStatus) {
+                    options.action = "hide";
+                } else {
+                    options.action = "show";
+                }
+            }
+
+            var animationId1 = Date.now();
+            $snackbar.data("animationId1", animationId1);
+            setTimeout(function() {
+                if ($snackbar.data("animationId1") === animationId1) {
+                    if (!isset(options.action) || options.action == "show") {
+                        $snackbar.addClass("snackbar-opened");
+                    } else if (isset(options.action) && options.action == "hide") {
+                        $snackbar.removeClass("snackbar-opened");
+                    }
+                }
+            }, 50);
+
+            // Set timer for item autohide
+            var animationId2 = Date.now();
+            $snackbar.data("animationId2", animationId2);
+
+            if (options.timeout !== 0) {
+                setTimeout(function() {
+                    if ($snackbar.data("animationId2") === animationId2) {
+                        $snackbar.removeClass("snackbar-opened");
+                    }
+                }, options.timeout);
+            }
+
+            return $snackbar;
+
+        } else {
+            return false;
+        }
+    };
+
+    $.fn.snackbar = function(action) {
+
+        var options = {};
+
+        if (!this.hasClass("snackbar")) {
+
+            if (!isset(action) || action === "show" || action === "hide" || action == "toggle") {
+                options = {
+                    content: $(this).attr("data-content"),
+                    style: $(this).attr("data-style"),
+                    timeout: $(this).attr("data-timeout")
+                };
+            }
+
+            if (isset(action)) {
+                options.id = this.attr("data-snackbar-id");
+
+                if(action === "show" || action === "hide" || action == "toggle") {
+                    options.action = action;
+                }
+            }
+
+            var $snackbar = $.snackbar(options);
+            this.attr("data-snackbar-id", $snackbar.attr("id"));
+
+            return $snackbar;
+
+        } else {
+
+            options.id = this.attr("id");
+            if(action === "show" || action === "hide" || action == "toggle") {
+                options.action = action;
+            }
+            return $.snackbar(options);
+        }
+
+    };
+})( jQuery );

metadata

@@ -0,0 +1,108 @@
+--- !ruby/object:Gem::Specification
+name: snackbarjs-rails
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+platform: ruby
+authors:
+- Michael Elfassy
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-01-08 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+- !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: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.0'
+description: Integrate Snackbar javascript library with Rails asset pipeline
+email:
+- michaelelfassy@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- lib/snackbarjs-rails.rb
+- lib/snackbarjs-rails/version.rb
+- vendor/assets/snackbarjs/snackbar-material.css
+- vendor/assets/snackbarjs/snackbar.css
+- vendor/assets/snackbarjs/snackbar.js
+homepage: https://github.com/elfassy/snackbarjs-rails
+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.2.2
+signing_key: 
+specification_version: 4
+summary: Snackbar is a javascript library for alerts. This gem integrates Snackbar.js
+  with Rails asset pipeline for easy of use.
+test_files: []