summaryrefslogtreecommitdiffstats
path: root/js/vendor/angular-ui/modules/directives/showhide/showhide.js
diff options
context:
space:
mode:
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');
+ }
+ });
+ };
+}]);