namespaced batarang's directives

js/directives/d3.js

@@ -1,6 +1,6 @@
 // D3 visualization
 // TODO: D3 as a service
-panelApp.directive('d3', function($compile, d3) {
+panelApp.directive('batD3', function (d3) {
   return {
     restrict: 'E',
     terminal: true,

js/directives/mtree.js

@@ -1,5 +1,5 @@
 // model tree
-panelApp.directive('mtree', function($compile) {
+panelApp.directive('batMtree', function($compile) {
   return {
     restrict: 'E',
     terminal: true,

js/directives/slider.js

@@ -1,5 +1,5 @@
 // range slider
-panelApp.directive('slider', function($compile) {
+panelApp.directive('batSlider', function($compile) {
   return {
     restrict: 'E',
     terminal: true,

js/directives/wtree.js

@@ -1,5 +1,5 @@
 // watchers tree
-panelApp.directive('wtree', function($compile) {
+panelApp.directive('batWtree', function($compile) {
   return {
     restrict: 'E',
     terminal: true,

panel.html

@@ -56,7 +56,7 @@
       <label for="select-root">Root <select id="select-root" ng-options="p.value as p.label for p in roots" ng-model="selectedRoot"></select></label>
     </div>
     <pre>
-      <mtree val="trees[selectedRoot]" inspect="inspect" edit="edit"></mtree>
+      <bat-mtree val="trees[selectedRoot]" inspect="inspect" edit="edit"></mtree>
     </pre>
   </div>
 
@@ -77,7 +77,7 @@
       <div class="span6">
         <h3>Watch Tree</h3>
         <div class="well well-top" style="height: 400px; overflow-y: auto;">
-          <wtree val="trees[selectedRoot]" inspect="inspect"></wtree>
+          <bat-wtree val="trees[selectedRoot]" inspect="inspect"></wtree>
         </div>
         <div class="well well-bottom">
           <label for="select-root" ng-class="{hidden: roots.length <= 1}">Root 
@@ -111,7 +111,7 @@
         <div class="well well-bottom">
           <form class="form-inline">
             <label>Filter expressions</label>
-            <slider minimum="min" maximum="max"></slider>
+            <bat-slider minimum="min" maximum="max"></slider>
           </form>
           <button class="btn btn-success" ng-click="exportData()"><i class="icon-download-alt icon-white"></i> Save Data as JSON</button>
           <button class="btn btn-danger" ng-click="clearHistogram()">Clear Data</button>