Overlay Directive

gistfile1.txt

angular.module('app').directive('overlay', overlay);

function overlay () {
	return {
		restrict: 'E',
		transclude: true,
		scope: {active: '=', text: '='},
		template: '<div class="introjs-overlay" ng-show="active" ng-click="active = false;"></div>' +
			  '<div class="mock-intro" ng-show="active">' +
			      '<div class="mock-intro-text" ng-show="active">{{text}}</div>' +
			      '<div ng-transclude ng-show="active"></div>' +
			  '</div>' +
			  '<div ng-show="!active" ng-transclude></div>'
	};
}