Add RDash directives

beeman · beeman · commit 78e5393bb770 · 2015-02-10T03:34:11.000+01:00
diff --git a/client/app/modules/core/directives/widget-body.js b/client/app/modules/core/directives/widget-body.js
@@ -0,0 +1,16 @@
+'use strict';
+
+var app = angular.module('com.module.core');
+
+app.directive('rdWidgetBody', function () {
+  return {
+    requires: '^rdWidget',
+    scope: {
+      loading: '@?',
+      classes: '@?'
+    },
+    transclude: true,
+    template: '<div class="widget-body" ng-class="classes"><rd-loading ng-show="loading"></rd-loading><div ng-hide="loading" class="widget-content" ng-transclude></div></div>',
+    restrict: 'E'
+  };
+});
diff --git a/client/app/modules/core/directives/widget-footer.js b/client/app/modules/core/directives/widget-footer.js
@@ -0,0 +1,13 @@
+'use strict';
+
+var app = angular.module('com.module.core');
+
+app.directive('rdWidgetFooter', function () {
+  return {
+    requires: '^rdWidget',
+    transclude: true,
+    template: '<div class="widget-footer" ng-transclude></div>',
+    restrict: 'E'
+  };
+});
+
diff --git a/client/app/modules/core/directives/widget-header.js b/client/app/modules/core/directives/widget-header.js
@@ -0,0 +1,16 @@
+'use strict';
+
+var app = angular.module('com.module.core');
+
+app.directive('rdWidgetHeader', function () {
+  return {
+    requires: '^rdWidget',
+    scope: {
+      title: '@',
+      icon: '@'
+    },
+    transclude: true,
+    template: '<div class="widget-header"><i class="fa" ng-class="icon"></i> {{title}} <div class="pull-right" ng-transclude></div></div>',
+    restrict: 'E'
+  };
+});
diff --git a/client/app/modules/core/directives/widget.js b/client/app/modules/core/directives/widget.js
@@ -0,0 +1,11 @@
+'use strict';
+
+var app = angular.module('com.module.core');
+
+app.directive('rdWidget', function () {
+  return {
+    transclude: true,
+    template: '<div class="widget" ng-transclude></div>',
+    restrict: 'EA'
+  };
+});
