bootstrap-growl-rails 2.0.0 → 3.0.0

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bootstrap-growl-rails
 version: !ruby/object:Gem::Version
-  version: 2.0.0
+  version: 3.0.0
 platform: ruby
 authors:
 - Dennis Baskin
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-07-28 00:00:00.000000000 Z
+date: 2015-05-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -48,7 +48,8 @@ extra_rdoc_files: []
 files:
 - lib/bootstrap/growl/rails/version.rb
 - lib/bootstrap/growl/rails.rb
-- vendor/assets/javascripts/bootstrap-growl.js
+- vendor/assets/javascripts/bootstrap-notify.js
+- vendor/assets/stylesheets/animate.css
 - LICENSE.txt
 - README.md
 homepage: https://github.com/dennisbaskin/bootstrap-growl-rails

data/vendor/assets/javascripts/bootstrap-growl.js

@@ -1,257 +0,0 @@
-/*
-*  Project: Bootstrap Growl - v2.0.0
-*  Description: Turns standard Bootstrap alerts into "Growl-like" notifications.
-*  Author: Mouse0270 aka Robert McIntosh
-*  License: MIT License
-*  Website: https://github.com/mouse0270/bootstrap-growl
-*/
-;(function ( $, window, document, undefined ) {
-  // Create the defaults once
-  var pluginName = "growl",
-    dataKey = "plugin_" + pluginName,
-    defaults = {
-      element: 'body',
-      type: "info",
-      allow_dismiss: true,
-      placement: {
-        from: "top",
-        align: "right"
-      },
-      offset: 20,
-      spacing: 10,
-      z_index: 1031,
-      delay: 5000,
-      timer: 1000,
-      url_target: '_blank',
-      mouse_over: false,
-      animate: {
-        enter: 'animated fadeInDown',
-        exit: 'animated fadeOutUp'
-      },
-      icon_type: 'class',
-      template: '<div data-growl="container" class="alert" role="alert"><button type="button" class="close" data-growl="dismiss"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button><span data-growl="icon"></span><span data-growl="title"></span><span data-growl="message"></span><a href="#" data-growl="url"></a></div>'
-    };
-
-  // The actual plugin constructor
-  var setDefaults = function(element, options) {
-    defaults = $.extend(true, {}, defaults, options);
-  },
-  Plugin = function (element, content, options) {
-    var content = {
-      content: {
-        message: typeof content == 'object' ? content.message : content,
-        title: content.title ? content.title : null,
-        icon: content.icon ? content.icon : null,
-        url: content.url ? content.url : null
-      }
-    };
-
-    options = $.extend(true, {}, content, options);
-    this.settings = $.extend(true, {}, defaults, options);
-    plugin = this;
-    init(options, this.settings, plugin);
-    this.$template = $template;
-  },
-  init = function (options, settings, plugin) {
-
-    var base = {
-        settings: settings,
-        $element: $(settings.element),
-        template: settings.template
-      };
-
-    $template = buildGrowl(base);
-    addContent($template, base.settings);
-    placement($template, base.settings);
-    bindControls($template, base.settings,plugin);
-  },
-  buildGrowl = function(base) {
-
-    var $template = $(base.settings.template);
-
-    $template.addClass('alert-' + base.settings.type);
-    $template.attr('data-growl-position', base.settings.placement.from + '-' + base.settings.placement.align);
-
-    $template.find('[data-growl="dismiss"]').css('display', 'none');
-    if (base.settings.allow_dismiss) {
-      $template.find('[data-growl="dismiss"]').css('display', 'inline-block');
-    }
-
-    return $template;
-  },
-  addContent = function($template, settings) {
-
-    $template.find('[data-growl="dismiss"]').css({
-      'position': 'absolute',
-      'top': '5px',
-      'right': '10px',
-      'z-index': ((settings.z_index-1) >= 1 ? (settings.z_index-1) : 1)
-    });
-
-    if (settings.content.icon) {
-      if (settings.icon_type.toLowerCase() == 'class') {
-        $template.find('[data-growl="icon"]').addClass(settings.content.icon);
-      }else{
-        if ($template.find('[data-growl="icon"]').is('img')) {
-          $template.find('[data-growl="icon"]').attr('src', settings.content.icon);
-        }else{
-          $template.find('[data-growl="icon"]').append('<img src="'+settings.content.icon+'" />');
-        }
-      }
-    }
-
-    if (settings.content.title) {
-      $template.find('[data-growl="title"]').html(settings.content.title);
-    }
-
-    if (settings.content.message) {
-      $template.find('[data-growl="message"]').html(settings.content.message);
-    }
-
-    if (settings.content.url) {
-      $template.find('[data-growl="url"]').attr('href', settings.content.url).attr('target', settings.url_target);
-      $template.find('[data-growl="url"]').css({
-        'position': 'absolute',
-        'top': '0px',
-        'left': '0px',
-        'width': '100%',
-        'height': '100%',
-        'z-index': ((settings.z_index-2) >= 1 ? (settings.z_index-2) : 1)
-      });
-    }
-  },
-  placement = function($template, settings) {
-    var offsetAmt = settings.offset,
-      gCSS = {
-        'position': (settings.element === 'body' ? 'fixed' : 'absolute'),
-        'margin': 0,
-        'z-index': settings.z_index,
-        'display': 'inline-block'
-      }
-
-    $('[data-growl-position="' + settings.placement.from + '-' + settings.placement.align + '"]').each(function() {
-      return offsetAmt = Math.max(offsetAmt, parseInt($(this).css(settings.placement.from)) + $(this).outerHeight() + settings.spacing);
-    });
-
-    gCSS[settings.placement.from] = offsetAmt + "px";
-    $template.css(gCSS);
-    $(settings.element).append($template);
-
-    switch (settings.placement.align) {
-      case 'center':
-        $template.css({
-          'left': '50%',
-          'marginLeft': -($template.outerWidth() / 2) + 'px'
-        });
-        break;
-      case 'left':
-        $template.css('left', settings.offset + 'px');
-        break;
-      case 'right':
-        $template.css('right', settings.offset + 'px');
-        break;
-    }
-    $template.addClass('growl-animated');
-  },
-  bindControls = function($template, settings, plugin) {
-    $template.addClass(settings.animate.enter);
-
-    $template.find('[data-growl="dismiss"]').on('click', function() {
-      plugin.close();
-    });
-
-    $template.on('mouseover', function(e) {
-      $template.addClass('hovering');
-    }).on('mouseout', function() {
-      $template.removeClass('hovering');
-    });
-
-    if (settings.delay >= 1) {
-      $template.data('growl-delay', settings.delay);
-      var timer = setInterval(function() {
-
-        var delay = parseInt($template.data('growl-delay')) - settings.timer;
-        if ((!$template.hasClass('hovering') && settings.mouse_over == 'pause') || settings.mouse_over != 'pause') {
-          $template.data('growl-delay', delay);
-        }
-
-        if (delay <= 0) {
-          clearInterval(timer);
-          plugin.close();
-        }
-      }, settings.timer);
-    }
-  };
-
-  // Avoid Plugin.prototype conflicts
-  Plugin.prototype = {
-    update: function(command, update) {
-      switch (command) {
-        case 'icon':
-          if (this.settings.icon_type.toLowerCase() == 'class') {
-            this.$template.find('[data-growl="icon"]').removeClass(this.settings.content.icon);
-            this.$template.find('[data-growl="icon"]').addClass(update);
-          }else{
-            if (this.$template.find('[data-growl="icon"]').is('img')) {
-              this.$template.find('[data-growl="icon"]')
-            }else{
-              this.$template.find('[data-growl="icon"]').find('img').attr().attr('src', update);
-            }
-          }
-          break;
-        case 'url':
-          this.$template.find('[data-growl="url"]').attr('href', update);
-          break;
-        case 'type':
-          this.$template.removeClass('alert-' + this.settings.type);
-          this.$template.addClass('alert-' + update);
-          break;
-        default:
-          this.$template.find('[data-growl="' + command +'"]').html(update);
-      }
-
-      return this;
-    },
-    close: function() {
-      var base = this.$template,
-        settings = this.settings,
-        posX = base.css(settings.placement.from),
-        hasAnimation = false;
-
-      base.addClass(this.settings.animate.exit);
-
-      base.nextAll('[data-growl-position="' + this.settings.placement.from + '-' + this.settings.placement.align + '"]').each(function() {
-        $(this).css(settings.placement.from, posX);
-        posX = (parseInt(posX)+(settings.spacing)) + $(this).outerHeight();
-      });
-
-      base.one('webkitAnimationStart oanimationstart MSAnimationStart animationstart', function(event) {
-        hasAnimation = true;
-      });
-
-      base.one('webkitAnimationEnd oanimationend MSAnimationEnd animationend', function(event) {
-        $(this).remove();
-      });
-
-      setTimeout(function() {
-        if (!hasAnimation) {
-          base.remove();
-        }
-      }, 100);
-
-      return this;
-    }
-  };
-
-  // A really lightweight plugin wrapper around the constructor,
-  // preventing against multiple instantiations
-  $.growl = function ( content, options ) {
-    if (content == false) {
-      setDefaults(this, options);
-      return false;
-    }
-    var plugin = new Plugin( this, content, options );
-    return plugin;
-  };
-
-})( jQuery, window, document );