ohsnap-rails 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d95eed1dea9ffbc82f9ed1c25ef17beea944f332
-  data.tar.gz: f1d95145527848bc555709dc847f6de5554dd019
+  metadata.gz: a6106a98633b12a09570fadefd08f27002f00e64
+  data.tar.gz: cf6daf70d733e3699bf2fd0be836cc9c561c18ad
 SHA512:
-  metadata.gz: 7ff1dcdbad751128fc4785382a0e1efe59544a8eb36c1aa0e752fbff5f67227613d8fb429d69f131d6edbb1a1275eb2bee56dbafeece052ad46d63f944540615
-  data.tar.gz: 7668ba439e4c06617bd9a08a1b121efbb886738c50b743177fc879e0282baa6f9a89fe9f3aca2064e464aa541bb291f4d01dc0a1b2aa79421f0316d074ff8b7e
+  metadata.gz: 153dc53f32d8aa533b94a885da1541a7afa7048d004397da559422258a5054f57388ac30b54fa4125242ad03f7c528fbda526b7ab069e65d1146353dc592845a
+  data.tar.gz: 7102bd382e2f069ecd7b754a4f4e45afb8ebb6abfc111ce649fb822b2ae9470867878170342430ddceee7ef580ce9cd2ced663ca5958a2c3b9bc24e3b92601d6

data/README.md

@@ -1,5 +1,7 @@
 # Ohsnap
 
+[![Gem Version](https://badge.fury.io/rb/ohsnap-rails.svg)](https://badge.fury.io/rb/ohsnap-rails)
+
 A ruby gem for ohsnap.js [library by justin domingue](https://github.com/justindomingue)
 
 A simple notification jQuery/Zepto library designed to be used in mobile apps

data/lib/ohsnap/rails/version.rb

@@ -1,5 +1,5 @@
 module Ohsnap
   module Rails
-    VERSION = "0.1.0"
+    VERSION = "0.2.0"
   end
 end

data/vendor/assets/javasccripts/ohsnap.js

@@ -4,27 +4,45 @@
  *
  * author: Justin Domingue
  * date: september 18, 2015
- * version: 0.1.4
+ * version: 1.0.0
  * copyright - nice copyright over here
  */
 
 /* Shows a toast on the page
  * Params:
  *  text: text to show
- *  color: color of the toast. one of red, green, blue, orange, yellow or custom
+ *  options: object that can override the following options
+ *    color: alert will have class 'alert-color'. Default null
+ *    icon: class of the icon to show before the alert. Default null
+ *    duration: duration of the notification in ms. Default 5000ms
+ *    container-id: id of the alert container. Default 'ohsnap'
+ *    fade-duration: duration of the fade in/out of the alerts. Default 'fast'
 */
-function ohSnap(text, color, icon) {
-    var icon_markup = "",
-        html,
-        time = '5000',
-        $container = $('#ohsnap');
-
-    if (icon) {
-        icon_markup = "<span class='" + icon + "'></span> ";
+function ohSnap(text, options) {
+  var defaultOptions = {
+    'color'       : null,     // color is  CSS class `alert-color`
+    'icon'        : null,     // class of the icon to show before the alert text
+    'duration'    : '5000',   // duration of the notification in ms
+    'container-id': 'ohsnap', // id of the alert container
+    'fade-duration': 'fast',  // duration of the fade in/out of the alerts. fast, slow or integer in ms
+  }
+
+  options = (typeof options == 'object') ? $.extend(defaultOptions, options) : defaultOptions;
+
+  var $container = $('#'+options['container-id']),
+    icon_markup = "",
+    color_markup = "";
+
+    if (options.icon) {
+        icon_markup = "<span class='" + options.icon + "'></span> ";
+    }
+
+    if (options.color) {
+      color_markup = 'alert-' + options.color;
     }
 
     // Generate the HTML
-    html = $('<div class="alert alert-' + color + '">' + icon_markup + text + '</div>').fadeIn('fast');
+    var html = $('<div class="alert ' + color_markup + '">' + icon_markup + text + '</div>').fadeIn(options['fade-duration']);
 
     // Append the label to the container
     $container.append(html);
@@ -34,23 +52,33 @@ function ohSnap(text, color, icon) {
         ohSnapX($(this));
     });
 
-    // After 'time' seconds, the animation fades out
+    // After 'duration' seconds, the animation fades out
     setTimeout(function() {
         ohSnapX(html);
-    }, time);
+    }, options.duration);
 }
 
-function ohSnapX(element) {
-    // Called without argument, the function removes all alerts
-    // element must be a jQuery object
+/* Removes a toast from the page
+ * params:
+ *    Called without arguments, the function removes all alerts
+ *    element: a jQuery object to remove
+ *    options:
+ *      duration: duration of the alert fade out - 'fast', 'slow' or time in ms. Default 'fast'
+ */
+function ohSnapX(element, options) {
+    defaultOptions = {
+      'duration': 'fast'
+    }
+
+    options = (typeof options == 'object') ? $.extend(defaultOptions, options) : defaultOptions;
 
     if (typeof element !== "undefined") {
-        element.fadeOut('fast', function() {
+        element.fadeOut(options.duration, function() {
             $(this).remove();
         });
     } else {
-        $('.alert').fadeOut('fast', function() {
+        $('.alert').fadeOut(options.duration, function() {
             $(this).remove();
         });
     }
-}
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ohsnap-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - Rahul Lakhaney
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-11-02 00:00:00.000000000 Z
+date: 2016-02-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -85,3 +85,4 @@ signing_key:
 specification_version: 4
 summary: Ruby gem for ohsnap.
 test_files: []
+has_rdoc: