maxmertkit-rails 0.0.1

data/vendor/assets/javascript/maxmertkit.js

@@ -0,0 +1,112 @@
+;(function ( $, window, document, undefined ) {
+
+	var _name = 'kit'
+	,	_defaults = {
+			enabled: true
+		,	animation: null
+		,	animationDuration: 0
+		,	theme: 'dark'
+		}
+
+	$.kit = function(element, options) {
+		this.name = _name;
+		this.state = 'uninitialized'; // closed in opened out
+		
+		this.element = element;
+		this.options = $.extend({}, _defaults, options);
+		this.El = $(this.options.template);
+
+		// this._setOptions( options );
+	}
+
+	$.kit.prototype._setOptions = function( options_ ) {
+		var me  = this;
+		var $me = $(me.element);
+
+		$.each( options_, function( key_, value_ ) {
+			me._setOption( key_, value_ );
+			me.__setOption( key_, value_ );
+
+			var currentOption = { };
+				currentOption[ key_ ] = value_;
+
+			if( $.isFunction( value_ ) ) {
+				me._on( $me, currentOption );
+			}
+
+		});
+	}
+
+	$.kit.prototype._setOption = function( key_, value_ ) {
+		var me  = this;
+		var $me = $(me.element);
+
+		switch( key_ ) {
+			case 'theme':
+				me.El.removeClass( '-' + me.options.theme + '-' );
+				me.El.addClass( '-' + value_ + '-' )
+			break;
+
+			case 'enabled':
+				value_ === true ? me.El.removeClass( '-disabled-' ) : me.El.addClass( '-disabled-' );
+			break;
+		}
+	}
+
+	$.kit.prototype.__setOption = function ( key_, value_ ) {
+		this.options[ key_ ] = value_;
+	}
+
+	$.kit.prototype._on = function( element_, handlers_ ) {
+		var me = this;
+
+		$.each( handlers_, function( event, handler ) {
+			element_.bind( event + '.' + me.name, handler );
+		});
+	}
+	
+	$.kit.prototype.enable = function() {
+		var me = this;
+
+		me._setOption( 'enabled', true )
+	}
+
+	$.kit.prototype.disable = function() {
+		var me = this;
+
+		me._setOption( 'enabled', false )
+	}
+
+	$.kit.prototype.getState = function() {
+		return this.state;
+	}
+
+	$.kit.prototype._getOtherInstanses = function( instanses_ ) {
+		var me = this;
+		
+		return $.grep( instanses_ , function( el ) {
+			return $.data($(el[0]), 'kit-' + me.name) !== me;
+		});
+		
+	}
+
+	$.kit.prototype._removeInstanse = function( instanses_ ) {
+		var me = this;
+		
+		var what
+		,	a = arguments.splice(0,1)
+		,	L = a.length
+		,	ax;
+
+		while( L && instanses_.length ) {
+			what = a[ --L ];
+			
+			while( (ax = instanses_.indexOf( what ) ) != -1 ){
+				instanses_.splice( ax, 1 );
+			}
+		}
+
+		return me;
+	}
+
+})( jQuery, window, document );

data/vendor/assets/javascript/maxmertkit.modal.js

