better handle tab selection

Especially when data regarding the current tab may not be available at link time

Author: stakach

fancy-tab.js

@@ -17,12 +17,15 @@
                 restrict: 'E',
                 transclude: true,
                 scope: {
-                    current: '=?'
+                    current: '=?',
+                    autoSelect: '=?'
                 },
                 controller: ['$scope', '$element', function($scope, $element) {
                     var panes = $scope.panes = [],
                         selected;
 
+                    $scope.autoSelect = $scope.autoSelect === undefined ? true : $scope.autoSelect;
+
                     $scope.select = function(pane) {
                         selected = pane;
                         angular.forEach(panes, function(pane) {
@@ -33,15 +36,16 @@
                     }
 
                     this.addPane = function(pane) {
-                        if (panes.length == 0)
+                        if (panes.length == 0 && $scope.autoSelect || 
+                            (pane.name || pane.title) === $scope.current)
                             $scope.select(pane);
 
                         panes.push(pane);
                     }
 
                     // Allow for programmatic tab selection
                     $scope.$watch('current', function (val) {
-                        if (val !== (selected.name || selected.title)) {
+                        if (val && (selected === undefined || val !== (selected.name || selected.title))) {
                             angular.forEach(panes, function(pane) {
                                 if (val === (selected.name || selected.title)) {
                                     pane.selected = true;