summaryrefslogtreecommitdiffstats
path: root/js/vendor/angular-ui/modules/directives/showhide/showhide.js
diff options
context:
space:
mode:
authorBernhard Posselt <nukeawhale@gmail.com>2013-09-09 15:57:10 +0200
committerBernhard Posselt <nukeawhale@gmail.com>2013-09-09 15:57:18 +0200
commit2824b43b7332e847810f042c4183ce95ee90e852 (patch)
tree9a10f31c8acbf01d72336d3d065f8c8fda4b83c5 /js/vendor/angular-ui/modules/directives/showhide/showhide.js
parentf0abeddd07fcf21e30c95d58885416ef40d65391 (diff)
use bower for managing deps
Diffstat (limited to 'js/vendor/angular-ui/modules/directives/showhide/showhide.js')
-rw-r--r--js/vendor/angular-ui/modules/directives/showhide/showhide.js60
1 files changed, 60 insertions, 0 deletions
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');
+ }
+ });
+ };
+}]);