@@ -0,0 +1,301 @@
+;(function ( $, window, document, undefined ) {
+	var _name = 'modal'
+	,	_defaults = {
+			autoOpen: false
+		,	onlyOne: true
+		,	shaderClass: '-shader'
+		,	closerClass: '-closer'
+
+		,	beforeOpen: $.noop()
+		,	open: $.noop()
+		,	ifOpenedOrNot: $.noop()
+		,	ifNotOpened: $.noop()
+		,	beforeClose: $.noop()
+		,	close: $.noop()
+		,	ifClosedOrNot: $.noop()
+		,	ifNotClosed: $.noop()
+	}
+
+	Modal = function( element_, options_ ) {
+		this.element = element_;
+		this.name = _name;
+		this.options = $.extend( {}, this.options, _defaults, options_ );
+		this._setOptions( this.options );
+
+		if( typeof $.modal === 'undefined' )
+			$.modal = [];
+		if( this.element !== 'undefined' )
+			$.modal.push( this.element );
+
+		$(this.element).css({
+			display: 'none'
+		,	left: '50%'
+		,	top: '50%'
+		,	position: 'fixed'
+		});
+
+		var me = this;
+		$(this.element).find( '.' + me.options.closerClass ).on( 'click', function() {
+			me.close();
+		})
+
+		this.init();
+	}
+
+	Modal.prototype = new $.kit();
+	Modal.prototype.constructor = Modal;
+
+	Modal.prototype.__setOption = function( key_, value_ ) {
+		var me  = this
+		,	$me = $(me.element);
+		
+		switch( key_ ) {
+			case 'animation':
+				if( $.easing === undefined || !(value_ in $.easing) )
+					switch( value_ ) {
+						case 'scaleIn':
+							$me.addClass('-mx-scaleIn');
+						break;
+
+						case 'growUp':
+							$me.addClass('-mx-growUp');
+						break;
+
+						case 'rotateIn':
+							$me.addClass('-mx-rotateIn');
+						break;
+
+						case 'dropIn':
+							$me.addClass('-mx-dropIn');
+						break;
+					}
+
+			break;
+
+			case 'theme':
+				$me.addClass( '-' + value_ + '-' );
+			break;
+		}
+
+		me.options[ key_ ] = value_;
+	}
+
+	Modal.prototype.init = function() {
+		var me  = this;
+
+		if( me.options.autoOpen )
+			me.open();
+	}
+
+	Modal.prototype._setPosition = function() {
+		var me  = this
+		,	$me = $(me.element)
+		,	width = $me.outerWidth()
+		,	height = $me.outerHeight();
+
+		$me.css({
+			marginLeft: -width / 2,
+			marginTop: -height / 2
+		});
+	}
+
+	Modal.prototype.open = function() {
+		var me  = this
+		,	$me = $(me.element);
+
+		if( me.options.enabled === true && me.state !== 'opened' ) {
+			
+			me._openShader();
+			me.state = 'in';
+
+			if( me.options.beforeOpen !== 'undefined' && (typeof me.options.beforeOpen === 'object' || typeof me.options.beforeOpen === 'function' )) {
+				
+				try {
+					var deferred = me.options.beforeOpen.call( $me );
+					deferred
+						.done(function(){
+							me._open();
+						})
+						.fail(function(){
+							me._closeShader();
+							me.state = 'closed';
+							$me.trigger('ifNotOpened.' + me.name);
+							$me.trigger('ifOpenedOrNot.' + me.name);
+						})
+				} catch( e ) {
+					me._open();
+				}
+				
+			}
+			else {
+				me._open();
+			}
+		}
+	}
+
+	Modal.prototype._open = function() {
+		var me  = this;
+		var $me = $(me.element);
+
+		if( me.state === 'in' ) {
+			
+			if( me.options.onlyOne )
+				
+				$.each( me._getOtherInstanses( $.modal ), function() {
+					if( $.data( this, 'kit-' + me.name ).getState() === 'opened' )
+						$.data( this, 'kit-' + me.name ).close();
+				});
+
+			me._setPosition();
+			
+			if( me.options.animation !== null && me.options.animation !== false )
+			{	
+				me._openAnimation();
+			}
+			else
+			{
+				$me.css({opacity:1}).show();
+			}
+			
+			me.state = 'opened';
+			$me.trigger('open.' + me.name);
+		}
+
+		$me.trigger('ifOpenedOrNot.' + me.name);
+	}
+
+	Modal.prototype._openAnimation = function() {
+		var me  = this;
+		var $me = $(me.element);
+
+		$('html').addClass( '-mx-shader' );
+
+		if( $.easing !== 'undefined' && (me.options.animation.split(/[ ,]+/)[1] in $.easing || me.options.animation.split(/[ ,]+/)[0] in $.easing) ) {
+			me.element.css({opacity:1}).slideDown({
+				duration: me.options.animationDuration,
+				easing: me.options.animation.split(/[ ,]+/)[0]
+			});
+		}
+		else {
+			$me.show();
+			$me.addClass('-mx-start');
+		}
+	}
+
+	Modal.prototype.close = function() {
+		var me  = this;
+		var $me = $(me.element);
+
+		if( me.options.enabled === true && me.state !== 'closed' ) {
+
+			me.state = 'out';
+
+			if( me.options.beforeClose != 'undefined' && (typeof me.options.beforeClose === 'object' || typeof me.options.beforeClose === 'function' ))
+			{
+				
+				try {
+					var deferred = me.options.beforeClose.call( $me );
+					deferred
+						.done(function(){
+							me._close();
+						})
+						.fail(function(){
+							me._closeShader();
+							$me.trigger('ifNotClosed.' + me.name);
+							$me.trigger('ifClosedOrNot.' + me.name);
+							me.state = 'opened';
+						})
+				} catch( e ) {
+					me._close();
+				}
+				
+			}
+			else {
+				me._close();
+			}
+		}
+	}
+
+	Modal.prototype._close = function() {
+		var me  = this;
+		var $me = $(me.element);
+
+		me._closeShader();
+		if( me.state === 'out' ) {
+			
+			if( me.options.animation === null )
+				me.element.hide();
+			else {
+				me._closeAnimation();
+			}
+			me.state = 'closed';
+
+			$me.trigger('close');	
+		}
+		
+		$me.trigger('ifClosedOrNot.' + me.name);
+	}
+
+	Modal.prototype._closeAnimation = function() {
+		var me  = this;
+		var $me = $(me.element);
+
+		$('html').removeClass( '-mx-shader' );
+
+		if( $.easing !== 'undefined' && (me.options.animation.split(/[ ,]+/)[1] in $.easing || me.options.animation.split(/[ ,]+/)[0] in $.easing) ) {
+			$me.slideUp({
+				duration: me.options.animationDuration,
+				easing: me.options.animation.split(/[ ,]+/)[1] !== 'undefined' ? me.options.animation.split(/[ ,]+/)[1] : me.options.animation
+			});
+		}
+		else {
+			$me.removeClass('-mx-start');
+			$me.hide();
+		}
+	}
+
+	Modal.prototype._openShader = function() {
+		var me  = this
+		,	$me = $(me.element);
+
+		if( $.shader === undefined ) {
+			$.shader = $('<div class="' + me.options.shaderClass + '"></div>');
+			$('body').append( $.shader );
+		}
+
+		if( me.options.animation !== null || me.options.animation !== undefined )
+			$.shader.fadeIn(150);
+		else
+			$.shader.css({ opacity: 1 }).show();
+
+	}
+
+	Modal.prototype._closeShader = function() {
+		var me  = this
+		,	$me = $(me.element);
+
+		if( $.shader === undefined ) {
+			$.shader = '<div class="' + me.options.shaderClass + '"></div>';
+			$(document).append( $.shader );
+		}
+
+		if( me.options.animation !== null || me.options.animation !== undefined )
+			$.shader.fadeOut(350);
+		else
+			$.shader.css({ opacity: 0 }).hide();
+
+	}
+
+	$.fn[_name] = function( options_ ) {
+		return this.each(function() {
+			if( ! $.data( this, 'kit-' + _name ) ) {
+				$.data( this, 'kit-' + _name, new Modal( this, options_ ) );
+			}
+			else {
+				typeof options_ === 'object' ? $.data( this, 'kit-' + _name )._setOptions( options_ ) :
+					typeof options_ === 'string' && options_.charAt(0) !== '_' ? $.data( this, 'kit-' + _name )[ options_ ] : $.error( 'What do you want to do?' );
+			}
+		});
+	}
+
+})( jQuery, window, document );

