RubyGems - the_notification - Versions diffs - 0.0.1 - Mend

the_notification 0.0.1

Files changed (22) hide show

checksums.yaml +7 -0
data/.gitignore +17 -0
data/Gemfile +4 -0
data/LICENSE.txt +22 -0
data/README.md +125 -0
data/Rakefile +1 -0
data/app/assets/javascripts/the_notification.js.coffee +40 -0
data/app/assets/javascripts/the_notification/vendors/toastr.js +306 -0
data/app/assets/stylesheets/the_notification.css.scss +37 -0
data/app/assets/stylesheets/the_notification/vendors/toastr.css +183 -0
data/app/helpers/the_notification_helper.rb +11 -0
data/app/models/concerns/localized_errors.rb +21 -0
data/app/views/the_notification/_flash.html.slim +18 -0
data/app/views/the_notification/_form.html.slim +28 -0
data/config/locales/en.yml +3 -0
data/config/locales/ru.yml +3 -0
data/gem_version.rb +3 -0
data/lib/the_notification.rb +13 -0
data/lib/the_notification/config.rb +20 -0
data/lib/the_notification/version.rb +1 -0
data/the_notification.gemspec +25 -0
metadata +106 -0

checksums.yaml ADDED

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 5bc2d717d5e0cc126b7c8dc93351f47fec2f1272
+  data.tar.gz: 6eb52510b458ed2aed7d0370b55820b8bf62bec6
+SHA512:
+  metadata.gz: 64b1389ee3867e58dfcb6403014c1a0b5e48b93fb35e4528ac55e40d5aa4d572800a75e4db8f054d45aec3a00b9e986d06225ce937a8b231009db86a140ee4e5
+  data.tar.gz: 37b5e61f3cbfa23aa3c365d9da9951dcad38cb4cde1ef51ed54e022ea17c71ca122c16f12723335076e63efeac726251a072e1f18fd3cd602e9cb704f482330c

data/.gitignore ADDED

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

data/Gemfile ADDED

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+# Specify your gem's dependencies in the_notification.gemspec
+gemspec

data/LICENSE.txt ADDED

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Ilya N. Zykin
+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 ADDED

@@ -0,0 +1,125 @@
+## TheNotification
+Just add JSON on HTML notifications in your APP
+Designed for Bootstrap 3 style of for toastr notifications
+## How it works
+Just remove
+```ruby
+<%= form_for(@resource) do |f| %>
+  <% if @resource.errors.any? %>
+    <div id="error_explanation">
+      <h2><%= pluralize(@resource.errors.count, "error") %> prohibited this resource from being saved:</h2>
+      <ul>
+      <% @resource.errors.full_messages.each do |msg| %>
+        <li><%= msg %></li>
+      <% end %>
+      </ul>
+    </div>
+  <% end %>
+  # ....
+<% end %>
+```
+with
+```ruby
+<%= form_for(@post) do |f| %>
+  <%= render partial: 'the_notification/form', locals: { object: @post } %>
+  # ....
+<% end %>
+```
+and add to Layout
+```ruby
+<body>
+  <%= render partial: 'the_notification/flash' %>
+  <%= yield %>
+```
+*application.js*
+```js
+//= require the_notification/vendors/toastr
+//= require the_notification
+```
+*application.css*
+```js
+*= require bootstrap
+*= require the_notification/vendors/toastr
+```
+### HTML or JSON
+```erb
+<%= render partial: 'the_notification/flash' locals: { format: :html } %>
+<%= render partial: 'the_notification/form', locals: { object: @post, format: :html } %>
+```
+or
+```erb
+<%= render partial: 'the_notification/flash' locals: { format: :json } %>
+<%= render partial: 'the_notification/form', locals: { object: @post, format: :json } %>
+```
+*initializers/the_notification.rb*
+```ruby
+TheNotification.configure do |config|
+  config.default_type = :json # :html
+end
+```
+### Localized errors
+*models/user.rb*
+```ruby
+class Post < ActiveRecord::Base
+  include TheNotification::LocalizedErrors
+end
+```
+*config/locales/ru.yml*
+```
+activerecord:
+  models:
+    post: Публикация
+  attributes:
+    post:
+      title: "Загловок"
+```
+Now errors messages will looks like this:
+```
+Загловок: не может быть пустым
+```
+instead
+```
+Title: не может быть пустым
+```
+### Installation
+```ruby
+gem 'the_notification'
+```
+```sh
+$ bundle
+```
+### Usage
+TODO: Write usage instructions here

