Animation settings

AramManukyan · AramManukyan · commit efc303fab544 · 2015-10-30T22:24:14.000+04:00
Add animation effects to auth page validation
diff --git a/src/_main/main.js b/src/_main/main.js
@@ -107,3 +107,19 @@ NProgress.start();
 // end loading bar 
 NProgress.done();
 
+
+/***********************************************
+*        Animation Settings
+***********************************************/
+
+function setAnimation(options) {
+	var animationName = "animated " + options.name;
+	var animationEnd = "webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend";
+	$(options.selector)
+	.addClass(animationName)
+	.one(animationEnd, 
+		function(){
+			$(this).removeClass(animationName);
+		}
+	);
+}
diff --git a/src/app/_common/header/nav/nav.js b/src/app/_common/header/nav/nav.js
@@ -1,13 +1,10 @@
-$('.nav-profile > li > a').on('click', function() {
+$(function() {
+	$('.nav-profile > li > a').on('click', function() {
 
-	var animationName = "animated flipInX";
-	var animationEnd = "webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend";
-
-	$(this).next()
-	.addClass(animationName)
-	.one(animationEnd, 
-		function(){
-			$(this).removeClass(animationName);
-		}
-	);
-});
+		var $el = $(this).next();
+		setAnimation({
+			name: 'flipInX',
+			selector: $el
+		});
+	});
+})
diff --git a/src/auth/auth.js b/src/auth/auth.js
@@ -0,0 +1,6 @@
+$(function() {
+	setAnimation({
+		name: 'pulse',
+		selector: '.auth-container > .panel'
+	});
+})
diff --git a/src/auth/context.js b/src/auth/context.js
diff --git a/src/auth/login/login.js b/src/auth/login/login.js
@@ -20,7 +20,13 @@ $(function() {
 	        },
 	        password:  "Please enter password",
 	        agree: "Please accept our policy"
-	    }
+	    },
+	    invalidHandler: function() {
+			setAnimation({
+				name: 'shake',
+				selector: '.auth-container > .panel'
+			});
+		}
 	}
 
 	$.extend(loginValidationSettings, validationDefaultSettings);
diff --git a/src/auth/reset/reset.js b/src/auth/reset/reset.js
@@ -16,7 +16,13 @@ $(function() {
 	            required: "Please enter email address",
 	            email: "Please enter a valid email address"
 	        }
-	    }
+	    },
+	    invalidHandler: function() {
+			setAnimation({
+				name: 'shake',
+				selector: '.auth-container > .panel'
+			});
+		}
 	}
 
 	$.extend(resetValidationSettings, validationDefaultSettings);
diff --git a/src/auth/signup/signup.js b/src/auth/signup/signup.js
@@ -73,7 +73,13 @@ $(function() {
 	        	minlength: "Passwords should be at least 8 characters."
 	        },
 	        agree: "Please accept our policy"
-	    }
+	    },
+	    invalidHandler: function() {
+			setAnimation({
+				name: 'shake',
+				selector: '.auth-container > .panel'
+			});
+		}
 	}
 
 	$.extend(signupValidationSettings, validationDefaultSettings);

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,13 @@ $(function() {`
`16`	`16`	`required: "Please enter email address",`
`17`	`17`	`email: "Please enter a valid email address"`
`18`	`18`	`}`
`19`		`- }`
	`19`	`+ },`
	`20`	`+ invalidHandler: function() {`
	`21`	`+ setAnimation({`
	`22`	`+ name: 'shake',`
	`23`	`+ selector: '.auth-container > .panel'`
	`24`	`+ });`
	`25`	`+ }`
`20`	`26`	`}`
`21`	`27`
`22`	`28`	`$.extend(resetValidationSettings, validationDefaultSettings);`