mirror of
https://github.com/ansible/awx.git
synced 2026-05-23 08:37:48 -02:30
disabled the buttons on system tracking page from being clickable
This commit is contained in:
@@ -18,7 +18,7 @@
|
|||||||
@media screen and (max-width: 750px) {
|
@media screen and (max-width: 750px) {
|
||||||
flex-basis: 50%;
|
flex-basis: 50%;
|
||||||
}
|
}
|
||||||
&--isActive, &:active, &:focus {
|
&:active, &:focus {
|
||||||
// copied from bootstrap's .btn:focus
|
// copied from bootstrap's .btn:focus
|
||||||
background-color: @enabled-item-background;
|
background-color: @enabled-item-background;
|
||||||
border-color: @enabled-item-border;
|
border-color: @enabled-item-border;
|
||||||
@@ -26,4 +26,20 @@
|
|||||||
z-index: 2;
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -136,22 +136,31 @@ function controller($rootScope,
|
|||||||
}
|
}
|
||||||
|
|
||||||
$scope.setActiveModule = function(newModuleName, initialData) {
|
$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) {
|
var newModule = _.find($scope.modules, function(module) {
|
||||||
return module.name === newModuleName;
|
return module.name === newModuleName;
|
||||||
});
|
});
|
||||||
|
|
||||||
$scope.modules.forEach(function(module) {
|
if (!isAlreadyActive) {
|
||||||
module.isActive = false;
|
$scope.modules.forEach(function(module) {
|
||||||
});
|
module.isActive = false;
|
||||||
|
});
|
||||||
|
|
||||||
newModule.isActive = true;
|
newModule.isActive = true;
|
||||||
|
|
||||||
$location.replace();
|
$location.replace();
|
||||||
$location.search('module', newModuleName);
|
$location.search('module', newModuleName);
|
||||||
|
|
||||||
reloadData({ module: newModule
|
reloadData({ module: newModule
|
||||||
}, initialData).value();
|
}, initialData).value();
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
function dateWatcher(dateProperty) {
|
function dateWatcher(dateProperty) {
|
||||||
|
|||||||
@@ -21,7 +21,7 @@
|
|||||||
ng-class="{ 'btn': true,
|
ng-class="{ 'btn': true,
|
||||||
'btn-default': true,
|
'btn-default': true,
|
||||||
'FactModuleFilter-module': true,
|
'FactModuleFilter-module': true,
|
||||||
'FactModuleFilter-module--isActive': module.isActive,
|
'is-active': module.isActive,
|
||||||
}"
|
}"
|
||||||
ng-click="setActiveModule(module.name)"
|
ng-click="setActiveModule(module.name)"
|
||||||
ng-repeat="module in modules | orderBy: 'sortKey'">
|
ng-repeat="module in modules | orderBy: 'sortKey'">
|
||||||
|
|||||||
Reference in New Issue
Block a user