data/Rakefile ADDED

	@@ -0,0 +1 @@
1	+ require "bundler/gem_tasks"

data/app/assets/javascripts/the_notification.js.coffee ADDED

@@ -0,0 +1,40 @@
+@TheNotification = do ->
+  show_error: (error) ->
+    toastr.error(error) if error
+  show_errors: (errors) ->
+    for field, errs of errors
+      for err in errs
+        toastr.error "<b>#{ field }:</b> #{ err }"
+  show_flash: (flash) ->
+    fu =
+      notice:  'info'
+      errors:  'error'
+      error:   'error'
+      warning: 'warning'
+      alert:   'warning'
+    for level, msg of flash
+      method = fu[level] || 'info'
+      if msg instanceof Array
+        for _msg in msg
+          toastr[method] _msg
+      else
+        toastr[method] msg
+  show_notifications: ->
+    data = window.the_notifications
+    return false unless data
+    @show_errors errors if errors = data.errors
+    @show_flash  flash  if flash  = data.flash
+  click_for_close_init: ->
+    $('.flash_msgs, .error_explanation').on 'click', ->
+      $(@).slideUp(500)
+  init: ->
+    do @click_for_close_init
+    do @show_notifications

data/app/assets/javascripts/the_notification/vendors/toastr.js ADDED

