Skip to content
Snippets Groups Projects
Commit 52f53559 authored by Jeffrey Phillips Freeman's avatar Jeffrey Phillips Freeman :boom:
Browse files

Made the analyzer navigation information into a service to ensure the tab is...

Made the analyzer navigation information into a service to ensure the tab is always insync with the current view.
parent fc88c663
No related branches found
No related tags found
No related merge requests found
......@@ -71,6 +71,7 @@
<script src="js/app.js"></script>
<script src="js/services/user.js"></script>
<script src="js/services/analyzerNav.js"></script>
<script src="js/controllers/header.js"></script>
<script src="js/controllers/home.js"></script>
<script src="js/controllers/uppercase.js"></script>
......
app.controller('analyzer.configure', ['$scope', function ($scope) {
app.controller('analyzer.configure', ['$scope', 'analyzerNav', function ($scope, analyzerNav) {
analyzerNav.navSelected = "configure";
}]);
app.controller('analyzer.dataModel', ['$scope', function ($scope) {
app.controller('analyzer.dataModel', ['$scope', 'analyzerNav', function ($scope, analyzerNav) {
analyzerNav.navSelected = "dataModel";
$scope.datapoints = [
{
"key": "educationMax",
......
app.controller('analyzer.datastore', ['$scope', function ($scope) {
app.controller('analyzer.datastore', ['$scope', 'analyzerNav', function ($scope, analyzerNav) {
analyzerNav.navSelected = "datastore";
}]);
app.controller('analyzer.endpoints', ['$scope', function ($scope) {
app.controller('analyzer.endpoints', ['$scope', 'analyzerNav', function ($scope, analyzerNav) {
analyzerNav.navSelected = "endpoints";
}]);
app.controller('analyzer.fitness', ['$scope', function ($scope) {
app.controller('analyzer.fitness', ['$scope', 'analyzerNav', function ($scope, analyzerNav) {
analyzerNav.navSelected = "fitness";
}]);
app.controller('analyzer.insights', ['$scope', function ($scope) {
app.controller('analyzer.insights', ['$scope', 'analyzerNav', function ($scope, analyzerNav) {
analyzerNav.navSelected = "insights";
}]);
app.controller('analyzer', ['$scope', function ($scope) {
$scope.navSelected = "dataModel";
$scope.selectNav = function(newNav) {
$scope.navSelected = newNav;
};
app.controller('analyzer', ['$scope', 'analyzerNav', function ($scope, analyzerNav) {
$scope.analyzerNav = analyzerNav;
}]);
app.controller('analyzer.statistics', ['$scope', function ($scope) {
app.controller('analyzer.statistics', ['$scope', 'analyzerNav', function ($scope, analyzerNav) {
analyzerNav.navSelected = "statistics";
}]);
app.controller('analyzer.traffic', ['$scope', function ($scope) {
app.controller('analyzer.traffic', ['$scope', 'analyzerNav', function ($scope, analyzerNav) {
analyzerNav.navSelected = "traffic";
}]);
app.factory('analyzerNav', function() {
return {
"navSelected": "dataModel"
};
});
......@@ -27,27 +27,27 @@
<div class="analyzer-nav">
<nav role="navigation">
<ul class="analyzer-nav-group">
<li class="analyzer-nav-item" ng-class="{selected: navSelected == 'dataModel'}">
<a ng-click="selectNav('dataModel')" ui-sref="analyzer.dataModel">
<li class="analyzer-nav-item" ng-class="{selected: analyzerNav.navSelected == 'dataModel'}">
<a ui-sref="analyzer.dataModel">
<span class="analyzer-data-model-icon"></span> Data model
</a>
</li>
<li class="analyzer-nav-item" ng-class="{selected: navSelected == 'datastore'}">
<a ng-click="selectNav('datastore')" ui-sref="analyzer.datastore">
<li class="analyzer-nav-item" ng-class="{selected: analyzerNav.navSelected == 'datastore'}">
<a ui-sref="analyzer.datastore">
<span class="analyzer-datastore-icon"></span> Datastore
</a>
</li>
<li class="analyzer-nav-item" ng-class="{selected: navSelected == 'fitness'}">
<a ng-click="selectNav('fitness')" ui-sref="analyzer.fitness">
<li class="analyzer-nav-item" ng-class="{selected: analyzerNav.navSelected == 'fitness'}">
<a ui-sref="analyzer.fitness">
<span class="analyzer-fitness-icon"></span> Fitness
<span class="counter">0</span>
</a>
</li>
<li class="analyzer-nav-item" ng-class="{selected: navSelected == 'endpoints'}">
<a ng-click="selectNav('endpoints')" ui-sref="analyzer.endpoints">
<li class="analyzer-nav-item" ng-class="{selected: analyzerNav.navSelected == 'endpoints'}">
<a ui-sref="analyzer.endpoints">
<span class="analyzer-endpoints-icon"></span> Endpoints
</a>
</li>
......@@ -56,21 +56,21 @@
<div class="analyzer-nav-separator"></div>
<ul class="analyzer-nav-group">
<li class="analyzer-nav-item" ng-class="{selected: navSelected == 'insights'}">
<a ng-click="selectNav('insights')" ui-sref="analyzer.insights">
<li class="analyzer-nav-item" ng-class="{selected: analyzerNav.navSelected == 'insights'}">
<a ui-sref="analyzer.insights">
<span class="analyzer-insights-icon"></span> Insights
<span class="counter">0</span>
</a>
</li>
<li class="analyzer-nav-item" ng-class="{selected: navSelected == 'traffic'}">
<a ng-click="selectNav('traffic')" ui-sref="analyzer.traffic">
<li class="analyzer-nav-item" ng-class="{selected: analyzerNav.navSelected == 'traffic'}">
<a ui-sref="analyzer.traffic">
<span class="analyzer-traffic-icon"></span> Traffic
</a>
</li>
<li class="analyzer-nav-item" ng-class="{selected: navSelected == 'statistics'}">
<a ng-click="selectNav('statistics')" ui-sref="analyzer.statistics">
<li class="analyzer-nav-item" ng-class="{selected: analyzerNav.navSelected == 'statistics'}">
<a ui-sref="analyzer.statistics">
<span class="analyzer-statistics-icon"></span> Statistics
</a>
</li>
......@@ -79,8 +79,8 @@
<div class="analyzer-nav-separator"></div>
<ul class="analyzer-nav-group">
<li class="analyzer-nav-item" ng-class="{selected: navSelected == 'configure'}">
<a ng-click="selectNav('configure')" ui-sref="analyzer.configure">
<li class="analyzer-nav-item" ng-class="{selected: analyzerNav.navSelected == 'configure'}">
<a ui-sref="analyzer.configure">
<span class="analyzer-configure-icon"></span> Configure
</a>
</li>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment