ngSubmit with $attempted directive

ng-submit.js

AppModule.directive('ngSubmit', function () {

	var thiz = this;

	thiz.submit = function (ev, scope, el, attr) {
		el.removeClass('shake');
		var frmController = scope[attr.name];
		frmController.$attempted = true; // can be used to provide visual feedback
		if (frmController.$invalid) {
			el.find('.ng-invalid')[0].focus();
			el.addClass('shake');
			scope.$apply();
		} else {
			el.off();
			el.append(progressElement);
			var promise = scope.$eval(attr.ngSubmit);

			if (promise && promise.then) {
				promise.then(function () {
					el.on('submit', function (ev) { thiz.submit(ev, scope, el, attr); });
				}, function () {
					el.on('submit', function (ev) { thiz.submit(ev, scope, el, attr); });
				});
			} else {
				el.on('submit', function (ev) { thiz.submit(ev, scope, el, attr); });
				console.error("No promise was returned in method: \n" + attr.ngSubmit);
			}

		}
	}

	return {
		restrict: 'A',
		priority: 1, // important, make sure this directive is applied after the angular one so we can tweak it
		compile: function (element, attributes, transclude) {
			return {
				post: function (scope, el, attr) {
					el.off(); // thanks to priority
					el.on('submit', function (ev) { thiz.submit(ev, scope, el, attr); });
				}
			};
		}
	};
});