disabled the buttons on system tracking page from being clickable

This commit is contained in:
John Mitchell
2015-06-16 16:15:59 -04:00
parent 09f817c07c
commit 9238d8b55d
3 changed files with 35 additions and 10 deletions

View File

@@ -18,7 +18,7 @@
@media screen and (max-width: 750px) {
flex-basis: 50%;
}
&--isActive, &:active, &:focus {
&:active, &:focus {
// copied from bootstrap's .btn:focus
background-color: @enabled-item-background;
border-color: @enabled-item-border;
@@ -26,4 +26,20 @@
z-index: 2;
}
}
&-module.is-active {
cursor: default;
background-color: @enabled-item-background;
border-color: @enabled-item-border;
color: @enabled-item-text;
z-index: 2;
&:active, &:focus {
box-shadow: none;
}
&:hover {
background-color: @enabled-item-background;
}
}
}

View File

@@ -136,22 +136,31 @@ function controller($rootScope,
}
$scope.setActiveModule = function(newModuleName, initialData) {
var isAlreadyActive = false;
for (var i in $scope.modules) {
if ($scope.modules[i].name === newModuleName &&
$scope.modules[i].isActive) {
isAlreadyActive = true;
}
}
var newModule = _.find($scope.modules, function(module) {
return module.name === newModuleName;
});
$scope.modules.forEach(function(module) {
module.isActive = false;
});
if (!isAlreadyActive) {
$scope.modules.forEach(function(module) {
module.isActive = false;
});
newModule.isActive = true;
newModule.isActive = true;
$location.replace();
$location.search('module', newModuleName);
$location.replace();
$location.search('module', newModuleName);
reloadData({ module: newModule
}, initialData).value();
reloadData({ module: newModule
}, initialData).value();
}
};
function dateWatcher(dateProperty) {

View File

@@ -21,7 +21,7 @@
ng-class="{ 'btn': true,
'btn-default': true,
'FactModuleFilter-module': true,
'FactModuleFilter-module--isActive': module.isActive,
'is-active': module.isActive,
}"
ng-click="setActiveModule(module.name)"
ng-repeat="module in modules | orderBy: 'sortKey'">