data/vendor/assets/javascript/maxmertkit.notify.js

@@ -0,0 +1,186 @@
+;(function ( $, window, document, undefined ) {
+
+	var _name = 'notify'
+	,	_defaults = {
+			enabled: true
+		,	theme: 'dark'
+
+		,	template: '<div class="-notify-container js-notify-container"></div>'
+		,	templateNotify: '<div class="-notify -mx-releaseIn _bottom_"></div>'
+		,	templateNotifyHeader: '<div class="-notify-header"></div>'
+		,	templateNotifyContent: '<div class="-notify-content"></div>'
+		,	templateCloser: '<div class="-notify-closeAll -label -dark-">close all <i class="-icon-remove-circle -icon-light-"></i></div>'
+		}
+
+	Notify = function(message, options) {
+		var me = this;
+
+		if( this.state === 'uninitialized' ) {
+			this.name = _name;
+			this._id = 0;
+			this.notifications = [];
+			this.archive = [];
+
+			this.options = options === undefined ? 
+								$.extend({}, _defaults, message) :
+								$.extend({}, _defaults, options);
+
+			this.$element = $('<div class="-notify-container js-notify-container"></div>');
+			$('body').append( this.$element );
+			this.closer = $(this.options.templateCloser)//$element.find('.-notify-closeAll');
+			
+			this.closer.on('click', function( event_ ){
+				var i = 0;
+				while( me.notifications.length !== 0 ){
+					clearTimeout( me.notifications[i].timer );
+					me.notifyClose( me.notifications[i] );
+				}
+			});
+
+			this.$element.append( this.closer );
+		}
+		
+		typeof options === 'object' && this._setOptions( options );
+		typeof message === 'string' && this.notify( message, options );
+		// options === undefined && this.showNotificationCenter();
+		
+	}
+
+	Notify.prototype = new $.kit();
+	Notify.prototype.constructor = Notify;
+
+
+	Notify.prototype.__setOption = function( key_, value_ ) {
+		var me  = this;
+		var $me = me.$element;
+
+		switch( key_ ) {
+			case 'theme':
+				$me.removeClass( '-' + me.options.theme + '-' );
+				$me.addClass( '-' + value_ + '-' )
+			break;
+
+			case 'enabled':
+				value_ === true ? $me.removeClass( '-disabled-' ) : $me.addClass( '-disabled-' );
+			break;
+
+
+		}
+
+		me.options[ key_ ] = value_;
+	}
+
+	Notify.prototype.notify = function( message_, options_ ) {
+		var me  = this
+		,	$me = me.$element
+		,	notification = {}
+		,	header;
+		
+		notification.$element = $( me.options.templateNotify );
+		notification._id = me._id++;
+		notification.$element.attr('id', 'notification' + notification._id );
+		notification.$element.css('z-index', 10*notification._id );
+
+		options_ && $.each( options_, function( key_, value_ ) {
+			switch( key_ ) {
+				case 'header':
+					notification.header = $( me.options.templateNotifyHeader ).append( value_ );
+				break;
+
+				case 'theme':
+					notification.theme && notification.$element.removeClass( notification.theme );
+					notification.$element.addClass( '-' + value_ + '-' );
+					notification.theme = value_;
+				break;
+
+				case 'type':
+					notification.type = value_;
+				break;
+			}
+		});
+
+		if (notification.type === undefined) notification.type = 4000;
+		notification.content = $( me.options.templateNotifyContent ).append( message_ );
+
+		notification.header !== undefined && typeof notification.type !== 'number' && notification.header.append('<i class="-closer">&times;</i>');
+		
+		notification.$element.append( notification.header !== undefined && notification.header, notification.content );
+
+		me.notifyShow( notification );
+	}
+
+	Notify.prototype.notifyShow = function( notification_ ) {
+		var me  = this
+		,	$me = me.$element;
+
+		notification_.$element.on( 'click', function( event_ ) {
+			$(event_.target).hasClass('-closer') && me.notifyClose( notification_ );
+		});
+
+		me.notifications.push( notification_ );
+		$me.append( notification_.$element );
+		setTimeout(function(){ notification_.$element.addClass('-mx-start'); },1);
+
+		me.notifications.length > 1 && me.closer.fadeIn();
+		
+		if( typeof notification_.type === 'number' ) {
+			me.notifyTimerClose( notification_ );
+			
+			notification_.$element.on( 'mouseenter', function( event_ ) {
+				clearTimeout( notification_.timer );
+			});
+			
+			notification_.$element.on( 'mouseleave', function( event_ ) {
+				me.notifyTimerClose( notification_ );
+			});
+		}
+	}
+
+	Notify.prototype.notifyTimerClose = function( notification_ ) {
+		var me  = this
+		,	$me = me.$element;
+
+		notification_.timer = setTimeout(function(){
+			me.notifyClose( notification_ );
+		}, notification_.type);
+	}
+
+	Notify.prototype.notifyClose = function( notification_ ) {
+		var me  = this
+		,	$me = me.$element;
+
+		$me.find('#notification'+notification_._id).animate({opacity:0}, function(){
+			$(this).slideUp( function(){
+				$(this).remove()
+			} )
+		});
+
+		me.removeNotifyInstance( notification_ ) && me.notifications.length <= 1 && me.closer.fadeOut();
+	}
+
+	Notify.prototype.removeNotifyInstance = function( notification_ ) {
+		var me  = this
+		,	$me = me.$element
+		,	i = 0;
+
+		while( me.notifications[i]._id !== notification_._id && i < me.notifications.length ) i++;
+
+		if( me.notifications[i]._id === notification_._id ) {
+			me.archive.push( me.notifications[i] );
+			me.notifications.splice( i, 1 );
+		}
+
+		return true;
+	}
+
+	$[_name] = function( message_, options_ ) {
+		
+			if( ! $('body').data( 'kit-' + _name ) ) {
+				$('body').data( 'kit-' + _name, new Notify( message_, options_ ) );
+			}
+			else {
+				options_ === undefined && typeof message_ === 'string' ? $('body').data( 'kit-' + _name).init( message_ ) : $('body').data( 'kit-' + _name).notify( message_, options_ );
+			}
+	}
+
+})( jQuery, window, document );