From 0cbed02cfec479827b2f3dd18fc229c4d4c42dff Mon Sep 17 00:00:00 2001
From: Tim Otten <totten@civicrm.org>
Date: Wed, 29 Oct 2014 20:51:14 -0700
Subject: [PATCH] CRM-15578 - crmUiAccordion - Basic implementation

---
 js/angular-crm-ui.js | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/js/angular-crm-ui.js b/js/angular-crm-ui.js
index 502db37919..571f56a699 100644
--- a/js/angular-crm-ui.js
+++ b/js/angular-crm-ui.js
@@ -4,15 +4,21 @@
 
   angular.module('crmUi', [])
 
-    // example <div crm-ui-accordion crm-title="ts('My Title')">...content...</div>
+    // example <div crm-ui-accordion crm-title="ts('My Title')" crm-collapsed="true">...content...</div>
+    // WISHLIST: crmCollapsed should support two-way/continous binding
     .directive('crmUiAccordion', function() {
       return {
         scope: {
-          crmTitle: '@'
+          crmTitle: '@',
+          crmCollapsed: '@'
         },
-        template: '<div><b>(Accordion: {{$parent.$eval(crmTitle)}})</b><span ng-transclude/></div>',
+        template: '<div class="crm-accordion-wrapper" ng-class="cssClasses"><div class="crm-accordion-header">{{$parent.$eval(crmTitle)}}</div><div class="crm-accordion-body" ng-transclude></div></div>',
         transclude: true,
-        link: function (scope, element, attrs) {}
+        link: function (scope, element, attrs) {
+          scope.cssClasses = {
+            collapsed: scope.$parent.$eval(attrs.crmCollapsed)
+          };
+        }
       };
     })
 
-- 
2.25.1