@@ -0,0 +1,306 @@
+/*
+ * Toastr
+ * Version 2.0.1
+ * Copyright 2012 John Papa and Hans Fjällemark.
+ * All Rights Reserved.
+ * Use, reproduction, distribution, and modification of this code is subject to the terms and
+ * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
+ *
+ * Author: John Papa and Hans Fjällemark
+ * Project: https://github.com/CodeSeven/toastr
+ */
+; (function (define) {
+	define(['jquery'], function ($) {
+		return (function () {
+			var version = '2.0.1';
+			var $container;
+			var listener;
+			var toastId = 0;
+			var toastType = {
+				error: 'error',
+				info: 'info',
+				success: 'success',
+				warning: 'warning'
+			};
+			var toastr = {
+				clear: clear,
+				error: error,
+				getContainer: getContainer,
+				info: info,
+				options: {},
+				subscribe: subscribe,
+				success: success,
+				version: version,
+				warning: warning
+			};
+			return toastr;
+			//#region Accessible Methods
+			function error(message, title, optionsOverride) {
+				return notify({
+					type: toastType.error,
+					iconClass: getOptions().iconClasses.error,
+					message: message,
+					optionsOverride: optionsOverride,
+					title: title
+				});
+			}
+			function info(message, title, optionsOverride) {
+				return notify({
+					type: toastType.info,
+					iconClass: getOptions().iconClasses.info,
+					message: message,
+					optionsOverride: optionsOverride,
+					title: title
+				});
+			}
+			function subscribe(callback) {
+				listener = callback;
+			}
+			function success(message, title, optionsOverride) {
+				return notify({
+					type: toastType.success,
+					iconClass: getOptions().iconClasses.success,
+					message: message,
+					optionsOverride: optionsOverride,
+					title: title
+				});
+			}
+			function warning(message, title, optionsOverride) {
+				return notify({
+					type: toastType.warning,
+					iconClass: getOptions().iconClasses.warning,
+					message: message,
+					optionsOverride: optionsOverride,
+					title: title
+				});
+			}
+			function clear($toastElement) {
+				var options = getOptions();
+				if (!$container) { getContainer(options); }
+				if ($toastElement && $(':focus', $toastElement).length === 0) {
+					$toastElement[options.hideMethod]({
+						duration: options.hideDuration,
+						easing: options.hideEasing,
+						complete: function () { removeToast($toastElement); }
+					});
+					return;
+				}
+				if ($container.children().length) {
+					$container[options.hideMethod]({
+						duration: options.hideDuration,
+						easing: options.hideEasing,
+						complete: function () { $container.remove(); }
+					});
+				}
+			}
+			//#endregion
+			//#region Internal Methods
+			function getDefaults() {
+				return {
+					tapToDismiss: true,
+					toastClass: 'toast',
+					containerId: 'toast-container',
+					debug: false,
+					showMethod: 'fadeIn', //fadeIn, slideDown, and show are built into jQuery
+					showDuration: 300,
+					showEasing: 'swing', //swing and linear are built into jQuery
+					onShown: undefined,
+					hideMethod: 'fadeOut',
+					hideDuration: 1000,
+					hideEasing: 'swing',
+					onHidden: undefined,
+					extendedTimeOut: 1000,
+					iconClasses: {
+						error: 'toast-error',
+						info: 'toast-info',
+						success: 'toast-success',
+						warning: 'toast-warning'
+					},
+					iconClass: 'toast-info',
+					positionClass: 'toast-top-right',
+					timeOut: 5000, // Set timeOut and extendedTimeout to 0 to make it sticky
+					titleClass: 'toast-title',
+					messageClass: 'toast-message',
+					target: 'body',
+					closeHtml: '<button>&times;</button>',
+					newestOnTop: true
+				};
+			}
+			function publish(args) {
+				if (!listener) {
+					return;
+				}
+				listener(args);
+			}
+			function notify(map) {
+				var
+					options = getOptions(),
+					iconClass = map.iconClass || options.iconClass;
+				if (typeof (map.optionsOverride) !== 'undefined') {
+					options = $.extend(options, map.optionsOverride);
+					iconClass = map.optionsOverride.iconClass || iconClass;
+				}
+				toastId++;
+				$container = getContainer(options);
+				var
+					intervalId = null,
+					$toastElement = $('<div/>'),
+					$titleElement = $('<div/>'),
+					$messageElement = $('<div/>'),
+					$closeElement = $(options.closeHtml),
+					response = {
+						toastId: toastId,
+						state: 'visible',
+						startTime: new Date(),
+						options: options,
+						map: map
+					};
+				if (map.iconClass) {
+					$toastElement.addClass(options.toastClass).addClass(iconClass);
+				}
+				if (map.title) {
+					$titleElement.append(map.title).addClass(options.titleClass);
+					$toastElement.append($titleElement);
+				}
+				if (map.message) {
+					$messageElement.append(map.message).addClass(options.messageClass);
+					$toastElement.append($messageElement);
+				}
+				if (options.closeButton) {
+					$closeElement.addClass('toast-close-button');
+					$toastElement.prepend($closeElement);
+				}
+				$toastElement.hide();
+				if (options.newestOnTop) {
+					$container.prepend($toastElement);
+				} else {
+					$container.append($toastElement);
+				}
+				$toastElement[options.showMethod](
+					{ duration: options.showDuration, easing: options.showEasing, complete: options.onShown }
+				);
+				if (options.timeOut > 0) {
+					intervalId = setTimeout(hideToast, options.timeOut);
+				}
+				$toastElement.hover(stickAround, delayedhideToast);
+				if (!options.onclick && options.tapToDismiss) {
+					$toastElement.click(hideToast);
+				}
+				if (options.closeButton && $closeElement) {
+					$closeElement.click(function (event) {
+						event.stopPropagation();
+						hideToast(true);
+					});
+				}
+				if (options.onclick) {
+					$toastElement.click(function () {
+						options.onclick();
+						hideToast();
+					});
+				}
+				publish(response);
+				if (options.debug && console) {
+					console.log(response);
+				}
+				return $toastElement;
+				function hideToast(override) {
+					if ($(':focus', $toastElement).length && !override) {
+						return;
+					}
+					return $toastElement[options.hideMethod]({
+						duration: options.hideDuration,
+						easing: options.hideEasing,
+						complete: function () {
+							removeToast($toastElement);
+							if (options.onHidden) {
+								options.onHidden();
+							}
+							response.state = 'hidden';
+							response.endTime = new Date(),
+							publish(response);
+						}
+					});
+				}
+				function delayedhideToast() {
+					if (options.timeOut > 0 || options.extendedTimeOut > 0) {
+						intervalId = setTimeout(hideToast, options.extendedTimeOut);
+					}
+				}
+				function stickAround() {
+					clearTimeout(intervalId);
+					$toastElement.stop(true, true)[options.showMethod](
+						{ duration: options.showDuration, easing: options.showEasing }
+					);
+				}
+			}
+			function getContainer(options) {
+				if (!options) { options = getOptions(); }
+				$container = $('#' + options.containerId);
+				if ($container.length) {
+					return $container;
+				}
+				$container = $('<div/>')
+					.attr('id', options.containerId)
+					.addClass(options.positionClass);
+				$container.appendTo($(options.target));
+				return $container;
+			}
+			function getOptions() {
+				return $.extend({}, getDefaults(), toastr.options);
+			}
+			function removeToast($toastElement) {
+				if (!$container) { $container = getContainer(); }
+				if ($toastElement.is(':visible')) {
+					return;
+				}
+				$toastElement.remove();
+				$toastElement = null;
+				if ($container.children().length === 0) {
+					$container.remove();
+				}
+			}
+			//#endregion
+		})();
+	});
+}(typeof define === 'function' && define.amd ? define : function (deps, factory) {
+	if (typeof module !== 'undefined' && module.exports) { //Node
+		module.exports = factory(require(deps[0]));
+	} else {
+		window['toastr'] = factory(window['jQuery']);
+	}
+}));

