d23adad7f6
With an updated eslint version and the addition of eslint-config-openstack and eslint-plugin-angular, there are several more stylistic guidelines to follow. However, this is what other OpenStack angular projects follow such as Horizon. Some notable changes are: * Wrapped javascript content in anonymous functions. This is a safeguard to keep the code from conflicting with other variables with the same name in other scripts on the same page. * Explicitly inject dependencies and have controllers, factories, etc as explicitly declared functions. * Use angular "controller as" syntax instead of assigning variables to $scope. * Added eslint rule that requires JSDoc for every function declaration. Note these are mainly stylistic changes and all the functionality of RefStack should remain the same. Change-Id: I044b1f473d589681a2ae9d2704700dd85687cbb6
54 lines
1.6 KiB
JavaScript
54 lines
1.6 KiB
JavaScript
/*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
(function () {
|
|
'use strict';
|
|
|
|
angular
|
|
.module('refstackApp')
|
|
.controller('HeaderController', HeaderController);
|
|
|
|
HeaderController.$inject = ['$location'];
|
|
|
|
/**
|
|
* Refstack Header Controller
|
|
* This controller is for the header template which contains the site
|
|
* navigation.
|
|
*/
|
|
function HeaderController($location) {
|
|
var ctrl = this;
|
|
|
|
ctrl.isActive = isActive;
|
|
|
|
/** Whether the Navbar is collapsed for small displays. */
|
|
ctrl.navbarCollapsed = true;
|
|
|
|
/**
|
|
* This determines whether a button should be in the active state based
|
|
* on the URL.
|
|
*/
|
|
function isActive(viewLocation) {
|
|
var path = $location.path().substr(0, viewLocation.length);
|
|
if (path === viewLocation) {
|
|
// Make sure "/" only matches when viewLocation is "/".
|
|
if (!($location.path().substr(0).length > 1 &&
|
|
viewLocation.length === 1 )) {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
}
|
|
})();
|