chore(tab): split template to separate file

mgcrea · Jan 23, 2014 · 1ba73ba · 1ba73ba
1 parent 51b864a
commit 1ba73ba
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 12 deletions.
diff --git a/src/tab/tab.js b/src/tab/tab.js
@@ -6,24 +6,13 @@ angular.module('mgcrea.ngStrap.tab', [])
 
     $templateCache.put('$pane', '{{pane.content}}');
 
-    var template = '<ul class="nav nav-tabs">' +
-      '<li ng-repeat="pane in panes" ng-class="{active:$index==active}">' +
-        '<a data-toggle="tab" ng-click="setActive($index, $event)" data-index="{{$index}}">{{pane.title}}</a>' +
-      '</li>' +
-    '</ul>' +
-    '<div class="tab-content">' +
-      '<div ng-repeat="pane in panes" class="tab-pane" ng-class="[$index==active?\'active\':\'\']" ng-include="pane.template || \'$pane\'"></div>' +
-    '</div>';
-
-    $templateCache.put('$tabs', template);
-
   })
 
   .provider('$tab', function() {
 
     var defaults = this.defaults = {
       animation: 'animation-fade',
-      template: '$tabs'
+      template: 'tab/tab.tpl.html'
     };
 
     this.$get = function() {

diff --git a/src/tab/tab.tpl.html b/src/tab/tab.tpl.html
@@ -0,0 +1,8 @@
+<ul class="nav nav-tabs">
+  <li ng-repeat="pane in panes" ng-class="{active: $index == active}">
+    <a data-toggle="tab" ng-click="setActive($index, $event)" data-index="{{$index}}">{{pane.title}}</a>
+  </li>
+</ul>
+<div class="tab-content">
+  <div ng-repeat="pane in panes" class="tab-pane" ng-class="[$index == active ? 'active' : '']" ng-include="pane.template || '$pane'"></div>
+</div>