data/app/assets/stylesheets/the_notification.css.scss ADDED

@@ -0,0 +1,37 @@
+.flash_msgs{
+  padding: 10px 10px 0px 10px;
+  margin-bottom: 15px;
+  border-radius: 5px;
+  cursor: pointer;
+  &.alert-info{
+    border: 3px solid #3A87AD;
+    color: #3A87AD;
+    p{
+      font-size: 14px;
+      line-height: 130%;
+    }
+  }
+}
+.error_explanation.alert-danger{
+  border: 3px solid #B94A48;
+  color: #B94A48;
+  padding: 10px 10px 0px 10px;
+  margin-bottom: 15px;
+  border-radius: 5px;
+  cursor: pointer;
+  ul{
+    margin-left: 15px;
+    padding-bottom: 0.1px;
+    list-style: disc inside none;
+  }
+  li{
+    font-size: 14px;
+    line-height: 130%;
+    margin-bottom: 15px;
+  }
+}

data/app/assets/stylesheets/the_notification/vendors/toastr.css ADDED

@@ -0,0 +1,183 @@
+/*
+ * Toastr
+ * Version 2.0.1
+ * Copyright 2012 John Papa and Hans Fjällemark.
+ * All Rights Reserved.
+ * Use, reproduction, distribution, and modification of this code is subject to the terms and
+ * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
+ *
+ * Author: John Papa and Hans Fjällemark
+ * Project: https://github.com/CodeSeven/toastr
+ */
+.toast-title {
+  font-weight: bold;
+}
+.toast-message {
+  -ms-word-wrap: break-word;
+  word-wrap: break-word;
+}
+.toast-message a,
+.toast-message label {
+  color: #ffffff;
+}
+.toast-message a:hover {
+  color: #cccccc;
+  text-decoration: none;
+}
+.toast-close-button {
+  position: relative;
+  right: -0.3em;
+  top: -0.3em;
+  float: right;
+  font-size: 20px;
+  font-weight: bold;
+  color: #ffffff;
+  -webkit-text-shadow: 0 1px 0 #ffffff;
+  text-shadow: 0 1px 0 #ffffff;
+  opacity: 0.8;
+  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
+  filter: alpha(opacity=80);
+}
+.toast-close-button:hover,
+.toast-close-button:focus {
+  color: #000000;
+  text-decoration: none;
+  cursor: pointer;
+  opacity: 0.4;
+  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
+  filter: alpha(opacity=40);
+}
+/*Additional properties for button version
+ iOS requires the button element instead of an anchor tag.
+ If you want the anchor version, it requires `href="#"`.*/
+button.toast-close-button {
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none;
+}
+.toast-top-full-width {
+  top: 0;
+  right: 0;
+  width: 100%;
+}
+.toast-bottom-full-width {
+  bottom: 0;
+  right: 0;
+  width: 100%;
+}
+.toast-top-left {
+  top: 12px;
+  left: 12px;
+}
+.toast-top-right {
+  top: 12px;
+  right: 12px;
+}
+.toast-bottom-right {
+  right: 12px;
+  bottom: 12px;
+}
+.toast-bottom-left {
+  bottom: 12px;
+  left: 12px;
+}
+#toast-container {
+  position: fixed;
+  z-index: 999999;
+  /*overrides*/
+}
+#toast-container * {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+#toast-container > div {
+  margin: 0 0 6px;
+  padding: 15px 15px 15px 50px;
+  width: 300px;
+  -moz-border-radius: 3px 3px 3px 3px;
+  -webkit-border-radius: 3px 3px 3px 3px;
+  border-radius: 3px 3px 3px 3px;
+  background-position: 15px center;
+  background-repeat: no-repeat;
+  -moz-box-shadow: 0 0 12px #999999;
+  -webkit-box-shadow: 0 0 12px #999999;
+  box-shadow: 0 0 12px #999999;
+  color: #ffffff;
+  opacity: 0.8;
+  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
+  filter: alpha(opacity=80);
+}
+#toast-container > :hover {
+  -moz-box-shadow: 0 0 12px #000000;
+  -webkit-box-shadow: 0 0 12px #000000;
+  box-shadow: 0 0 12px #000000;
+  opacity: 1;
+  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+  filter: alpha(opacity=100);
+  cursor: pointer;
+}
+#toast-container > .toast-info {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
+}
+#toast-container > .toast-error {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
+}
+#toast-container > .toast-success {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
+}
+#toast-container > .toast-warning {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
+}
+#toast-container.toast-top-full-width > div,
+#toast-container.toast-bottom-full-width > div {
+  width: 96%;
+  margin: auto;
+}
+.toast {
+  background-color: #030303;
+}
+.toast-success {
+  background-color: #51a351;
+}
+.toast-error {
+  background-color: #bd362f;
+}
+.toast-info {
+  background-color: #2f96b4;
+}
+.toast-warning {
+  background-color: #f89406;
+}
+/*Responsive Design*/
+@media all and (max-width: 240px) {
+  #toast-container > div {
+    padding: 8px 8px 8px 50px;
+    width: 11em;
+  }
+  #toast-container .toast-close-button {
+    right: -0.2em;
+    top: -0.2em;
+  }
+}
+@media all and (min-width: 241px) and (max-width: 480px) {
+  #toast-container > div {
+    padding: 8px 8px 8px 50px;
+    width: 18em;
+  }
+  #toast-container .toast-close-button {
+    right: -0.2em;
+    top: -0.2em;
+  }
+}
+@media all and (min-width: 481px) and (max-width: 768px) {
+  #toast-container > div {
+    padding: 15px 15px 15px 50px;
+    width: 25em;
+  }
+}

