diff --git a/app/assets/javascripts/app/controllers/widget/notify.coffee b/app/assets/javascripts/app/controllers/widget/notify.coffee
index 3942bb6d4..cecaeb8b4 100644
--- a/app/assets/javascripts/app/controllers/widget/notify.coffee
+++ b/app/assets/javascripts/app/controllers/widget/notify.coffee
@@ -36,27 +36,14 @@ class App.Notify extends App.ControllerWidgetPermanent
$.noty.closeAll()
if data.link
data.msg = '' + data.msg + ''
- $('#notify').noty(
- {
- dismissQueue: true
- text: data.msg
- layout: 'top'
- type: data.type
- theme: 'noty_theme_twitter'
- animateOpen: {
- height: 'toggle'
- opacity: 0.85,
- },
- animateClose: {
- opacity: 0.25
- },
- speed: 450
- timeout: data.timeout || 3800
- closeButton: false
- closeOnSelfClick: true
- closeOnSelfOver: false
- }
- )
+ $('#notify').noty
+ text: data.msg
+ type: data.type
+ animation:
+ open: 'animated fadeInDown'
+ close: 'animated fadeOutDown'
+ timeout: data.timeout || 3800
+ closeWith: ['click']
destroy: (e) ->
e.preventDefault()
diff --git a/app/assets/javascripts/app/lib/base/jquery.noty.js b/app/assets/javascripts/app/lib/base/jquery.noty.js
index 05b7b4ba0..0c00f422e 100644
--- a/app/assets/javascripts/app/lib/base/jquery.noty.js
+++ b/app/assets/javascripts/app/lib/base/jquery.noty.js
@@ -1,220 +1,1051 @@
-/**
-* jQuery Noty Plugin v1.1.1
-* Authors: Nedim Arabacı (http://ned.im), Muhittin Özer (http://muhittinozer.com)
-*
-* Examples and Documentation - http://needim.github.com/noty/
-*
-* Licensed under the MIT licenses:
-* http://www.opensource.org/licenses/mit-license.php
-*
-**/
-(function($) {
- $.noty = function(options, customContainer) {
+!function(root, factory) {
+ if (typeof define === 'function' && define.amd) {
+ define(['jquery'], factory);
+ } else if (typeof exports === 'object') {
+ module.exports = factory(require('jquery'));
+ } else {
+ factory(root.jQuery);
+ }
+}(this, function($) {
- var base = this;
- var $noty = null;
- var isCustom = false;
+/*!
+ @package noty - jQuery Notification Plugin
+ @version version: 2.3.7
+ @contributors https://github.com/needim/noty/graphs/contributors
- base.init = function(options) {
- base.options = $.extend({}, $.noty.defaultOptions, options);
- base.options.type = base.options.cssPrefix+base.options.type;
- base.options.id = base.options.type+'_'+new Date().getTime();
- base.options.layout = base.options.cssPrefix+'layout_'+base.options.layout;
+ @documentation Examples and Documentation - http://needim.github.com/noty/
- if (base.options.custom.container) customContainer = base.options.custom.container;
- isCustom = ($.type(customContainer) === 'object') ? true : false;
+ @license Licensed under the MIT licenses: http://www.opensource.org/licenses/mit-license.php
+ */
- return base.addQueue();
- };
+ if(typeof Object.create !== 'function') {
+ Object.create = function(o) {
+ function F() {
+ }
- // Push notification to queue
- base.addQueue = function() {
- var isGrowl = ($.inArray(base.options.layout, $.noty.growls) == -1) ? false : true;
- if (!isGrowl) (base.options.force) ? $.noty.queue.unshift({options: base.options}) : $.noty.queue.push({options: base.options});
- return base.render(isGrowl);
- };
+ F.prototype = o;
+ return new F();
+ };
+ }
- // Render the noty
- base.render = function(isGrowl) {
+ var NotyObject = {
- // Layout spesific container settings
- var container = (isCustom) ? customContainer.addClass(base.options.theme+' '+base.options.layout+' noty_custom_container') : $('body');
- if (isGrowl) {
- if ($('ul.noty_cont.' + base.options.layout).length == 0)
- container.prepend($('').addClass('noty_cont ' + base.options.layout));
- container = $('ul.noty_cont.' + base.options.layout);
- } else {
- if ($.noty.available) {
- var fromQueue = $.noty.queue.shift(); // Get noty from queue
- if ($.type(fromQueue) === 'object') {
- $.noty.available = false;
- base.options = fromQueue.options;
- } else {
- $.noty.available = true; // Queue is over
- return base.options.id;
- }
- } else {
- return base.options.id;
- }
- }
- base.container = container;
+ init: function(options) {
- // Generating noty bar
- base.bar = $('').attr('id', base.options.id).addClass(base.options.theme+' '+base.options.layout+' '+base.options.type);
- $noty = base.bar;
- $noty.append(base.options.template).find('.noty_text').html(base.options.text);
- $noty.data('noty_options', base.options);
+ // Mix in the passed in options with the default options
+ this.options = $.extend({}, $.noty.defaults, options);
- // Close button display
- (base.options.closeButton) ? $noty.addClass('noty_closable').find('.noty_close').show() : $noty.find('.noty_close').remove();
+ this.options.layout = (this.options.custom) ? $.noty.layouts['inline'] : $.noty.layouts[this.options.layout];
- // Bind close event to button
- $noty.find('.noty_close').bind('click', function() { $noty.trigger('noty.close'); });
+ if($.noty.themes[this.options.theme])
+ this.options.theme = $.noty.themes[this.options.theme];
+ else
+ options.themeClassName = this.options.theme;
- // If we have a button we must disable closeOnSelfClick and closeOnSelfOver option
- if (base.options.buttons) base.options.closeOnSelfClick = base.options.closeOnSelfOver = false;
- // Close on self click
- if (base.options.closeOnSelfClick) $noty.bind('click', function() { $noty.trigger('noty.close'); }).css('cursor', 'pointer');
- // Close on self mouseover
- if (base.options.closeOnSelfOver) $noty.bind('mouseover', function() { $noty.trigger('noty.close'); }).css('cursor', 'pointer');
+ delete options.layout;
+ delete options.theme;
- // Set buttons if available
- if (base.options.buttons) {
- $buttons = $('').addClass('noty_buttons');
- $noty.find('.noty_message').append($buttons);
- $.each(base.options.buttons, function(i, button) {
- bclass = (button.type) ? button.type : 'gray';
- $button = $('').addClass(bclass).html(button.text).appendTo($noty.find('.noty_buttons'))
- .bind('click', function() {
- if ($.isFunction(button.click)) {
- button.click.call($button, $noty);
- }
- });
- });
- }
+ this.options = $.extend({}, this.options, this.options.layout.options);
+ this.options.id = 'noty_' + (new Date().getTime() * Math.floor(Math.random() * 1000000));
- return base.show(isGrowl);
- };
+ this.options = $.extend({}, this.options, options);
- base.show = function(isGrowl) {
+ // Build the noty dom initial structure
+ this._build();
- // is Modal?
- if (base.options.modal) $('').addClass('noty_modal').addClass(base.options.theme).prependTo($('body')).fadeIn('fast');
+ // return this so we can chain/use the bridge with less code.
+ return this;
+ }, // end init
- $noty.close = function() { return this.trigger('noty.close'); };
+ _build: function() {
- // Prepend noty to container
- (isGrowl) ? base.container.prepend($('').append($noty)) : base.container.prepend($noty);
+ // Generating noty bar
+ var $bar = $('').attr('id', this.options.id);
+ $bar.append(this.options.template).find('.noty_text').html(this.options.text);
- // topCenter and center specific options
- if (base.options.layout == 'noty_layout_topCenter' || base.options.layout == 'noty_layout_center') {
- $.noty.reCenter($noty);
- }
+ this.$bar = (this.options.layout.parent.object !== null) ? $(this.options.layout.parent.object).css(this.options.layout.parent.css).append($bar) : $bar;
- $noty.bind('noty.setText', function(event, text) {
- $noty.find('.noty_text').html(text); $.noty.reCenter($noty);
- });
+ if(this.options.themeClassName)
+ this.$bar.addClass(this.options.themeClassName).addClass('noty_container_type_' + this.options.type);
- $noty.bind('noty.getId', function(event) {
- return $noty.data('noty_options').id;
- });
+ // Set buttons if available
+ if(this.options.buttons) {
- // Bind close event
- $noty.one('noty.close', function(event) {
- var options = $noty.data('noty_options');
+ // If we have button disable closeWith & timeout options
+ this.options.closeWith = [];
+ this.options.timeout = false;
- // Modal Cleaning
- if (options.modal) $('.noty_modal').fadeOut('fast', function() { $(this).remove(); });
+ var $buttons = $('').addClass('noty_buttons');
- $noty.clearQueue().stop().animate(
- $noty.data('noty_options').animateClose,
- $noty.data('noty_options').speed,
- $noty.data('noty_options').easing,
- $noty.data('noty_options').onClose)
- .promise().done(function() {
+ (this.options.layout.parent.object !== null) ? this.$bar.find('.noty_bar').append($buttons) : this.$bar.append($buttons);
- // Layout spesific cleaning
- if ($.inArray($noty.data('noty_options').layout, $.noty.growls) > -1) {
- $noty.parent().remove();
- } else {
- $noty.remove();
+ var self = this;
- // queue render
- $.noty.available = true;
- base.render(false);
- }
+ $.each(this.options.buttons, function(i, button) {
+ var $button = $('').addClass((button.addClass) ? button.addClass : 'gray').html(button.text).attr('id', button.id ? button.id : 'button-' + i)
+ .attr('title', button.title)
+ .appendTo(self.$bar.find('.noty_buttons'))
+ .on('click', function(event) {
+ if($.isFunction(button.onClick)) {
+ button.onClick.call($button, self, event);
+ }
+ });
+ });
+ }
- });
- });
+ // For easy access
+ this.$message = this.$bar.find('.noty_message');
+ this.$closeButton = this.$bar.find('.noty_close');
+ this.$buttons = this.$bar.find('.noty_buttons');
- // Start the show
- $noty.animate(base.options.animateOpen, base.options.speed, base.options.easing, base.options.onShow);
+ $.noty.store[this.options.id] = this; // store noty for api
- // If noty is have a timeout option
- if (base.options.timeout) $noty.delay(base.options.timeout).promise().done(function() { $noty.trigger('noty.close'); });
- return base.options.id;
- };
+ }, // end _build
- // Run initializer
- return base.init(options);
- };
+ show: function() {
- // API
- $.noty.get = function(id) { return $('#'+id); };
- $.noty.close = function(id) {
- $.noty.get(id).trigger('noty.close');
- };
- $.noty.setText = function(id, text) {
- $.noty.get(id).trigger('noty.setText', text);
- };
- $.noty.closeAll = function() {
- $.noty.clearQueue();
- $('.noty_bar').trigger('noty.close');
- };
- $.noty.reCenter = function(noty) {
- noty.css({'left': ($(window).width() - noty.outerWidth()) / 2 + 'px'});
- };
- $.noty.clearQueue = function() {
- $.noty.queue = [];
- };
+ var self = this;
- $.noty.queue = [];
- $.noty.growls = ['noty_layout_topLeft', 'noty_layout_topRight', 'noty_layout_bottomLeft', 'noty_layout_bottomRight'];
- $.noty.available = true;
- $.noty.defaultOptions = {
- layout: 'top',
- theme: 'noty_theme_default',
- animateOpen: {height: 'toggle'},
- animateClose: {height: 'toggle'},
- easing: 'swing',
- text: '',
- type: 'alert',
- speed: 500,
- timeout: 5000,
- closeButton: false,
- closeOnSelfClick: true,
- closeOnSelfOver: false,
- force: false,
- onShow: false,
- onClose: false,
- buttons: false,
- modal: false,
- template: '',
- cssPrefix: 'noty_',
- custom: {
- container: null
- }
- };
+ (self.options.custom) ? self.options.custom.find(self.options.layout.container.selector).append(self.$bar) : $(self.options.layout.container.selector).append(self.$bar);
- $.fn.noty = function(options) {
- return this.each(function() {
- (new $.noty(options, $(this)));
- });
- };
+ if(self.options.theme && self.options.theme.style)
+ self.options.theme.style.apply(self);
-})(jQuery);
+ ($.type(self.options.layout.css) === 'function') ? this.options.layout.css.apply(self.$bar) : self.$bar.css(this.options.layout.css || {});
-//Helper
-function noty(options) {
- return jQuery.noty(options); // returns an id
-}
\ No newline at end of file
+ self.$bar.addClass(self.options.layout.addClass);
+
+ self.options.layout.container.style.apply($(self.options.layout.container.selector), [self.options.within]);
+
+ self.showing = true;
+
+ if(self.options.theme && self.options.theme.style)
+ self.options.theme.callback.onShow.apply(this);
+
+ if($.inArray('click', self.options.closeWith) > -1)
+ self.$bar.css('cursor', 'pointer').one('click', function(evt) {
+ self.stopPropagation(evt);
+ if(self.options.callback.onCloseClick) {
+ self.options.callback.onCloseClick.apply(self);
+ }
+ self.close();
+ });
+
+ if($.inArray('hover', self.options.closeWith) > -1)
+ self.$bar.one('mouseenter', function() {
+ self.close();
+ });
+
+ if($.inArray('button', self.options.closeWith) > -1)
+ self.$closeButton.one('click', function(evt) {
+ self.stopPropagation(evt);
+ self.close();
+ });
+
+ if($.inArray('button', self.options.closeWith) == -1)
+ self.$closeButton.remove();
+
+ if(self.options.callback.onShow)
+ self.options.callback.onShow.apply(self);
+
+ if (typeof self.options.animation.open == 'string') {
+ self.$bar.css('height', self.$bar.innerHeight());
+ self.$bar.on('click',function(e){
+ self.wasClicked = true;
+ });
+ self.$bar.show().addClass(self.options.animation.open).one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
+ if(self.options.callback.afterShow) self.options.callback.afterShow.apply(self);
+ self.showing = false;
+ self.shown = true;
+ if(self.hasOwnProperty('wasClicked')){
+ self.$bar.off('click',function(e){
+ self.wasClicked = true;
+ });
+ self.close();
+ }
+ });
+
+ } else {
+ self.$bar.animate(
+ self.options.animation.open,
+ self.options.animation.speed,
+ self.options.animation.easing,
+ function() {
+ if(self.options.callback.afterShow) self.options.callback.afterShow.apply(self);
+ self.showing = false;
+ self.shown = true;
+ });
+ }
+
+ // If noty is have a timeout option
+ if(self.options.timeout)
+ self.$bar.delay(self.options.timeout).promise().done(function() {
+ self.close();
+ });
+
+ return this;
+
+ }, // end show
+
+ close: function() {
+
+ if(this.closed) return;
+ if(this.$bar && this.$bar.hasClass('i-am-closing-now')) return;
+
+ var self = this;
+
+ if(this.showing) {
+ self.$bar.queue(
+ function() {
+ self.close.apply(self);
+ }
+ );
+ return;
+ }
+
+ if(!this.shown && !this.showing) { // If we are still waiting in the queue just delete from queue
+ var queue = [];
+ $.each($.noty.queue, function(i, n) {
+ if(n.options.id != self.options.id) {
+ queue.push(n);
+ }
+ });
+ $.noty.queue = queue;
+ return;
+ }
+
+ self.$bar.addClass('i-am-closing-now');
+
+ if(self.options.callback.onClose) {
+ self.options.callback.onClose.apply(self);
+ }
+
+ if (typeof self.options.animation.close == 'string') {
+ self.$bar.addClass(self.options.animation.close).one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
+ if(self.options.callback.afterClose) self.options.callback.afterClose.apply(self);
+ self.closeCleanUp();
+ });
+ } else {
+ self.$bar.clearQueue().stop().animate(
+ self.options.animation.close,
+ self.options.animation.speed,
+ self.options.animation.easing,
+ function() {
+ if(self.options.callback.afterClose) self.options.callback.afterClose.apply(self);
+ })
+ .promise().done(function() {
+ self.closeCleanUp();
+ });
+ }
+
+ }, // end close
+
+ closeCleanUp: function() {
+
+ var self = this;
+
+ // Modal Cleaning
+ if(self.options.modal) {
+ $.notyRenderer.setModalCount(-1);
+ if($.notyRenderer.getModalCount() == 0) $('.noty_modal').fadeOut(self.options.animation.fadeSpeed, function() {
+ $(this).remove();
+ });
+ }
+
+ // Layout Cleaning
+ $.notyRenderer.setLayoutCountFor(self, -1);
+ if($.notyRenderer.getLayoutCountFor(self) == 0) $(self.options.layout.container.selector).remove();
+
+ // Make sure self.$bar has not been removed before attempting to remove it
+ if(typeof self.$bar !== 'undefined' && self.$bar !== null) {
+
+ if (typeof self.options.animation.close == 'string') {
+ self.$bar.css('transition', 'all 100ms ease').css('border', 0).css('margin', 0).height(0);
+ self.$bar.one('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function() {
+ self.$bar.remove();
+ self.$bar = null;
+ self.closed = true;
+
+ if(self.options.theme.callback && self.options.theme.callback.onClose) {
+ self.options.theme.callback.onClose.apply(self);
+ }
+ });
+ } else {
+ self.$bar.remove();
+ self.$bar = null;
+ self.closed = true;
+ }
+ }
+
+ delete $.noty.store[self.options.id]; // deleting noty from store
+
+ if(self.options.theme.callback && self.options.theme.callback.onClose) {
+ self.options.theme.callback.onClose.apply(self);
+ }
+
+ if(!self.options.dismissQueue) {
+ // Queue render
+ $.noty.ontap = true;
+
+ $.notyRenderer.render();
+ }
+
+ if(self.options.maxVisible > 0 && self.options.dismissQueue) {
+ $.notyRenderer.render();
+ }
+
+ }, // end close clean up
+
+ setText: function(text) {
+ if(!this.closed) {
+ this.options.text = text;
+ this.$bar.find('.noty_text').html(text);
+ }
+ return this;
+ },
+
+ setType: function(type) {
+ if(!this.closed) {
+ this.options.type = type;
+ this.options.theme.style.apply(this);
+ this.options.theme.callback.onShow.apply(this);
+ }
+ return this;
+ },
+
+ setTimeout: function(time) {
+ if(!this.closed) {
+ var self = this;
+ this.options.timeout = time;
+ self.$bar.delay(self.options.timeout).promise().done(function() {
+ self.close();
+ });
+ }
+ return this;
+ },
+
+ stopPropagation: function(evt) {
+ evt = evt || window.event;
+ if(typeof evt.stopPropagation !== "undefined") {
+ evt.stopPropagation();
+ }
+ else {
+ evt.cancelBubble = true;
+ }
+ },
+
+ closed : false,
+ showing: false,
+ shown : false
+
+ }; // end NotyObject
+
+ $.notyRenderer = {};
+
+ $.notyRenderer.init = function(options) {
+
+ // Renderer creates a new noty
+ var notification = Object.create(NotyObject).init(options);
+
+ if(notification.options.killer)
+ $.noty.closeAll();
+
+ (notification.options.force) ? $.noty.queue.unshift(notification) : $.noty.queue.push(notification);
+
+ $.notyRenderer.render();
+
+ return ($.noty.returns == 'object') ? notification : notification.options.id;
+ };
+
+ $.notyRenderer.render = function() {
+
+ var instance = $.noty.queue[0];
+
+ if($.type(instance) === 'object') {
+ if(instance.options.dismissQueue) {
+ if(instance.options.maxVisible > 0) {
+ if($(instance.options.layout.container.selector + ' > li').length < instance.options.maxVisible) {
+ $.notyRenderer.show($.noty.queue.shift());
+ }
+ else {
+
+ }
+ }
+ else {
+ $.notyRenderer.show($.noty.queue.shift());
+ }
+ }
+ else {
+ if($.noty.ontap) {
+ $.notyRenderer.show($.noty.queue.shift());
+ $.noty.ontap = false;
+ }
+ }
+ }
+ else {
+ $.noty.ontap = true; // Queue is over
+ }
+
+ };
+
+ $.notyRenderer.show = function(notification) {
+
+ if(notification.options.modal) {
+ $.notyRenderer.createModalFor(notification);
+ $.notyRenderer.setModalCount(+1);
+ }
+
+ // Where is the container?
+ if(notification.options.custom) {
+ if(notification.options.custom.find(notification.options.layout.container.selector).length == 0) {
+ notification.options.custom.append($(notification.options.layout.container.object).addClass('i-am-new'));
+ }
+ else {
+ notification.options.custom.find(notification.options.layout.container.selector).removeClass('i-am-new');
+ }
+ }
+ else {
+ if($(notification.options.layout.container.selector).length == 0) {
+ $('body').append($(notification.options.layout.container.object).addClass('i-am-new'));
+ }
+ else {
+ $(notification.options.layout.container.selector).removeClass('i-am-new');
+ }
+ }
+
+ $.notyRenderer.setLayoutCountFor(notification, +1);
+
+ notification.show();
+ };
+
+ $.notyRenderer.createModalFor = function(notification) {
+ if($('.noty_modal').length == 0) {
+ var modal = $('').addClass('noty_modal').addClass(notification.options.theme).data('noty_modal_count', 0);
+
+ if(notification.options.theme.modal && notification.options.theme.modal.css)
+ modal.css(notification.options.theme.modal.css);
+
+ modal.prependTo($('body')).fadeIn(notification.options.animation.fadeSpeed);
+
+ if($.inArray('backdrop', notification.options.closeWith) > -1)
+ modal.on('click', function(e) {
+ $.noty.closeAll();
+ });
+ }
+ };
+
+ $.notyRenderer.getLayoutCountFor = function(notification) {
+ return $(notification.options.layout.container.selector).data('noty_layout_count') || 0;
+ };
+
+ $.notyRenderer.setLayoutCountFor = function(notification, arg) {
+ return $(notification.options.layout.container.selector).data('noty_layout_count', $.notyRenderer.getLayoutCountFor(notification) + arg);
+ };
+
+ $.notyRenderer.getModalCount = function() {
+ return $('.noty_modal').data('noty_modal_count') || 0;
+ };
+
+ $.notyRenderer.setModalCount = function(arg) {
+ return $('.noty_modal').data('noty_modal_count', $.notyRenderer.getModalCount() + arg);
+ };
+
+ // This is for custom container
+ $.fn.noty = function(options) {
+ options.custom = $(this);
+ return $.notyRenderer.init(options);
+ };
+
+ $.noty = {};
+ $.noty.queue = [];
+ $.noty.ontap = true;
+ $.noty.layouts = {};
+ $.noty.themes = {};
+ $.noty.returns = 'object';
+ $.noty.store = {};
+
+ $.noty.get = function(id) {
+ return $.noty.store.hasOwnProperty(id) ? $.noty.store[id] : false;
+ };
+
+ $.noty.close = function(id) {
+ return $.noty.get(id) ? $.noty.get(id).close() : false;
+ };
+
+ $.noty.setText = function(id, text) {
+ return $.noty.get(id) ? $.noty.get(id).setText(text) : false;
+ };
+
+ $.noty.setType = function(id, type) {
+ return $.noty.get(id) ? $.noty.get(id).setType(type) : false;
+ };
+
+ $.noty.clearQueue = function() {
+ $.noty.queue = [];
+ };
+
+ $.noty.closeAll = function() {
+ $.noty.clearQueue();
+ $.each($.noty.store, function(id, noty) {
+ noty.close();
+ });
+ };
+
+ var windowAlert = window.alert;
+
+ $.noty.consumeAlert = function(options) {
+ window.alert = function(text) {
+ if(options)
+ options.text = text;
+ else
+ options = {text: text};
+
+ $.notyRenderer.init(options);
+ };
+ };
+
+ $.noty.stopConsumeAlert = function() {
+ window.alert = windowAlert;
+ };
+
+ $.noty.defaults = {
+ layout : 'top',
+ theme : 'defaultTheme',
+ type : 'alert',
+ text : '',
+ dismissQueue: true,
+ template : '',
+ animation : {
+ open : {height: 'toggle'},
+ close : {height: 'toggle'},
+ easing: 'swing',
+ speed : 500,
+ fadeSpeed: 'fast',
+ },
+ timeout : false,
+ force : false,
+ modal : false,
+ maxVisible : 5,
+ killer : false,
+ closeWith : ['click'],
+ callback : {
+ onShow : function() {
+ },
+ afterShow : function() {
+ },
+ onClose : function() {
+ },
+ afterClose : function() {
+ },
+ onCloseClick: function() {
+ }
+ },
+ buttons : false
+ };
+
+ $(window).on('resize', function() {
+ $.each($.noty.layouts, function(index, layout) {
+ layout.container.style.apply($(layout.container.selector));
+ });
+ });
+
+ // Helpers
+ window.noty = function noty(options) {
+ return $.notyRenderer.init(options);
+ };
+
+$.noty.layouts.bottom = {
+ name : 'bottom',
+ options : {},
+ container: {
+ object : '',
+ selector: 'ul#noty_bottom_layout_container',
+ style : function() {
+ $(this).css({
+ bottom : 0,
+ left : '5%',
+ position : 'fixed',
+ width : '90%',
+ height : 'auto',
+ margin : 0,
+ padding : 0,
+ listStyleType: 'none',
+ zIndex : 9999999
+ });
+ }
+ },
+ parent : {
+ object : '',
+ selector: 'li',
+ css : {}
+ },
+ css : {
+ display: 'none'
+ },
+ addClass : ''
+};
+
+$.noty.layouts.bottomCenter = {
+ name : 'bottomCenter',
+ options : { // overrides options
+
+ },
+ container: {
+ object : '',
+ selector: 'ul#noty_bottomCenter_layout_container',
+ style : function() {
+ $(this).css({
+ bottom : 20,
+ left : 0,
+ position : 'fixed',
+ width : '310px',
+ height : 'auto',
+ margin : 0,
+ padding : 0,
+ listStyleType: 'none',
+ zIndex : 10000000
+ });
+
+ $(this).css({
+ left: ($(window).width() - $(this).outerWidth(false)) / 2 + 'px'
+ });
+ }
+ },
+ parent : {
+ object : '',
+ selector: 'li',
+ css : {}
+ },
+ css : {
+ display: 'none',
+ width : '310px'
+ },
+ addClass : ''
+};
+
+
+$.noty.layouts.bottomLeft = {
+ name : 'bottomLeft',
+ options : { // overrides options
+
+ },
+ container: {
+ object : '',
+ selector: 'ul#noty_bottomLeft_layout_container',
+ style : function() {
+ $(this).css({
+ bottom : 20,
+ left : 20,
+ position : 'fixed',
+ width : '310px',
+ height : 'auto',
+ margin : 0,
+ padding : 0,
+ listStyleType: 'none',
+ zIndex : 10000000
+ });
+
+ if(window.innerWidth < 600) {
+ $(this).css({
+ left: 5
+ });
+ }
+ }
+ },
+ parent : {
+ object : '',
+ selector: 'li',
+ css : {}
+ },
+ css : {
+ display: 'none',
+ width : '310px'
+ },
+ addClass : ''
+};
+$.noty.layouts.bottomRight = {
+ name : 'bottomRight',
+ options : { // overrides options
+
+ },
+ container: {
+ object : '',
+ selector: 'ul#noty_bottomRight_layout_container',
+ style : function() {
+ $(this).css({
+ bottom : 20,
+ right : 20,
+ position : 'fixed',
+ width : '310px',
+ height : 'auto',
+ margin : 0,
+ padding : 0,
+ listStyleType: 'none',
+ zIndex : 10000000
+ });
+
+ if(window.innerWidth < 600) {
+ $(this).css({
+ right: 5
+ });
+ }
+ }
+ },
+ parent : {
+ object : '',
+ selector: 'li',
+ css : {}
+ },
+ css : {
+ display: 'none',
+ width : '310px'
+ },
+ addClass : ''
+};
+$.noty.layouts.center = {
+ name : 'center',
+ options : { // overrides options
+
+ },
+ container: {
+ object : '',
+ selector: 'ul#noty_center_layout_container',
+ style : function() {
+ $(this).css({
+ position : 'fixed',
+ width : '310px',
+ height : 'auto',
+ margin : 0,
+ padding : 0,
+ listStyleType: 'none',
+ zIndex : 10000000
+ });
+
+ // getting hidden height
+ var dupe = $(this).clone().css({visibility: "hidden", display: "block", position: "absolute", top: 0, left: 0}).attr('id', 'dupe');
+ $("body").append(dupe);
+ dupe.find('.i-am-closing-now').remove();
+ dupe.find('li').css('display', 'block');
+ var actual_height = dupe.height();
+ dupe.remove();
+
+ if($(this).hasClass('i-am-new')) {
+ $(this).css({
+ left: ($(window).width() - $(this).outerWidth(false)) / 2 + 'px',
+ top : ($(window).height() - actual_height) / 2 + 'px'
+ });
+ }
+ else {
+ $(this).animate({
+ left: ($(window).width() - $(this).outerWidth(false)) / 2 + 'px',
+ top : ($(window).height() - actual_height) / 2 + 'px'
+ }, 500);
+ }
+
+ }
+ },
+ parent : {
+ object : '',
+ selector: 'li',
+ css : {}
+ },
+ css : {
+ display: 'none',
+ width : '310px'
+ },
+ addClass : ''
+};
+$.noty.layouts.centerLeft = {
+ name : 'centerLeft',
+ options : { // overrides options
+
+ },
+ container: {
+ object : '',
+ selector: 'ul#noty_centerLeft_layout_container',
+ style : function() {
+ $(this).css({
+ left : 20,
+ position : 'fixed',
+ width : '310px',
+ height : 'auto',
+ margin : 0,
+ padding : 0,
+ listStyleType: 'none',
+ zIndex : 10000000
+ });
+
+ // getting hidden height
+ var dupe = $(this).clone().css({visibility: "hidden", display: "block", position: "absolute", top: 0, left: 0}).attr('id', 'dupe');
+ $("body").append(dupe);
+ dupe.find('.i-am-closing-now').remove();
+ dupe.find('li').css('display', 'block');
+ var actual_height = dupe.height();
+ dupe.remove();
+
+ if($(this).hasClass('i-am-new')) {
+ $(this).css({
+ top: ($(window).height() - actual_height) / 2 + 'px'
+ });
+ }
+ else {
+ $(this).animate({
+ top: ($(window).height() - actual_height) / 2 + 'px'
+ }, 500);
+ }
+
+ if(window.innerWidth < 600) {
+ $(this).css({
+ left: 5
+ });
+ }
+
+ }
+ },
+ parent : {
+ object : '',
+ selector: 'li',
+ css : {}
+ },
+ css : {
+ display: 'none',
+ width : '310px'
+ },
+ addClass : ''
+};
+
+$.noty.layouts.centerRight = {
+ name : 'centerRight',
+ options : { // overrides options
+
+ },
+ container: {
+ object : '',
+ selector: 'ul#noty_centerRight_layout_container',
+ style : function() {
+ $(this).css({
+ right : 20,
+ position : 'fixed',
+ width : '310px',
+ height : 'auto',
+ margin : 0,
+ padding : 0,
+ listStyleType: 'none',
+ zIndex : 10000000
+ });
+
+ // getting hidden height
+ var dupe = $(this).clone().css({visibility: "hidden", display: "block", position: "absolute", top: 0, left: 0}).attr('id', 'dupe');
+ $("body").append(dupe);
+ dupe.find('.i-am-closing-now').remove();
+ dupe.find('li').css('display', 'block');
+ var actual_height = dupe.height();
+ dupe.remove();
+
+ if($(this).hasClass('i-am-new')) {
+ $(this).css({
+ top: ($(window).height() - actual_height) / 2 + 'px'
+ });
+ }
+ else {
+ $(this).animate({
+ top: ($(window).height() - actual_height) / 2 + 'px'
+ }, 500);
+ }
+
+ if(window.innerWidth < 600) {
+ $(this).css({
+ right: 5
+ });
+ }
+
+ }
+ },
+ parent : {
+ object : '',
+ selector: 'li',
+ css : {}
+ },
+ css : {
+ display: 'none',
+ width : '310px'
+ },
+ addClass : ''
+};
+$.noty.layouts.inline = {
+ name : 'inline',
+ options : {},
+ container: {
+ object : '',
+ selector: 'ul.noty_inline_layout_container',
+ style : function() {
+ $(this).css({
+ width : '100%',
+ height : 'auto',
+ margin : 0,
+ padding : 0,
+ listStyleType: 'none',
+ zIndex : 9999999
+ });
+ }
+ },
+ parent : {
+ object : '',
+ selector: 'li',
+ css : {}
+ },
+ css : {
+ display: 'none'
+ },
+ addClass : ''
+};
+$.noty.layouts.top = {
+ name : 'top',
+ options : {},
+ container: {
+ object : '',
+ selector: 'ul#noty_top_layout_container',
+ style : function() {
+ $(this).css({
+ top : 0,
+ left : '5%',
+ position : 'fixed',
+ width : '90%',
+ height : 'auto',
+ margin : 0,
+ padding : 0,
+ listStyleType: 'none',
+ zIndex : 9999999
+ });
+ }
+ },
+ parent : {
+ object : '',
+ selector: 'li',
+ css : {}
+ },
+ css : {
+ display: 'none'
+ },
+ addClass : ''
+};
+$.noty.layouts.topCenter = {
+ name : 'topCenter',
+ options : { // overrides options
+
+ },
+ container: {
+ object : '',
+ selector: 'ul#noty_topCenter_layout_container',
+ style : function() {
+ $(this).css({
+ top : 20,
+ left : 0,
+ position : 'fixed',
+ width : '310px',
+ height : 'auto',
+ margin : 0,
+ padding : 0,
+ listStyleType: 'none',
+ zIndex : 10000000
+ });
+
+ $(this).css({
+ left: ($(window).width() - $(this).outerWidth(false)) / 2 + 'px'
+ });
+ }
+ },
+ parent : {
+ object : '',
+ selector: 'li',
+ css : {}
+ },
+ css : {
+ display: 'none',
+ width : '310px'
+ },
+ addClass : ''
+};
+
+$.noty.layouts.topLeft = {
+ name : 'topLeft',
+ options : { // overrides options
+
+ },
+ container: {
+ object : '',
+ selector: 'ul#noty_topLeft_layout_container',
+ style : function() {
+ $(this).css({
+ top : 20,
+ left : 20,
+ position : 'fixed',
+ width : '310px',
+ height : 'auto',
+ margin : 0,
+ padding : 0,
+ listStyleType: 'none',
+ zIndex : 10000000
+ });
+
+ if(window.innerWidth < 600) {
+ $(this).css({
+ left: 5
+ });
+ }
+ }
+ },
+ parent : {
+ object : '',
+ selector: 'li',
+ css : {}
+ },
+ css : {
+ display: 'none',
+ width : '310px'
+ },
+ addClass : ''
+};
+$.noty.layouts.topRight = {
+ name : 'topRight',
+ options : { // overrides options
+
+ },
+ container: {
+ object : '',
+ selector: 'ul#noty_topRight_layout_container',
+ style : function() {
+ $(this).css({
+ top : 20,
+ right : 20,
+ position : 'fixed',
+ width : '310px',
+ height : 'auto',
+ margin : 0,
+ padding : 0,
+ listStyleType: 'none',
+ zIndex : 10000000
+ });
+
+ if(window.innerWidth < 600) {
+ $(this).css({
+ right: 5
+ });
+ }
+ }
+ },
+ parent : {
+ object : '',
+ selector: 'li',
+ css : {}
+ },
+ css : {
+ display: 'none',
+ width : '310px'
+ },
+ addClass : ''
+};
+
+return window.noty;
+
+});
\ No newline at end of file
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 2d9323511..862382455 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -7,11 +7,8 @@
*= require ./cropper.css
*= require ./fineuploader.css
*= require ./ui-lightness/jquery-ui-1.11.2.css
- *= require ./jquery.noty.css
*= require ./bootstrap-tokenfield.css
- *= require ./noty_theme_twitter.css
*= require ./sew.css
- *= require ./medium.css
*= require ./fira-sans.css
*= require ./svg-dimensions.css
*= require ./zammad.scss
diff --git a/app/assets/stylesheets/jquery.noty.css b/app/assets/stylesheets/jquery.noty.css
deleted file mode 100644
index b589ebfa1..000000000
--- a/app/assets/stylesheets/jquery.noty.css
+++ /dev/null
@@ -1,105 +0,0 @@
-
-/* CORE STYLES */
-
- /* noty bar */
- .noty_bar {
- position: fixed;
- display: none;
- z-index: 9999999;
- }
-
- /* noty_message */
- .noty_bar .noty_message {
- text-align: center;
- }
-
- /* noty close button */
- .noty_bar .noty_close {
- cursor: pointer;
- }
-
- /* noty modal */
- .noty_modal {
- position: fixed;
- width: 100%;
- height: 100%;
- background-color: #000;
- z-index: 10000;
- opacity: 0.6;
- display: none;
- left: 0;
- top: 0;
- }
-
- /* noty container for noty_layout_topLeft & noty_layout_topRight */
- ul.noty_cont {
- position: fixed;
- z-index: 10000000;
- margin: 0px;
- padding: 0px;
- list-style: none;
- width: 300px;
- }
- ul.noty_cont li {
- position: relative;
- float: left;
- clear: both;
- list-style: none;
- padding: 0px;
- margin: 10px 0 0 0;
- width: 300px; /* Fix for: http://bugs.jquery.com/ticket/2278 */
- }
- ul.noty_cont.noty_layout_topLeft {left:20px; top:20px;}
- ul.noty_cont.noty_layout_topRight {right:40px; top:20px;}
- ul.noty_cont.noty_layout_bottomLeft {left:20px; bottom:20px}
- ul.noty_cont.noty_layout_bottomRight {right:40px; bottom:20px}
- ul.noty_cont.noty_layout_topRight li {float:right}
-
-/* LAYOUTS */
-
- /* noty_layout_top */
- .noty_bar.noty_layout_top {
- top: 0;
- left: 0;
- width: 100%;
- -webkit-border-radius: 0px;
- -moz-border-radius: 0px;
- border-radius: 0px;
- }
-
- /* noty_layout_bottom */
- .noty_bar.noty_layout_bottom {
- bottom: 0;
- left: 0;
- width: 100%;
- -webkit-border-radius: 0px;
- -moz-border-radius: 0px;
- border-radius: 0px;
- }
-
- /* noty_layout_center */
- .noty_bar.noty_layout_center {
- top: 40%;
- }
-
- /* noty_layout_topLeft & noty_layout_topRight */
- .noty_bar.noty_layout_topLeft,
- .noty_bar.noty_layout_topRight,
- .noty_bar.noty_layout_bottomLeft,
- .noty_bar.noty_layout_bottomRight {
- width: 100%;
- clear: both;
- position: relative;
- }
-
- .noty_bar.noty_layout_topLeft .noty_message,
- .noty_bar.noty_layout_topRight .noty_message,
- .noty_bar.noty_layout_bottomLeft .noty_message,
- .noty_bar.noty_layout_bottomRight .noty_message {
- text-align: left;
- }
-
- /* noty_layout_topCenter */
- .noty_bar.noty_layout_topCenter {
- top: 20px;
- }
\ No newline at end of file
diff --git a/app/assets/stylesheets/medium.css b/app/assets/stylesheets/medium.css
deleted file mode 100644
index 7ce1ac283..000000000
--- a/app/assets/stylesheets/medium.css
+++ /dev/null
@@ -1,44 +0,0 @@
-.Medium{
- position: relative;
- min-height: 10px;
- }
-.Medium-clear{
- background: transparent !important;
- background-color: transparent !important;
- border-color: transparent !important;
-}
-.Medium,
- .Medium p:first-child{
- margin-top:0;
- }
- .Medium p:last-child{
- margin-bottom:0;
- }
- .Medium p:empty {
- display: block;
- height: 1em;
- }
-.Medium-paste-hook{
- position: absolute;
- opacity:0;
- }
-.Medium-placeholder{
- position: absolute;
- width: 100%;
- }
-.Medium-placeholder div{
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
- filter: alpha(opacity=50);
- opacity: 0.5;
- position: absolute;
- }
-.Medium-placeholder-rich div{
- font-style: italic;
- }
-.Medium-inline,
-.Medium-placeholder-inline div,
-.Medium-inlineRich,
-.Medium-placeholder-inlineRich div{
- overflow: hidden;
- white-space: nowrap;
- }
\ No newline at end of file
diff --git a/app/assets/stylesheets/noty_theme_twitter.css b/app/assets/stylesheets/noty_theme_twitter.css
deleted file mode 100644
index 504209d6b..000000000
--- a/app/assets/stylesheets/noty_theme_twitter.css
+++ /dev/null
@@ -1,129 +0,0 @@
-
-/* CORE STYLES*/
-
- /* custom container */
- .noty_custom_container.noty_theme_twitter.noty_layout_inline {
- position: relative;
- }
-
- /* custom growl container */
- .noty_custom_container.noty_theme_twitter.noty_layout_inline .noty_cont.noty_layout_inline {
- position: static;
- }
- /* custom noty bar */
- .noty_custom_container.noty_theme_twitter.noty_layout_inline .noty_bar {
- position: static;
- }
- .noty_custom_container.noty_theme_twitter.noty_layout_inline .noty_bar .noty_message {
- font-size: 13px;
- padding: 4px;
- }
- .noty_custom_container.noty_theme_twitter.noty_layout_inline .noty_bar .noty_message .noty_buttons {
- margin-top: -1px;
- }
-
- /* noty_message */
- .noty_bar.noty_theme_twitter .noty_message {
- padding: 8px 14px;
- }
- /* noty_has_close_button */
- .noty_bar.noty_theme_twitter.noty_closable .noty_message {
- padding: 8px 35px 8px 14px;
- }
-
- /* noty_buttons */
- .noty_bar.noty_theme_twitter .noty_message .noty_buttons {
- float: right;
- margin-top: -5px;
- margin-left: 4px;
- }
-
- /* noty_button */
- .noty_bar.noty_theme_twitter .noty_message .noty_buttons button {
- margin-left: 5px;
- }
-
- /* noty close button */
- .noty_bar.noty_theme_twitter .noty_close {
- position: absolute;
- top: 7px;
- right: 16px;
- font-size: 18px;
- line-height: 18px;
- font-weight: bold;
- color: #000;
- opacity: 0.2;
- text-shadow: 0 1px 0 #fff;
- }
-
- /* noty close button hover */
- .noty_bar.noty_theme_twitter .noty_close:hover {
- opacity: 0.4;
- }
-
- .noty_bar.noty_theme_twitter .noty_close:after {
- content: "x";
- }
-
- /* noty modal */
- .noty_modal.noty_theme_twitter {
- opacity: 0.7;
- }
-
-/* LAYOUTS */
-
- /* noty_layout_topLeft & noty_layout_topRight */
- .noty_bar.noty_theme_twitter.noty_layout_center,
- .noty_bar.noty_theme_twitter.noty_layout_topCenter,
- .noty_bar.noty_theme_twitter.noty_layout_topLeft,
- .noty_bar.noty_theme_twitter.noty_layout_topRight,
- .noty_bar.noty_theme_twitter.noty_layout_bottomLeft,
- .noty_bar.noty_theme_twitter.noty_layout_bottomRight {
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- }
- .noty_bar.noty_theme_twitter.noty_layout_topLeft .noty_message .noty_buttons,
- .noty_bar.noty_theme_twitter.noty_layout_topRight .noty_message .noty_buttons,
- .noty_bar.noty_theme_twitter.noty_layout_bottomLeft .noty_message .noty_buttons,
- .noty_bar.noty_theme_twitter.noty_layout_bottomRight .noty_message .noty_buttons {
- float: none;
- border-top: 1px solid #FBEED5;
- margin-left: 0;
- margin-top: 10px;
- padding-top: 10px;
- text-align: right;
- }
-
- .noty_bar.noty_theme_twitter.noty_layout_center .noty_message .noty_buttons,
- .noty_bar.noty_theme_twitter.noty_layout_topCenter .noty_message .noty_buttons {
- margin-left: 15px;
- margin-top: -2px
- }
-
-/* NOTIFICATION TYPES */
-
- /* noty_alert */
- .noty_bar.noty_theme_twitter.noty_alert {
- background-color: #FCF8E3;
- border: 1px solid #FBEED5;
- color: #C09853;
- }
- /* noty_error */
- .noty_bar.noty_theme_twitter.noty_error {
- background-color: #F2DEDE;
- border: 1px solid #EED3D7;
- color: #B94A48;
- }
- /* noty_success */
- .noty_bar.noty_theme_twitter.noty_success {
- background-color: #DFF0D8;
- border: 1px solid #D6E9C6;
- color: #468847;
- }
- /* noty_information */
- .noty_bar.noty_theme_twitter.noty_information {
- background-color: #D9EDF7;
- border: 1px solid #BCE8F1;
- color: #3A87AD;
- }
\ No newline at end of file
diff --git a/app/assets/stylesheets/zammad.scss b/app/assets/stylesheets/zammad.scss
index 99f26b888..ce45f6a74 100644
--- a/app/assets/stylesheets/zammad.scss
+++ b/app/assets/stylesheets/zammad.scss
@@ -6410,6 +6410,93 @@ output {
}
}
+#notify {
+ position: absolute;
+ top: 20px;
+ left: 0;
+ right: 0;
+ @extend .zIndex-10;
+
+ .defaultTheme {
+ pointer-events: none;
+ }
+
+ .noty_bar {
+ max-width: 500px;
+ text-align: center;
+ margin: 0 auto 10px;
+
+ .noty_message {
+ pointer-events: auto;
+ display: inline-block;
+ background: white;
+ border: 1px solid hsl(0,0%,80%);
+ border-bottom-color: hsl(0,0%,70%);
+ padding: 10px 15px;
+ border-radius: 3px;
+ color: hsl(202,5%,18%);
+ box-shadow:
+ 0 6px 12px hsla(210,17%,10%,.21);
+ }
+
+ &.noty_type_success .noty_message {
+ border-color: hsl(145,51%,70%);
+ background: hsl(145,51%,77%);
+ }
+
+ &.noty_type_alert .noty_message {
+ border-color: hsl(43,92%,71%);
+ background: hsl(42,94%,80%);
+ }
+
+ &.noty_type_error .noty_message {
+ border-color: hsl(9,72%,62%);
+ background: hsl(12,73%,66%);
+ }
+
+ a {
+ color: inherit;
+ text-decoration: none;
+ }
+ }
+}
+
+.animated {
+ animation-duration: 300ms;
+ animation-fill-mode: both;
+}
+
+.fadeInDown {
+ animation-name: fadeInDown;
+}
+
+@keyframes fadeInDown {
+ from {
+ opacity: 0;
+ transform: translate3d(0, -50%, 0);
+ }
+
+ to {
+ opacity: 1;
+ transform: none;
+ }
+}
+
+.fadeOutDown {
+ animation-name: fadeOutDown;
+}
+
+@keyframes fadeOutDown {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ transform: translate3d(0, 50%, 0);
+ }
+}
+
/*
----------------