shaba/awx
1
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2024-11-01 16:51:11 +03:00
Code Releases Activity

Highlight active management job when editing notification

Browse Source
This commit is contained in:
Michael Abashian 2016-06-14 15:13:27 -04:00
parent 6ddd692406
commit 999aac007a
2 changed files with 25 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
awx/ui/client/src/management-jobs/card/card.controller.js
View File

@ -35,6 +35,11 @@ export default
parent_scope = scope;
scope.cleanupJob = true;
// This handles the case where the user refreshes the management job notifications page.
if($state.current.name === 'managementJobsList.notifications') {
$scope.activeCard = parseInt($state.params.management_id);
$scope.cardAction = "notifications";
}
// Cancel
scope.cancelConfigure = function () {
@ -263,5 +268,23 @@ export default
parent_scope.refreshJobs = function(){
scope.search(SchedulesList.iterator);
};
var cleanUpStateChangeListener = $rootScope.$on('$stateChangeSuccess', function(event, toState, toParams) {
if(toState.name === "managementJobsList") {
// We are on the management job list view - nothing needs to be highlighted
delete $scope.activeCard;
delete $scope.cardAction;
}
else if(toState.name === "managementJobsList.notifications") {
// We are on the notifications view - update the active card and the action
$scope.activeCard = parseInt(toParams.management_id);
$scope.cardAction = "notifications";
}
});
// Remove the listener when the scope is destroyed to avoid a memory leak
$scope.$on('$destroy', function() {
cleanUpStateChangeListener();
});
}
];

4
awx/ui/client/src/management-jobs/card/card.partial.html
View File

@ -10,7 +10,7 @@
</div>
<div class="MgmtCards">
<div class="MgmtCards-card"
ng-repeat="card in mgmtCards track by card.id">
ng-repeat="card in mgmtCards track by card.id" ng-class="{'MgmtCards-card--selected': activeCard === card.id}">
<!-- Begin Card Header -->
<div class="MgmtCards-header">
<h3 class="MgmtCards-label"> {{ card.name }}</h3>
@ -27,7 +27,7 @@
</button>
<button class="MgmtCards-actionItem List-actionButton"
ng-click='goToNotifications(card, card.id)'
data-placement="top" aw-tool-tip="Configure Notifications" data-original-title="" title="">
data-placement="top" aw-tool-tip="Configure Notifications" data-original-title="" title="" ng-class="{'List-editButton--selected': activeCard === card.id && cardAction === 'notifications'}">
<i class="MgmtCards-actionItemIcon fa fa-bell-o"></i>
</button>
</div>