vendor/assets/javascripts/noty/themes/default.js in noty-rails-2.2.9 vs vendor/assets/javascripts/noty/themes/default.js in noty-rails-2.3.4
- old
+ new
@@ -1,188 +1,184 @@
-(function($) {
-
- $.noty.themes.defaultTheme = {
- name : 'defaultTheme',
- helpers : {
- borderFix: function() {
- if(this.options.dismissQueue) {
- var selector = this.options.layout.container.selector + ' ' + this.options.layout.parent.selector;
- switch(this.options.layout.name) {
- case 'top':
- $(selector).css({borderRadius: '0px 0px 0px 0px'});
- $(selector).last().css({borderRadius: '0px 0px 5px 5px'});
- break;
- case 'topCenter':
- case 'topLeft':
- case 'topRight':
- case 'bottomCenter':
- case 'bottomLeft':
- case 'bottomRight':
- case 'center':
- case 'centerLeft':
- case 'centerRight':
- case 'inline':
- $(selector).css({borderRadius: '0px 0px 0px 0px'});
- $(selector).first().css({'border-top-left-radius': '5px', 'border-top-right-radius': '5px'});
- $(selector).last().css({'border-bottom-left-radius': '5px', 'border-bottom-right-radius': '5px'});
- break;
- case 'bottom':
- $(selector).css({borderRadius: '0px 0px 0px 0px'});
- $(selector).first().css({borderRadius: '5px 5px 0px 0px'});
- break;
- default:
- break;
- }
+$.noty.themes.defaultTheme = {
+ name : 'defaultTheme',
+ helpers : {
+ borderFix: function() {
+ if(this.options.dismissQueue) {
+ var selector = this.options.layout.container.selector + ' ' + this.options.layout.parent.selector;
+ switch(this.options.layout.name) {
+ case 'top':
+ $(selector).css({borderRadius: '0px 0px 0px 0px'});
+ $(selector).last().css({borderRadius: '0px 0px 5px 5px'});
+ break;
+ case 'topCenter':
+ case 'topLeft':
+ case 'topRight':
+ case 'bottomCenter':
+ case 'bottomLeft':
+ case 'bottomRight':
+ case 'center':
+ case 'centerLeft':
+ case 'centerRight':
+ case 'inline':
+ $(selector).css({borderRadius: '0px 0px 0px 0px'});
+ $(selector).first().css({'border-top-left-radius': '5px', 'border-top-right-radius': '5px'});
+ $(selector).last().css({'border-bottom-left-radius': '5px', 'border-bottom-right-radius': '5px'});
+ break;
+ case 'bottom':
+ $(selector).css({borderRadius: '0px 0px 0px 0px'});
+ $(selector).first().css({borderRadius: '5px 5px 0px 0px'});
+ break;
+ default:
+ break;
}
}
- },
- modal : {
- css: {
- position : 'fixed',
- width : '100%',
- height : '100%',
- backgroundColor: '#000',
- zIndex : 10000,
- opacity : 0.6,
- display : 'none',
- left : 0,
- top : 0
- }
- },
- style : function() {
+ }
+ },
+ modal : {
+ css: {
+ position : 'fixed',
+ width : '100%',
+ height : '100%',
+ backgroundColor: '#000',
+ zIndex : 10000,
+ opacity : 0.6,
+ display : 'none',
+ left : 0,
+ top : 0
+ }
+ },
+ style : function() {
- this.$bar.css({
- overflow : 'hidden',
- background: "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAQAAAClM0ndAAAAhklEQVR4AdXO0QrCMBBE0bttkk38/w8WRERpdyjzVOc+HxhIHqJGMQcFFkpYRQotLLSw0IJ5aBdovruMYDA/kT8plF9ZKLFQcgF18hDj1SbQOMlCA4kao0iiXmah7qBWPdxpohsgVZyj7e5I9KcID+EhiDI5gxBYKLBQYKHAQoGFAoEks/YEGHYKB7hFxf0AAAAASUVORK5CYII=') repeat-x scroll left top #fff"
- });
+ this.$bar.css({
+ overflow : 'hidden',
+ background: "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAQAAAClM0ndAAAAhklEQVR4AdXO0QrCMBBE0bttkk38/w8WRERpdyjzVOc+HxhIHqJGMQcFFkpYRQotLLSw0IJ5aBdovruMYDA/kT8plF9ZKLFQcgF18hDj1SbQOMlCA4kao0iiXmah7qBWPdxpohsgVZyj7e5I9KcID+EhiDI5gxBYKLBQYKHAQoGFAoEks/YEGHYKB7hFxf0AAAAASUVORK5CYII=') repeat-x scroll left top #fff"
+ });
- this.$message.css({
- fontSize : '13px',
- lineHeight: '16px',
- textAlign : 'center',
- padding : '8px 10px 9px',
- width : 'auto',
- position : 'relative'
- });
+ this.$message.css({
+ fontSize : '13px',
+ lineHeight: '16px',
+ textAlign : 'center',
+ padding : '8px 10px 9px',
+ width : 'auto',
+ position : 'relative'
+ });
- this.$closeButton.css({
- position : 'absolute',
- top : 4, right: 4,
- width : 10, height: 10,
- background: "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAxUlEQVR4AR3MPUoDURSA0e++uSkkOxC3IAOWNtaCIDaChfgXBMEZbQRByxCwk+BasgQRZLSYoLgDQbARxry8nyumPcVRKDfd0Aa8AsgDv1zp6pYd5jWOwhvebRTbzNNEw5BSsIpsj/kurQBnmk7sIFcCF5yyZPDRG6trQhujXYosaFoc+2f1MJ89uc76IND6F9BvlXUdpb6xwD2+4q3me3bysiHvtLYrUJto7PD/ve7LNHxSg/woN2kSz4txasBdhyiz3ugPGetTjm3XRokAAAAASUVORK5CYII=)",
- display : 'none',
- cursor : 'pointer'
- });
+ this.$closeButton.css({
+ position : 'absolute',
+ top : 4, right: 4,
+ width : 10, height: 10,
+ background: "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAxUlEQVR4AR3MPUoDURSA0e++uSkkOxC3IAOWNtaCIDaChfgXBMEZbQRByxCwk+BasgQRZLSYoLgDQbARxry8nyumPcVRKDfd0Aa8AsgDv1zp6pYd5jWOwhvebRTbzNNEw5BSsIpsj/kurQBnmk7sIFcCF5yyZPDRG6trQhujXYosaFoc+2f1MJ89uc76IND6F9BvlXUdpb6xwD2+4q3me3bysiHvtLYrUJto7PD/ve7LNHxSg/woN2kSz4txasBdhyiz3ugPGetTjm3XRokAAAAASUVORK5CYII=)",
+ display : 'none',
+ cursor : 'pointer'
+ });
- this.$buttons.css({
- padding : 5,
- textAlign : 'right',
- borderTop : '1px solid #ccc',
- backgroundColor: '#fff'
- });
+ this.$buttons.css({
+ padding : 5,
+ textAlign : 'right',
+ borderTop : '1px solid #ccc',
+ backgroundColor: '#fff'
+ });
- this.$buttons.find('button').css({
- marginLeft: 5
- });
+ this.$buttons.find('button').css({
+ marginLeft: 5
+ });
- this.$buttons.find('button:first').css({
- marginLeft: 0
- });
+ this.$buttons.find('button:first').css({
+ marginLeft: 0
+ });
- this.$bar.on({
- mouseenter: function() {
- $(this).find('.noty_close').stop().fadeTo('normal', 1);
- },
- mouseleave: function() {
- $(this).find('.noty_close').stop().fadeTo('normal', 0);
- }
- });
-
- switch(this.options.layout.name) {
- case 'top':
- this.$bar.css({
- borderRadius: '0px 0px 5px 5px',
- borderBottom: '2px solid #eee',
- borderLeft : '2px solid #eee',
- borderRight : '2px solid #eee',
- boxShadow : "0 2px 4px rgba(0, 0, 0, 0.1)"
- });
- break;
- case 'topCenter':
- case 'center':
- case 'bottomCenter':
- case 'inline':
- this.$bar.css({
- borderRadius: '5px',
- border : '1px solid #eee',
- boxShadow : "0 2px 4px rgba(0, 0, 0, 0.1)"
- });
- this.$message.css({fontSize: '13px', textAlign: 'center'});
- break;
- case 'topLeft':
- case 'topRight':
- case 'bottomLeft':
- case 'bottomRight':
- case 'centerLeft':
- case 'centerRight':
- this.$bar.css({
- borderRadius: '5px',
- border : '1px solid #eee',
- boxShadow : "0 2px 4px rgba(0, 0, 0, 0.1)"
- });
- this.$message.css({fontSize: '13px', textAlign: 'left'});
- break;
- case 'bottom':
- this.$bar.css({
- borderRadius: '5px 5px 0px 0px',
- borderTop : '2px solid #eee',
- borderLeft : '2px solid #eee',
- borderRight : '2px solid #eee',
- boxShadow : "0 -2px 4px rgba(0, 0, 0, 0.1)"
- });
- break;
- default:
- this.$bar.css({
- border : '2px solid #eee',
- boxShadow: "0 2px 4px rgba(0, 0, 0, 0.1)"
- });
- break;
- }
-
- switch(this.options.type) {
- case 'alert':
- case 'notification':
- this.$bar.css({backgroundColor: '#FFF', borderColor: '#CCC', color: '#444'});
- break;
- case 'warning':
- this.$bar.css({backgroundColor: '#FFEAA8', borderColor: '#FFC237', color: '#826200'});
- this.$buttons.css({borderTop: '1px solid #FFC237'});
- break;
- case 'error':
- this.$bar.css({backgroundColor: 'red', borderColor: 'darkred', color: '#FFF'});
- this.$message.css({fontWeight: 'bold'});
- this.$buttons.css({borderTop: '1px solid darkred'});
- break;
- case 'information':
- this.$bar.css({backgroundColor: '#57B7E2', borderColor: '#0B90C4', color: '#FFF'});
- this.$buttons.css({borderTop: '1px solid #0B90C4'});
- break;
- case 'success':
- this.$bar.css({backgroundColor: 'lightgreen', borderColor: '#50C24E', color: 'darkgreen'});
- this.$buttons.css({borderTop: '1px solid #50C24E'});
- break;
- default:
- this.$bar.css({backgroundColor: '#FFF', borderColor: '#CCC', color: '#444'});
- break;
- }
- },
- callback: {
- onShow : function() {
- $.noty.themes.defaultTheme.helpers.borderFix.apply(this);
+ this.$bar.on({
+ mouseenter: function() {
+ $(this).find('.noty_close').stop().fadeTo('normal', 1);
},
- onClose: function() {
- $.noty.themes.defaultTheme.helpers.borderFix.apply(this);
+ mouseleave: function() {
+ $(this).find('.noty_close').stop().fadeTo('normal', 0);
}
+ });
+
+ switch(this.options.layout.name) {
+ case 'top':
+ this.$bar.css({
+ borderRadius: '0px 0px 5px 5px',
+ borderBottom: '2px solid #eee',
+ borderLeft : '2px solid #eee',
+ borderRight : '2px solid #eee',
+ boxShadow : "0 2px 4px rgba(0, 0, 0, 0.1)"
+ });
+ break;
+ case 'topCenter':
+ case 'center':
+ case 'bottomCenter':
+ case 'inline':
+ this.$bar.css({
+ borderRadius: '5px',
+ border : '1px solid #eee',
+ boxShadow : "0 2px 4px rgba(0, 0, 0, 0.1)"
+ });
+ this.$message.css({fontSize: '13px', textAlign: 'center'});
+ break;
+ case 'topLeft':
+ case 'topRight':
+ case 'bottomLeft':
+ case 'bottomRight':
+ case 'centerLeft':
+ case 'centerRight':
+ this.$bar.css({
+ borderRadius: '5px',
+ border : '1px solid #eee',
+ boxShadow : "0 2px 4px rgba(0, 0, 0, 0.1)"
+ });
+ this.$message.css({fontSize: '13px', textAlign: 'left'});
+ break;
+ case 'bottom':
+ this.$bar.css({
+ borderRadius: '5px 5px 0px 0px',
+ borderTop : '2px solid #eee',
+ borderLeft : '2px solid #eee',
+ borderRight : '2px solid #eee',
+ boxShadow : "0 -2px 4px rgba(0, 0, 0, 0.1)"
+ });
+ break;
+ default:
+ this.$bar.css({
+ border : '2px solid #eee',
+ boxShadow: "0 2px 4px rgba(0, 0, 0, 0.1)"
+ });
+ break;
}
- };
-})(jQuery);
+ switch(this.options.type) {
+ case 'alert':
+ case 'notification':
+ this.$bar.css({backgroundColor: '#FFF', borderColor: '#CCC', color: '#444'});
+ break;
+ case 'warning':
+ this.$bar.css({backgroundColor: '#FFEAA8', borderColor: '#FFC237', color: '#826200'});
+ this.$buttons.css({borderTop: '1px solid #FFC237'});
+ break;
+ case 'error':
+ this.$bar.css({backgroundColor: 'red', borderColor: 'darkred', color: '#FFF'});
+ this.$message.css({fontWeight: 'bold'});
+ this.$buttons.css({borderTop: '1px solid darkred'});
+ break;
+ case 'information':
+ this.$bar.css({backgroundColor: '#57B7E2', borderColor: '#0B90C4', color: '#FFF'});
+ this.$buttons.css({borderTop: '1px solid #0B90C4'});
+ break;
+ case 'success':
+ this.$bar.css({backgroundColor: 'lightgreen', borderColor: '#50C24E', color: 'darkgreen'});
+ this.$buttons.css({borderTop: '1px solid #50C24E'});
+ break;
+ default:
+ this.$bar.css({backgroundColor: '#FFF', borderColor: '#CCC', color: '#444'});
+ break;
+ }
+ },
+ callback: {
+ onShow : function() {
+ $.noty.themes.defaultTheme.helpers.borderFix.apply(this);
+ },
+ onClose: function() {
+ $.noty.themes.defaultTheme.helpers.borderFix.apply(this);
+ }
+ }
+};