// abstract state controller:

marble.controller('AnalyzerAbstractCtrl', ['$scope', '$stateParams', '$state', 'Restangular', 'variants',
                      function ($scope, $stateParams, $state, Restangular, variants) {
        $scope.variants = variants;

        $scope.deNovoClass = function () {
            console.log($state.current.name === 'analyzer_case_main.denovo');
            return $state.current.name === 'analyzer_case_main.denovo' ? true : false;
        };
        $scope.xLinkedClass = function () {
            return $state.current.name === 'analyzer_case_main.xlinked' ? true : false;
        };
        $scope.simpRecClass = function () {
            return $state.current.name === 'analyzer_case_main.simprec' ? true : false;
        };
        $scope.cmpHetClass = function () {
            return $state.current.name === 'analyzer_case_main.cmphet' ? true : false;
        };
        $scope.incidentalClass = function () {
            return $state.current.name === 'analyzer_case_main.incidental' ? true : false;
        };
        $scope.focusClass = function () {
            return $state.current.name === 'analyzer_case_main.focus' ? true : false;
        };
        $scope.sangerClass = function () {
            return $state.current.name === 'analyzer_case_main.sanger' ? true : false;
        };

        $scope.goToPage = function (page) {
            $state.go('^.' + page, $stateParams);
        };

    }]);

// abstract state template:
<ul class="nav nav-tabs">
    <li ng-class="{ 'active': deNovoClass() }"><a ng-click="goToPage('denovo')">DeNovo</a></li>
    <li ng-class="{ 'active': xLinkedClass() }"><a ng-click="goToPage('xlinked')">X-Linked</a></li>
    <li ng-class="{ 'active': simpRecClass() }"><a ng-click="goToPage('simprec')">Simp Rec</a></li>
    <li ng-class="{ 'active': cmpHetClass() }"><a ng-click="goToPage('cmphet')">Cmp Het</a></li>
    <li ng-class="{ 'active': incidentalClass() }"><a ng-click="goToPage('incidental')">Incidental Findings</a></li>
    <li ng-class="{ 'active': focusClass() }"><a ng-click="goToPage('focus')">Focus</a></li>
    <li ng-class="{ 'active': sangerClass() }"><a ng-click="goToPage('sanger')">Sanger Validation</a></li>
</ul>
<div class="tab-content">
    <div ng-class="{ 'active': deNovoClass() }" class="tab-pane" ui-view="denovo">Loading...</div>
    <div ng-class="{ 'active': xLinkedClass() }" class="tab-pane" ui-view="xlinked">Loading...</div>
    <div ng-class="{ 'active': simpRecClass() }" class="tab-pane" ui-view="simprec">Loading...</div>
    <div ng-class="{ 'active': cmpHetClass() }" class="tab-pane" ui-view="cmphet">Loading...</div>
    <div ng-class="{ 'active': incidentalClass() }" class="tab-pane" ui-view="incidental">Loading...</div>
    <div ng-class="{ 'active': focusClass() }" class="tab-pane" ui-view="focus">Loading...</div>
    <div ng-class="{ 'active': sangerClass() }" class="tab-pane" ui-view="sanger">Loading...</div>
</div>

// states.js :


                        .state('analyzer_case_main', {
                            abstract: true,
                            url: '/analyzer/cases/{caseID:[0-9]+}/',
                            resolve: {
                                variants: ['CaseVariants', '$stateParams', function (CaseVariants, $stateParams) {
                                    //CaseVariants.reset();
                                    //CaseVariants.getData($stateParams.caseID);
                                    return CaseVariants;
                                }],
                            },
                            views: {
                                '': {
                                    controller: 'AnalyzerAbstractCtrl',
                                    templateUrl: '/static/partials/analyzer/variants-view.html',
                                }
                            },
                        })
                        .state('analyzer_case_main.denovo', {
                            url: 'denovo',
                            views: {
                                'denovo' : {
                                    templateUrl: '/static/partials/analyzer/variants-denovo.html',
                                    controller: 'DeNovoCtrl',
                                }
                            }
                        })
                        .state('analyzer_case_main.xlinked', {
                            url: 'xlinked',
                            views: {
                                'xlinked' : {
                                    templateUrl: '/static/partials/analyzer/variants-xlinked.html',
                                    controller: 'XLinkedCtrl',
                                }
                            }
                        })
                        .state('analyzer_case_main.simprec', {
                            url: 'simprec',
                            views: {
                                'simprec' : {
                                    templateUrl: '/static/partials/analyzer/variants-simprec.html',
                                    controller: 'SimpRecCtrl',
                                }
                            }
                        })
                        .state('analyzer_case_main.cmphet', {
                            url: 'cmphet',
                            views: {
                                'cmphet' : {
                                    templateUrl: '/static/partials/analyzer/variants-cmphet.html',
                                    controller: 'CmpHetCtrl',
                                }
                            }
                        })
                        .state('analyzer_case_main.incidental', {
                            url: 'incidental',
                            views: {
                                'incidental' : {
                                    templateUrl: '/static/partials/analyzer/variants-incidental.html',
                                    controller: 'IncidentalCtrl',
                                }
                            }
                        })
                        .state('analyzer_case_main.focus', {
                            url: 'focus',
                            views: {
                                'focus' : {
                                    templateUrl: '/static/partials/analyzer/variants-focus.html',
                                    controller: 'FocusCtrl',
                                }
                            }
                        })
                        .state('analyzer_case_main.sanger', {
                            url: 'sanger',
                            views: {
                                'sanger' : {
                                    templateUrl: '/static/partials/analyzer/variants-sanger.html',
                                    controller: 'SangerCtrl',
                                }
                            }
                        })