Cleanup component communication

awx/ui/client/lib/components/panel/body.directive.js

@@ -1,9 +1,12 @@
 function atPanelBody (pathService) {
     return {
         restrict: 'E',
-        require: '^^atPanel',
+        replace: true,
         transclude: true,
         templateUrl: pathService.getPartialPath('components/panel/body'),
+        scope: {
+            state: '='
+        }
     };
 }
 

awx/ui/client/lib/components/panel/heading.directive.js

@@ -6,12 +6,10 @@ function atPanelHeading (pathService) {
     return {
         restrict: 'E',
         require: '^^atPanel',
+        replace: true,
         transclude: true,
         templateUrl: pathService.getPartialPath('components/panel/heading'),
-        link,
-        scope: {
-            config: '='
-        }
+        link
     };
 }
 

awx/ui/client/lib/components/panel/heading.partial.html

@@ -1,7 +1,7 @@
 <div class="row">
     <div class="col-xs-10">
         <h3 class="at-Panel-headingTitle">
-            {{ config.text }}
+            <ng-transclude></ng-transclude>
         </h3>
     </div>
     <div class="col-xs-2">

awx/ui/client/lib/components/panel/panel.directive.js

@@ -6,24 +6,25 @@ function dismiss ($state) {
     $state.go('^');
 }
 
-function controller ($state) {
+function AtPanelController ($state) {
     let vm = this;
 
     vm.dismiss = dismiss.bind(vm, $state);
     vm.use = use;
 }
 
-controller.$inject = ['$state'];
+AtPanelController.$inject = ['$state'];
 
 function atPanel (pathService) {
     return {
         restrict: 'E',
+        replace: true,
         transclude: true,
         templateUrl: pathService.getPartialPath('components/panel/panel'),
-        controller,
+        controller: AtPanelController,
         controllerAs: 'vm',
         scope: {
-            config: '='
+            state: '='
         }
     };
 }