data/app/helpers/the_notification_helper.rb ADDED

@@ -0,0 +1,11 @@
+module TheNotificationHelper
+  def flash_class(level)
+    case level.to_sym
+      when :notice then "alert-info"
+      when :errors then "alert-danger"
+      when :error  then "alert-danger"
+      when :alert  then "alert-warning"
+      else "alert-success"
+    end
+  end
+end

data/app/models/concerns/localized_errors.rb ADDED

@@ -0,0 +1,21 @@
+module TheNotification
+  module LocalizedErrors
+    extend ActiveSupport::Concern
+    # include TheNotification::LocalizedErrors
+    # @post.localized_errors(except: [:'comment.title'])
+    def localized_errors opts = {}
+      opts.symbolize_keys!
+      excepts = opts.delete(:except) || []
+      errors.inject({}) do |hash, (k, v)|
+        unless excepts.include?(k.to_sym)
+          k = self.class.human_attribute_name k
+          hash[k].blank? ? hash[k] = [v] : hash[k].push(v)
+        end
+        hash
+      end
+    end
+  end
+end

data/app/views/the_notification/_flash.html.slim ADDED

@@ -0,0 +1,18 @@
+- format = (format || TheNotification.config.default_type).to_s
+- flash_types = %w[ notice alert error errors ]
+- if format == 'html'
+  - flash_types.each do |level|
+    - unless flash[level].blank?
+      .alert.flash_msgs class=flash_class(level)
+        = content_tag :p, flash[level]
+- else
+  - unless flash.blank?
+    = javascript_tag defer: :defer, type: "text/javascript" do
+      | window.the_notifications = window.the_notifications || {};
+      | window.the_notifications['flash'] = window.the_notifications['flash'] || {};
+  - flash_types.each do |level|
+    - unless flash[level].blank?
+      = javascript_tag defer: :defer, type: "text/javascript" do
+        | window.the_notifications['flash']['#{ level }'] = JSON.parse('#{ raw j flash[level].to_json }');

