External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-13 11:00:03 -03:30
Code Issues Packages Projects Releases Wiki Activity

Tweaked several inventory manage breadcrumbs per UX feedback

Browse Source
This commit is contained in:
Michael Abashian 2016-06-13 11:47:41 -04:00
parent 850455efe0
commit 2d3fec2cf2
5 changed files with 20 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
awx/ui/client/src/inventories/manage/breadcrumbs/breadcrumbs.controller.js
View File

@ -12,12 +12,12 @@ export default
return (index === -1) ? $stateParams.group.length : index;
});
$scope.inventory = inventoryData;
$scope.state = $state;
// slices the group stack at $index to supply new group params to $state.go()
$scope.goToGroup = function($index){
var group = $stateParams.group.slice(0, $index);
$state.go('inventoryManage', {group: group}, {reload: true});
};
$scope.state = $state;
$scope.isRootState = function(){
return $state.current.name === 'inventoryManage';
};

5
awx/ui/client/src/inventories/manage/breadcrumbs/breadcrumbs.partial.html
View File

@ -1,7 +1,10 @@
<div class="BreadCrumb InventoryManageBreadCrumbs">
<ol class="BreadCrumb-list">
<li class="BreadCrumb-item"><a ui-sref="inventories">Inventories</a></li>
<li href class="BreadCrumb-item"><a href ng-click="goToInventory()">Manage {{inventory.name}}</a></li>
<li href class="BreadCrumb-item">
<a href ng-if="!isRootState() || groups.length > 0" ng-click="goToInventory()">{{inventory.name}}</a>
<span ng-if="isRootState() && groups.length === 0">{{inventory.name}}</span>
</li>
<!-- inside inventoryManage list view (last item is not clickable) -->
<span ng-if="isRootState()">
<li class="BreadCrumb-item"></li>

4
awx/ui/client/src/inventories/manage/groups/groups.route.js
View File

@ -11,7 +11,7 @@ var ManageGroupsEdit = {
name: 'inventoryManage.editGroup',
route: '/edit-group?group_id',
ncyBreadcrumb: {
label: "EDIT {{group.name}}"
label: "{{group.name}}"
},
data: {
mode: 'edit'
@ -36,7 +36,7 @@ var ManageGroupsAdd = {
route: '/add-group',
// use a query string to break regex search
ncyBreadcrumb: {
label: "ADD GROUP"
label: "CREATE GROUP"
},
data: {
mode: 'add'

4
awx/ui/client/src/inventories/manage/hosts/hosts.route.js
View File

@ -11,7 +11,7 @@ var ManageHostsEdit = {
name: 'inventoryManage.editHost',
route: '/edit-host?host_id',
ncyBreadcrumb: {
label: "EDIT {{host.name}}",
label: "{{host.name}}",
},
data: {
mode: 'edit'
@ -35,7 +35,7 @@ var ManageHostsAdd = {
route: '/add-host',
// use a query string to break regex search
ncyBreadcrumb: {
label: "ADD HOST"
label: "CREATE HOST"
},
data: {
mode: 'add'

16
awx/ui/client/src/scheduler/main.js
View File

@ -77,7 +77,7 @@ export default
});
$stateExtender.addState({
name: 'inventoryManage.schedules',
route: '/schedules/:id',
route: '/:id/schedules',
views: {
'form@inventoryManage': {
templateUrl: templateUrl("scheduler/scheduler"),
@ -85,19 +85,25 @@ export default
}
},
ncyBreadcrumb: {
label: "{{name}} SCHEDULES"
},
label: "SCHEDULES"
}
});
$stateExtender.addState({
name: 'inventoryManage.schedules.add',
route: '/add',
templateUrl: templateUrl("scheduler/schedulerForm"),
controller: 'schedulerAddController'
controller: 'schedulerAddController',
ncyBreadcrumb: {
label: "CREATE SCHEDULE"
}
});
$stateExtender.addState({
name: 'inventoryManage.schedules.edit',
route: '/:schedule_id',
templateUrl: templateUrl("scheduler/schedulerForm"),
controller: 'schedulerEditController'
controller: 'schedulerEditController',
ncyBreadcrumb: {
label: "{{schedule_obj.name}}"
}
});
}]);