From 2824b43b7332e847810f042c4183ce95ee90e852 Mon Sep 17 00:00:00 2001 From: Bernhard Posselt Date: Mon, 9 Sep 2013 15:57:10 +0200 Subject: use bower for managing deps --- .../modules/directives/showhide/showhide.js | 60 ++++++++++++++++++++++ 1 file changed, 60 insertions(+) create mode 100644 js/vendor/angular-ui/modules/directives/showhide/showhide.js (limited to 'js/vendor/angular-ui/modules/directives/showhide/showhide.js') diff --git a/js/vendor/angular-ui/modules/directives/showhide/showhide.js b/js/vendor/angular-ui/modules/directives/showhide/showhide.js new file mode 100644 index 000000000..eec5c395d --- /dev/null +++ b/js/vendor/angular-ui/modules/directives/showhide/showhide.js @@ -0,0 +1,60 @@ +/** + * uiShow Directive + * + * Adds a 'ui-show' class to the element instead of display:block + * Created to allow tighter control of CSS without bulkier directives + * + * @param expression {boolean} evaluated expression to determine if the class should be added + */ +angular.module('ui.directives').directive('uiShow', [function () { + return function (scope, elm, attrs) { + scope.$watch(attrs.uiShow, function (newVal, oldVal) { + if (newVal) { + elm.addClass('ui-show'); + } else { + elm.removeClass('ui-show'); + } + }); + }; +}]) + +/** + * uiHide Directive + * + * Adds a 'ui-hide' class to the element instead of display:block + * Created to allow tighter control of CSS without bulkier directives + * + * @param expression {boolean} evaluated expression to determine if the class should be added + */ + .directive('uiHide', [function () { + return function (scope, elm, attrs) { + scope.$watch(attrs.uiHide, function (newVal, oldVal) { + if (newVal) { + elm.addClass('ui-hide'); + } else { + elm.removeClass('ui-hide'); + } + }); + }; +}]) + +/** + * uiToggle Directive + * + * Adds a class 'ui-show' if true, and a 'ui-hide' if false to the element instead of display:block/display:none + * Created to allow tighter control of CSS without bulkier directives. This also allows you to override the + * default visibility of the element using either class. + * + * @param expression {boolean} evaluated expression to determine if the class should be added + */ + .directive('uiToggle', [function () { + return function (scope, elm, attrs) { + scope.$watch(attrs.uiToggle, function (newVal, oldVal) { + if (newVal) { + elm.removeClass('ui-hide').addClass('ui-show'); + } else { + elm.removeClass('ui-show').addClass('ui-hide'); + } + }); + }; +}]); -- cgit v1.2.3