data/app/views/the_notification/_form.html.slim ADDED

@@ -0,0 +1,28 @@
+-# Error mesages
+-# Post.model_name.human              => activerecord.models.post
+-# Post.human_attribute_name('title') => activerecord.attributes.post.title
+- format = (format || TheNotification.config.default_type).to_s
+- if object.try(:errors).try(:any?)
+  - _errors = object.try(:localized_errors) || object.errors
+  - if format == 'html'
+    .error_explanation.alert.alert-danger
+      h4= t "the_notification.form_errors"
+      ul
+        - _errors.map do |name, msgs|
+          - if msgs.is_a? Array
+            - msgs.each do |msg|
+              li
+                strong= name
+                '
+                = msg
+          - else
+            li
+              strong= name
+              '
+              = msgs
+  - else
+    = javascript_tag defer: :defer, type: "text/javascript" do
+      | window.the_notifications = window.the_notifications || {};
+      | window.the_notifications['errors'] = JSON.parse('#{ raw j _errors.to_json }');

data/config/locales/en.yml ADDED

@@ -0,0 +1,3 @@
+en:
+  the_notification:
+    form_errors: "Some errors here:"

data/config/locales/ru.yml ADDED

@@ -0,0 +1,3 @@
+ru:
+  the_notification:
+    form_errors: "При сохранении возникли ошибки:"

data/gem_version.rb ADDED

@@ -0,0 +1,3 @@
+module TheNotification
+  VERSION = "0.0.1"
+end

data/lib/the_notification.rb ADDED

@@ -0,0 +1,13 @@
+require 'slim'
+require 'the_notification/version'
+require 'the_notification/config'
+module TheNotification
+  class Engine < Rails::Engine; end
+end
+_root_ = File.expand_path('../../', __FILE__)
+%w[ localized_errors ].each do |concern|
+  require "#{ _root_ }/app/models/concerns/#{ concern }.rb"
+end

data/lib/the_notification/config.rb ADDED

@@ -0,0 +1,20 @@
+module TheNotification
+  def self.configure(&block)
+    yield @config ||= TheNotification::Configuration.new
+  end
+  def self.config
+    @config
+  end
+  # Configuration class
+  class Configuration
+    include ActiveSupport::Configurable
+    config_accessor :default_type
+  end
+  configure do |config|
+    config.default_type = :html # :json
+  end
+end

data/lib/the_notification/version.rb ADDED

	@@ -0,0 +1 @@
1	+ require_relative '../../gem_version'

data/the_notification.gemspec ADDED

@@ -0,0 +1,25 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'the_notification/version'
+Gem::Specification.new do |spec|
+  spec.name          = "the_notification"
+  spec.version       = TheNotification::VERSION
+  spec.authors       = ["Ilya N. Zykin"]
+  spec.email         = ["zykin-ilya@ya.ru"]
+  spec.description   = %q{notifications and alerts}
+  spec.summary       = %q{common code for notifications and alerts}
+  spec.homepage      = ""
+  spec.license       = "MIT"
+  spec.files         = `git ls-files`.split($/)
+  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_dependency 'slim'
+  spec.add_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "rake"
+end

metadata ADDED

@@ -0,0 +1,106 @@
+--- !ruby/object:Gem::Specification
+name: the_notification
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Ilya N. Zykin
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2014-10-28 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: slim
+  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.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+- !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'
+description: notifications and alerts
+email:
+- zykin-ilya@ya.ru
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/javascripts/the_notification.js.coffee
+- app/assets/javascripts/the_notification/vendors/toastr.js
+- app/assets/stylesheets/the_notification.css.scss
+- app/assets/stylesheets/the_notification/vendors/toastr.css
+- app/helpers/the_notification_helper.rb
+- app/models/concerns/localized_errors.rb
+- app/views/the_notification/_flash.html.slim
+- app/views/the_notification/_form.html.slim
+- config/locales/en.yml
+- config/locales/ru.yml
+- gem_version.rb
+- lib/the_notification.rb
+- lib/the_notification/config.rb
+- lib/the_notification/version.rb
+- the_notification.gemspec
+homepage: ''
+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: common code for notifications and alerts
+test_files: []